Materiales hipermedia
-
Upload
cesar-tynik -
Category
Documents
-
view
164 -
download
0
Transcript of Materiales hipermedia
![Page 1: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/1.jpg)
DISEÑO Y PRODUCCIONDE MATERIALES HIPERMEDIA
Unidad 4TIC – 4°B
Escuela Nacional Ernesto SabatoUNICEN
![Page 2: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/2.jpg)
Introducción
La realización de un material hipermedia requiere de
una planificación detallada de cada uno de los
elementos que formarán parte del mismo y de la
vinculación entre ellos.
Esa organización se realiza a través de lo que se
denomina "Guión multimedia".
![Page 3: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/3.jpg)
Contenidos
● Pasos para elaborar un recurso hipermedia● El guión multimedia● Guión literario, técnico y storyboard
![Page 4: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/4.jpg)
¿Cómo empezar?
En el análisis de la aplicación debemos responder a las preguntas:
● ¿QUÉ?● ¿A QUIÉN?● ¿PARA QUÉ?
![Page 5: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/5.jpg)
Pasos metodológicos
● Según Area Moreira (2002)* las fases en la elaboración del material son:
1. Clarificar el por qué y el para qué de la elaboración del material
2. Identificar las características de la audiencia o de los potenciales
usuarios del material
3. Establecer la estructura general y opciones principales del web
4. Desarrollar los componentes didácticos del tutorial web
![Page 6: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/6.jpg)
Pasos metodológicos
5. Diseñar el formato de presentación o interfaz del material en la pantalla
6. Elaborar y desarrollar cada una de las páginas que configuran la web
7. Comprobar en distintos navegadores el borrador del web elaborado
8. Realizar una experimentación o prueba piloto del web con un pequeño grupo de usuarios potenciales
9. Publicar el material en Internet
![Page 7: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/7.jpg)
Guión multimedia
● El análisis y el diseño de la aplicación quedarán documentadas mediante un documento denominado GUIÓN MULTIMEDIA (Bou Bouzá, 1997)
![Page 8: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/8.jpg)
Guión multimedia
● El guión multimedia se compone de:
1- guión literario
2- guión técnico
3- storyboard
![Page 9: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/9.jpg)
Guión literario
– Nombre del recurso– Introducción– Objetivos– Público destinatario– Justificación– Contenidos (temas- subtemas)
![Page 10: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/10.jpg)
Guión literario
– Características (recursos gráficos y lingüisticos, características de la interfaz, metáforas, actividades, aspectos motivacionales, soporte)
– Estado del arte
– Recopilación de material
![Page 11: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/11.jpg)
Guión técnico
De cada pantalla INTERACTIVA se describe con palabras:
● Título pantalla● Fondo● Texto● Imágenes● Sonido● Video
![Page 12: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/12.jpg)
Guión técnico
De cada pantalla INTERACTIVA se describe con palabras:
● Animaciones● Botones● Acciones: tareas de entrada, de salida, de
fondo, interactivas (de los botones o áreas sensibles)
![Page 13: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/13.jpg)
Guión técnico
● Dado que la lectura no es lineal, la navegación se describe mediante un diagrama de navegación de las pantallas interactivas
![Page 14: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/14.jpg)
Guión técnico
● Diagrama de navegación
![Page 15: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/15.jpg)
Guión técnico
![Page 16: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/16.jpg)
Storyboard
● Diseño Gráfico de cada uno de los nodos (basado en el guión técnico)
![Page 17: Materiales hipermedia](https://reader036.fdocuments.es/reader036/viewer/2022071818/55ae97221a28abba348b4602/html5/thumbnails/17.jpg)
¿Preguntas?