DISEÑO Y PRODUCCIONDE MATERIALES HIPERMEDIA

Unidad 4TIC – 4°B

Escuela Nacional Ernesto SabatoUNICEN

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".

Contenidos

● Pasos para elaborar un recurso hipermedia● El guión multimedia● Guión literario, técnico y storyboard

¿Cómo empezar?

En el análisis de la aplicación debemos responder a las preguntas:

● ¿QUÉ?● ¿A QUIÉN?● ¿PARA QUÉ?

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

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

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)

Guión multimedia

● El guión multimedia se compone de:

1- guión literario

2- guión técnico

3- storyboard

Guión literario

– Nombre del recurso– Introducción– Objetivos– Público destinatario– Justificación– Contenidos (temas- subtemas)

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

Guión técnico

De cada pantalla INTERACTIVA se describe con palabras:

● Título pantalla● Fondo● Texto● Imágenes● Sonido● Video

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)

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

Guión técnico

● Diagrama de navegación

Guión técnico

Storyboard

● Diseño Gráfico de cada uno de los nodos (basado en el guión técnico)

¿Preguntas?