Videos y presentaciones animadas
70
2020 Videos y presentaciones animadas Nuevas formas de representar el conocimiento Donovan Del Valle Jefe de Javevirtual Adriana Morales Coordinadora de Producción de Recursos Educativos - Javevirtual Ana Guiselly Murillo Coordinadora Pedagógica - Javevirtual Contacto: [email protected]
Transcript of Videos y presentaciones animadas
2020
Videos y presentaciones animadasNuevas formas de representar el conocimiento
Donovan Del Valle Jefe de Javevirtual
Adriana Morales Coordinadora de Producción de Recursos Educativos - Javevirtual Ana Guiselly Murillo Coordinadora Pedagógica - Javevirtual
Contacto: [email protected]
• Los estudiantes tienen diferentes formas depercibir y comprender la información que seles presenta. Por ello, este curso tiene comoobjetivo conocer alternativas para representarel conocimiento a travésde nuevas herramientas que posibilitendiferentes maneras de abordar los contenidoscon los estudiantes.
Objetivo
Temas
1. Introducción• Cómo abordar los
contenidos
• DUA
2. Recurso educativo digital• Videos animados
• Presentaciones animadas
3. Fase de planeación• Propósito
• Contenidos
• Guion
4. Fase de producción• Diseño
o El color
o La tipografía
o La imagen
o La composición
5. Derechos de autor y licenciamiento
6. Herramientas• Powtoon
• PowerPoint
• Prezi
¿Cómo Abordar los Contenidos? Triángulo Didáctico Interactivo
Fig. 1. Tomada del modelo educativo virtual, Universidad Javeriana Cali
¿Cómo representar el conocimiento? Diseño Universal para el Aprendizaje (DUA)
Es un enfoque didáctico que pretende aplicar los principiosdel DU (Diseño Universal) al diseño del currículo de losdiferentes niveles educativos.
Diseño Universal para el Aprendizaje (DUA)
Es un enfoque basado en la investigación para el diseño del currículo ―es decir, objetivos educativos, métodos, materiales y evaluación― que permite a todas las personas desarrollar conocimientos, habilidades y motivación e implicación con el aprendizaje.
Pautas para el Diseño Universal para el Aprendizaje
Proporcionar:
Múltiples formas de representación
Múltiples formas de acción y expresión
Múltiples formas de implicación
http://www.udlcenter.org/aboutudl/udlguidelines/principle1
Cada persona tiene sus propias habilidades estratégicas y organizativas para expresar lo que sabe.
Los estudiantes puedan sentirse comprometidos y motivados en el proceso de aprendizaje.
Los estudiantes son distintos en la forma en que perciben y comprenden la información.
Pautas para el Diseño Universal para el Aprendizaje
Los estudiantes son distintos en la forma en que perciben y comprenden la información.
http://www.udlcenter.org/aboutudl/udlguidelines/principle1
¿Qué es un Recurso Educativo Digital ?
Recurso educativo digital Definición Portal Colombia Aprende
Es una entidad de información digital que hace referencia a los diferentes formatos como imágenes, audios, videos, textos enriquecidos, páginas web, juegos interactivos, ilustraciones y animaciones. Su función es ofrecer información a través de distintos formatos (audiovisual, sonoro, textual, visual, multimedia, etc.) para representarla de distintas “formas”, con el propósito de que pueda ser aprovechada en el marco de un proceso educativo.
http://aprende.colombiaaprende.edu.co/es/teachers/resource
Recurso educativo digital Definición CRAI
Los materiales digitales se denominan Recursos Educativos Digitales cuando su diseño tiene una intencionalidad educativa, cuando apuntan al logro de un objetivo de aprendizaje y cuando su diseño responde a unas características didácticas apropiadas para el aprendizaje. Están compuestos por medios digitales y producidos con el fin de facilitar el desarrollo de las actividades de aprendizaje.
Ventajas de los Recursos Educativos Digitales:
• Su potencial para motivar.
• Su capacidad para Acercar al estudiante al conocimiento y Facilitar el autoaprendizaje al ritmo del estudiante.
Fase de planeación
En esta fase es necesario:
• Especificar el propósito del recurso.
• Definir la estructura temática y los contenidos.
• Elaborar el [Formato] Planeación de Recursos educativos digitales, es el insumo inicial para la planeación y se requiere para pasar a la fase de producción. Este debe contener: • Objetivo de aprendizaje del recurso.• Contenidos.• Intensión pedagógica.• Tiempos.
Fase de planeación
• ¿Quién es nuestro público objetivo? ¿Qué necesita saber sobre el tema?
• Listar todos los elementos requeridos para diseñar el recurso, así como qué existe y qué hay que producir.
• ¿Existen imágenes disponibles para ser usadas en este tipo de material?
• Agrupar el contenido por temas.
• Capacidad de la audiencia (navegadores, velocidad de transmisión, conocimiento, características del equipo)
• ¿Qué información deberá ser actualizada? ¿Cada cuánto tiempo?
Fase de producción
Principios de diseño
• Asegurar la legibilidad
• Reducir el esfuerzo para el entendimiento del receptor
• Incrementar la participación
• Focalizar la atención
• Movimiento y ritmo de lectura
• Consistencia
• Diferenciación
Fase de producciónDiseño
El color
El color puede ser una herramienta muy eficaz
para presentar información, ya que expresa un
significado y ejerce influencia en la actitud de las
personas.
Del correcto uso del color depende la adecuada
visualización de los contenidos de la presentación.
Fase de producciónDiseño
El color
Los colores primarios: rojo, azul y amarillo.
Los secundarios: verde, violeta y naranja.
Los terciarios: rojo violáceo, rojo anaranjado,
amarillo anaranjado, amarillo verdoso, azul
verdoso y azul violáceo.
Fase de producciónDiseño
El color
Los colores que se encuentran opuestos entre sí
se denominan complementarios, estos colores
ejercen un contraste que crea un efecto dinámico.
Rojo - Verde
Amarillo - Violeta
Azul - Naranja
Fase de producciónDiseño
El color
Los colores situados uno junto a otro se
denominan análogos.
Los colores análogos combinados entre sí crean
una sensación armoniosa y unificada.
Rojo: rojo violáceo, rojo anaranjado.
Amarillo: amarillo anaranjado, amarillo verdoso.
Azul: azul verdoso y azul violáceo.
Fase de producciónDiseño
El color: El contrastePara que el texto sea legible es importante que exista un buen contraste cromático entre el texto y el fondo
Utilice colores
que contrasten
Claro sobre oscuro
Oscuro sobre claroUtilice colores
complementarios
Estos colores no tienen contraste
Fase de producciónDiseño
El color: El contrastePara que el texto sea legible es importante que exista un buen contraste cromático entre el texto y el fondo
Estos colores si tienen contraste
Utilice colores
que contrastenClaro sobre oscuro
Oscuro sobre claro
Utilice colores
complementarios
Fase de producciónDiseño
El color: El contrasteMal manejo del color entre el fondo y la tipografía
Fase de producciónDiseño
El color: El contrasteBuen manejo del color entre el fondo y la tipografía
Fase de producciónDiseño
La tipografía: Fuente tipográfica
Fase de producciónDiseño
Es el estilo o apariencia de un grupo completo de carácteres. Cada fuente tipográfica tiene una personalidad.
La tipografía: Familias tipográficas
Fase de producciónDiseño
Romana
Antigua
Egipcia Palo Seco
Caligráfica Fantasía
Romana Moderna
La tipografía: Familias tipográficas
Romana AntiguaTimes New Roman, Book Antiqua
Romana ModernaBodoni, Century
EgipciaElephant, Cooper Black
Fase de producciónDiseño
Palo Seco
Futura, Arial, Tahoma, Verdana, Trebuchet
CaligráficaMistral, Vladimir Script
FantasíaRavie
La tipografía: Familias tipográficas
Palo seco
Romano Antiguo
Medios Impresos
Fase de producciónDiseño
Tamaño 12
Tamaño 18
Tamaño 24
Tamaño 32
Tamaño 36
Tamaño 44Tamaño apropiado para el título
Tamaño apropiado para el texto
La tipografía: La Legibilidad
Haga el texto grande
Fase de producciónDiseño
La tipografía: Numeración y viñetas
Utilice números para hacer listas con secuencia
Fase de producciónDiseño
La tipografía: Numeración y viñetas
Utilice viñetas para presentar una lista sin prioridad, secuencia o jerarquía
Fase de producciónDiseño
La tipografía: Numeración y viñetas
No utilice muchos colores y tipos de viñetas, podrían distraer
Fase de producciónDiseño
La tipografía: Mala Composición
Los textos en caracteres mayúsculas son de difícil lectura
Fase de producciónDiseño
La tipografía: Mala Composición
Demasiada variedad de caracteres y estilos
Fase de producciónDiseño
La tipografía: Mala Composición
Cambios abruptos de tamaño del cuerpo tipográfico
Fase de producciónDiseño
La tipografía: Mala Composición
Descontrolados interlineados y blancos mal puestos
Fase de producciónDiseño
Recomendaciones
Fase de producciónDiseño
• La fuente Normal o negrita es más legible
• Subrayar puede significar hipervínculos
• En vez de subrayar, utilice color para enfatizar
• No utilice muchos colores
• Evite usar demasiadas fuentes y
• Recuerde la regla del 6 x 7: No más de 6 líneas por diapositiva y no más de 7 palabras por línea
Interlineado
Fase de producciónDiseño
Es la distancia entre un renglón de texto y otro. Su tamaño debe estar en relación con la
altura del cuerpo tipográfico por usar, y constituye otro factor estético para una buena
composición.
Mamamam amam amamamam
Mamama mamamam amama
Mama mamam amma.
Mamamam amam amamamam
Mamama mamamam amama
La imagen: Resolución
La resolución de imagen es una medida del grado de detalle que puede contener una imagen digital.
Fase de producciónDiseño
Para medios digitales se manejan 96 ppi (pixeles por pulgada)
La imagen: Resolución
Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.
Fase de producciónDiseño
La imagen: Formato
Un formato es la codificación con la que se almacena la imagen.
Dependiendo de éste, la imagen ocupará más espacio o se verá con mayor o menor calidad.
A continuación se presentan algunos de los formatos mas utilizados en imagen digital y que se podrá utilizar en el diseño de la presentación con diapositivas.
Fase de producciónDiseño
La imagen: Formato GIF
Es uno de los formatos utilizados para visualización en pantalla, admite muy pocos colores (256 como máximo), lo cual significa que la imagen no tendrá mucha calidad. Este formato se usa frecuentemente por su capacidad de compresión.
El formato GIF puede preservar las transparencias de la imagen y es muy utilizado también en animaciones, crea pequeñas películas formadas por secuencias de imágenes que se repiten.
Fase de producciónDiseño
La imagen: Formato PNG
Formato creado como alternativa al (gif) ya que tiene la ventaja de obtener una imagen de mayor calidad con el mismo peso o menor.
Puede mostrar millones de colores y la calidad de las imágenes guardadas en este formato no se degrada aunque se comprima el archivo. También admite transparencias sin bordes irregulares pero no animaciones.
Fase de producciónDiseño
La imagen: Formato JPG
Es uno de los formatos más utilizados, no está limitado a 256 colores, por lo que se puede utilizar para mostrar fotografías de alta calidad o imágenes que contengan millones de colores.
Está diseñado como un formato de almacenamiento de imágenes, permite comprimir fotografías grandes y de alta calidad en archivos muy compactos.
Este formato no admite transparencias ni animaciones.
Fase de producciónDiseño
La imagen: TamañoAl ajustar el tamaño de una imagen recuerde no escalarla sin tener en cuenta las proporciones o la imagen se distorsionará
Fase de producciónDiseño
Imagen original Correcto Incorrecto
La imagen: Uso de la imagen Solo utilice los elementos necesarios, para que los conceptos sean comprendidos fácilmente.
Utilice la imagen como:
• Complemento al texto
• Forma de representación del texto
Fase de producciónDiseño
La imagen: Tipos de Ilustraciones Utilizadas para fines educativos (Duchastel y Walter, 1979)
• Descriptiva
• Expresiva
• Construccional
• Funcional
• Algorítmica
• Arreglo de datos
• Lógico-matemática
Fase de producciónDiseño
Tipos de Ilustraciones: Descriptiva Muestra un objeto, generalmente cuando es difícil describirlo o comprenderlo en términos verbales.
Fase de producciónDiseño
Tipos de Ilustraciones: Expresiva Está muy relacionada con las ilustraciones descriptivas y busca generar un impacto en el público considerando aspectos actitudinales y emotivos.
Fase de producciónDiseño
Tipos de Ilustraciones: ConstruccionalSon ilustraciones que explican los componentes o elementos de un objeto, aparato o sistema.
Fase de producciónDiseño
Tipos de Ilustraciones: Funcional o infográfica Son ilustraciones que muestran cómo se realiza un proceso o cómo es la organización de un sistema.
Fase de producciónDiseño
Tipos de Ilustraciones: AlgorítmicaIncluye diagramas donde se plantean posibilidades de acción, rutas críticas, pasos de un procedimiento, demostraciones de reglas o normas, cartas de flujo de información, etc.
Fase de producciónDiseño
Tipos de Ilustraciones: Arreglo de datosExpone un conjunto de datos en forma tabular, diagramática o cartográfica, permitiendo hacer comparaciones.
Fase de producciónDiseño
Tipos de Ilustraciones: Lógico-matemáticaSon arreglos diagramáticos de conceptos y funciones matemáticas
Fase de producciónDiseño
La imagen como forma de representación
• Mapa conceptual
• Esquemas
• Mapa mental
• Cronologías
Fase de producciónDiseño
Fase de producciónDiseño
Materia
Está formada por
Seres vivos
Estos no
Se caracterizan porSe clasifican en
Seres inertes
Se reproducen Se nutren
Animales Vegetales NutrirseReproducirse
La imagen como forma de representación: Mapa conceptual
Fase de producciónDiseño
Esquema de llaves Esquema de flechas Esquema de números
La imagen como forma de representación: Esquemas
Fase de producciónDiseño
La imagen como forma de representación: Mapa mental
Fase de producciónDiseño
La imagen como forma de representación: Cronología
La composición: Retícula
Fase de producciónDiseño
Derechos de autor y licenciamiento
Es fácil copiar una imagen desde Internet o escanear un dibujo,pero usted no tiene automáticamente el derecho legal de usar esaimagen.
Recuerde descargar imágenes sólo de los sitios que las ofrecengratuitamente o si utiliza una imagen de algún libro u otro medio,no olvide referenciarla.
Derechos de autor y licenciamiento
“Es el conjunto de normas que protegen alautor como creador de una obra en elcampo literario y artístico, entendida ésta,como toda expresión humana producto delingenio y del talento que se ve materializadade cualquier forma perceptible por lossentidos y de manera original.”
Derechos de autor y licenciamiento
El derecho de autor protege las obras literarias,científicas y artísticas, sin entrar a valorar lacalidad, temática o destinación de la misma. No seprotegen las ideas, métodos o procedimientos,sino su forma concreta plasmada en lenguajes,anotaciones, grabaciones o materiales quepermitan su reproducción.
¿Qué es creative commons?
Creative Commons es un proyecto internacionalque tiene como propósito fortalecer a creadorespara que sean ellos quienes definan los términosen que sus obras pueden ser usadas, qué derechosdesean entregar y en qué condiciones lo harán.
Derechos de autor y licenciamiento
Las imágenes que puede utilizar son:
• Aquellas cuyo autor te ha dado permiso por escrito: ya sea en un email, en la bandeja de mensajes de Flickr, donde sea, el caso es que tengas su permiso por escrito, virtual o en papel.
• Las que posean Licencia Creative Commons CC0. Es una licencia de dominio público, o sea, Sin Derechos Reservados. Más información aquí
• Las que posean otro tipo de licencia Creative Commons, pero que requieren referenciar al autor. Más información aquí.
Fuente: https://epymeonline.com/mejores-bancos-de-imagenes-gratis / https://creativecommons.org/publicdomain/zero/1.0/deed.es
En los siguientes enlaces encontrará algunos sitios web de los cuales podrá
descargar imágenes gratuitas:
• https://www.freepik.es
• https://pixabay.com/es
• http://stokpic.com
Enlaces
Publicación
Te invitamos a publicar los recursos que produzcas en la comunidad “Recursos Educativos Digitales Abiertos”
Vitela [Repositorio Institucional]
http://vitela.javerianacali.edu.co
Herramientas
Power Point: Es un programa diseñado para hacer presentaciones con texto e imágenes de forma animada, mediante diapositivas ilimitadas, incluye animaciones de texto e imágenes prediseñadas o importadas desde el computador.
PowToon: Es una plataforma online para la creación de cortos animados y todo tipo de presentaciones en video. El programa, cuenta con una interfaz fácil e intuitiva, y con un sin número de herramientas útiles para comenzar a crear presentaciones y vídeos animados explicativos con resultados profesionales.
Prezi: Una aplicación online que permite que cualquier persona pueda crear y realizar presentaciones espectaculares apoyadas en un zoom en los detalles de la misma, y un ajuste del tiempo sin la necesidad de omitir diapositivas.
Videos animados
https://www.youtube.com/watch?v=Lurso6rYzyc
https://www.youtube.com/watch?v=fpde966FcMo
https://www.youtube.com/watch?time_continue=90&v=hGklwD6KLUc
Presentaciones animadas
https://prezi.com/gallery
Ejemplos
Centro de Recursos para el Aprendizaje y la Investigación (CRAI)
Gracias
Pontificia Universidad Javeriana Cali
