IMM 2006 1

Especificación del proyecto multimedia:

Guión multimedia

Guión multimedia. Guillem Bou Bouza. Anaya multimedia

IMM 2006 2

Pasos

Vistos ya los medios digitales con los que se puede contar y algunos de los aspectos básicos que debe cumplir una aplicación, se está en disposición de planificar cuáles van a ser los pasos para el desarrollo de un proyecto multimedia.

De una forma general se podrían destacar siete pasos fundamentales para el desarrollo de un proyecto multimedia: Idea original, el proyecto grosso modo. Creación del guión de la aplicación. Diseño de la interfaz de usuario. Creación del sistema de navegación. Creación e incorporación de los medios digitales. Programación de las acciones descritas por el guión. Creación del formato final de la aplicación.

IMM 2006 3

Idea original, el proyecto grosso modo

La mayoría de proyectos multimedia se inician como una idea que surge en nuestra cabeza, la cual se va conformando con elementos que se van agregando de manera desordenada y que debemos refinar para que tome cuerpo.

La idea se centra en mejorar la forma existente de transmitir un contenido a través del uso de los medios digitales.

Según se va concretando la idea se debe ir continuamente sopesando el propósito contra su viabilidad, coste de producción y distribución.

IMM 2006 4

Guión de la aplicación En una aplicación multimedia también se hace

necesario orquestar la forma en la que se va a transmitir la información.

Es preciso definir cómo y cuándo deben aparecer los contenidos multimedia, de forma que durante el diseño de la aplicación se estará forzado a definir relaciones de sincronización y alineamiento entre los contenidos. No sólo habrá que definir qué contenidos van a integrar la aplicación, sino también su forma de aparecer, su relación con otros contenidos, su acción dentro de la aplicación, etc

IMM 2006 5

Guión

En un guión deben quedar definidos los siguientes aspectos:

La interfaz de pantalla y el sistema de navegación. Todos los elementos que se van a incluir en la aplicación, su

punto de aparición, su forma de entrada, su papel y acción en la aplicación, su interactividad con el usuario y su relación con otros elementos.

En caso de uso de hipertexto, definición de su estructura y enlaces.

Definición de el "storyboard" de las animaciones y vídeos que se van a incluir.

Si la aplicación es de aprendizaje, descripción del sistema de test y evaluación del alumno.

IMM 2006 6

La interfaz de pantalla y el sistema de navegación

Son los aspectos clave de la aplicación multimedia a la hora de intercambiar información con el usuario, y como portada de las funcionalidades de la aplicación.

Se puede definir la interfaz como un sistema de recursos a través de los cuales el usuario interactúa con el sistema informático. Estos recursos implican tomar en consideración no sólo aspectos técnicos y de funcionamiento, sino también aspectos cognitivos y emocionales de la interacción entre usuario y aplicación

IMM 2006 7

Tipo de elemento

Deben quedar descritos como aspectos básicos qué tipo de elemento digital es (texto, imagen, sonido, animación o vídeo), su nivel de calidad, su posición, su forma de aparecer, etc. Por elementos debería describirse:

Texto: tipo, tamaño y color de letra, alineación de texto, situación del cuadro de texto, hiperenlaces con otras partes de la aplicación (textos, páginas, sitios Web, etc.), tipo de cuadro de texto (pop-up o desplegable, con scroll o con barras de desplazamiento, lista de selección, cuadros de inserción, etc.).

IMM 2006 8

Imágenes: Tipo (dibujo o fotografía), profundidad de color, tamaño de la

imagen en píxeles, posición de la imagen (punto de fijación en píxeles), formato de adquisición (solución de compromiso entre los más soportados por herramientas y los de menor tamaño).

El tipo de aparición en pantalla también debe ser definido, para ello existen varias técnicas como son fundidos en negro, disolución, vuelo y arrastre en diversas direcciones, aparición desde diversas zonas de la pantalla, etc. Si es necesario deben definirse posibles movimientos de la imagen en pantalla, enlaces con otras pantallas a través de ella, formas de desaparición, etc.

IMM 2006 9

Animaciones: Idem imágenes, pero además para describir una animación

debe suministrarse su guión o sucesión de imágenes fijas que describen en qué va a consistir la animación.

A través de bocetos manuales o con ayuda de herramientas gráficas se van explicando los diferentes movimientos de la animación, objetos que la componen, colores, etc. Por último, se debe indicar el tiempo o velocidad de ejecución y la duración total de ésta.

También sería importante detallar el formato a utilizar, tamaño máximo de archivo y su forma de reproducción.

IMM 2006 10

Sonidos Origen del sonido, calidad de grabación, tipo de archivo, acción a la

que se asocia, duración, nivel de audición. El inicio del sonido y el evento que lo produce. Los sonidos pueden

asociarse con las diversas partes de una aplicación, como son los botones de navegación, entrada en una página o fase de la aplicación, músicas de fondo presentes durante una fase, alertas de peligros, mal funciones o errores cometidos por el usuario, asociados con animaciones, etc.

Hay que ser estricto con la duración de estos sonidos y con las especificaciones de calidad para evitar descoordinaciones entre lo que se está viendo y escuchando.

También el guionista debe exigir un nivel sonoro de los sonidos con algún tipo de referencia, para evitar al usuario el continuo control del volumen y a los creadores la indecisión de cuál poner. Hay que distinguir entre el nivel de un sonido de fondo con el de una narración o el nivel en general de una aplicación comercial (habitualmente buscan la espectacularidad) comparado con una de aprendizaje.

IMM 2006 11

Vídeos Se deben describir aspectos similares a las imágenes y animaciones,

pero también tienen aspectos particulares de ellos como son el número de cuadros por segundo, tipos de contenido y fuente, etc.

El guionista debe describir qué secuencias se deben incluir en el video, su duración y la fuente de las mismas.

Cuando hay mezcla de secuencias se debe indicar el comienzo y fin de éstas (mediante numero de frame) y la técnica de mezcla (tipo de cortinilla o efectos digitales como el mosaico o estroboscopio).

Además, si se añaden sonidos, se debe indicar su duración, origen (fichero digitalizado) y su ubicación dentro del conjunto de secuencias del video.

El tamaño sugerido por el guionista dará una idea al creador sobre las técnicas de captura y compresión que debe utilizar.

IMM 2006 12

Materiales

Para planificar el proceso global de la aplicación multimedia, el guionista se ayuda de una serie de materiales que son: Esquema global de la aplicación a través de diagramas

denominados Grafos. Hojas de configuración de las acciones de los diversos

aspectos de la aplicación. Hojas de definición de las escenas.

IMM 2006 13

Grafos (aspecto visual) Cuando se trata de una aplicación multimedia, pueden

presentar un alto grado de complejidad que refleja las distintas opciones que se le dan al usuario para navegar por la aplicación.

Por esto se dividen en dos. Grafo general de escenas

Es el que describe el flujo entre grupos de escenas de la aplicación. Ofrece una visión global y por encima de la totalidad de la historia interactiva.

Grafo exhaustivo Es el que describe al detalle una zona concreta del grafo

general de escenas. Se emplea para visualizar el comportamiento a nivel de escena y de los elementos que la integran.

IMM 2006 14

¿Para qué sirven?

La misión de ambos grafos es la de plasmar el desarrollo visual del guión.

El primero, el grafo general, se utiliza para que el equipo de trabajo se pueda imaginar la aplicación como un todo y pueda hacer comentarios generales (cuestiones como la duración de cada sesión, la distribución de las unidades de información que se suministran, etc.).

El grafo exhaustivo, en cambio, es útil para repasar los detalles de montaje y discutir aspectos concretos sobre la interacción en cada escena (cuánto tiempo tardará en cada pantalla, qué ruta probablemente seguirá sobre el grafo, etc.).

IMM 2006 15

Unidades básicas de los grafos

Para la construcción tanto del grafo general como del grafo exhaustivo es necesario establecer unas escenas guía o escenas maestras. Éstas son las que se perciben como las más importantes dentro de un grupo concreto de pantallas relacionadas y sirven para referenciar dicho grupo. Son las escenas principales donde transcurre la acción y constituyen el esqueleto de la aplicación.

El usuario se mueve por las mismas y por las escenas adyacentes que se agrupan en torno a cada una ellas. Cada grupo de estas escenas adyacentes se denomina el polígono de viñetas asociado a la escena maestra

IMM 2006 16

Escena maestra y adyacentes

IMM 2006 17

Grafo general

En el grafo general aparecen las escenas formando un grupo compacto y se señalan, exclusivamente, los enlaces para salir de dicho grupo.

Uno de los objetivos principales del grafo general de la aplicación es reflejar el tránsito entre grupos de escenas.

Para detallar con más precisión los posibles movimientos del usuario entre estos grupos, además, se marcan en el grafo siguientes elementos: los capítulos las escenas las puertas las rutinas

IMM 2006 18

Grafo general

IMM 2006 19

Capítulos

Unidades de contenido, una o varias polígonos de viñetas

IMM 2006 20

Escenas

Las escenas se definen como elementos unitarios de la aplicación.

Constan de un fondo, un lote de tareas de entrada, unas zonas sensibles y otros elementos.

El fondo de una escena puede cambiar y que muchos de los recursos que se utilizan en ella (textos, iconos, secuencias, etc.) aparecen y desaparecen, pero no se ha dado un criterio para establecer cuándo es obligatorio cambiar de escena: Necesariamente se cambia de escena cuando cambian las zonas

sensibles de la pantalla, es decir, cuando cambian las respuestas de la aplicación a las acciones del usuario. Si se modifican las zonas sensibles, la interacción es totalmente distinta, lo que implica que en el guión se debe empezar una página nueva en la que se describe la nueva escena.

IMM 2006 21

Puertas Cuando el salto de una escena a otra es interrumpido por alguna

condición u obstáculo a superar, se dice que existe una puerta. Las puertas se señalizan en el grafo con el símbolo "//". Si

dependen de un objetivo o una condición éstos se marcan j continuación del símbolo (por ejemplo "//$llave").

Hay que distinguir entre las puertas que sirven para pasar de un capítulo a otro de las que enlazan escenas dentro del mismo capítulo.

Las primeras son las que se indican en el grafo general de escenas, ya que son las que determinan el flujo global de la historia; se denominan puertas globales o de Historia.

Las segundas son puertas locales, ya que determinan el flujo de la aplicación entre escenas pero sin abandonar el mismo capítulo,

IMM 2006 22

Puertas globales y locales

IMM 2006 23

Rutinas

Es como se describe el cambio de un capítulo a otro.

Debe aparecer en el grafo general de escenas. Se señalan con un nombre envuelto en un circulo para que se puedan identificar a simple vista.

Dependiendo del resultado de la ejecución de la rutina se puede bifurcar en diferentes escenas y esto se indicará en el grafo con una flecha.

IMM 2006 24

Grafo exhaustivo Cuando al grafo general se le añaden las puertas y objetivos locales, es

decir, cuando el flujo de la aplicación queda descrito por completo, se dice que se tiene el grafo exhaustivo de la aplicación.

Este grafo puede ser enorme (una aplicación puede tener cientos de escenas), por lo cual se suele organizar por capítulos.

Dos clases de objetivos: los que se necesitan para saltar entre escenas de un mismo capítulo y los necesarios para saltar entre diferentes capítulos. Se llaman, como en el caso de las puertas, objetivos locales y objetivos globales.

El símbolo $, tal como se apuntaba anteriormente, se reserva en el guión para los objetivos. Dado que en el grafo exhaustivo hay que distinguir entre objetivos locales y globales, se señalizan con L$ los primeros y con H$ los segundos. La letra L indica que se trata de un objetivo local del capítulo, la letra H que se trata de un objetivo de la aplicación.

IMM 2006 25

Objetivos locales y globales

IMM 2006 26

Hojas de configuración Anteriormente se han citado los elementos que pueden y deben

definir una escena. Algunos de estos elementos, serán comunes a más de una escena.

Las aplicaciones, por tanto, tienen toda una serie de elementos que se llaman estables, es decir, que se comportan de la misma manera y aparecen en los mismos lugares aunque la escena sea diferente.

No tiene sentido que el guión describa estos elementos estables en cada escena, puesto que siempre se repetirían las mismas indicaciones. Por ello, toda la descripción de la parte estable de una aplicación se redacta en un pliego de hojas que se denominan hojas de configuración de la aplicación.

IMM 2006 27

Para reunir todas estas informaciones, en las hojas de configuración se encuentran las descripciones relativas a tres tipos de datos de distinta naturaleza: elementos estables de las pantallas patrones de comportamiento de la aplicación tablas de control de la misma

IMM 2006 28

Elementos estables

Son aquellos componentes de las pantallas que aparecen en más de una escena. Las hojas de configuración en lo referente a ellos, suministran información sobre sus propiedades, funciones que realizan, relación con otros elementos, etc.

IMM 2006 29

Elementos estables

IMM 2006 30

Patrones de comportamiento

Son aquellos sucesos que se dan frecuentemente en la aplicación y que es necesario describir.

Interesa especificar claramente cuándo suceden y qué serie de eventos ocurren, a fin de facilitar la tarea del equipo de producción. comportamiento de las zonas sensibles indicación al usuario de que no se puede pasar una puerta indicación de progreso al usuario

IMM 2006 31

Tablas de control

Son cuadros orientativos que establecen el comportamiento de la aplicación.

Informan de cuestiones como, por ejemplo, si el elemento estable X no debe aparecer en una escena concreta o si el personaje Y de la aplicación tiene o no ciertas cualidades.

También, en el caso de las aplicaciones narrativas, recuerdan qué sucesos de un cierto capítulo tendrán repercusión más adelante en el desarrollo del argumento.

IMM 2006 32

Descripción de las escenas

Una vez plasmada la idea original y elaborado el esquema del guión a través de los grafos y hojas de configuración, el último paso que le queda al guionista es hacer la descripción de las escenas de la aplicación.

El guionista debe proceder a redactar la información textual sobre las escenas, respetando unos convenios y palabras claves que le permitirán ser más preciso y ahorrar tiempo a la hora de comunicarse con el equipo de producción (BMP, RAT, ROL, CLIC, DCLIC, ICN, $1).

Este documento es llamado guión técnico por algunos.

IMM 2006 33

¿Qué especificar?1) Nombre de pantalla.2) Entradas: de dónde puedes llegar a esta pantalla.3) Fondo: si es que el fondo cambia en las diferentes pantallas.4) Textos: si es que los hay o referencia a una lista de textos.5) Animaciones: si es descripción o referencia a una lista de animaciones.6) Imágenes o secuencia de imágenes: si es que las hay o referencia a una lista

de imágenes.7) Audios: si es que los hay o referencia a una lista de audios.8) Botones o áreas sensibles de interacción: número y descripción de su

función.9) Botones o áreas sensibles de menú: número y descripción si se trata de

áreas sensibles.10) Botones de comando: continuar, regresar, regresar al menú anterior, menú

principal, etcétera.11) Salidas: hacia donde podemos ir desde esta pantalla.12) Pequeño boceto de un orden espacial tentativo de los elementos que estarán

presentes en la pantalla.

IMM 2006 34

Guión técnico