Diseño y uso docente de Materiales Multimedia (Infografías y screencasting)

1. Diseño y uso docente de materiales multimedia @alfredovela Diseño y uso docente de Materiales Multimedia (Infografías y screencasting) Área de Formación Permanente Universidad de Valladolid Alfredo Vela (@alfredovela) 1

2. Diseño y uso docente de materiales multimedia @alfredovela  Conocer el panorama actual de los objetos de aprendizaje multimedia adaptados a la educación universitaria.  Ser capaz de crear diferentes tipos de infografías con diferentes herramientas.  Ser capaz de utilizar los objetos de aprendizaje multimedia en el trabajo docente universitario. Objetivos 2

3. Diseño y uso docente de materiales multimedia @alfredovela  Introducción  Panorama actual de los objetos de aprendizaje multimedia  Introducción a las infografías  Herramientas para infografías  Aplicaciones y usos de las infografías como objetos de aprendizaje  Elementos que se pueden incorporar en una infografía  Creación de infografías con medios tradicionales  Creación de infografías con herramientas gratuitas o de software abierto  Estructura de una infografía  Tipología de infografías  Introducción al screencasting  Herramientas para screencasting  Aplicaciones y usos del screencasting como objetos de aprendizaje  Herramientas para la difusión de los objetos de aprendizaje multimedia  Proyecto virtual de fin de curso Contenidos 3

4. Diseño y uso docente de materiales multimedia @alfredovela Introducción 4

5. Diseño y uso docente de materiales multimedia @alfredovela  ¿Usamos adecuadamente la tecnología en los procesos educativos?  ¿No tenéis la sensación de que “creamos” muchas veces los mismos contenidos?  ¿Creéis de verdad que está funcionando el eLearning? ¿cuántos han terminado un curso eLearning realmente satisfechos?  ¿Tenemos la sensación de que a menudo que intentamos utilizar tecnologías modernas con metodologías antiguas?  Los profesores disponen del manejo adecuado de las herramientas de Internet que pueden ayudar en su trabajo. Frases para el debate 5

6. Diseño y uso docente de materiales multimedia @alfredovela  ¿La tecnología va a cambiar el rol del docente en la Educación?  ¿Es imprescindible la asistencia al aula de los alumnos?  Los profesores creen en las herramientas 2.0.  Las metodologías del sistema educativo han incorporado Internet como parte integrante de las mismas, y lo han realizado a la velocidad adecuada.  ¿Los alumnos podrán elegir en el futuro al profesor?  ¿El Sistema Educativo fomenta el aprendizaje informal? Frases para el debate 6

7. Diseño y uso docente de materiales multimedia @alfredovela  En la actualidad se utilizan las TIC’s es muy reducido en las mayoría de los centros de formación, muy desigual y depende en exceso de la voluntad de los profesores, no existen estudios solventes decómoimplementarlasTIC’s enelSistemaEducativoy nose formaalos profesoresenestos aspectos. Algunos datos sobre la situación actual  Se crean muchos contenidos por parte de los formadores y de los centros, pero no existe ningún control sobre ellos, ningún sistema de organización, ni ninguna estrategia que permita la reutilización de losmismos.Setrabajamucho,malysinorganización.  Big Data permitiría con un tratamiento adecuado de los datos conocer la forma de motivar y mejorar la participación de los alumnos,profesoresy directivosdentro delSistemaEducativo. 7

8. Diseño y uso docente de materiales multimedia @alfredovela  Estamos usando metodologías creadas para personas que tenían sólo contacto con su entorno más próximo y un acceso a la información muy reducido a personas con alcance infinito a la informaciónycuyo entornopuede sertodoel Mundo. Algunos datos sobre la situación actual  España es uno de los países con mayor penetración de tecnología (móviles, redes sociales, …) del Mundo y el Sistema Educativo no haceusoadecuado de ello.  Hay que adaptar el Sistema Educativo a una realidad laboral muy diferente, donde el trabajo rutinario dejará de tener valor, aparecen nuevos puestos de trabajo cuya vida no va más allá de unos pocos años, los trabajadores sufrirán cambios radicales en sus trabajos, … y para ello hace falta un Sistema Educativo mucho máságily enfocadoalaSociedadactual. 8

9. Diseño y uso docente de materiales multimedia @alfredovela La educación que viene (Fuente: WorldInnovation Summit forEducation) 9

10. Diseño y uso docente de materiales multimedia @alfredovela La educación que viene (Fuente: WorldInnovation Summit forEducation) 10

11. Diseño y uso docente de materiales multimedia @alfredovela La educación que viene (Fuente: WorldInnovation Summit forEducation) 11

12. Diseño y uso docente de materiales multimedia @alfredovela Cómo aprendemos 12

13. Diseño y uso docente de materiales multimedia @alfredovela Cómo aprendemos 13

14. Diseño y uso docente de materiales multimedia @alfredovela  Sin descuidar lo que leemos, oímos y vemos, se debería reforzar los instrumentos educativos que promuevan el debate, los ejercicios de aplicación y todo aquello que implique a los alumnos en labores de enseñanza, ya que estos últimos tienen un rendimiento educativo muy superior. Cómo aprendemos  Un buen uso de las TIC’s permitiría conseguir aumentar el rendimiento educativo de los alumnos. 14

15. Diseño y uso docente de materiales multimedia @alfredovela “En 1986 el 75% de los conocimientos necesarios para trabajar los teníamos en la cabeza. Hoy ni siquiera llegamos al 10%” Cita: JayCross, Jane Hart 15

16. Diseño y uso docente de materiales multimedia @alfredovela “No podemos enseñar nada a nadie, sólo podemos ayudarle a aprender por si mismo” Cita: Galileo 16

17. Diseño y uso docente de materiales multimedia @alfredovela Cita: Winston Churchill “Me encanta aprender, pero odio que me enseñen” 17

18. Diseño y uso docente de materiales multimedia @alfredovela Fuente Si aprendemos a usaradecuadamente las TIC y las TAC para motivar a los alumnos, potenciar su creatividad e incrementar sus habilidades multitarea, así como para aprovechar las sinergias entre profesores y estudiantes, conformaremos aumentado. En este aprendizaje aumentado, los alumnos, de forma proactiva, autónoma, guiados aprendizaje permanente, aprenden extraordinaria potencia de Internet como fuente de información, recursos,metodologíasdidácticasyestímulo permanente. Nosotros hablando de TIC y hay quién se llega a TEP un aprendizaje por su a curiosidad sacar hacia un la partido a Todoseresume en unafrase: “Aprender más, aprender siempre, aprender para toda la vida” 18

19. Diseño y uso docente de materiales multimedia @alfredovela TIC TAC TEP 19

20. Diseño y uso docente de materiales multimedia @alfredovela Y también evolucionan los procesos de aprendizaje con Internet 20

21. Diseño y uso docente de materiales multimedia @alfredovela  Hardware y software  Ordenadores, smartphones, tablets, Smart-TV, pizarras digitales, videoconsolas, eBooks, tecnología almacenamiento enla nube,cloudcomputing,apps wearable, impresoras 3D,  Internet  Webs, correo electrónico, buscadores  Web 2.0: redes sociales (generalistas, profesionales, verticales, corporativas), wikis, blogs, sitios de vídeos, sitios de fotografías, repositorios de documentación, mapas, geoposicionamiento, foros, realidad aumentada, grupos, mensajería instantánea, curación de contenido, herramientasderelevancia social, herramientasde medición Elementos de las TIC’s  eLearning  LMS, PLE, podcasting, screencasting, MOOC, Hangout privados y en abierto,Webinar,  Otros  Big Data,BYOD,Gamificación, 21

22. Diseño y uso docente de materiales multimedia @alfredovela  Es poco serio hablar de ventajas del uso de las TIC’s en educación sin tener claros los currículos y nuevas metodologías en las que se usen,pero de manerageneralalgunaventajasería:  Su uso mejorará la cualificación tecnológica de profesores y alumnos.  Optimizaríala habilidad de búsqueday selecciónde la información.  Permitemejorar sensiblementelapersonalizaciónde la formación.  Mejoraría los problemas de no poder asistir físicamente al aula (hospitalizaciones, enfermedades de larga duración, mal acceso por mala climatología,alumnos trabajadores, …)  Los alumnos manejarán tecnología que con posterioridad se les requeriráenel mercado laboral.  LasTIC’s permitencrear nuevas metodologíaseducativas.  Los alumnos usarán tecnologías que les son conocidas y además les gustan. Algunas ventajas del uso de las TIC’s en educación 22

23. Diseño y uso docente de materiales multimedia @alfredovela  Es poco serio hablar de ventajas del uso de las TIC’s en educación sin tener claros los currículos y nuevas metodologías en las que se usen,pero de manerageneralalgunaventajasería:  Permitiríamejorar el nivelde idiomas. Algunas ventajas del uso de las TIC’s en educación  Permitiríanen desarrollo de la inteligenciacolectiva.  Un buen uso de ellas permitiría que los alumnos y profesores interioricen la importancia del aprendizaje informal y lo incorporen ensu día a día.  Un uso adecuado lograría una reducción significativa de los costes educativos. 23

24. Diseño y uso docente de materiales multimedia @alfredovela  Dentro de los aspectos a estudiar para el uso de las TIC’s en el Sistema Educativo tenemos:  Hay que modificar los curriculos para ir integrando las TIC’s en todo el proceso educativo.  Hay que “sensibilizar” a la Sociedad de la importancia de su uso y conseguir unamayorimplicación detodos losactores.  Hay que medir, medir, medir, … y analizar los resultados de las mediciones sobreelusode las TIC’s,para así ir haciendo los cambiosque serequieranencada momento yhacerlos a la velocidad adecuada.  Hay que mejorar ostensiblemente la formación del profesorado en el manejo delasTIC’sysusaplicaciones metodológicas.  Hayque crear herramientas deapoyo enla Nube para elusode todoslos actores:  Repositorios de documentación.  Seguimiento de los alumnos.  Material para profesores.  Material para padres.  Hay que mejorar la rapidez del Sistema Educativo a la hora de adoptar los cambios tecnológicos ysociales. Algunos aspectos de interés en los que hay que pensar para el uso de las TIC’s en la educación 24

25. Diseño y uso docente de materiales multimedia @alfredovela Panorama actual de los objetos de aprendizaje multimedia 25

26. Diseño y uso docente de materiales multimedia @alfredovela  Sin duda la irrupción de la informática e Internet han permitido una gran evolución en la diversidad de los materiales y en la forma de consumo de los mismos.  Otro cambio más reciente es la aparición del Cloud Computing, es decir la creación y uso de software que ya no se instala en las máquinas de los usuarios, funciona con conexión a Internet y el uso de un navegador. Materiales didácticos  Otros cambios que han permitido que los materiales educativos hayan evolucionado en los últimos tiempos en su confección o en su distribución han sido el almacenamiento en la nube, los libros electrónicos, las APPsde los dispositivos móviles, las Redes Sociales, la banda ancha, la creación y edición de vídeo a bajo coste, herramientas colaborativas, LMS, PLE, … 26

27. Diseño y uso docente de materiales multimedia @alfredovela  Impresos: libros, folletos, apuntes, …  Presentaciones, prezis, …  Mapas  Publicaciones digitales: ebooks  Infografías Tipos de Materiales didácticos  Imágenes, fotografías, …  Simuladores  Mapas mentales  Hangoutspúblicos, webinars, …  Audio, podcasts, …  Contenido Scormpara LMS  Webs, blogs, …  MOOCs  Vídeo, screeencasting, …  APPs  Wikis 27

28. Diseño y uso docente de materiales multimedia @alfredovela Tipos de Materiales didácticos Mapa mental creado con ExamTime 28

29. Diseño y uso docente de materiales multimedia @alfredovela Infografías 29

30. Diseño y uso docente de materiales multimedia @alfredovela  Siempre hemos oído que una imagen vale más que 1.000 palabas, yenlas mayoríade los casoses así.  Las infografías en los últimos tiempos han tenido un éxito demoledor en Internet ,y es fácil entender los motivos, una buena infografía nos cuenta una historia en menos de 3 minutos, de forma a visual y bonita, no se puede modificar ya que es una imagen y todo en mundo quiere ponerla en sus redes sociales y en sus blogs, ¿quémáspodemospedir?  Una buena infografía, bien movida es seguramente el soporte publicitario que tiene un coste por impacto másbajo. Introducción a las infografías Ver vídeo de Introducción 30

31. Diseño y uso docente de materiales multimedia @alfredovela Antes de hablar sobre cualquier tema es conveniente tener claro que todos hablamos de lo mismo, por ello voy a intentar aclarar el concepto de infografía del que vamosacharlarenesta serie de artículos. Definición de infografía Según el diccionario de la RAE, las dos acepciones de infografía son: “Técnica de elaboración de imágenes mediante ordenador.” “Imagen obtenida por medio de esta técnica.” 31

32. Diseño y uso docente de materiales multimedia @alfredovela Según la Wikipedia, la definición de infografía es: “La infografía es una representación visual de los propios textos; en la que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y/o sonidos. La infografía nació como un medio de transmitir información gráficamente. Los mapas, gráficos, viñetas, etc. son infogramas; es decir, partes de la infografía, con la que se permite a estos una información completa aunque pueda ser complementaria o de síntesis.” Definición de infografía 32

33. Diseño y uso docente de materiales multimedia @alfredovela Para terminar con las definiciones yo voy a aportar la mía: “Una infografía es cualquier información puesta en forma de imagen.” Alguno dirá que la definición que ofrezco es muy simple, perocreoquees la quemejordefine el concepto. Definición de infografía En la actualidad existe cierta controversia sobre lo que es y no una infografía, hay ciertos puristas molestos con que se llame infografía a determinadas imágenes, pero como siempre, el tiempo está dejando claro que ese “excesivo purismo” no es el sentir general de los usuarios de Internet. 33

34. Diseño y uso docente de materiales multimedia @alfredovela Basta con dar una vuelta por Internet y Redes Sociales para comprender el auge que en los últimos tiempos están alcanzando las infografías como herramienta de comunicación en webs y blogs. Dicho éxito se debe a varios factores,entre los cualespodríamosdestacar:  Silainfografíaestábienrealizada,enpocotiempoel lectorve sintetizada la información de una manera sencilla, gráfica y atractiva. Es difícil que alguien dedique más de tres minutos a leer algoenInternet.  Aumenta el tráfico a tu sitio web: la mayoría de las estadísticas existentes al respecto indican que como mínimo seduplica elnúmero de visitasalpost. La importancia de las infografías 34

35. Diseño y uso docente de materiales multimedia @alfredovela  Admiten infografías,cosaque noharíancontu weboblog.  Se replican con facilidad: si analizamos la mayoría de las buenas infografías, vemos que se pueden encontrar en centenares e incluso miles de sitios web, lo que permite que la visibilidad y el alcance de las marcas que las crearon sea impresionanteconuncostebajísimo. patrocinio: hay empresas que patrocinan La importancia de las infografías Hay muchas más razones pero estas cuatro nos deben de dar una idea sobre el por qué del tremendo éxito de las infografías entodoelmundo. 35

36. Diseño y uso docente de materiales multimedia @alfredovela No existe todavía una clasificación “reglada” de los tipos de infografías existentes. En mi opinión hoy la clasificación más adecuadasería:  Estáticas: una imagen fija con todos los contenidos que se necesitan incluir (ver ejemplo 4 etapas para comprender Twitter)  Dinámicas: imágenes en movimiento, podríamos decir que es un vídeoen formatoinfográfico(verejemplo).  Interactivas: son imágenes que permiten al usuario interactuar sobre lasmismas,cadavez estánmás extendidas (verejemplo). Tipos de infografías 36

37. Diseño y uso docente de materiales multimedia @alfredovela  3D: son imágenes que recrean escenarios, edificios, muebles, … y combinaciones de ellos. Se utilizan mucho en arquitectura y enlaindustria delmueble (ver ejemplo).  Periodística: en realidad cualquiera de las anteriores sería válida como infografía periodística, pero está especializada enel usoen medios de comunicación(verejemplo). Tipos de infografías Ninguno de los tipos de infografía mencionados es mejor que los demás, simplemente hemos de elegir cuál de ellas se adapta mejor a las necesidades que deseamos cubrir. 37

38. Diseño y uso docente de materiales multimedia @alfredovela Enunapartado anterior explicamosqué es unainfografía y los tipos de infografías existentes. En este momento vamos a ir desgranando los diferentes elementos y contenidos que puede contener una infografía y algunas reflexiones sobre la organización de los diferentes elementos que la conforman. Sobre todo, vamos a hablar de infografías estáticas, aunque en la parte de contenidos y elementos casi no existen diferencias con el resto delas tipologías. Elementos de una infografía: Introducción No hay que olvidar que la infografía es una entidad en sí misma, y que por ello, tiene que incorporar toda la informaciónnecesariade maneraautónoma. 38

39. Diseño y uso docente de materiales multimedia @alfredovela Si tuviéramos que indicar las partes principales de una infografía, nos encontraríamos con que no hay nada estándar o normalizado al respecto, pero podríamos hablarde 3 elementosbásicos:  Eltítulo  Elcontenido  Elpie Elementos de una infografía Por trabajo, extensión y relevancia, sin duda, la parte más importante es el contenido, ya que alberga el grueso de la información, pero si tuviera que ponderar la importancia de cada una de esas partes, quedaría en última posición. ¿Por qué digo esto? muy sencillo, en general en el pie aparecen las fuentes de los datos y la información sobre quién ha realizado la infografía y/o quién la ha esponsorizado, y como podemos imaginar el objetivo de la mayoría de estas imágenes es dar a conocernuestramarca. 39

40. Diseño y uso docente de materiales multimedia @alfredovela Pero si el pie tiene importancia, la parte más importante de una infografía es el título. Como ocurre en cualquier publicación que compita con otras por conseguir las visitas del público, un mal título puede dar al traste con muchas horas de trabajo recopilando datos, organizando contenidos, diseñando y maquetando, ya que es lo primero que vamos a ver, y si no consigue atraernos habremoscosechadounfracasoennuestrosobjetivos. Elementos de una infografía Por ello, hay que dedicarle tiempo y especial atención al título, que por supuesto, debe indicarnos de la manera másexacta posible lo quenosvamosa encontrar. Os puedo decir que he visto auténticas joyas de infografía con un impacto muy malo y muy malas infografías que han cosechado un exitazo gracias a una mala/buena seleccióndel título. 40

41. Diseño y uso docente de materiales multimedia @alfredovela Por ello, hay que dedicarle tiempo y especial atención al título, que por supuesto, debe indicarnos de la manera másexacta posible lo quenosvamosa encontrar. Os puedo decir que he visto auténticas joyas de infografía con un impacto muy malo y muy malas infografías que han cosechado un exitazo gracias a una mala/buena seleccióndel título. Elementos de una infografía Sobre el título, una reseña importante, hay que recordar que luego hay que tuitearlo, por lo que el título nunca superará los 80/90 caracteres. En ocasiones el uso de un subtítulo puedeser muyadecuado. 41

42. Diseño y uso docente de materiales multimedia @alfredovela En el cuerpo la cantidad de elementos que se pueden utilizar es tremendamente extensa. A continuación vamosa ver algunosde los másinteresantes yutilizados:  Textos: la mayoría de las infografías tienen varios elementos de texto, incluso hay infografías en las que casi todo es texto (aunque hay autores que dirían que no son infografías). En los textos, unabuenaelecciónde tipografíaes muy importante..  Fotografías: se utilizarán las que se consideren necesarias para el contenido. Hay que tener cuidado con la propiedad intelectualde lasmismas.  Imágenes: este apartado es uno de los que más posibilidades tiene, ya que en una infografía podemos usar imágenes con múltiples motivos y aplicaciones, como flechas de flujo, imágenes de objetos, cajas para textos, bocadillos para texto… Elementos de una infografía 42

43. Diseño y uso docente de materiales multimedia @alfredovela  Gráficos: siempre que vamos a trabajar con estadísticas en una infografía,laformamás visual dehacerlosonlos gráficos, de barras, columnas, sectores, de líneas, o cualquiera de los tiposexistentes que cumpla conlosobjetivos deseados.  Diagramas: organigramas, diagramas de flujo, piramidales, de relación, de ciclo o de proceso, son algunos de los tipos que podemos utilizar.  Pantallas: en ocasiones hay que ilustrar con el uso de capturas de pantallas de software, páginas de Internet o similares.  Citas: en muchas ocasiones se utilizan citas célebres para hablar sobre un tema o para reforzarlo. Siempre hay que indicarlaautoríade lamisma. Elementos de una infografía 43

44. Diseño y uso docente de materiales multimedia @alfredovela  Cuadros estadísticos: aunque la mayoría de las estadísticas en una infografía se reflejan en forma de gráfico, hay ciertas ocasionesen lasque nopodemos prescindirde lascifras.  Esquemas: muy útiles cuando se pretende dar una idea de organizacióndecontenidos.  Cabeceras, apartados y separadores: hay infografías que tienen varios aparatados, para éstas las cabeceras y separadoressonimprescindibles.  Notas aclaratorias: cuando hay que explicar una palabra o expresión es muy útil la utilización de llamadas o notas al pie de páginaparadichasaclaraciones.  Audio/vídeo/enlaces: aunque estos elementos son más propios de infografías animadas y dinámicas, cada vez es más habitualencontrarlosenlasde tipoestático. Elementos de una infografía 44

45. Diseño y uso docente de materiales multimedia @alfredovela En comentábamos importancia capital, ya que aquí es donde se pondrán los datos que le interesen. Entre los más habituales tenemos:  Fuentes: de donde se ha obtenido la información que aparecereflejada enlainfografía.  Logos: el de la empresa que presenta la infografía y los que seannecesarios.  Patrocinios: se indicará si la infografía ha sido patrocinada y losdatos del patrocinador.  Datos de contacto: web, blog, redes sociales, correo, teléfono, y cuanta información se desee ofrecer para que se ponganencontacto. cuanto al pie con de anterioridad, la infografía, como tiene ya éste una Elementos de una infografía 45

46. Diseño y uso docente de materiales multimedia @alfredovela  Código QR/Bidi/…: donde pondremos la información que deseemos, engenerallade contacto.  Derechos: se indicará si la infografía tiene copyright, usa licencia Creative Commons u otros. Mi consejo es no utilizar ningún tipo de licencia si perseguimos que nuestra infografía sedifunda porlared encuantosmássitiosmejor. Elementos de una infografía La confección de una infografía es casi como la de cualquier soporte de información, comienza con una necesidad de comunicar algo. Cuando tenemos una idea, algo que comunicar o una campaña publicitaria y creemos que una infografía puede ser una forma adecuada de afrontarlo ya tenemos el principio, veamos ahora el recorrido hasta que nuestrainfografía se publica. 46

47. Diseño y uso docente de materiales multimedia @alfredovela Una vez aprobada la idea hay que desarrollarla, es decir, hay que crear un esquema, mapa mental o similar, con toda la información que deseamos incluir. Es evidente que en la mayoría de los casos esto puede implicar una ardualabor de investigación. El proceso de crear una infografía Una vez que hemos realizado el esquema de los contenidos que deseamos incluir en nuestra infografía llega la etapa de maquetacióny diseño. 47

48. Diseño y uso docente de materiales multimedia @alfredovela En el apartado anterior ya hemos destacado la importancia capital del título, pues una mala elección en este apartado puede dar al traste con todo nuestro trabajo. En la parte central de la infografía iremos organizando los diferentes contenidos que queramos reflejar, por supuesto, utilizando un lenguaje escrito y visual adaptado al público objetivo al que deseemos llegar, ya que no es lo mismo hacer una infografía para niños que hacerlo para profesionales de cualquier especialidad de alto nivel. En el pie pondremos las fuentes y todos aquellos datos que queramos que aparezcandel creadorde la infografía. El proceso de crear una infografía El paso final consistirá en una revisión a fondo y la traducciónalos idiomas deseados. 48

49. Diseño y uso docente de materiales multimedia @alfredovela Una forma de aprender sobre el diseño y confección de infografías es ver muchas, así que os dejo con algunas de las más importantes recopilaciones:  Visual.ly  Graphs.net  TICsy Formación  Infografías en castellano  Las otras infografías El proceso de crear una infografía 49

50. Diseño y uso docente de materiales multimedia @alfredovela Dentro del apartado de herramientas para crear infografías, la verdad es que podríamos hablar de cualquier herramienta de diseño gráfico, ya que con todas ellas es posible realizarlas. Es evidente que, a mejores herramientas, mejores resultados. He visto algunas infografías realizadas con Paint de Windows e incluso enPowerPoint. Herramientas para crear una infografía Con respecto a las herramientas de diseño gráfico tradicionales, las más utilizadas Ilustrator, Indesign… y algunas más de características similares. son Photoshop, 50