lunes, 15 de mayo de 2017

Unity

Unity es un motor de videojuego multiplataforma creado por Unity Technologies. Está disponible como plataforma de desarrollo para Microsoft Windows, Os X, Linux. Unity tiene dos versiones: Unity Professional (pro) y Unity Professional.
Puede usarse junto con otros programas como Blender, 3ds Max, Maya, ZBrush, etc. Los cambios realizados a los objetos creados con estos productos se actualizan automáticamente en todas las instancias de ese objeto durante todo el proyecto sin necesidad de volver a importar manualmente.

El objetivo de esta práctica es crear un mini juego utilizando Unity. Para ello se ha creado un plano y una esfera la cual hará el papel de jugador y se moverá por encima del plano.


Este es el mini juego una vez acabado:

martes, 9 de mayo de 2017

Más sobre realidad aumentada

Aurasma y Blippar son otras dos herramientas para crear realidad aumentada.

En esta práctica he elegido como imagen disparadora el favicon del blog:



El contenido asignado en Aurasma es un vídeo resumido de las entradas que se han realizado durante el curso en el blog.

En Blippar se han añadido dos widgets, uno que nos dirige a youtube, donde se encuentra el vídeo resumidoo, y otro que nos trae este blog.


Realidad aumentada: Layar

La misión de Layar es proporcionar las herramientas y servicios de la más alta calidad para la realidad aumentada.


Se pueden añadir elementos digitales interactivos, incluyendo mensajes de vídeo, clips de música, enlaces web, redes sociales y mucho más.

Permite publicar y compartir las creaciones realizadas. Mediante la aplicación Layar se podrán escanear y obtener así una experiencia con realidad aumentada.


En la práctica con Layar he elegido una imagen de fondo y después he ido añadiendo diferentes recursos relacionados con las actividades que hemos realizado en sistemas de comunicación multimedia. El resultado se muestra a continuación:


jueves, 20 de abril de 2017

Mobincube

Mobincube es la mejor herramienta para crear aplicaciones móviles sin saber programar.
Es muy fácil de utilizar y ofrece un gran nivel de personalización para poder crear la aplicación que mas se adapte a nuestras necesidades. Se puede crear una aplicación desde las plantillas que ofrece Mobincube o directamente empezar desde cero.
Para los usuarios más avanzados, con conocimientos de programación, Mobiencube también les permite añadir sus propios módulos html/javascript para ampliar la funcionalidad interactuando con el resto de la aplicación.

Mediante Mobincube hemos realizado una aplicación para la Semana Cultural del CUM. En la parte izquierda inferior de este blog se encuentra el código QR para poder descargarla, y a continuación podéis ver unas imágenes del aspecto que tiene:





viernes, 7 de abril de 2017

Pidoco

Pidoco es una herramienta que permite hacer prototipos de aplicaciones webs y dispositivos móviles, comprobar el funcionamiento de su interfaz y realizar pruebas de usabilidad online.
Permite diseñar diferentes prototipos. Cada prototipo se va creando a partir de plantillas o módulos que se pueden arrastrar.
Pidoco se estructura en varias vistas que dan acceso a varias funciones. Las funciones que incluye son:

  • Editor: Crear, compartir y exportar wireframes, maquetas y prototipos.
  • Simulador: Revisión y discusión de proyectos y requerimientos.
  • Tester: Pruebas de prototipos para su uso con los usuarios finales en línea.
En esta práctica se ha creado la interfaz de una página web para la semana cultural, el resultado ha sido el siguiente:


lunes, 27 de marzo de 2017

Soundation

Soundation es un editor de audio que funciona sobre una interfaz web desarrollada en Flash.
Dispone de un amplio catálogo de ejemplos gratuitos, ordenador por estilos. El editor permite guardar nuestras producciones tanto en MP3 como en WAV o difundirla a través de la red.


El audio se ha añadido como un gadget en la parte inferior izquierda del blog.

Crear vídeo con YouTube

Esta práctica tiene como objetivo editar un vídeo con la herramienta de edición de vídeos de YouTube, solo se necesita tener una cuenta de Google.
Para crear el vídeo se ha utilizado la opción "CC", que se encuentra en el editor de vídeo, y sirve para buscar vídeos dentro de YouTube con Licencia de Creative Commons, además de añadir un audio.
El vídeo creado se ha puesto como un gadget en la parte inferior izquierda del blog.

Bootstrap

Bootstrap es un framework, originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript. Su particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.
Los diseños creados con Bootstrap son simples, limpios e intuitivos. Esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.

En la práctica con Bootstrap hemos creado otra página web y para ello se han seguido los siguientes pasos:

  1. Acceder a http://getbootstrap.com/ y descargar los archivos (carpeta zip).
  2. Elegir la plantilla que más nos guste y le damos a "guardar como" de manera que se nos guardará un archivo html.
  3. Seleccionamos el elemento de la plantilla al que queremos añadirle una imagen y le damos a inspeccionar elemento. De esta forma sabremos en qué parte se sitúa la imagen que queremos cambiar y así será más fácil cambiarla en el archivo html.
  4. Por último subimos todos los archivos de la carpeta a hostinger, incluyendo el archivo html y la imagen que hemos cambiado.

jueves, 16 de marzo de 2017

Más sobre JavaScript

Anteriormente hemos visto que se han añadido a la página web tres botones lo cuales han sido incluidos en el archivo html mediante un script. En esta práctica se ha añadido otro script que muestra el mensaje "Click me!" y al pulsarlo nos dirige a este blog. Además se ha creado un archivo con extensión js y se han incluido varias funciones que añaden los siguientes objetos a la página web:
  • Un mensaje ("¡Hola!") que al seleccionar cualquier parte de él sale una ventana que indica que introduzcamos un nombre y apellidos. Esta ventana no se cerrará hasta que no escribamos algo, a continuación genera un texto en el que pondrá "Hola Nombre Apellidos! Como estas hoy?
  • Un botón ("Pulsame cambio") que cambia el estilo de la cabecera de la página web.
  • Un botón ("Pulsame alert!) que abre una ventana de alerta con el título "Hola clase!
  • Un botón ("Pulsame otro cambio header") que vuelve a cambiar el estilo de la cabecera por el original.
  • Un mensaje que se genera a los 5 segundos de entrar en la página web.


lunes, 6 de marzo de 2017

Práctica con JavaScript

Java Script es un lenguaje de programación que se utiliza principalmente para programar el comportamiento de un sitio web. Es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento html.

A partir de los archivos subidos anteriormente a hoostinger, html y css, se han vuelto a crear otros dos archivos con extensión css los cuales definen otro tipo de estilos. Mediante JavaScript se han añadido, al archivo html, tres botones con la siguiente función:

  • Cambio de estilo: al pulsarlo se cambia el estilo de la página.
  • Cambio de estilo: tiene la misma función que el anterior pero con otro estilo diferente.
  • Estilo original: al pulsarlo la página vuelve a tener su estilo original.



También se ha añadido otro botón que al pulsarlo se muestra una alert box.

jueves, 2 de marzo de 2017

Hojas de Estilos: CSS

CSS es un mecanismo que describe cómo se va a mostrar un documento en la pantalla. Se utiliza para dar estilo a documentos HTML y XML. Funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos.
Con la ayuda de Hostinger, que es un servicio gratuito que permite crear páginas web y tener donde alojarlas, se ha modificado una página y se han realizado los siguientes cambios:

  1. Se ha cambiado el color del fondo.
  2. Se han cambiado los tipos de letras.

miércoles, 22 de febrero de 2017

Aprende animación con este curso de Pixar gratuito


Aprende las técnicas de animación de Pixar y descubre los secretos de la productora que ha dado vida a Wall-E, Buzz Lightyear y compañía con este curso gratuito patrocinado por Disney.

Toy Story, Mostruos SA o del Revés son algunas de las obras maestras de Pixar. Si además de disfrutarlas como espectador te gustaría conocer qué técnicas se emplearon para diseñar a sus personajes y aprender tú mismo, entonces te interesará el curso online gratuito que ha lanzado la productora de Disney.

Se trata de Pixar in The Box y contiene 8 unidades cada una de una hora de duración aproximada, donde accederás a lecturas, videotutoriales y diferentes actividades prácticas sobre patrones, modelado de ambientes y personales, o randerizados entre otras técnicas de animación fundamentales para hacer películas,




Más sobre HTML

En este blog se ha realizado un cambio en la plantilla con html que ha consistido en centrar el título y se ha realizado de la siguiente forma:

  1. Se accede a la plantilla del blog y nos vamos a editar html
  2. Se crea un estilo para indicar que el encabezado, que en este caso se identifica por h1, esté alineado en el centro de la página:
    <style>
    h1 {
    text-align: center;
    }
    </style>
  3. Este estilo se coloca dentro de la zona del encabezado (<head>).
  4. Si le damos a vista previa podemos observar el cambio realizado.


lunes, 20 de febrero de 2017

Lenguaje HTML

HTML es el lenguaje con el que se define el contenido de las páginas web. Se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
Es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.

Este lenguaje se escribe en un documento de texto, de modo que cuando se programe en HTML se hará con un editor de texto y se guardarán los trabajos con extensión .html. Además consta de etiquetas, cada una con un significado, de la forma <B>


En el siguiente vídeo se explica muy bien en lo que consiste el lenguaje HTML:
https://youtu.be/M4wmJVvlzeY

miércoles, 15 de febrero de 2017

¿Que es Blogger?

Blogger es un servicio mediante el cual los cibernautas pueden crear y manejar su propio blog. Estos blogs están alojados en los servidores de Google dentro del dominio blogspot.com.
Las innovaciones de blogger están fundamentadas en que brindan un espacio gratuito a los usuarios de internet para publicar su propio contenido y compartirlo con sus seguidores.

Cada minuto 270 mil palabras son escritas en blogger.
Casi dos tercios del tráfico de Blogger viene desde fuera de Estados Unidos. El segundo país que más utiliza el servicio es Brasil, seguido por Turquía, España,Canadá  y Reino Unido.