miércoles, 24 de mayo de 2017

Cartel, díptico y app de la Semana Cultural

Cartel:


Díptico:




Realidad Aumentada 3: Blippar

La última práctica en la que trabajamos con realidad aumentada fue con Blippar un programa muy similar a Aurasma. El único problema que dio fue al introducir el favicon del blog porque la detectaba como demasiado pequeña y para solucionarlo añadí una imagen de mi blog. Por último le añadimos información a dicha imagen para que desde la aplicación de Blippar la abriera al escanear la imagen de mi blog, en este caso dicha información volvería a ser el vídeo resumen de las entradas de mi blog.


Hacemos el test y como resultado:


Realidad Aumentada 2: Aurasma

Esta página es muy similar a la anterior, la única diferencia que tiene es que abre vídeos e imágenes a tiempo real, lo que es una faceta muy importante. Para probarla he introducido un vídeo que resume mis entradas.


Al igual que en la práctica de Realidad Aumentada 1 después de publicar nuestro Aura podremos escanear la imagen desde la aplicación de Aurasma y nos mostrará el vídeo. 


Realidad Aumentada 1: Layar

En esta práctica introducimos una imagen, a la que posteriormente íbamos a introducir información. En mi caso opte por ponerle el vídeo que hice en Youtube y un enlace a mi web.


Al añadir todo se publica y todo estará preparado para que la aplicación de Layar lo reconozca y pueda abrir la información que hemos añadido a dicha imagen.


Por último hacemos el test enfocando la imagen con la cámara del móvil a través de la aplicación de Layar y nos da como resultado:


MockUp en Pidoco





Como podemos suponer esta práctica trataba de hacer un MockUp en uno de los muchos programas que hay para el diseño de interfaces gráficas como lo es Pidoco.


En la imagen se aprecia un espacio de trabajo en el cual podemos añadir diferentes cosas que tenemos en la parte lateral izquierda de la pagina, ya sea texto, títulos en diferentes tamaños dependiendo de su importancia, formas, botones, etc.

La conclusión que saqué de esta práctica es que gracias a este tipo de páginas podemos crear interfaces de una forma mucho mas fácil y sencilla, lo cual es importante para gente que no tiene nivel de informática.

Bootstrap

Esta práctica trataba de hacer una pagina web de Bootstrap y para ello lo que hicimos fue entrar en su página principal y descargar las plantillas, tipografías y elementos necesarios para que el código Html funcione correctamente.


Como podemos ver en la imagen, el código Html lo podemos copiar al inspeccionar el código fuente de la página. Ahora solo faltaría cambiar el nombre de las imágenes por el predeterminado dentro del código Html que tenemos guardado en nuestro ordenador.

Por último, podemos subirlo a nuestra pagina web o a nuestro blog  para hacerlo visible a todas las personas que lo quieran ver. En mi caso el enlace se encuentra en la parte derecha del blog y al igual en mi página web.

Youtube y Soundation

Para esta práctica nuestro grupo propuso hacer un vídeo con el Creator Studio que tiene Youtube, el cual proporciona archivos de vídeo y audio CC (Creative Commons) y una canción hecha a través de Soundation, este nos proporcionaba sonidos que podíamos copiar las veces que deseáramos y mezclarlos con otros para hacer la canción personalizada que nos guste.



Podéis encontrar mi vídeo y mi canción hechos en dicha práctica en la parte de abajo de mi blog.

JavaScript y sus funciones

Un JavaScript es un archivo que nos permite introducir en su interior funciones, las cuales hacen diferentes labores dentro de nuestro código Html, es decir, un archivo que es llamado o solicitado desde el código Html y que por tanto simplifican la estructura de este.



Como podemos ver se estructura en funciones únicamente y cada una tiene un código diferente dependiendo de la función que vaya a hacer. Por tanto, para tener preparadas todas las funciones para cuando fueran necesarias dentro del código Html se añade esta linea de código: 


Entre todas las funciones interesantes que puede hacer mi página web esta una función que trata de cambiar el tamaño y color de la fuente del titulo de esta.