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.



miércoles, 8 de marzo de 2017

Extensión CSS aplicada a un host

Gracias a muchas herramientas que nos ofrece internet, como lo es Hostinger, podemos subdominios que pueden ser personalizados a gusto del consumidor. Cabe destacar que en este caso esta herramienta es gratuita y muy intuitiva.

Lo único que quedaría sería registrarse o logearse y crear una cuenta de hosting.


Para subir un Html y aplicarle hojas de estilo CSS nos dirigimos a "administrar" la cuenta de hosting y seguidamente al "administrador de archivos 2". Entonces una vez hecho los archivos de extensión “.html” y “.css” a través de un documento ".txt" guardándolo como UTF-8, tenemos que proceder a subirlo a la carpeta "public" de nuestro administrador.


Ahora podemos comprobar que nuestro código Html se ejecuta con su hoja de estilo correctamente. Una vez todo funciona a la perfección podemos añadir diferentes hojas de estilos y comentarios que se activen a partir de botones.









Modificación en el Html del blog



En concreto el cambio que hice fue en la fuente del texto del cuerpo de mi blog, donde se suele explicar los temas referidos a cada entrada en cuestión. Para ello tuve que colocar al principio del Html de mi blog, en la parte que dice "head", el código de la tipografía que queríamos dar a nuestro texto, en concreto a partir de la línea 4.





Una vez localizada la cabecera podemos pasar a introducir el código de la tipografía que queremos modificar, el cual corresponde con la línea 5 del código.



Por último, quedaría dirigirse a la parte de diseño del blog y añadir el código CSS de dicha tipografía en la pestaña (Avanzado - Añadir CSS).


sábado, 18 de febrero de 2017

Multimedia, fruto para los sentidos

Mujer hablando por telefono y utilizando ordenador

Actualmente es difícil no encontrar un objeto o instrumento que este asistido por algunas de las facetas que caracterizan el ámbito de multimedia. Sin ir más lejos muchos de ellos los usamos ya como rutina, debido a que estos nos aportan y facilitan información que nos sirve de mucha ayudar para llevar a cabo nuestro día a día de una forma casi inmediata.

Como podemos observar en la imagen entre los dispositivos multimedia más utilizados a día de hoy están los smartphones y sin menos importancia los ordenadores. Y en este momento nos preguntamos, ¿Qué los hace ser dispositivos multimedia?, pues bien la respuesta a esta pregunta es muy amplia, pero podemos empezar por dividir los ámbitos que engloban los sistemas multimedia. Las diferentes formas de contenido que pueden estar incluidas dentro de los sistemas multimedia son texto, audio, imagen, animación, video y por último la interactividad.

Secuencias de un salto de delfines

Además, estos pueden complementarse como sucede en un video, sucesión de imágenes medidas en fotogramas por segundo (fps) añadiendo audio, incluso en ocasiones apoyado por texto para ayudar al entendimiento.

En la foto de la derecha podemos ver una bonita secuencia de fotos, que podrían formar parte de un video perfectamente, superponiendo estas a una mayor velocidad y añadiéndole un audio adecuado.

Así como videos, actualmente ya existen métodos muy innovadores que permiten la conexión en directo entre personas, ya sea para fines informativos como conferencias o por ejemplo el mero hecho de conectar a familiares que se encuentran a miles de kilómetros de distancia.