El documento presenta un proyecto multimedia interactivo sobre cómic y animación dirigido a estudiantes de secundaria. El proyecto tiene como objetivos introducir a los estudiantes en lenguajes gráficos y cinematográficos relacionados con la imagen secuenciada y animada, trabajar competencias artísticas y digitales, y generar una actitud crítica. El proyecto consta de varias páginas con contenidos, actividades y funcionalidades interactivas desarrolladas con herramientas como Flash, Photoshop y Premiere.
1. 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 Alumnos/as de primer y segundo ciclo de secundaria. De 12 a 16 años.
Destinatarios
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 Interfaz:
tecnológicas • Dreamweaver. Interfaz de inicio. Página estática.
que • Aplicación de autor. Para contenidos y actividades. Entorno Flash.
intervienen
en el Software de apoyo:
proyecto. • Photoshop.
• Adobe Premiere.
• Aplicación para cambios de formatos de vídeo.
• Aplicación para cambios de formatos de sonido.
Desarrollo Se ha planteado el objetivo de lograr un entorno agradable con una composición
del diseño. 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.
2. STORYLINE:
Info. Temática
de la página.
1 El entorno
Animado
Consulta
Informes Informes
actividad actividad Consulta
es es
2 El Cómic 3 Tres 4 Juguetes 5 Nuestro
autores Animados Entorno
Introducción Introducción
9 pág. 9 pág.
Contenidos Contenidos
Tarea Tarea
10 pág. 10 pág.
Actividades Actividades
Proceso Proceso
Repartir Repartir
Tarea Tarea
Conclusión Conclusión
Investiga Investiga
Evaluación Evaluación
Elabora Elabora
Recursos Recursos
Enlaces a
páginas no
descritas
Leyenda:
3. 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.
4. 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
5. 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.
6. 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.
7. 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.