Separata_storyboard (1) Lectura Adicional 2.pdf

[Título del documento]

Metodología de Educación a Distancia

1

Storyboard

Niveles

Contenidos

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia

El STORYBOARD Una aproximación al diseño de un software educativo. Es un documento que expresa gráficamente cada uno de los elementos que intervienen en el desarrollo de una actividad, como por ejemplo los personajes de una película, anime, cuento, etc. 2

En el caso de un proyecto de Software educativo, será la representación gráfica de cada una de las pantallas, indicando la relación que existen entre ellas, los elementos que forman parte, su ubicación (diagramación), características, comentarios, entre otros aspectos que describan el entorno a crear. El diseño de un Storyboard comprende la secuencia de las pantallas y relación entre ellas (Nivel 01), además los detalles de cada una de las pantallas (Nivel 02). Adicionalmente existen otros documentos anexos como el storyboard documentado. Es posible documentar la explicación de los elementos que aparecen en cada pantalla o escenario en un determinado momento, al cual llamaremos “guión”. Este término es usado en toda su expresión cuando se detalla el desarrollo y desenvolvimiento de elementos durante la ejecución de un video o animación. Es decir, el guión de un video o animación deben ser anexos a la pantalla en la que se ubican. El guión registra cada estado de los actores (elementos) en el tiempo, describiendo con cierto detalle el entorno en el que se lleva a cabo y el orden en que van entrando en acción. A continuación, se muestra un ejemplo de Storyboard con los niveles 1 y 2.

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia

3

Tarea a realizar (Grupos de trabajo de tres integrantes):

1. Elección un tema a desarrollar. 2. Creación un nombre para el producto y nombre para el grupo de trabajo. 3. Elaboración el Storyboard Nivel 01 correspondiente al tema elegido.

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia StoryBoard El siguiente es un prototipo de una aplicación educativa. Elije un tema a desarrollar el cual tenga cuatro tópicos o secciones y completa las pantallas del StoryBoard.

Nivel 01 4

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia

5

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia

NIVEL 2

6

Tarea a realizar (Trabajo individual):

1. Elije un tema a desarrollar. 2. Completa el formato dado del StoryBoard. 3. Escribe el guión de las actividades si es que las define en el StoryBoard.

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia

Storyboard El ejemplo se basa en el tema de las Regiones del Perú; sin embargo, se desarrolla de forma limitada ya que solo se trata de un ejemplo. En un caso real, cada una de las secciones: Costa, Sierra y Selva, pueden presentar otras subsecciones como por ejemplo: Descripción, Gallería de fotos, Actividades, etc., en cuyo caso el Storyboard de Nivel 01 sería más amplio. 7

Nivel 01

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia Nivel 02

Pantalla P1: Introducción

8

Descripción de contenidos:

Introducción: En esta pantalla se mostrará una secuencia de imágenes que ingresarán al escenario con efectos de transición al ritmo de una música de fondo que se reproducirá desde el inicio.

Interacción: Para pasar a la siguiente pantalla se deberá hacer clic en uno de los botones del Mouse, presionar cualquier tecla del teclado o en su defecto luego de una pausa de 6 segundos.

Música de fondo: Intro-clasica.mp3

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia Pantalla P2: Menú principal

9

Descripción de contenidos:

Imagen de fondo: Fondo de color plano con código RGB: 187-187-187 (#BBBBBB) o color Gris.

Música de fondo: Ninguna Título: Representación textual Tahoma, 36 ptos. Color Negro ó RGB: 0-0-0 (#000000) Interacción: Botones: Costa, Sierra, Selva y Salir Representación gráfica No presenta estados up, over ni down. Comentarios: Por ahora no presenta otras características, pero podría añadirse los estados up, over y down, que aún carecen y además de los efectos de sonidos al ubicarse sobre los botones. Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia Pantalla P3: Costa

10

Descripción de contenidos:

Imagen de fondo: Fondo de color plano con código RGB: 204-255-51 (#ccff33)

Música de fondo: Ninguna Título: Representación textual Tahoma, 36 ptos. Color Negro ó RGB: 0-0-0 (#000000) Interacción: Botones: Menú y Salir Representación gráfica No presenta estados up, over ni down. Comentarios: •

Por ahora no presenta otras características, pero podría añadirse los estados up, over y down, que aún carecen y además de los efectos de sonidos al ubicarse sobre los botones.

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia • •

El color elegido en esta sección caracteriza a la región de la costa. El contenido de esta sección contempla una zona para imágenes y otra para el contenido en sí. Pantalla P4: Sierra

11

Descripción de contenidos:

Imagen de fondo: Fondo de color plano con código RGB: 153-102-51 (#996633) Música de fondo: Ninguna Título: Representación textual Tahoma, 36 ptos. Color Negro ó RGB: 0-0-0 (#000000)

Interacción: Botones: Menú y Salir Representación gráfica No presenta estados up, over ni down.

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia Comentarios: • • •

Por ahora no presenta otras características, pero podría añadirse los estados up, over y down, que aún carecen y además de los efectos de sonidos al ubicarse sobre los botones. El color elegido en esta sección caracteriza a la región de la sierra. El contenido de esta sección contempla una zona para imágenes y otra para el contenido en sí.

Pantalla P5: Selva

Descripción de contenidos:

Imagen de fondo: Fondo de color plano con código RGB: 102-153-0 (#669900)

Música de fondo: Ninguna Título: Representación textual Tahoma, 36 ptos. Color Negro ó RGB: 0-0-0 (#000000)

Universidad Norbert Wiener

Escuela de Posgrado

12

Metodología de Educación a Distancia

Interacción: Botones: Menú y Salir Representación gráfica

13

No presenta estados up, over ni down. Comentarios: • • •

Por ahora no presenta otras características, pero podría añadirse los estados up, over y down, que aún carecen y además de los efectos de sonidos al ubicarse sobre los botones. El color elegido en esta sección caracteriza a la región de la selva. El contenido de esta sección contempla una zona para imágenes y otra para el contenido en sí.

Pantalla P6: Créditos

Descripción de contenidos:

Imagen de fondo: Fondo de color plano con código RGB: 153-204-255 (#99ccff)

Música de fondo: Ninguna

Universidad Norbert Wiener

Escuela de Posgrado

Metodología de Educación a Distancia Título: Representación textual Tahoma, 36 ptos. Color Negro ó RGB: 0-0-0 (#000000) Interacción:

14

Botones: Menú y Salir Representación gráfica No presenta estados up, over ni down. Comentarios: • •

Esta pantalla se visualiza luego de haber elegido la opción SALIR. La información acerca de los créditos se muestra por un tiempo de 10 segundos antes de salir definitivamente de la aplicación; así mismo, se puede finalizar si se realiza alguna acción ya sea con el Mouse o el Teclado.

Relación de Pantallas:

Identificador P1 P2 P3 P4 P5 P6

Universidad Norbert Wiener

Descripción Introducción Menú principal Costa Sierra Selva Créditos

Escuela de Posgrado