UF 6.5 Elementos interactivos animados

Transcripción

1 Módulo 6

2 Objetivos - Crear una aplicación interactiva basada en elementos animados - Creación de animaciones con Flash - Generación de Interacción con AS3

3 qué vamos a hacer Proyecto Animación Interactiva - Elaboración del guión multimedia - Diagrama de secuencias dinámicas - Diseño de pantallas - Producción: animación e interacción mediante programación

4 ejemplos

5 qué vamos a hacer concebir la aplicación como una película o como una narración. Vamos a aplicar los recursos del lenguaje audiovisual y conjugarlos con los propios de multimedia: - interacción con el usuario - no linealidad

6 El Guión Multimedia qué es el guión multimedia - descripción detallada de todas y cada una de las escenas del proyecto - narración ordenada de la historia que se desarrollará en la animación - al igual que en el guión "clásico", el guión para una aplicación multimedia interactiva es un documento clave para su producción

7 El Guión Multimedia Objetivos del guión - estructurar y organizar el trabajo - documentar o plasmar una idea - estudiar las dificultades que se pueden presentar

8 El Guión Multimedia Principios generales para la elaboración de un guión multimedia Organización: el contenido o tema debe estar muy bien organizado para que la información sea fácilmente asimilable. Integración: Tanto la imagen como el sonido o las palabras escritas poseen el mismo nivel de importancia en el desarrollo del discurso. Narración: a través de la aplicación hay una narración (se cuenta algo) Ritmo: manejar bien el tiempo en la animación

9 El Guión Multimedia La escritura de un guión multimedia es un proceso de VISUALIZACIÓN. - Pantallas - Imágenes - Que deben sincronizarse con ACCIONES. (Interactividad) - Que van produciendo una ruta o camino para cada usuario: NAVEGACIÓN.

10 Fases del trabajo de Guión Multimedia 1. idea 2. sinopsis 3. target 4. presentación por escenas y relación entre ellas (hipertexto) 5. guión multimedia (escena, zonas sensibles, eventos, acciones, tipos de contenido..) 6. ficha técnica de cada escena 7. grafo o diseño gráfico de las escenas (storyboard)

11 1. La idea La idea es el motivo principal para la realización de la aplicación. Es recomendable que se pueda escribir, describir y concretar en un máximo de dos líneas. Debe ser sencilla y de rápida comprensión. Ejemplos: En Age of Empires, el usuario es el guía de una tribu en la edad de piedra y su misión es dominar el mundo creando y conquistando imperios. Crear un CD-ROM que permita aprender a escribir cartas originales, diseñar felicitaciones y continuar cuentos de forma muy imaginativa.

12 2. La sinopsis La sinopsis es el desarrollo más amplio de la idea inicial, una especie de resumen que debe dejar claro el resumen general de la aplicación, la idea general. En la sinopsis se deben establecer los puntos más destacables de la aplicación. Se debe destacar lo esencial, y ofrecer una idea clara del contenido de la aplicación o programa

13 2. La sinopsis estructura y desarrollo del relato planteamiento nudo o desarrollo desenlace

14 3. El target????????????????????????????????????????????????????????

15 4. La presentación de escenas Se redacta una presentación. En ella se escribe con mayor detalle las características de la aplicación, la historia i el modo de interacción Para indicar como será el recorrido de las escenas, muy probablemente de estructura no lineal, se diseña el diagrama de hipertexto

16

17

18

19 5. Guión multimedia /diagrama de secuencia Se genera un guión detallado de cada escena. En el se describen: - el escenario - las zonas sensibles o interactivas - qué tipo de comportamiento tienen - qué sucede al interactuar sobre ellas - qué tipo de contenido se desencadena (audio, video, animación..)

20 5.Guión multimedia /diagrama de secuencia el diagrama de secuencias muestra gráficamente la interacción del usuario en la escena. Un Diagrama de Secuencias muestra una interacción ordenada según la secuencia temporal de eventos y el intercambio de mensajes. Los diagramas de secuencia ponen especial énfasis en el orden y el momento en el que se envían los mensajes a los objetos.

21 5. Guión multimedia /diagrama de secuencia

22 5. Guión multimedia /diagrama de secuencia

23 7. Ficha técnica La ficha técnica es una ficha de cada pantalla o escena, donde se indica - título de la escena - fondo - zonas sensibles y sus comportamientos - tareas que se pueden ejecutar en esta pantalla - cómo se entra y se sale de esta pantalla

24

25 8. Grafo o storyboard El storyboard es un diagrama de escenas con indicaciones de las posibles rutas que se pueden seguir en la navegación por la aplicación. Funciones del storyboard: - Plasmar de forma gráfica la estructura de los contenidos y sus interacciones - el estilo del dibujo - los tipos de planos - permite también ver los enlaces

26 Elementos de la aplicación interactiva la pantalla interactiva la unidad básica del trabajo en multimedia es la pantalla o escena interactiva escena = pantalla

27 Elementos de la aplicación interactiva componentes de la pantalla o escena interactiva - tareas de entrada - tareas de fondo - tareas interactivas tareas de salida

28

29 Elementos de la aplicación interactiva las zonas sensibles (areas interactivas) se definen verticalmente el usuario suele hacer un barrido en sentido vertical

30 Elementos de la aplicación interactiva economía y redundancia suministrar sólo la información precisa o por el contrario implementar recursos redundantes con sistemas de ayuda

31 Elementos de la aplicación interactiva hipertexto elegir entre las diferentes estructuras de hipertexto.. cuáles eran??????

32 recordatorio.. Una aplicación multimedia es multicanal, por que: a) Se usarán diferentes canales para transmitir: audio, texto, música, animaciones, video, imagen.. b) La sincronización de todos los canales utilizados está al servicio de la transmisión (e integración por parte del usuario) de un mensaje

33

34 Diseño de Guion Multimedai