viernes, 19 de mayo de 2017

Zapatillas térmicas Grupo 5

Para el rediseño de las zapatillas térmicas, el grupo 5, hemos creado un blog donde se puede ver lo siguiente:
  • Rediseño de la zapatilla
  • Vídeo y audio 
  • Página web
  • App 
  • Realidad Aumentada 
Además de otras cosas, como una revista de publicidad. 
Podéis encontrarlo como: "El taller de papá Noel"

jueves, 18 de mayo de 2017

Motores gráficos - Unity

Para la práctica de motores gráficos, utilizamos la herramienta Unity.

¿Qué es Unity?
Unity es un motor de videojuego multiplataforma creado por Unity Technologies. Está disponible como plataforma de desarrollo para Microsoft Windows, OS X y Linux, entre otros. Además, dicha plataforma tiene un soporte de compilación con diferentes tipos de plataformas, como PC, dispositivos móviles, Smart TV, consolas, web o dispositivos de realidad aumentada.
Unity nos ofrece dos versiones: Unity Professional (pro) y Unity Personal.

En esta práctica, hemos instalado y posteriormente registrado en esta herramienta. Una vez hecho esto, hemos creado un plano y una esfera, donde esta tenía que recorrer el plano utilizando el teclado de nuestro ordenador como controles.




miércoles, 17 de mayo de 2017

Realidad Aumentada (2)

Para la segunda práctica de realidad aumentada, hemos utilizado las herramientas Aurasma y Blippar.

¿Qué es Aurasma?
Aurasma, al igual que la herramienta ya utilizada en la práctica anterior, nos proporciona un espacio donde podemos visualizar realidad aumentada a través de su aplicación.

Como imagen disparadora elegí una captura de mi blog.


El contenido asignado en Aurasma es un vídeo con todas las entradas que hemos ido realizando durante el curso.



El nombre de mi Aura es: scm-inmagm2017


¿Qué es Blippar?
Blippar, al igual que en las herramientas anteriores, podemos visualizar realidad aumentada gracias a su aplicación.

En este caso he utilizado mi favicon como imagen, y he asignado el vídeo de las entradas resumidas y un enlace que nos lleva a este blog. Al publicarlo nos proporciona un código que tenemos que introducir en la aplicación para visualizar todo correctamente. En mi caso, el código es: 120212







viernes, 12 de mayo de 2017

Realidad Aumentada (1)

La primera práctica de realidad aumentada la hemos realizado mediante la herramienta "Layar".

¿Qué es Layar?
Layar es una herramienta que nos proporciona un espacio donde podemos visualizar realidad aumentada a través de su aplicación.

Es fácil de utilizar, tan solo tenemos que arrastrar y soltar elementos digitales interactivos como vídeos, clips de música y enlaces web, entre otras cosas. Además podemos publicar y compartir nuestra creación para que otros puedan visualizarla.

En esta práctica, hemos seleccionado una imagen, la cual hemos utilizado de fondo y a la que le hemos asignados elementos digitales interactivos hechos previamente en la asignatura, como un vídeo, un audio, una página web, un carrusel de fotos y un código QR. Tras visualizarlo con la aplicación, este ha sido el resultado:



sábado, 29 de abril de 2017

Mobincube

¿Qué es mobincube?
Es una herramienta muy útil para crear aplicaciones de forma gratuita y de carácter informativo para dispositivos móviles sin la necesidad de saber programar. Dichas aplicaciones pueden ser creadas a través de una plantilla o desde cero. Además nos ofrece un amplio abanico de diseños, incluso utilizando plantillas podemos personalizarla a nuestro gusto. Una vez hecha, nos ofrece un código QR y una dirección URL donde podremos visualizarla a partir de nuestro dispositivo móvil.
Lo único que necesitamos para crear una aplicación con Mobincube es conexión a Internet y nuestra creatividad.

En esta práctica, hemos creado una aplicación para la Semana Cultural del CUM donde podemos ver las actividades que hay cada día, fotos y más cosas.



Escanea el código QR para tenerla en tu móvil.

Aplicación semana cultural

sábado, 22 de abril de 2017

Pidoco

¿Qué es 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.

Los prototipos se realizan mediante unas plantillas que la propia página nos proporciona. Estas son arrastradas a nuestra mesa de trabajo y pueden ser: iconos, textos, gráficas, buscadores, tablas, entre otros.

En esta práctica, hemos creado la interfaz de una aplicación web para la Semana Cultural del CUM.


sábado, 1 de abril de 2017

Edición de vídeo en Youtube y de sonido en Soundation

En la primera parte de la práctica, hemos llevado a cabo la creación de un vídeo en youtube. Para ello, nos hemos ayudado de los vídeos y sonidos que youtube ya tiene incorporado en su plataforma con licencia "Creative Commons". Posteriormente, cuando el vídeo ha sido creado, lo hemos publicado en el blog por medio de un gadget situado en la parte inferior derecha.

En la segunda parte, hemos editado un clip de audio mediante Soundation. Tras acceder a su página y registrarnos, hemos usado los sonidos que esta plataforma nos ofrece. Su extensión es mp3.



El audio se encuentra en un gadget situado en la parte inferior derecha del blog.



Bootstrap

¿Qué es Bootstrap?
Bootstrap es un conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML, CSS y extensiones de JavaScript. Su desarrollador es Twitter.

En la práctica, hemos accedido a "http://getbootstrap.com/", donde en una de sus plantillas, hemos insertado una imagen.

¿Cómo lo hemos hecho?
Primero, tras acceder a "http://getbootstrap.com/", nos hemos descargado los archivos en una carpeta zip. Posteriormente, tras elegir una plantilla, hemos guardado la página obteniendo su extensión html. Por último, hemos descargado una imagen y hemos editado el html de la página poniendo el nombre de la imagen en el sitio donde queríamos que esta apareciera. Para que todo esto funcionara correctamente se subieron todos los archivos a Hostinger.





Se puede visualizar la página en mi sitio web "Mi página de prueba" , donde hay un enlace directo con el nombre "Página Web".

viernes, 31 de marzo de 2017

Más cosas sobre JavaScript

En la práctica anterior creamos unos botones que nos permitían cambiar el estilo de la página, además de un botón de alerta. En esta práctica, crearemos un archivo .js, en el cual pondremos funciones para que usaremos en nuestra página web. Estas funciones son:


  • Una ventana que se acciona a los 5 segundos de abrir la página.
  • Un mensaje en la parte superior derecha ("Hola clase!") que al seleccionarlo o seleccionar parte de él, nos abre una ventana donde nos pide nuestro nombre y apellido y que no nos dejará cerrar hasta introducirlos. Como resultado nos aparecerá: "Hola (nombre apellido)! Cómo estás hoy?"
  • Un botón que dice "Pulsame cambio header", que hace que nuestro título cambie de color.
  • Otro botón "Pulsame otro cambio header", que nos devuelve a nuestro estilo inicial el título.
  • Un último botón "Pulsame alert!", el cual nos abre una ventana de alerta donde pone "Hola clase!"



Ver cambios: "Mi página de prueba"

lunes, 6 de marzo de 2017

JavaScript

¿Qué es JavaScript?
Es un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML. Además, permite al usuario la posibilidad de crear aplicaciones "on-line", es decir, modificar páginas web en tiempo real.

En la práctica de JavaScript hemos creado unos botones que nos permite cambiar el estilo de "Mi página de prueba". Para ello y mediante Hostinger, hemos hecho dos archivos CSS en los que he cambiado tanto el color de fondo como el estilo de texto. Además, he creado un botón de alerta.

Ver cambios: Mi página de prueba


jueves, 2 de marzo de 2017

Hojas de Estilos - CSS

¿Qué es CSS?
CSS: Cascading Style Sheets
Conjunto de propiedades de formato, más reglas de definición y aplicación.
Permite definir diferentes estilos para la misma página web o para distintas páginas. Son más potentes y cómodas que el formato en HTML.

Gracias a Hostinger, he modificado una página "Mi página de prueba" cambiando el tipo de letra y el color del fondo.

viernes, 24 de febrero de 2017

HTML5MAKER

Creación de un vídeo en HTML5MAKER.
En este caso, ha sido sobre los materiales biodegradables.


HTML

¿Qué es HTML?
HTML son las siglas en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto). Hace referencia al lenguaje de marcado para la elaboración de páginas web.

¿Cómo modificar el HTML del blog?
Pantilla -> editar HTML

El cambio que yo hice en el blog mediando la modificación de HTML fue centrar el título del blog.
¿Cómo lo hice?, lo hice añadiendo a mi código lo siguiente:

<style>
h1 {
    text-align: center;
}
</style>



Creación del favicon

¿Qué es el favicon?
Un favicon, también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular.

¿Cómo hacerlo?
Diseño -> favicon editar -> seleccionar la imagen cuadrada elegida

Por tanto, cree mi favicon en relación con el blog, tanto por la tipografía utilizada como por el color seleccionado para su creación.



Fondo del Blog

Tras elegir una plantilla en la creación del blog, cambié el fondo añadiendo una imagen.

¿Cómo hacerlo?
Plantilla -> personalizar -> fondo -> imagen de fondo -> subir imagen

Imagen elegida:

miércoles, 15 de febrero de 2017

Vídeo sobre Blog

En el siguiente enlace, nos dan ejemplos de contenidos que puede tener un blog. Además, nos enseña como crearlo, mostrándonos también como editar algunos aspectos.
Ver vídeo