Descripción, storyline y guion técnico. DESCRIPCIÓN DEL PROYECTO

Título

El entorno animado

Descripción

Proyecto multimedia interactivo con contenido y actividades sobre la imagen secuenciada, cómic y animación.

Target Destinatarios

Alumnos/as de primer y segundo ciclo de secundaria. De 12 a 16 años.

Idiomas

Gallego. Traducción con herramientas online al castellano e inglés.

Objetivos

Serán los siguientes:

• Iniciar a los estudiantes en los lenguajes gráficos y cinematográficos relacionados con la imagen secuenciada y animada.

• Trabajar la competencia artística, visual y digital desde el ámbito de los medios de expresión del cómic y la animación stopmotion.

• Aprender a usar de un modo básico los medios gráficos y tecnológicos para la realización de cómic y películas.

• Proponer un acercamiento experimental. • Generar una actitud crítica a la utilización de estos medios. • Aprender a trabajar en grupo colaborando de cara a la búsqueda de un

resultado final partiendo de tareas específicas e individuales.

Herramientas tecnológicas que intervienen en el proyecto.

Interfaz:

• Dreamweaver. Interfaz de inicio. Página estática. • Aplicación de autor. Para contenidos y actividades. Entorno Flash.

Software de apoyo:

• Photoshop. • Adobe Premiere. • Aplicación para cambios de formatos de vídeo. • Aplicación para cambios de formatos de sonido.

Desarrollo del diseño.

Se ha planteado el objetivo de lograr un entorno agradable con una composición centrada y equilibrada partiendo de los siguientes recursos: El color: Colores suaves con tonalidades altas para contrastar con el texto en colores oscuros. Los enlaces se definirán partiendo de las recomendaciones estándar. Texto: Tipografía sencilla, (arial o verdana) de buen tamaño y con colores oscuros. Se incluye el hipertexto. Imágenes: .Serán de fácil comprensión y diseño. Se identificarán para una buena accesibilidad. Podrán tener función de link.

STORYLINE:

1 El entorno Animado

2 El Cómic 3 Tres autores

4 Juguetes Animados

5 Nuestro Entorno

Info. Temática de la página.

Consulta

Informes actividades

Informes actividades

Consulta

Introducción

Tarea

Proceso

Conclusión

Evaluación

Repartir Tarea

Investiga

Elabora

Recursos

Introducción

Tarea

Proceso

Conclusión

Evaluación

10 pág. Actividades

9 pág. Contenidos

Repartir Tarea

Investiga

Elabora

9 pág. Contenidos

10 pág. Actividades

Recursos

Leyenda:

Enlaces a páginas no descritas

GUIÓN TÉCNICO Página 1. Inicio. Descripción: Al entrar en la página nos encontramos con tres apartados diferenciados que informan al usuario de lo que se va a encontrar. Los elementos en color, invitan a interactuar.

Elementos de la página: T- Textos: Los textos 1, 2, 3, 4, 5 y 6, indican al usuario el bloque de contenidos que puede seleccionar en forma descendente. I - Imágenes: Las imágenes i1, i2 e i3, dividen los bloques de contenidos.

i-Int- Interactividad: La imagen interactiva i-Int 1, es un enlace con una página de texto que informa con detalle al usuario de los contenidos que se va a encontrar en la web. Al pasar el ratón cambia por otra imagen. Las imágenes, i.Int 2, i-Int 3, i-Int 4 e i-Int 4, son enlaces, que al pulsar envían al usuario a las páginas de contenidos y actividades previstas.

Diseño: Composición centrada o simétrica. Horizontalidad. Gama cromática: Colores suaves y diferenciados.

Página 2. El cómic. Descripción: Al entrar en la página realizada por medio de una aplicación de autor, encontramos texto y posibilidad de interactuar en la página, activando y desactivando elementos según lo que el usuario quiera hacer. Principalmente, se invita a realizar una lectura del texto que se acompaña y a continuación realizar otras acciones.

Elementos de la página: T- Texto estático: Los textos T1, T2, T3 y T4, indican al usuario respectivamente, el título del grupo de contenidos y actividades, subtítulo, título del contenido textual y finalmente el contenido textual. i – Imagen estática: Las imágenes i1 e i2, son el logo e imagen relacionada con el contenido textual. i-Int- Interactividad: La imagen interactiva i-Int 1, permite realizar las acciones siguientes: Consulta a una página de información sobre el contenido tratado, informe de los resultados, activación y desactivación de sonido, maximiza y minimiza la página. La i- 2 S. Activa el sonido insertado en la página. Finalmente, la i-Int 3, permite cambiar de página, hacia delante o hacia atrás. También indica el número de página en

la que se encuentra el usuario. M- Menú: Este botón es un menú persiana que permite ir a una página de contenido o actividades concreta sin tener que recorrerlas hacia delante o hacia atrás. Diseño: Composición asimétrica equilibrada. Verticalidad, horizontalidad. Gama cromática: Colores suaves y diferenciados.

Para Texto

Página 3. Tres autores. Descripción: Al entrar en la página encontramos texto y posibilidad de interactuar por la página activando y desactivando elementos según lo que se quiera hacer. Principalmente, se invita al usuario a realizar una lectura del texto que se acompaña y a continuación realizar otras acciones.

Elementos de la página: T- Texto estático: Los textos T1, T2, T3 y T4, indican al usuario respectivamente, el título del grupo de contenidos y actividades, título del contenido textual, contenido textual y finalmente el número de página. i – Imagen estática: Las imágenes i1 e i2, son el logo y la imagen relacionada con el contenido textual. i-Int- Interactividad: La imagen interactiva i-Int 1, permite realizar las acciones siguientes: Consulta a una página de información sobre el contenido tratado, informe de los resultados, activación y desactivación de sonido, maximiza y minimiza la página. La i- 2 S. Activa el sonido insertado en la página. T-Int-Texto interactivo: Los T-Int1, T-Int2, T-Int3, T-Int4 y T-Int5, son botones textuales que envían al usuario a los diferentes

contenidos de las actividades propuestas en este modelo. La T-Int3, contiene otros cuatro botones textuales que permiten recoger más información para la realización de la webquest. Diseño: Composición asimétrica equilibrada. Verticalidad, horizontalidad. Gama cromática: Colores suaves y diferenciados.

Página 4. Juguetes. Descripción: Al entrar en la página encontramos texto y posibilidad de interactuar por la página activando y desactivando elementos según lo que se quiera hacer. Principalmente, se invita al usuario a realizar una lectura del texto que se acompaña y a continuación realizar otras acciones.

Elementos de la página: T- Texto estático: Los textos T1, T2, indican al usuario el título del grupo de contenidos y actividades y finalmente el contenido textual. i – Imagen estática: Las imágenes i1 e i2, son el logo e imagen relacionada con el contenido textual. i-Int- Interactividad: La imagen interactiva i-Int 1, permite realizar las acciones siguientes: Consulta a una página de información sobre el contenido tratado, informe de los resultados, activación y desactivación de sonido, maximiza y minimiza la página. La i- 2 S. Activa el sonido insertado en la página. Finalmente, la i-Int 3, permite cambiar de página, avanzando o retrocediendo según necesidad. También indica el número de página en la que se encuentra el usuario.

Diseño: Composición asimétrica equilibrada. Horizontalidad. Gama cromática: Colores suaves y diferenciados.

Página 5. Entorno. Descripción: Al entrar en la página encontramos texto y posibilidad de interactuar por la página activando y desactivando elementos según lo que se quiera hacer. Principalmente, se invita al usuario a realizar una lectura del texto que se acompaña y a continuación realizar otras acciones.

Elementos de la página: T- Texto estático: Los textos T1, T2, T3 y T4, indica al usuario respectivamente, el título del grupo de contenidos y actividades, título del contenido textual de esta página, contenido textual y finalmente el número de página. i – Imagen estática: Las imágenes i1 e i2, son el logo y la imagen relacionada con el contenido textual. i-Int- Interactividad: La imagen interactiva i-Int 1, permite realizar las acciones siguientes: Consulta a una página de información sobre el contenido tratado, informe de los resultados, activación y desactivación de sonido, maximiza y minimiza la página. La i- 2 S. Activa el sonido insertado en la página. T-Int-Texto interactivo: Los T-Int1, T-Int2, T-Int3, T-Int4 y T-Int5, son botones textuales que

envían al usuario a páginas con los diferentes contenidos de las actividades propuestas en este modelo. La T-Int3, contiene otros cuatro botones textuales con más instrucciones para completar con éxito la actividad webquest. Diseño: Composición asimétrica con equilibrio. Verticalidad, horizontalidad Gama cromática: Colores suaves y diferenciados.