Flip Page

¿Qué es?

Es un efecto que permite simular en un documento digital el cambio de una página a otra correlativa como si se ojease una revista o libro físico, en el navegador, sin necesidad de instalar ninguna aplicación en el dispositivo de visualización.

En este caso usaremos la aplicación Issuu.

Pasos a seguir:

1.Subir el documento en PDF.



2. Poner el título y la descripción.



3. Aceptar y esperar a que esté subido, después lo publicaremos.



Así quedaría:

Realidad aumentada

¿Qué es?

Es una técnica mediante la cual los usuarios pueden percibir la realidad superponiendo a los objetos reales modelos virtuales enriquecidos, permitiendo simular en un ambiente real la existencia de elementos virtuales.

Ventajas:

• Se puede utilizar para explicar o resolver problemas complejos de forma fácil y sencilla.
• Llama la atención.
• Mejora la experiencia de usuario.
• Permite explicar ciertos temas de forma dinámica.
• Incentiva la interacción de lo digital.

Ejemplo de realidad aumentada:

https://www.youtube.com/watch?v=3qpgMLzBi30&feature=youtu.be

os dejo un artículo de la BBC sobre la realidad aumentada:

https://www.bbc.com/mundo/noticias/2014/08/140808_realidad_aumentada_aplicaciones_am

Códigos QR

¿Qué es?

Es una matriz de puntos blancos y negros que permite almacenar información mediante un tipo de código de barras en dos dimensiones, puede almacenar información en dos direcciones y puede contener cerca de 350 veces la cantidad de información que puede ser almacenada en un código de barras.

Hemos usado dos páginas diferente para crear los códigos.

1º QR Enconder: simplemente pondremos la URL de la página a la cual deseemos hacer el código QR y lo descargaremos.

 

Código QR:


2º Unitag: su funcionamento es igual de sencillo que la primera página, lo cual nos facilita la tarea.



Códigos QR:

Caser Seguros.

I.E.S Puerta Bonita.

Imágenes interactivas

¿Qué son?

Son aquellas imágenes que contienen etiquetas visuales a las cuales se les puede añadir información de diverso tipo: autor, enlaces web, mapas, redes sociales, precios, etc. y que se visualizan con tan solo pasar el ratón por encima de la etiqueta.
Tenemos diversas aplicaciones pero en este caso vamos a hablar de Thinglink.

¿Cómo funciona?

Principalmente nos crearemos una cuenta.



Después añadiremos la imagen y nos aparecerá la pantalla de interactividad, al pulsar sobre la imagen nos incrustará un botón en el cual podremos poner la información deseada.



Podemos cambiar la apariencia del botón.



En el panel izquierdo nos aparecerá un menú el cual nos permite ponerle titulo a la etiqueta y la información deseada.



Podemos poner tantas etiquetas como deseemos, en este caso he puesto tres: una descripción, una geolocalización y el enlace a mi blog.



Una vez realizadas todas las etiquetas, guardamos la imagen. Abajo en la derecha nos aparece la opción de Guardar.



Una vez guardado nos llevará a esta pantalla, en el lado derecho nos aparecen las opciones de editar, ajustes, compartir.....



Si le damos a compartir, nos dará un código HTML con el cual podremos subir la imagen a la web.



Y este es el resultado final:

Imágenes Panorámicas

¿Qué son?

Son imágenes creadas mediante una técnica de la fotografía, en la cual se utilizan equipos especializados que capturan imágenes con puntos de vista alargados.
Hay varias aplicaciones pero en este caso vamos a utilizar una herramienta de Photoshop llamada Photomerge.

¿Cómo se utiliza?

Abrimos el menú Archivo> Automatizar>Photomerge 



Nos aparecerá una pestaña con varias opciones para realizar la panorámica: Automático, perspectiva, cilíndrico, esférica, collage y combinar posición.Una vez elegida la opción, subiremos las fotos en el orden correcto.



En este caso hemos realizado la panorámica con la opción automática.

Imagen 360º

¿Qué es?

Es una técnica que permite captar fotos en las que el observador se sumerge en la imagen como si estuviera dentro de ella.
Hay muchas aplicaciones que nos permiten hacer dichas imágenes, tanto de pago como gratuitas, de descarga o de funcionamiento online. Por ejemplo la aplicación Dermendar

¿Cómo funciona Dermendar?

Es muy sencillo,primeramente elegimos la opción de Imagen 360º



Después debemos subir las imágenes en el orden correcto, una vez hecho nos aparecerá la creación


En opciones subimos la creación y la nombramos





Una vez guardado nos aparece una pequeña pantalla en la cual haremos click en el primer "here"



Se nos abrirá una ventana nueva en la cual aparecen los datos de la imagen y un código HTML con el cual podremos subir nuestras creaciones al blog.




Os dejo un ejemplo de como quedaría la imagen 360º

Tipos de productos multimedia e interactivos en función de la estructura de navegación

Mapa web

Es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios. Puede mejorar el posicionamiento en buscadores de un sitio, asegurándose que todas sus páginas puedan ser encontradas y ayuda a la navegación ya que ofrece una vista general del contenido de un sitio de un simple vistazo.

Tipos de estructuras

Lineal: es la estructura más simple, el usuario sigue un sistema de navegación lineal para acceder a los diferentes módulos de la aplicación. Se suele utilizar en los trabajos multimedia educativos.

Reticular: se utiliza el hipertexto para permitir que el usuario tenga total libertad para seguir diferentes caminos a la hora de navegar.
Sería la más adecuada para las aplicaciones orientadas a la consulta de información.

Jerarquizado: combina las dos modalidades anteriores, es muy utilizado en proyectos

institucionales. 

Mapa web Jerarquizado:



Telaraña: se vincula cualquier página sin seguir ningún orden aparente, lo cual puede desorientar al usuario. Esta estructura puede usarse en las películas interactivas.