UF 6.5 Elementos interactivos animados

Transcripción

Módulo 6
dimecres 24 d’abril de 13
Elementos interactivos animados
Objetivos
- Crear una aplicación interactiva basada en elementos
animados
- Creación de animaciones con Flash
- Generación de Interacción con AS3
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
ejemplos
http://artofpho.submarinechannel.com/
http://hotel.submarinechannel.com/splash.html
http://www.theplaceswelive.com/
http://www.moma.org/interactives/destination/
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
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
Objetivos del guión
- estructurar y organizar el trabajo
- documentar o plasmar una idea
- estudiar las dificultades que se pueden presentar
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
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.
-
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)
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.
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
2. La sinopsis
estructura y desarrollo del relato
planteamiento
nudo o desarrollo
desenlace
3. El target
?????????????????????
?????????????????????
??????????????
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
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..)
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.
http://www.smartdraw.com/
http://creately.com/
http://www.inspiration.com/
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
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
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
componentes de la pantalla o escena interactiva
- tareas de entrada
- tareas de fondo
- tareas interactivas
tareas de salida
las zonas sensibles (areas interactivas)
se definen verticalmente
el usuario suele hacer un
“barrido” en sentido vertical
economía y redundancia
suministrar sólo la información precisa o por el contrario
implementar recursos redundantes con sistemas de ayuda
hipertexto
elegir entre las diferentes estructuras de hipertexto..
cuáles eran??????
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
Diseño de Guion Multimedai

UF 6.5 Elementos interactivos animados

Transcripción

Documentos relacionados

DISPLAYS TRANSPARENTES INTERACTIVOS

interactive sms - Mahindra Comviva

Evaluación Remota de Sistemas Móviles y Ubicuos para el