FACULTAD DE INGENIERÍA

MAESTRÍA EN TECNOLOGÍA DE LA
INFORMACIÓN
Marco Teórico para el Desarrollo y la Implementación
de Animaciones 2D y 3D en el Aprendizaje en Línea A
Nivel de Educación Secundaria

 Defensa de Tesis
 Alumna: Currá, Ivana Yael
 Director de Tesis: Prof. Dr. Nicolás D’Ippolito
 Fecha: 14 de Agosto de 2018
1
Temas a ver
• E-learning
• Proceso y Definición de una animación 2D y 3D
• Tipos de Animaciones 2D y 3D aplicables al E-learning
• Pautas de Mejora sobre Contenido Audiovisual para E-learning
• Desarrollo de animaciones 2D y 3D en el E-learning
• Implementación de animaciones 2D y 3D en el E-learning
• Análisis de las animaciones 2D y 3D en el E-learning
• Adaptación para la educación secundaria
• Prototipo De Animación 2D/3D Para E-learning
• Demo en MoodleCloud
• Conclusión

2
¿Qué es el E-learning?

3
E-learning

No hay
estándar
(aún)
4
E-learning

Proceso de Aprendizaje
Digital de los Cursos

Lograr sus
Preparar el Ayudar a los objetivos
contenido individuos educacionale
s

Ayudar a las Mejorar el

Construir las
organizacione desempeño
habilidades
s laboral
5
 E-learning

Sincrónico Asincrónico
• Independiente del Texto • Dependiente del texto
• Dependiente de la voz • Independiente de la voz
(excepto grabaciones)
• Percepción social: comunidad • Individualidad

No hay estudios que muestren diferencias significativas

entre el uso de uno u otro para aprender.
Hrastinski, S. (2008). Asynchronous and synchronous e-learning. EDUCAUSE Quarterly, XXXI(4), 51-55.
Murphy, E. R.-M. (2011). Asynchronous and Synchronous Teaching and Learning in High-School Distance Education.
6
En B. E. Association, British Journal of Educational (Vol. 42, págs. 583-591).
Importante

7
Aprendizaje, Alumno e Instructor

Análisis y Enfoque
Fortalecimiento

psicoanalítico
de Respuesta
Adquisición de
Información
Construcción del
conocimiento

8
Aprendizaje, Alumno e Instructor

Análisis y Enfoque
Fortalecimiento

psicoanalítico
de Respuesta
Adquisición de
Información
Construcción del
conocimiento

9
Aprendizaje, Alumno e Instructor

Análisis y Enfoque
• Aprendizaje:
Fortalecimiento

psicoanalítico
construcción de una
de Respuesta
representación mental.
Adquisición
• Alumno:decreador de
Información
sentimientos o emociones
activo
Construcción del
• Instructor: como una
conocimiento
guía cognitiva.
Clark, R., & Mayer, R. (2011). E-learning and the science of instruction: Proven guidelines for
consumers and designers of multimedia learning. San Francisco, Estados Unidos: Pfeiffer & 10
Company
¿Qué es la animación?

11
Proceso y Definición de Animación 2D y
3D

Ilustración 2 Aplicación del Esquema de Aplastar y Estirar (Lasseter, 1987) 12

Proceso y Definición de Animación 2D y
3D

13
Proceso y Definición de Animación 2D y
3D
Guion Storyboard Diseño Leica Reel Modelado

Disparo y
Rigging Previsualizacion Angulos de Voz Activa Animación
Camara

Correción de
Texturizacion Iluminación Renderizado Edición
Color

Diseño de Finalización del

Sonido Proceso

Ilustración 39 Proceso de Animación 3D. Elaboración Propia. 14

 ¿Cómo se relaciona el e-
learning con la animación?

15
Tipos de Animaciones 2D y 3D aplicables
al E-learning
• Animación • Animación Motion
WhiteBoard Graphics

• sencillas de realizar
• no requieren conocimientos profundos. 16
Tipos de Animaciones 2D y 3D aplicables
al E-learning
• Animación 3D

• requieren conocimientos profundos.

17
¿Cómo se personaliza el
contenido?

18
Pautas de Mejora sobre Contenido
Audiovisual para E-learning
• Parámetros en Base a los Tipos de Personalidad Humana

Tipos de
Personalidad
Test de Inventario de • Tipografías
Personalidad
Eysenck • Colores
Temperamento

Musa, S., Ziatdinov, R., Sozcu, O. F., & Griffiths, C. (24 de Marzo de 2015). Developing Educational Computer
Animation Based on Human Personality Types. Fatih University, Department of Computer and Instructional
Technologies. Turquía: European Journal of Contemporary Education, Vol.(11), Is. 1. Obtenido de
https://arxiv.org/ftp/arxiv/papers/1503/1503.06958.pdf 19
Pautas de Mejora sobre Contenido
Audiovisual para E-learning
• Parámetros en Base a los Tipos de Personalidad Humana
• Tipografías • Colores
Ranking Top Diez de Colores
Ranking Top Tres de Tipografías Ranking Nombre Color RGB
Rojo Verde Azul
Ranking Tipografía 1 Azul 0 0 255

2 Negro 0 0 0

1 Times New Roman 3 Verde 0 128 0

4 Rojo 255 0 0
2 Calibri 5 Violeta 238 130 238

6 Blanco 255 255 255

3 Cambria 7 Amarillo 255 255 0

8 Azul Marino 0 0 128

(Elaboración Propia) 9 Turquesa 64 224 208

10 Rosa 255 192 203 20

Pautas de Mejora sobre Contenido
Audiovisual para E-learning
• Parámetros en Base a los Tipos de Personalidad Humana
Tipo de Preferencia de colores
personalidad de
los alumnos
sanguíneos Colores cálidos
flemáticos Colores fríos
melancólicos Colores fríos
coléricos Colores fríos
21
(Elaboración Propia)
Pautas de Mejora sobre Contenido
Audiovisual para E-learning
• Principios de Educación Multimedia
• Principio de Carácter Multimedia. Principios para el
• Principio de Contigüidad. correcto aprendizaje
• Principio de Modalidad.
• Principio de Redundancia.
de los alumnos con
• Principio de Coherencia. diversos medios y
• Principio de Personalización. contenidos
• Principio de Segmentación. multimedia
• Principio de Pre-Entrenamiento.
Clark, R., & Mayer, R. (2011). E-learning and the science of instruction: Proven guidelines for consumers and
designers of multimedia learning. San Francisco, Estados Unidos: Pfeiffer & Company.

22
Directrices de Usabilidad para la Interfaz
de Usuario
• Ocho Reglas de
Oro de
Schneiderman
• Resumen adecuado del
proceso de diseño

Mazumder, F. &. (2014). Usability guidelines

for usable user interface. En e. P. House,
IJRET: International Journal of Research in
Engineering and Technology (Vol. III, págs.
79-82). eSAT Publishing House.
23
Directrices de Usabilidad para la Interfaz
de Usuario
• Heurísticas de
Nielsen
• Para evaluar la
usabilidad de la interfaz

Mazumder, F. &. (2014). Usability guidelines

for usable user interface. En e. P. House,
IJRET: International Journal of Research in
Engineering and Technology (Vol. III, págs.
79-82). eSAT Publishing House.
24
Directrices de Usabilidad para la Interfaz
de Usuario
• Principios de la
Gestalt sobre la
Percepción Visual
• Mejorar la percepción
visual de los objetos con
el entorno.
Mazumder, F. &. (2014). Usability guidelines
for usable user interface. En e. P. House,
IJRET: International Journal of Research in
Engineering and Technology (Vol. III, págs.
79-82). eSAT Publishing House.
25
 Desarrollo de Animaciones 2D y 3D en el
e-learning

Modificar el
Agregar Alumno como
modelo de
Animación 2D y Prioridad
diseño
3D
instruccional

Belloch, C. (2 de Febrero de 2018). Diseño Instruccional. Universidad de Valencia, Unidad de Tecnología

Educativa. Valencia: Recursos tecnológicos en Educación y Logopedia.
Ho, W. (16 de Noviembre de 2013). ISD Models. Obtenido de Penn State Personal Web Server:
http://www.personal.psu.edu/wxh139/ISD_talk.htm
26
 Desarrollo de Animaciones 2D y 3D en el
e-learning

Fundamentos Modelo de
Diseño
Teóricos Diseño Alumno como
Centrado en
Instruccional Prioridad
(Pautas) el Usuario
ASSURE

El Modelo de Diseño Instruccional ASSURE se basa en las características

concretas del estudiante, sus estilos de aprendizaje y fomenta la participación
y el compromiso del estudiante (Belloch, 2018). 27
Implementación de animaciones 2D y 3D
en el E-learning

Software de
Animación

Presentador sobre
una plataforma
28
Análisis de las animaciones 2D y 3D en
el E-learning
• Desventajas

• Ventajas

29
Análisis de las animaciones 2D y 3D en
el E-learning
Texto Imagen Animación 2D Animación 3D
• La Tierra

(NASA/Goddard, 2015) (Elaboración Propia) (Elaboración Propia)

Contexto 30
Adaptación para la educación secundaria
• La educación secundaria no se imparte de igual manera en
todos los países o en todas las regiones de un mismo país.

Anuncio de Presentación Material de

la Materia del Instructor Tutoría

Recursos de Tiempo del

Tareas
los Alumnos curso
31
Prototipo De Animación
2D/3D Para E-learning

32
Definiciones de Arquitecturas

Computa
Entorno
Virtual
ción en
Multi la Nube
Usuario
3D
Sistema de
Enseñanza
Basado en
Web

Moodle Cloud
Moodle
33
Desarrollo e Implementación del
Prototipo
• Para poder realizar la animación sobre cada tema, lo que
debemos hacer es
1. Seleccionar el tema
2. Elegir y leer la biografía
3. Generar el script
4. Generar el storyboard
5. Generar la animación
6. Presentar a los alumnos
7. Evaluar a los alumnos
34
DEMO en MoodleCloud

35
36
Conclusión y Futuras Investigaciones
• Es posible mejorar la educación en e-learning usando la
animación, ya que provee varias ventajas y mejora la
personalización del contenido.
• Requiere inversión de tiempo, costo y predisposición.
• Se requieren más investigaciones de los alumnos donde se
desarrolle y se implemente esta modalidad e-learning para
poder determinar parámetros del grupo en específico.

37
 FIN
¡Muchas Gracias a Todos!

38