UNITY 5 - MOTORES GRÁFICOS

     Un motor gráfico es una herramienta indispensable para la creación de vídeo juegos. Permite la creación, el diseño y la representación del juego.

     Sin un motor gráfico simplemente no se puede tener un vídeo juego. En esta práctica utilizamos UNITY 5, de los motores más completos y gratuitos, en este desarrollamos una parte de un juego para entender lo básico de la interfaz y lo sencillo que puede ser utilizarlo.

AURASMA - BLIPPAR (RA)

     Aurasma y Blippar son otras herramientas que nos permiten crear realidad aumentada. En ambas se eligió un marcador disparador (imagen) y el contenido con que se va asociar.

     Nuestro disparador es nuestro favicon y el contenido que se mostrará es un vídeo con un resumen de nuestras entradas al blog. 

AURASMA: 

BLIPPAR: 

   

LAYAR - REALIDAD AUMENTADA

     La Realidad Aumentada es un generador de capas de información virtual alineadas con la imagen del mundo real para lograr una sensación de integración, aclarando, no es lo mismo que la Realidad Virtual. 

     Un buen ejemplo de realidad aumentada es el oculus, los googles glass. En esta práctica utilizamos una aplicación llamada LAYAR, para entender la realidad aumentada. 

     La aplicación es muy fácil de utilizar, muy intuitiva, y te permite entender con facilidad de lo que es que se esta hablando. Sólo creamos una cuenta, agregamos una imagen en donde queramos añadirle ya sea imágenes, vídeos, enlaces y estos puedan ser escaneados desde tu móvil descargando la aplicación en el mismo. 

     Mi resultado fue el siguiente: 

-Desde el ordenador

-Desde el móvil

CREACIÓN DE APP - MOBINCUBE

     Mobincube es una herramienta gratuita que nos permite crear apps de manera sencilla. Mobincube cuenta con plantillas con diferentes temas dependiendo de lo que se tratará tu app, para los no expertos, pero para los expertos tienen la opción de comenzar desde cero.

     Al finalizar tu app te dará un enlace y un código QR para poder visualizarla. Al principio resulta un poco confuso crear el diseño deseado pero conforme le vas moviendo se vuelve más sencillo, sólo es cuestión de paciencia.

     Aqui les dejo el enlace de mi app de mi bar favorito y el QR se encuentra en la barra de los gadget.

                                 http://mobincube.mobi/HVAV7A

MOCKUPS

     Los Mockups son fotomontajes que nos permite visualizar de una manera profesional como se verá el trabajo dentro de la vida real. Facilita la comunicación entre diseñador y usuario.

     Existen diversos tipos de mockups:

- Libros 

- Publicidad exterior

- Revistas / catálagos 

- Sketches

- Dispositivos 

- Interfaces, entre otros. 

Existen diferentes herramientas que nos apoyan para realizar estos tipos de mockup. En esta ocasión utilizaremos Pidoco. Esta herramienta es muy sencilla de utilizar, ya que puedes añadir iconos, imágenes y demás cosas para poder crear tu mockup, si apenas vas iniciando.

     En esta práctica realizamos una interfaz sobre la semana cultural utilizando Pidoco, la mía a quedado de la siguiente forma. 

HERRAMIENTAS VIDEO Y AUDIO

     En estas prácticas exploramos youtube y soundation, la primera creadora de vídeos y la segunda una página web en donde puedes crear diferentes efectos de sonidos. 

     El objetivo era conocer un poco más de estas herramientas. Youtube como sabemos es de las páginas web más famosas para compartir y crear vídeos, lo que realizamos fue crear uno desde tu canal y resulto demasiado sencillo. Mi ejemplo se encuentra en un gadget de lado derecho. 

     Soundation contiene miles de sonidos gratuitos con el que puedes crear el tuyo de una manera súper sencilla, le das clic en studio y elijes los sonidos que más te gusten, los arrastras a la parte central de la página web y creas tu combinación, lo último que tienes que hacer es guardarlo y compartirlo. Mi ejemplo se encuentra en un gadget de lado derecho. 

Interfaz de soundation: 

BOOTSTRAP

     Bootstrap permite crear interfaces web con CSS y JavaScript, añadir funciones y cambiar los estilos de la página. 

     En esta práctica elegimos una plantilla desde Brootstrap y la guardamos para poderla modificar por medio de los archivos HTML, CSS y JavaScript.

     Yo elegí la platilla de Cover, que se ve así antes de hacerle modificaciones: 

     Las modificaciones que hice fueron el cambio de los textos; ¿Cómo lo hice?: Seleccione el texto, le di clic derecho- inspeccionar- copie la dirección que me dio- abrí el archivo HTML- edición- buscar- pegue la dirección y me manda directamente al mando, a continuación sólo cambio los textos y guardo. 

     Para cambiar el fondo: Damos clic en cualquier parte de la pantalla-inspeccionar y direcciona a lo siguiente: 

Buscamos en las carpetas descargadas la extención cover.css:27 y buscamos el background dentro del <body>: 

Y el resultado es: 

FUNCIONES DE LA PÁGINA DE PRUEBA UTILIZANDO JavaScript

En este apartado veremos las funciones que podemos agregar a una página web por medio de un archivo JavaScript.

Para esto realizamos un archivo con extensión .js, en este archivo incluiremos todas las funciones que serán llamadas desde el HTML.

Hubo un problema con Hostinger que no permitió que subiéramos más archivos a la web, por este motivo presento el funcionamiento de los botones por medio de capturas.

               

               

JavaScript

     JavaScript: Lenguaje de programación dinámico interpretado que soporta construcción de objetos basados en prototipos.

     Script: Es una secuencia de ordenes, en un determinado lenguaje que es ejecutado por un cliente Web desde su navegador y ser visto el documento con el contenido.

     Este lenguaje nos ayudará a programar nuestra página web.

     En nuestra página de prueba añadiremos 2 botones que mostraran el estilo de la misma, con ayuda de script haremos posible que se muestren esos cambios.

HOJAS ESTILO CSS

     CSS: Cascading Style Sheet: Describe como los elementos HTML se van a visualizar en la pantalla.

     Una hoja de estilo es un conjunto de propiedades de formato, permiten diferentes estilos para la misma página web o distintas páginas.

     Agregue un gadget en la parte de la cabecera en donde da el enlace directo a mi página de prueba.

HTML5MAKER

Mis proyectos. 

HTML

HTML- Hyper Text Markup Language

     El lenguaje HTML esta compuesto de una serie de etiquetas que el navegador interpreta y da forma en la pantalla. Dispone de etiquetas para imágenes, hipervínculos, saltos de línea, listas, tablas, etc.

     Puede resultar confuso al principio pero con la práctica nos damos cuenta que es sencillo.

A continuación realizare un pequeño cambio utilizando el lenguaje.

HTML INICIAL

CAMBIO HTML
     Agregue dos etiquetas en el formato de texto, la de italica <i> </i> y negritas <b> </b> para dar énfasis al texto, así como también agregue una linea horizontal al final del texto.

---

MULTIMEDIA

     Multimedia se acuño a finales de los 80 y principios de los 90 para referirse a los ordenadores capaces de trabajar a la vez con varios medios para transmitir la información, más precisamente, multimedia es toda aquella combinación de textos, sonidos, animaciones o gráficos.

Exiten diferentes tipos de multimedia:

     Multimedia Digital: Integración en un sistema informático de texto, gráficos, imágenes, video y cualquier otro medio que pueda ser tratado digitalmente.

     Multimedia Interactiva: Presentación multimedia que permite al usuario actuar sobre la secuencia, la velocidad o cualquier otro elemento de su desarrollo o puede plantear preguntas o pruebas que modifican su transcurso.

     Hipermedia: Combinación del hypertexto y multimedia.

BLOG

     Este blog ha sido creado con la finalidad de reforzar los conocimientos de la clase de Sistemas de Comunicación Multimedia. Me parece muy interesante el ejercicio y la actividad constante que tendremos en el blog porque así conocemos un poco de lo que realizan los expertos.

      Los Blogs que sigo regularmente son sobre Diseño, aquellos en los que me muestren portafolios de diseñadores profesionales, sketching, y productos nuevos.

   Mi nombre es Diana Laura Coria tengo 22 años vengo de México originaria de Zamora, Michoacán; soy estudiante de Diseño Industrial en la Universidad de Guadalajara por lo que ya tengo 4 años viviendo en esa ciudad. Actualmente estoy realizando un intercambio académico por 6 meses en Mérida, España en la Universidad de Extremadura.