jueves, 22 de febrero de 2018

Realidad Aumentada

En esta entrada vamos a hablar de un tema bastante interesante: la Realidad Aumentada(RA).

¿Qué es la Realidad Aumentada?

Esto es una técnica con la que el usuario puede percibir la realidad superponiendo a los objetos reales modelos virtuales. Permite simular en un ambiente real la existencia de elementos virtuales.
Hay aplicaciones para móviles que pueden visualizar modelos virtuales en la realidad de esta manera.  Se puede utilizar esto en diferentes ámbitos, como en medicina, deportes, etc...
Pero también hay videojuegos o consolas propias con las cuales se puede pasar un rato jugando con la  Realidad Virtual.
Nintendo 3DS Realidad Virtual (RA)



Nintendo es sólo un ejemplo, ya que hay varias apps que visualizan otros modelos o que sirven para las empresas como Ikea, que desarrollaban una de estas aplicaciones para visualizar sus artículos en tu hogar, antes de comprarlos.



''Nueva aplicación del catálogo de IKEA 2018. Hemos renovado el diseño y la hemos llenado de inspiración, ideas y consejos sobre decoración del hogar. Echa un vistazo a las imágenes, vídeos e historias, crea un panel de ideas guardando tus imágenes favoritas y prueba cómo quedarían los muebles en tu casa con la función 3D. La nueva app acerca el catálogo de IKEA a tu hogar.''


La realidad aumentada necesita de varios factores para funcionar.

 · Una Marca que haga posible la interpretación y creación del objeto virtual.
 · Una Cámara o dispositivo que sea capaz de transmitir la imagen del objeto real.
 · Una Pantalla donde poder visualizar los elementos virtuales.
 · La Información Virtual necesaria para representar los modelos virtuales.
 · Un Software capaz de reproducir la realidad aumentada.

Hay que destacar una cosa... Realidad Aumentada y Realidad Virtual NO ES LO MISMO.

La Realidad Aumentada usa la realidad como base para funcionar. Un buen ejemplo, Pokémon Go.



Pero la Realidad Virtual tiene como base un mundo de fantasía. No usa la realidad en ningún momento. Todo es un mundo virtual normalmente basado en lugares reales o mundos ficticios. Pero nada de lo que vemos es real ni usa la realidad como base. Un claro ejemplo es PS4 con sus Gafas de Realidad Virtual.



La realidad aumentada se sigue empleando a día de hoy para diversas cosas. Tanto para entretenimiento como para medicina, deportes, compras...etc.




Y eso es todo en esta entrada, nos vemos en la próxima :3
¡Un saludito!

miércoles, 21 de febrero de 2018

PDF Interactivo

Buenas, hoy os traigo una explicación sobre cómo realizar un PDF interactivo con InDesign.

Primeramente deberemos abrir InDesign y crear un documento para web, en mi caso es de 5 páginas. Una vez escogido el tema del PDF, pondremos un par de imágenes, las cuáles vincularemos más tarde.
Ya con las imágenes escogidas, les haremos click derecho y usaremos la opción de ''Hipervínculo''.
Esta opción nos permite que, mediante un click, vayamos hacia el contenido relacionado con la imagen, la cuál funciona a modo de botón.


También les di un efecto como de botón, para un poco más de interactividad.
Una vez creado el documento con las páginas que se deseen, con las imágenes y textos, habría que asegurarnos de que los hipervínculos están puestos correctamente. Se pueden vincular a texto, a una página completa, etc. Cuando estén correctos, haciendo click en la imagen con el hipervínculo añadido, debería llevarnos a la página o texto correspondiente con esa imagen.

Una vez hecho esto, exportamos como PDF INTERACTIVO desde InDesign.

Ahora tenemos un pequeño problema, y es que si queremos subir nuestro pdf interactivo a algún sitio (un blog como este) pues no podemos subirlo así como así.

Para realizar esto, necesitaremos del código HTML del PDF.

¿Qué es el código HTML?

Bastaría decir que es un lenguaje de marcado usado para las páginas webs. Entraremos más en detalle de esta ''herramienta'' en futuros blogs.

Volviendo al tema, iremos a una web llamada Yumpu, la cuál nos permite conseguir el código HTML de nuestro archivo de forma fácil. 

Sólo necesitaríamos una cuenta. Y una vez obtenido el código de nuestro archivo, nos dirigimos a, por ejemplo, nuestro blog, y lo implementamos de esta manera.


Así ya estaría nuestro PDF INTERACTIVO incrustado en el blog y listo para ver.
Esto es todo, espero haya servido.

Un saludín (o-o)/

jueves, 1 de febrero de 2018

Productos Gráficos Interactivos Multimedia Y Flip Pages

En esta entrada os dejo un poco de información resumida acerca de los Productos Gráficos Interactivos Multimedia





Aplicaciones Flip Pages:

Flipsnack
Flippingbook


miércoles, 24 de enero de 2018

Imágenes Panorámicas e Interactivas

¡Hola! Hoy traigo un poco de info acerca de las imágenes panorámicas e interactivas. ¡He realizado la mía propia! Antes de nada interesa saber qué es una imagen panorámica y cómo se crean.

Una imagen panorámica es aquella que enseña un panorama, normalmente de un paisaje o arquitectura, y que cubre un amplio horizonte visual.


La imagen la he realizado con Photoshop. ¿Cómo..? Pues sencillo, he realizado diferentes fotografías de un mismo entorno. Entorno a 10 fotos tenía yo, así que entré en Photoshop y en la opción PhotoMerge. Esta opción contiene otras, y depende de cuál elijas, la imagen panorámica se montará de una manera u otra. Lo que esto hace, es fusionar todas las fotos y crear una imagen como la de arriba. Y así tendríamos la panorámica.

IMAGEN INTERACTIVA

También realicé una imagen interactiva. Estas son imágenes que contienen elementos dentro de ellas, con los cuales podemos interactuar. Como puede ser un enlace u otra imagen dentro de la propia imagen. La imagen la he realizado con la web de ThingLink.

ThingLink

IES PUERTA BONITA

Simplemente elegí una imagen, le añadí los ''Tags'' y a estos les puse una imagen o texto en cada uno. De esta manera la imagen queda complementada con información.

IMAGEN 360º

También realicé una imagen 360º, la cuál hice en una web llamada Dermandar. Estas imágenes permiten rotar la propia imagen para ver tu alrededor en 360º. Seleccionamos las imágenes y a propia web realiza la imagen ella sola.
He aquí mi imagen.

http://www.dermandar.com

http://pnr.ma/bqToEJ

La imagen gira sola y es un conjunto de todas las fotos.


Y hasta aquí esta entrada. Nos veremos en la próxima.
Chaito :D

jueves, 11 de enero de 2018

Productos Gráficos Multimedia y Código QR

¡Buenas a todos! Hoy traigo una entrada acerca de estos dos temas: los Productos Gráficos Interactivos y los Códigos QR.

PRODUCTOS MULTIMEDIA GRÁFICOS INTERACTIVOS

Un multimedia era una forma de presentación que podía contener imágenes, texto, sonidos... Y una interacción, es lo que permite comunicación entre un usuario y una máquina, siempre y cuando sea a modo de diálogo. Un producto interactivo por tanto, puede ser una página web con texto y algunos enlaces a otras webs, o a un documento más complejo, gráficos, sonido y vídeos con controles interactivos, como botones o enlaces.

Algunos ejemplos son:

· Imágenes Panorámicas y 360º         · Efecto Flip Page


· Imágenes Interactivas                      ·Códigos QR


· Realidad Aumentada                       · PDF Interactivos


Códigos QR

Ahora, si quieres saber lo que es un código QR, deberás escanear mi código.
Este código, por cierto, ha sido creado con Unitag.io
Una vez que has escaneado este QR, podrás leer algunas cosillas respecto a estos códigos. Estos son matrices de puntos blancos y negros que permiten almacenar mediante códigos de barras bidimensionales. Es una versión mejorada del código de barras normal. El código fue creado por la compañía japonesa Denso Wave en 1994. Se usa para transmitir información de manera rápida.

Los Códigos QR son usados por muchas personas y empresas. Las redes sociales no se quedan atrás, también se emplean a través de ellas.

Bueno pues eso es todo por hoy, nos vemos a la próxima.
¡Un saludito!

miércoles, 20 de diciembre de 2017

Audio Digital

¡Buenas a todos! Hoy traigo una entrada sobre el audio y vídeo digital. Vamos a utilizar una aplicación llamada ''Adobe Media Encoder''. Esta aplicación nos permite cambiar un vídeo de manera que, podemos optimizarlo para subirlo a la web, o podemos simplemente quedarnos con el audio.

He elegido una canción para esta conversión.

Imagine Dragons - Believer

La canción con vídeo incluido, pesaba 39,4 MB. En formato MP4 y bajada a gran calidad. En este caso al ser una canción, vamos a pasarla por el Encoder.

He seleccionado la opción de ''MP3 a 256 kbps''. Hemos eliminado la información de todas las imágenes y nos hemos quedado sólo con el sonido. Esto pesa ahora 6,9MB. 

Hice una segunda conversión, pero a formato WAV, con la opción ''WAV 48 Khz, 16 Bits''.
Pesa ahora 41,6 MB.

En este caso es preferente usar el mp3, ya que pesa mucho menos y es menor tiempo de espera de carga.

Básicamente hemos eliminado parte de la información pesada del vídeo, las miles de imágenes contínuas que lo componen.

¡Y eso es todo!
Nos vemos en otra entrada, un saludito :3




jueves, 14 de diciembre de 2017

Copyleft Y Licencias CC

¡Hola! En esta entrada voy a comentar un poquito sobre las licencias de Creative Commons y el Copyleft.

El Copyleft comprende un grupo de derechos de autoría que pretenden eliminar restricciones de distribución o modificación.

En cuanto a licencias, hay diferentes licencias de Creative Commons, las cuales voy a explicar. Pondré alguna imagen que cumpla con las licencias correspondientes.

1. Reconocimiento.
  Esta licencia permite el uso de la obra como uno quiera, pero se debe indicar su autoría. 


Por ejemplo esta imagen de un gato .


2. Reconocimiento Compartir Igual.

Esta licencia permite usar la obra como desees, pero debes indicar la atribución de la misma y bajo el mismo tipo de licencia.


Por ejemplo esta imagen de un perro .




3. Reconocimiento Sin Derivados

Esta licencia permite el uso de la obra tal y como es, sin ninguna variación y otorgando el reconocimiento al autor.

Por ejemplo esta imagen de un lobo .


4. Reconocimiento No Comercial

Esta licencia permite el uso de la obra con propósitos NO comerciales y otorgando la atribución.

Por ejemplo esta imagen de otro perro .




5. Reconocimiento No Comercial Sin Derivados

Esta licencia permite usar la obra tal y como es, con propósitos no comerciales y atribuyendo al autor.

Por ejemplo esta imagen de un pajarito .




6. Reconocimiento No comercial Compartir igual.


Esta licencia permite usar la obra con propósitos no comerciales, bajo el mismo tipo de licencia y atribución.

Por ejemplo esta imagen de otro pajarillo.



Cada imagen tiene sus licencias, y debemos tener cuidado para usarlas adecuadamente.
Eso ha sido todo sobre las licencias CC y el Copyleft.

¡Un saludito :D!