Conoceremos la importancia del multimedio, etapas de elabaoración y Storyboard

1. Universidad Estatal a Distancia
Vicerrectoría Académica
Escuela de Ciencias de la Educación.
Diseño y elaboración de multimedios.
Código: 02030
Portafolio
Profesor:
Liliana Arias Granados.
Estudiantes:
Castro Jiménez Cinthya, Cedula: 1-1348-0957
III Cuatrimestre, 2015.
Portafolio 1

2. Tabla de contenidos
Portafolio 2
Justificación
Objetivos
Desarrollo
Storyboard
Análisis de multimedios
Recomendaciones
Conclusiones
Anexo

3. Justificación
Por medio de este recurso se pretende
recolectar los recursos y trabajos realizados con
el fin de reflexionar sobre cada uno de ellos.
Además por medio de este portafolio se
pretende demostrar las habilidades y
competencias adquiridas.
Portafolio 3

4. Objetivos
Brindar un espacio que permita reflexionar
sobre lo que conlleva la elaboración de un
multimedio.
Realizar un proceso metacognitivo.
Promover un aprendizaje significativo, donde
el estudiante es el autor primordial.
Portafolio 4

5. Desarrollo
En esta sección vamos a desenvolvernos en la
importancia que tiene un Storyboard en la
elaboración de un multimedio.
Además se analizará diferentes multimedios
basados en la interfaz de diseño de un
proyecto.
Portafolio 5

6. Storyboard
Es un boceto que se realiza antes de la elaboración
de un multimedia. En este se tiene que representar
las escenas, donde se incluye que personajes se
encuentran, movimientos de cámaras, efectos
especiales y lo más importante la secuencia que va
a existir.
Analizaremos un ejemplo de un Storyboard que
tiene como objetivo: Repasar vocabulario básico de
ingles.
Portafolio 6

7. Escena N°1
• Se inicia con la pantalla en negro.
• A los 3 segundos inicia la música
“Mascara para la obra de teatro:
A la Obra - La Pipetua, Teatro
Metropolitan” (Ver anexo N°1)
• Se encienden las luces y aparece
enfocado escenario del un teatro
• Se aleja el plano y se inician abrir
las cortinas, del centro a la
izquierda y del centro a la
derecha.
• Se acerca el plano y se encienden
las luces, se realiza el efecto de
estrellas cayendo.
Portafolio 7

8. Escena N°2
• Aparece el personaje principal, el cual será muy divertido.
• Les brinda una bienvenida al teatro.
• Además aparecen personajes para crear una animación
• Se tiene música de fondo “Música Para Cine Mudo (Chrles Chaplin)”.
Portafolio 8

9. Escena N°3
• En esta escena se encuentra el menú, cada elemento nos llevará a una
nueva escena que nos enseñará más.
• La princesa nos llevara a la escena N°4.
• La lámpara nos llevara a la escena N°5.
• Las notas nos llevara a la escena N°6.
Portafolio 9

10. Escena N°4
• En esta escena aprenderemos sobre la vestimenta.
• Al pasar el mouse nos dirá el nombre y se realizará más grande la pieza
Portafolio 10

11. Escena N°5
• En esta escena aprenderemos sobre los colores.
• Al pasar el mouse nos dirá el nombre y se realizará más grande la pieza
Portafolio 11

12. Escena N°6
• En esta escena aprenderemos sobre los diferentes tipos de instrumentos.
• Al pasar el mouse nos dirá el nombre y se realizará más grande la pieza y
emitirá un sonido del instrumento
Portafolio 12

13. Análisis de multimedios
En esta secciones analizaremos 5 multimedios
con el fin de descomponer cada uno de estos
y estudiar sus componentes.
Además nos permite analizar errores y buscar
una posible solución o mejora al multimedio
Portafolio 13

14. 1. Casa del neumático
1. Indique el vínculo.
http://juegos.disney.es/cars/a-la-caza-del-neumatico
2. Tema que trata el Multimedio
Trata de llevar el neumático de color blanco y negro hasta la bomba azul.
3. Generalidades del multimedio.
 Autor: Disney.
 Tipo de multimedio: Juego.
 Soporte electrónico por el que se distribuye: en línea.
 Población meta: niños entre 4 años a 8 años.
 ¿Qué pretende enseñar el multimedio?
Buscar el mejor camino.
Dominio de las teclas de desplazamiento.
 Descripción de las actividades que debe realizar el usuario.
En este juego se pretende que el usuario puede generar un camino para llegar
al neumático y lleva este a la bomba azul.
Portafolio 14

15. 4. Describa la Interfaz de entrada y de salida:
La interfaz esta situada en un taller, es muy simple, con los elementos necesarios,
esta realizado en flash.
5. Metáfora pedagógica:
Esta basado en los valores que se representan en la película como es la
colaboración, el trabajo en equipo, la búsqueda de soluciones entre otros.
6. Indique el método de navegación:
Lineal, de una pantalla a otra.
7.Zonas de interacción:
Menú, en el cual puede realizar cambios de configuración (sonido, ayuda,
reanudar, volver a empezar)
8.Mapa de navegación
El usuario navega por la pantalla por medio de las flechas de direcciones(arriba,
abajo, derecha e izquierda) para lograr el objetivo planteado, para pasar de
pantalla cuando resolvió con éxito tiene que tocar cualquier tecla.
Portafolio 15

16. • Tamaño de pantalla:
No se utiliza toda la pantalla, pero tiene un tamaño mediano, es bueno.
• Zonas de pantalla:
Cuenta con 2 zonas específicas(botones, zona de juego)
• Personajes:
Esta basado en la película Cars (Guido) por lo cual es el personaje principal, el
carro se puede desplazar por todo el taller, además puede mover los
neumáticos.
• Vitalidad:
Posee un nivel de vitalidad tiene un nivel medio.
• Uso del color:
Usa colores neutros, no posee colores llamativos.
Portafolio 16

17. 2. Ciclo del agua.
1. Indique el vínculo:
http://www.juntadeandalucia.es/averroes/sanwalabonso/wqyct/mq_ag
ua/ciclodelagua.htm#Recursos
2. Tema que trata el Multimedio: Ciclo del agua.
3. Generalidades del multimedio.
 Autor: Toñi Cabrera Martínez, Yani Beldades Gutiérrez, Fernando García
Páez.
 Tipo de multimedio: Tutoriales y ejercitación
 Soporte electrónico por el que se distribuye: Internet
 Población meta: Segundo y tercer ciclo de primaria
 ¿Qué pretende enseñar el multimedio? El proceso del ciclo del agua.
 Descripción de las actividades que debe realizar el usuario.
Al usuario se le presenta una explicación del tema, pero además se le propone
realizar trabajos, se le brinda recursos y existe una evaluación
Portafolio 17

18. 4. Describa la Interfaz de entrada y de salida: Es una interfaz simple, tiene un fondo una
textura de gotas de agua, utiliza imágenes sin y estáticas.
5. Metáfora pedagógica: se hace referencia al tema del ciclo de agua.
6. Indique el método de navegación: No lineal.
7.Zonas de interacción: palabras calientes.
8.Mapa de navegación: es solo una secuencia por lo cual el usuario con forme ya
avanzando va bajando para ver la información faltante.
9.Tamaño de pantalla:
Se utiliza el tamaño estándar de una página web.
10. Zonas de pantalla:
No existe una zona de interacción, ya que todo el contenido se encuentra en la página web.
11.Personajes:
Presenta un personaje que es una gotita de agua, el cual es inactivo y casi invisible.
12.Vitalidad: cuenta con pocas animaciones, tiene una vitalidad de nivel bajo.
13.Uso del color: se usa colores referente al tema central.
Portafolio 18

19. Interfaz
Portafolio 19

20. 3.La escasez de agua en el DF
1. Indique el vínculo.
https://sites.google.com/a/cecte.ilce.edu.mx/ejemplos-del-computo-
educativo/miniquest
2. Tema que trata el Multimedio: La escasez del agua.
3. Generalidades del multimedio:
 Autor: Clara León Ríos.
 Tipo de multimedio: Tutoriales y ejercitación.
 Soporte electrónico por el que se distribuye: Internet.
 Población meta: Bachillerato.
 ¿Qué pretende enseñar el multimedio? El problema existente del agua.
 Descripción de las actividades que debe realizar el usuario.
Presenta una guía para comprender y asimilar el tema, además de presentarlo
por medio de una herramienta de informática.
Portafolio 20

21. 4. Describa la Interfaz de entrada y de salida:
Tiene un fondo de un color el cual se utiliza en todo el sitio, presenta algunas
imágenes relacionadas con el tema. Se presenta un desorden en la
información, no existe una estabilidad en tamaño ni diseñp
5. Metáfora pedagógica:
Se hace referencia al tema por medio de imágenes y descripciones.
6. Indique el método de navegación:
Lineal, presenta algunos hipervínculos que los lleva a otros sitios web.
7.Zonas de interacción:
Existen elementos que tienen enlaces a otros sitios.
8.Mapa de navegación:
Se solo una secuencia por lo cual el usuario con forme ya avanzando va
bajando para ver la información faltante
Portafolio 21

22. 9. Tamaño de pantalla:
Se utiliza el tamaño estándar de una página web.
10. Zonas de pantalla:
No existe una zona de interacción, ya que todo el contenido se encuentra en
la página web.
11. Personajes:
No existe personajes.
12. Vitalidad:
cuenta con pocas animaciones, tiene una vitalidad de nivel bajo.
13.Uso del color:
Tiene un color de fondo, el cual no tiene ninguna relación con el tema, no
existe una combinación de colores, no se aplica la Teoría del Color, no se
explota este recurso.
Portafolio 22

23. Interfaz
Portafolio 23

24. 4. RALLY DAKAR 2004
1. Indique el vínculo:
http://www.juntadeandalucia.es/averroes/cppfelipe/investiga/dakar/da
kar.htm
2. Tema que trata el Multimedio: Rally Dakar 2004
3. Generalidades del multimedio.
 Autor: CEIP Príncipe Felipe Motril(Granada)
 Tipo de multimedio: Webquest
 Soporte electrónico por el que se distribuye: Internet.
 Población meta: Quinto grado
 ¿Qué pretende enseñar el multimedio?
Pretende que el usuario conozca el concepto de Rally Dakar 2004.
 Descripción de las actividades que debe realizar el usuario.
El usuario tiene que hacer una investigación y presentar los resultados en un
recurso multimedia.
Portafolio 24

25. 4. Describa la Interfaz de entrada y de salida:
Tiene un fondo blanco, al lado izquierda presenta los encabezados e imágenes, es
un diseño muy simple pero fácil de comprender.
5. Metáfora pedagógica:
Se presentan imágenes para guiar y representar lo que se desea desarrollar.
6. Indique el método de navegación:
Lineal, presenta algunos hipervínculos que los lleva a otros sitios web.
7.Zonas de interacción:
Existen elementos que tienen enlaces a otros sitios.
8.Mapa de navegación:
Se solo una secuencia por lo cual el usuario con forme ya avanzando va bajando
para ver la información faltante
Portafolio 25

26. 9. Tamaño de pantalla:
Se utiliza el tamaño estándar de una página web.
10. Zonas de pantalla:
Existen una interacción por medio de palabras constantes y también se
involucra los hipervínculos.
11. Personajes:
No existe personajes.
12. Vitalidad:
Cuenta con pocas animaciones, tiene una vitalidad de nivel bajo.
13.Uso del color:
Tiene un color de fondo blanco con una barra en la izquierda gros, tiene un
diseño simple y sobrio.
Portafolio 26

27. Portafolio 27

28. 5. Los alimentos
1. Indique el vínculo. http://clic.xtec.cat/db/act_es.jsp?id=3656
2. Tema que trata el Multimedio: Tipos de alimentos.
3. Generalidades del multimedio.
 Autor: Mamen Sánchez – Migallón Egea.
 Tipo de multimedio: Ejercitación.
 Soporte electrónico por el que se distribuye: Jclic.
 Población meta: Primaria
 ¿Qué pretende enseñar el multimedio?
Que los usuarios puedan aprender los deferentes tipos de alimentos y su
clasificación.
 Descripción de las actividades que debe realizar el usuario.
Se le realiza una pregunta al usuario el cual tiene que responder por medio de
la asociación de un alimento
Portafolio 28

29. 4. Describa la Interfaz de entrada y de salida:
Presenta una interfaz muy simple.
5. Metáfora pedagógica:
No se representa una metáfora, el escenario es plano, no motiva ni nos ubica
en un contexto ideal para ver o aprender del tema
6. Indique el método de navegación:
Lineal.
7.Zonas de interacción:
Cuente con menús y botones, los cuales son siempre utilizados en jclic, no se
incorpora nada nuevo.
8.Mapa de navegación
Se permite navegar por medio del menú o los botones de seguir o retroceder.
9.Tamaño de pantalla: 1500 x 800
10.Zonas de pantalla: Es encuentran fácilmente.
11.Personajes: no cuentan con personajes.
12.Vitalidad: No cuenta con animaciones, tiene una vitalidad de nivel bajo.
13.Uso del color: presenta variedad de colores en el fondo y en las letras
dependiendo de como avance las escenas.Portafolio 29

30. Interfaz
Portafolio 30

31. Recomendaciones
En base a la elaboración de un Storyboard:
Es muy importante antes de realizar un
Storyboard tener clara la idea del multimedio
se quiere realizar.
Es muy importante conocer bien la metáfora
pedagógica y los personajes que se van a
utilizar.
Portafolio 31

32. Recomendaciones
En base al análisis de los multimedios:
Es primordial utilizar y realizar las
pruebas con el recurso, además de
conocer el objetivo y el público meta
a quien va dirigido, ya que estas dos
aspectos son transcendentales para
que un multimedio cumpla el
propósito.
Portafolio 32

33. Conclusiones
La elaboración de un recurso multimedia es
un proceso, el cual tiene que ir todos los
elementos entre lazados y de la mano.
Es muy importante no olvidar que estos
recursos son dinámicos y pretender fomentar
un aprendizaje significativo.
Portafolio 33

34. Conclusiones
Es importante unir todos los recursos
disponibles, imágenes, animaciones, sonidos,
videos, enlaces, gráficos y demás. Ya que estos
son los que le dan vitalidad al recurso.
No se tiene que olvidar el tema curricular y la
necesidad con la que se inicio a elaborar el
recurso multimedio.
Portafolio 34

35. Anexos
• Anexo N°1: “Mascara para la obra de teatro: A la
Obra - La Pipetua, Teatro Metropolitan.” Tomado
de:
https://www.youtube.com/watch?v=HimlMTJEfIo
• Anexo N°2:
Tomado de: “Música Para Cine Mudo (Chrles
Chaplin)”
https://www.youtube.com/watch?v=rgyzYNxUHgc
Portafolio 35