diseño y uso docente de materiales multimedia (infografías y screencasting)

@alfredovelaDiseño y uso docente de materiales multimedia

Diseño y uso docente de Materiales Multimedia

(Infografías y screencasting)

Área de Formación Permanente

Universidad de Valladolid

Alfredo Vela (@alfredovela)

1

https://twitter.com/alfredovela


Objetivos

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.

2



Contenidos

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

3



Introducción

4



Frases para el debate

¿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.

5



Frases para el debate

¿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?

6



Algunos datos sobre la situación actual

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 de cómo implementar las TIC’s en el Sistema Educativo y

no se forma a los profesores en estos aspectos.

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 los mismos. Se trabaja mucho, mal y sin organizació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, profesores y directivos dentro del Sistema Educativo.

7



Algunos datos sobre la situación actual

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ón y cuyo entorno puede ser todo el Mundo.

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

hace uso adecuado 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 ágil y enfocado a la Sociedad actual.

8



La educación que viene(Fuente: World InnovationSummit for Education)

9




10




11



Cómo aprendemos

12



Cómo aprendemos

13



Cómo aprendemos

14

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.

Un buen uso de las TIC’s permitiría conseguir aumentar el rendimiento educativo de los alumnos.



Cita:Jay Cross, Jane Hart

“En 1986 el 75% de los

conocimientos necesarios para

trabajar los teníamos en la

cabeza. Hoy ni siquiera

llegamos al 10%”

15



Cita:Galileo

“No podemos enseñar nada a

nadie, sólo podemos ayudarle

a aprender por si mismo”

16



Cita:Winston Churchill

“Me encanta aprender, pero

odio que me enseñen”

17



Nosotros hablando de TIC y hay quién se llega a TEP

Si aprendemos a usar adecuadamente 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 un aprendizaje

aumentado. En este aprendizaje aumentado, los alumnos, de forma

proactiva, autónoma, guiados por su curiosidad hacia un

aprendizaje permanente, aprenden a sacar partido a la

extraordinaria potencia de Internet como fuente de información,

recursos, metodologías didácticas y estímulo permanente.

Todo se resume en una frase:

“Aprender más, aprender siempre, aprender para toda la vida”

18

Fuente


http://palomarecuero.wordpress.com/2013/04/26/que-es-eso-del-tic-tac-tep/


TICTACTEP

19



Y también evolucionan los procesos de aprendizaje con Internet

20



Elementos de las TIC’s

Hardware y software

Ordenadores, smartphones, tablets, Smart-TV, pizarras digitales,videoconsolas, eBooks, tecnología wearable, impresoras 3D,almacenamiento en la nube, cloud computing, apps

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 decontenido, herramientas de relevancia social, herramientas de medición

eLearning

LMS, PLE, podcasting, screencasting, MOOC, Hangout privados y enabierto, Webinar,

Otros

Big Data, BYOD, Gamificación,

21



Algunas ventajas del uso de las TIC’s en educación

Es poco serio hablar de ventajas del uso de las TIC’s en educaciónsin tener claros los currículos y nuevas metodologías en las que seusen, pero de manera general alguna ventaja sería:

Su uso mejorará la cualificación tecnológica de profesores yalumnos.

Optimizaría la habilidad de búsqueda y selección de la información.

Permite mejorar sensiblemente la personalización de la formación.

Mejoraría los problemas de no poder asistir físicamente al aula(hospitalizaciones, enfermedades de larga duración, mal acceso pormala climatología, alumnos trabajadores, …)

Los alumnos manejarán tecnología que con posterioridad se lesrequerirá en el mercado laboral.

Las TIC’s permiten crear nuevas metodologías educativas.

Los alumnos usarán tecnologías que les son conocidas y además lesgustan.

22



Algunas ventajas del uso de las TIC’s en educación

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 manera general alguna ventaja sería:

Permitiría mejorar el nivel de idiomas.

Permitirían en desarrollo de la inteligencia colectiva.

Un buen uso de ellas permitiría que los alumnos y profesores

interioricen la importancia del aprendizaje informal y lo incorporen

en su día a día.

Un uso adecuado lograría una reducción significativa de los costes

educativos.

23



Algunos aspectos de interés en los que hay que pensar para el uso de las TIC’s en la educación

Dentro de los aspectos a estudiar para el uso de las TIC’s en el SistemaEducativo tenemos:

Hay que modificar los curriculos para ir integrando las TIC’s en todo elproceso educativo.

Hay que “sensibilizar” a la Sociedad de la importancia de su uso yconseguir una mayor implicación de todos los actores.

Hay que medir, medir, medir, … y analizar los resultados de lasmediciones sobre el uso de las TIC’s, para así ir haciendo los cambios quese requieran en cada momento y hacerlos a la velocidad adecuada.

Hay que mejorar ostensiblemente la formación del profesorado en elmanejo de las TIC’s y sus aplicaciones metodológicas.

Hay que crear herramientas de apoyo en la Nube para el uso de todos losactores:

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 adoptarlos cambios tecnológicos y sociales.

24




25



Materiales didácticos

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.

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 APPs de 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



Tipos de Materiales didácticos

Impresos: libros, folletos, apuntes, …

Publicaciones digitales: ebooks

Imágenes, fotografías, …

Mapas mentales

Audio, podcasts, …

Webs, blogs, …

Vídeo, screeencasting, …

Wikis

Presentaciones, prezis, …

Mapas

Infografías

Simuladores

Hangouts públicos, webinars, …

Contenido Scorm para LMS

MOOCs

APPs

27



Tipos de Materiales didácticos

28

Mapa mental creado con ExamTime


https://www.examtime.com/es-ES/mind_maps/947810

https://www.examtime.com/es-ES/mind_maps/947810

https://www.examtime.com/es-ES


Infografías

29




Siempre hemos oído que una imagen vale más que1.000 palabas, y en las mayoría de los casos es así.

Las infografías en los últimos tiempos han tenido unéxito demoledor en Internet ,y es fácil entender losmotivos, una buena infografía nos cuenta una historiaen menos de 3 minutos, de forma a visual y bonita, nose puede modificar ya que es una imagen y todo enmundo quiere ponerla en sus redes sociales y en susblogs, ¿qué más podemos pedir?

Una buena infografía, bien movida es seguramente elsoporte publicitario que tiene un coste por impactomás bajo.

30

Ver vídeo de Introducción


http://youtu.be/VSoQ6jo8FwE

http://youtu.be/VSoQ6jo8FwE


Definición de infografía

Antes de hablar sobre cualquier tema es convenientetener claro que todos hablamos de lo mismo, por ellovoy a intentar aclarar el concepto de infografía del quevamos a charlar en esta serie de artículos.

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


http://lema.rae.es/drae/?val=infograf%C3%ADa



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.”

32


http://es.wikipedia.org/wiki/Infograf%C3%ADa



Para terminar con las definiciones yo voy a aportar lamía:

“Una infografía es cualquier información puesta en forma de imagen.”

Alguno dirá que la definición que ofrezco es muy simple,pero creo que es la que mejor define el concepto.

En la actualidad existe cierta controversia sobre lo que esy no una infografía, hay ciertos puristas molestos conque se llame infografía a determinadas imágenes, perocomo siempre, el tiempo está dejando claro que ese“excesivo purismo” no es el sentir general de los usuariosde Internet.

33



La importancia de las infografías

Basta con dar una vuelta por Internet y Redes Socialespara comprender el auge que en los últimos tiemposestán alcanzando las infografías como herramienta decomunicación en webs y blogs. Dicho éxito se debe avarios factores, entre los cuales podríamos destacar:

Si la infografía está bien realizada, en poco tiempo el lector vesintetizada la información de una manera sencilla, gráfica yatractiva. Es difícil que alguien dedique más de tres minutos aleer algo en Internet.

Aumenta el tráfico a tu sitio web: la mayoría de lasestadísticas existentes al respecto indican que como mínimose duplica el número de visitas al post.

34



La importancia de las infografías

Admiten patrocinio: hay empresas que patrocinaninfografías, cosa que no harían con tu web o blog.

Se replican con facilidad: si analizamos la mayoría de lasbuenas infografías, vemos que se pueden encontrar encentenares e incluso miles de sitios web, lo que permite quela visibilidad y el alcance de las marcas que las crearon seaimpresionante con un coste bajísimo.

Hay muchas más razones pero estas cuatro nos deben dedar una idea sobre el por qué del tremendo éxito de lasinfografías en todo el mundo.

35



Tipos de infografías

No existe todavía una clasificación “reglada” de los tipos deinfografías existentes. En mi opinión hoy la clasificación másadecuada serí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 unvídeo en formato infográfico (ver ejemplo).

Interactivas: son imágenes que permiten al usuario interactuarsobre las mismas, cada vez están más extendidas (ver ejemplo).

36


http://ticsyformacion.com/2012/01/13/las-4-etapas-para-comprender-twitter-infografia-infographic-socialmedia/

http://www.youtube.com/watch?v=QUQJKysGU6U

http://www.evolutionoftheweb.com/


Tipos de infografías

3D: son imágenes que recrean escenarios, edificios, muebles,… y combinaciones de ellos. Se utilizan mucho enarquitectura y en la industria del mueble (ver ejemplo).

Periodística: en realidad cualquiera de las anteriores seríaválida como infografía periodística, pero está especializadaen el uso en medios de comunicación (ver ejemplo).

Ninguno de los tipos de infografía mencionados es mejorque los demás, simplemente hemos de elegir cuál deellas se adapta mejor a las necesidades que deseamoscubrir.

37


http://www.3dsign.es/wp-content/uploads/2012/08/SALON_CAM05.jpg

http://www.grupojaragua.org.do/images_carey/infografiaCarey.jpg


Elementos de una infografía: Introducción

En un apartado anterior explicamos qué es una infografíay los tipos de infografías existentes. En este momentovamos a ir desgranando los diferentes elementos ycontenidos que puede contener una infografía y algunasreflexiones sobre la organización de los diferenteselementos que la conforman. Sobre todo, vamos ahablar de infografías estáticas, aunque en la parte decontenidos y elementos casi no existen diferencias con elresto de las tipologías.

No hay que olvidar que la infografía es una entidad en símisma, y que por ello, tiene que incorporar toda lainformación necesaria de manera autónoma.

38



Elementos de una infografía

Si tuviéramos que indicar las partes principales de unainfografía, nos encontraríamos con que no hay nadaestándar o normalizado al respecto, pero podríamoshablar de 3 elementos básicos:

El título

El contenido

El pie

Por trabajo, extensión y relevancia, sin duda, la partemás importante es el contenido, ya que alberga elgrueso de la información, pero si tuviera que ponderar laimportancia de cada una de esas partes, quedaría enúltima posición. ¿Por qué digo esto? muy sencillo, engeneral en el pie aparecen las fuentes de los datos y lainformación sobre quién ha realizado la infografía y/oquién la ha esponsorizado, y como podemos imaginar elobjetivo de la mayoría de estas imágenes es dar aconocer nuestra marca.

39




Pero si el pie tiene importancia, la parte más importantede una infografía es el título. Como ocurre en cualquierpublicación que compita con otras por conseguir lasvisitas del público, un mal título puede dar al traste conmuchas horas de trabajo recopilando datos, organizandocontenidos, diseñando y maquetando, ya que es loprimero que vamos a ver, y si no consigue atraernoshabremos cosechado un fracaso en nuestros objetivos.

Por ello, hay que dedicarle tiempo y especial atención altítulo, que por supuesto, debe indicarnos de la maneramás exacta posible lo que nos vamos a encontrar.

Os puedo decir que he visto auténticas joyas deinfografía con un impacto muy malo y muy malasinfografías que han cosechado un exitazo gracias a unamala/buena selección del título.

40




Por ello, hay que dedicarle tiempo y especial atención altítulo, que por supuesto, debe indicarnos de la maneramás exacta posible lo que nos vamos a encontrar.

Os puedo decir que he visto auténticas joyas deinfografía con un impacto muy malo y muy malasinfografías que han cosechado un exitazo gracias a unamala/buena selección del título.

Sobre el título, una reseña importante, hay que recordarque luego hay que tuitearlo, por lo que el título nuncasuperará los 80/90 caracteres. En ocasiones el uso de unsubtítulo puede ser muy adecuado.

41




En el cuerpo la cantidad de elementos que se puedenutilizar es tremendamente extensa. A continuaciónvamos a ver algunos de los más interesantes y utilizados:

Textos: la mayoría de las infografías tienen varios elementosde texto, incluso hay infografías en las que casi todo es texto(aunque hay autores que dirían que no son infografías). En lostextos, una buena elección de tipografía es muy importante..

Fotografías: se utilizarán las que se consideren necesariaspara el contenido. Hay que tener cuidado con la propiedadintelectual de las mismas.

Imágenes: este apartado es uno de los que más posibilidadestiene, ya que en una infografía podemos usar imágenes conmúltiples motivos y aplicaciones, como flechas de flujo,imágenes de objetos, cajas para textos, bocadillos paratexto…

42




Gráficos: siempre que vamos a trabajar con estadísticas enuna infografía, la forma más visual de hacerlo son los gráficos,de barras, columnas, sectores, de líneas, o cualquiera de lostipos existentes que cumpla con los objetivos deseados.

Diagramas: organigramas, diagramas de flujo, piramidales,de relación, de ciclo o de proceso, son algunos de los tiposque podemos utilizar.

Pantallas: en ocasiones hay que ilustrar con el uso decapturas de pantallas de software, páginas de Internet osimilares.

Citas: en muchas ocasiones se utilizan citas célebres parahablar sobre un tema o para reforzarlo. Siempre hay queindicar la autoría de la misma.

43




Cuadros estadísticos: aunque la mayoría de las estadísticasen una infografía se reflejan en forma de gráfico, hay ciertasocasiones en las que no podemos prescindir de las cifras.

Esquemas: muy útiles cuando se pretende dar una idea deorganización de contenidos.

Cabeceras, apartados y separadores: hay infografías quetienen varios aparatados, para éstas las cabeceras yseparadores son imprescindibles.

Notas aclaratorias: cuando hay que explicar una palabra oexpresión es muy útil la utilización de llamadas o notas al piede página para dichas aclaraciones.

Audio/vídeo/enlaces: aunque estos elementos son máspropios de infografías animadas y dinámicas, cada vez es máshabitual encontrarlos en las de tipo estático.

44




En cuanto al pie de la infografía, como yacomentábamos con anterioridad, éste tiene unaimportancia capital, ya que aquí es donde se pondrán losdatos que le interesen. Entre los más habitualestenemos:

Fuentes: de donde se ha obtenido la información queaparece reflejada en la infografía.

Logos: el de la empresa que presenta la infografía y los quesean necesarios.

Patrocinios: se indicará si la infografía ha sido patrocinada ylos datos del patrocinador.

Datos de contacto: web, blog, redes sociales, correo,teléfono, y cuanta información se desee ofrecer para que sepongan en contacto.

45




Código QR/Bidi/…: donde pondremos la información quedeseemos, en general la de contacto.

Derechos: se indicará si la infografía tiene copyright, usalicencia Creative Commons u otros. Mi consejo es no utilizarningún tipo de licencia si perseguimos que nuestra infografíase difunda por la red en cuantos más sitios mejor.

La confección de una infografía es casi como la de cualquiersoporte de información, comienza con una necesidad decomunicar algo. Cuando tenemos una idea, algo quecomunicar o una campaña publicitaria y creemos que unainfografía puede ser una forma adecuada de afrontarlo yatenemos el principio, veamos ahora el recorrido hasta quenuestra infografía se publica.

46



El proceso de crear una infografía

Una vez aprobada la idea hay que desarrollarla, es decir,hay que crear un esquema, mapa mental o similar, contoda la información que deseamos incluir. Es evidenteque en la mayoría de los casos esto puede implicar unaardua labor de investigación.

Una vez que hemos realizado el esquema de loscontenidos que deseamos incluir en nuestra infografíallega la etapa de maquetación y diseño.

47




En el apartado anterior ya hemos destacado laimportancia capital del título, pues una mala elección eneste apartado puede dar al traste con todo nuestrotrabajo. En la parte central de la infografía iremosorganizando los diferentes contenidos que queramosreflejar, por supuesto, utilizando un lenguaje escrito yvisual adaptado al público objetivo al que deseemosllegar, ya que no es lo mismo hacer una infografía paraniños que hacerlo para profesionales de cualquierespecialidad de alto nivel. En el pie pondremos lasfuentes y todos aquellos datos que queramos queaparezcan del creador de la infografía.

El paso final consistirá en una revisión a fondo y latraducción a los idiomas deseados.

48




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

TICs y Formación

Infografías en castellano

Las otras infografías

49


http://visual.ly/

http://graphs.net/

http://ticsyformacion.com/

http://infografiasencastellano.com/

http://lasotrasinfografias.com/


Herramientas para crear una infografía

Dentro del apartado de herramientas para crearinfografías, la verdad es que podríamos hablar decualquier herramienta de diseño gráfico, ya que contodas ellas es posible realizarlas. Es evidente que, amejores herramientas, mejores resultados. He vistoalgunas infografías realizadas con Paint de Windows eincluso en PowerPoint.

Con respecto a las herramientas de diseño gráficotradicionales, las más utilizadas son Photoshop,Ilustrator, Indesign… y algunas más de característicassimilares.

50



Herramientas para crear una infografía

En los últimos tiempos están apareciendo herramientasonline para crear infografías, la mayoría en estado demaduración, pero con las que ya se pueden conseguirresultados muy interesantes. Dos ejemplos son:

Piktochart

Infogr.am

Como curiosidad, simplemente añadir querecientemente Slideshare permite almacenar infografíasen su servidor (ver ejemplo)

51


http://piktochart.com/

http://infogr.am/

http://es.slideshare.net/alfredovela/10-razones-por-las-que-tu-pyme-necesita-twitter


Algunos usos y aplicaciones actuales de las infografías

En la actualidad el uso de infografías está cada vez másextendido, y las aplicaciones de las mismas son infinitas.En este apartado vamos a destacar algunas de las másrelevantes:

Para uso educativo: conjugando aquello de que unaimagen vale más que mil palabras.

Periodístico: hoy en día no se entiende un medio decomunicación sin un buen departamento de infografía.

Marketing: este es, quizás, uno de los apartados dondepodemos encontrar más usos, algunos ejemplos son:

Presentación de libros

Resúmenes de estudios, encuestas y estadísticas

52




Formación, educación

Presentación de nuevos productos

Promoción turística

Convocar y divulgar todo tipo de eventos

Difusión de rankings

Celebraciones

Biografías

Eventos deportivos

Comparativas

Carta de servicios/productos de una empresa

Explicación de conceptos

Presentación de nuevos productos

Timeline de productos/servicios/personas

53




Otras aplicaciones: podemos ver infografías pararecetas de cocina, humor, curriculums vitae, creaciónde marca personal…

Podríamos decir que las infografías tienen cabida enmuchos de los artículos y posts que encontramos enInternet, el secreto está en saber dónde, crear buenasinfografías y conseguir que tengan repercusión.

54



Usos actuales de las infografías



La difusión de la infografía

Una vez que hemos recorrido todas las etapasnecesarias para la creación de una infografía, llega laúltima etapa, colocarla en la ubicación virtual para laque se había destinado.

Salvo que la web/blog donde se ha colocado tenga ungran tráfico (y aunque lo tenga) hay que hacer que losinternautas visiten la infografía en primer lugar en suubicación original y más tarde hacer que la infografíavaya siendo publicada en la mayor cantidad posible delugares, preferiblemente con enlace a la fuenteoriginal.

61



La difusión de la infografía

El objetivo que debemos conseguir es colocar lainfografía en cuantos más sitios mejor, relacionadoscon la temática de la misma. En muchos casos, esosimplemente lo conseguiremos atrayendo lectores alpost que contenga la infografía, ya que muchas de laspersonas y empresas que lleguen al artículo querránrepublicarla en sus webs o blogs para compartirla entresus lectores. Por ello hemos de dirigir nuestras accionesa aumentar el número de visitas al post, aunque comoveremos existen algunas acciones adicionales quepodemos realizar para conseguir aumentar la difusión.

62



Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Entre las acciones para conseguir el éxito en la difusiónde nuestro trabajo, podríamos destacar las siguientes:

Enviar la infografía por correo electrónico: siconocemos webs y blogs donde es susceptible lacolocación de nuestra infografía y disponemos de susdirecciones de correo, les debemos enviar el email conel fichero de la imagen con buena calidad, indicando sideseamos que incluyan algún enlace a nuestro post. Enla mayoría de los casos los receptores del correo loagradecerán ya que les ahorramos el trabajo de buscarcontenidos. Si vamos a hacer a menudo infografías,crear una base de datos con estas direcciones de correosería una buena idea.

63




Poner el código para embeber la infografía: a la gentehay que facilitarle el trabajo. Si ponemos el código paraembeber la infografía en otros posts, matamos dospájaros de un tiro, hacemos más sencilla la difusión yaumentamos el tráfico, ya que el objeto embebido, alhacer clic sobre él, conducirá a nuestro post. Eso sí, sipones el código para embeber, asegúrate de quefunciona en todos los navegadores, un código que nofunciona “cabrea” bastante.

Subir la imagen a Pinterest: sin duda, Pinterest, es unode los medios sociales donde las infografías estántriunfando. Además de poner el botón social en el postpara que se pueda añadir, es importante que nosotroslo pongamos en el nuestro.

64


http://www.pinterest.com/



Subir la imagen a Flickr: al igual que en el caso anterior,colocar la infografía en Flickr posibilitará la replicaciónpor distintos lugares de la red.

Si es una infografía animada, subirla a YouTube yVimeo: las infografías animadas, al tener laconsideración de vídeos, pueden subirse a losrepositorios de vídeo; YouTube y Vimeo son dos de losmás importantes.

Subir la infografía a Slideshare: hace unos mesesSlideshare, al observar el Boom de las infografías,posibilitó alojarlas en su sitio de manera sencilla. Elnúmero de infografías alojadas en Slideshare hacrecido muy rápidamente.

65


http://flickr.com/

http://youtube.com/

http://vimeo.com/

http://www.slideshare.net/



Subir la infografía a repositorios de infografías: webscomo visual.ly y graphs.net permiten a los usuariosregistrados subir las infografías para aumentar sudifusión y en número de impactos de las mismas.

Poner los botones sociales en el post: poniendo losbotones sociales más representativos en el post quealberga la infografía, posibilitaremos que los usuariospuedan publicar en sus redes sociales el post y asíaumentar el número de visitas.

Difundir el post por diferentes medios: además deincluir botones sociales para que los usuarios nosayuden en la difusión, deberemos publicar el post encuantos medios sociales nos sea posible para conseguirla mayor difusión.

66


http://visual.ly/

http://graphs.net/



Repetir las publicaciones en diferentes días y horarios:la publicación de los contenidos hemos de realizarla envarias fechas y horarios para asegurarnos el mayoralcance posible. Si el contenido de la infografía esatemporal, después del lanzamiento inicial, esconveniente que difundamos de vez en cuando lainfografía para hacerla llegar a usuarios nuevos oaquellos que no la hubieran visto con anterioridad.

Impresión de la infografía: en ocasiones se pretendeutilizar la infografía de manera física. Se pueden crearcarteles con infografías, se pueden imprimir enaluminio e incluso se pueden crear marcapáginas coninfografías. Ser imaginativo es importante. Porsupuesto se pueden usar para publicaciones en papel.

67



Indicios de que las infografías funcionan



Las infografías llevan entre nosotros muchos años

Infografía de la época napoleónica



Slideshare ha convertido a la infografía en un tipo de documento en su web



El Parlamento Europeo ha integrado la infografía en su estrategia de comunicación



En las búsquedas de infografías en Google la cantidad aumenta rápidamente



El mundo del fútbol las utiliza regularmente



Grandes marcas las usan en su estrategia de comunicación



Pinterest está inundado de infografías



Flickr incluye cada vez más infografías



Cada vez se publica más sobre infografías



Herramientas online gratuitas para crear Infografías

Alfredo Vela

78



Introducción

Se han recogido 17 herramientas gratuitas online para crear infografías.

A pesar de que las herramientas son gratuitas, algunas disponen de versión de pago.

Para acceder a cada herramienta basta con hacer clic en la pantalla de cada una de ellas.

79



Canva

80


https://www.canva.com/

https://www.canva.com/


Piktochart

81





Visual.ly

82


https://create.visual.ly

https://create.visual.ly


Easel.ly

83


http://easel.ly

http://easel.ly


Infogr.am

84


http://infogr.am/

http://infogr.am/


Mural.ly

85


https://mural.ly

https://mural.ly


Creately.com

86


http://creately.com/



Venngage.com

87


http://venngage.com/

http://venngage.com/


iCharts.net

88


http://www.icharts.net/

http://www.icharts.net/


Many Eyes

89


http://www.manyeyes.com/software/analytics/manyeyes/

http://www.manyeyes.com/software/analytics/manyeyes/


Vizualize.me

90


http://vizualize.me/

http://vizualize.me/


Prezi

91


http://prezi.com/

http://prezi.com/


PowTown

92


http://www.powtoon.com/

http://www.powtoon.com/


Gliffy

93


http://www.gliffy.com/

http://www.gliffy.com/


Geocommons.com

94


http://geocommons.com/

http://geocommons.com/


Re.vu

95


http://re.vu/

http://re.vu/


Visme.co

96


http://www.visme.co/



De donde obtener recursos para las infografías

97



Flickr(imágenes)

98


https://www.flickr.com/

https://www.flickr.com/


Generador de QR Codes

99


http://www.qrcode.es/es/generador-qr-code/

http://www.qrcode.es/es/generador-qr-code/


Visme.co(Mapas Mentales)

100





Endless icons(iconos)

101


http://www.endlessicons.com/

http://www.endlessicons.com/


flaticon(iconos)

102


http://www.flaticon.com/

http://www.flaticon.com/


freepic(iconos)

103


http://www.freepik.es/

http://www.freepik.es/


Generador de gráfcios

104


http://www.generadordegraficos.com/

http://www.generadordegraficos.com/


ChartGo

105


http://www.chartgo.com/index_es.jsp

http://www.chartgo.com/index_es.jsp


Photoshopexpress(editor de imágenes)

106


http://www.photoshop.com/tools

http://www.photoshop.com/tools


Pixlr(editor de imágenes)

107


http://pixlr.com/editor/

http://pixlr.com/editor/


Herramientas online para Mapas Mentales

108



ExamTime

109

Ver vídeo1 ó vídeo2


https://www.examtime.com/es/mapas-mentales/

https://www.examtime.com/es/mapas-mentales/

https://www.youtube.com/watch?v=BxygTkVEsME

https://www.youtube.com/watch?v=lmhCPuc3EV0


Creately

110





RealTimeBoard

111


https://www.text2mindmap.com/



RealTimeBoard

112


http://www.mindomo.com/pricing.htm

http://www.mindomo.com/pricing.htm


Text2MindMap

113





Mind42

114


http://mind42.com/

http://mind42.com/


Wise mapping

115


http://www.wisemapping.com/

http://www.wisemapping.com/


Ejercicios prácticos de infografía

116



Ejercicios prácticos

1. Crear un Mapa Mental con ExamTime (15/20 minutos) con varios subniveles y que al menos incorpore una imagen.

2. Crear una infografía vertical con PowerPoint que incorpore texto, imágenes, al menos una tabla y un gráfico de columnas. Incorporar también el Mapa Mental realizado en el punto 1. Añadir un código QR.

3. Crear una infografía con la herramienta de dibujo de Google Drive con las dimensiones 10 x 20 cm. Incorporar imágenes (al menos una de Flickr), texto, objetos, el mapa mental creado en el punto 1, y al menos un gráfico creado con la herramienta de hoja de cálculo de Google Drive. Grabar la infografía como .jpgy .pdf. Incorporar un cádigo QR

4. Crear una infografía modificando una plantilla en easel.ly

117



DISEÑO Y USO DOCENTE DE MATERIALES

MULTIMEDIA (2ª parte)

Área de Formación Permanente

Universidad de Valladolid

Alfredo Vela (@alfredovela)

118



Objetivos

Conocer el panorama actual de los objetos deaprendizaje multimedia adaptados a la educaciónuniversitaria.

Ser capaz de crear diferentes tipos de infografías condiferentes herramientas.

Ser capaz de utilizar los objetos de aprendizajemultimedia en el trabajo docente universitario.

119



Contenidos

Introducción



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

120



Screencasting y Podcasting

121



Screencasting

Un screencast es una grabación digital de la salida porpantalla de la computadora, a veces conteniendonarración de audio. Aunque el término screencast datadel 2004, productos tales como Lotus ScreenCamfueron usados desde 1993. Los productos pionerosproducían ficheros enormes y tenían características deedición limitadas. Los productos más recientessoportan formatos de ficheros más compactos talescomo Macromedia Flash y tienen características deedición más sofisticadas permitiendo cambios en lasecuencia, focalización (zoom in - zoom out),visualización del movimiento del ratón yeventualmente audio.

Un screenshot es una imagen de la pantalla de usuario,y un screencast es esencialmente una película de lo queel usuario observa en su monitor.

122



Screencasting, usos comunes

Screencasts son útiles para demostrar características de software,o tener un material de formación. Crear un screencast ayuda a losdesarrolladores de software a mostrar su trabajo. También puedeser una habilidad útil para los usuarios ordinarios de software,pueden ayudar a mostrar bugs (la película sustituye a lasexplicaciones escritas potencialmente ambiguas) o para mostrar aterceras personas como se realiza una tarea en un entorno desoftware específico. Los Screencasts son herramientas excelentespara aprender a usar las computadoras, y varios podcasts hancomenzado a explicar a sus usuarios de computadoras como usarel software a través de screencasts.

Considerando el alto coste de la formación impartida porinstructores / facultades y la relativa ineficiencia de los sistemas deformación basados en computadoras (CBT), screencasting estállamado a ser una técnica muy popular para impartir conocimientode alta calidad a bajo coste.

123



Screencasting, usos comunes

Por ejemplo, los organizadores de seminarios relacionados concomputadoras puede elegir grabar los los los los seminarioscompletos y ponerlos disponibles en DVD para futura referenciade todos los asistentes y/o vender esas grabaciones a la gente queno puede asistir al seminario o no puede costeárselo. Estogeneraría una revalorización positiva de los organizadores delseminario y pondría el conocimiento disponible para una audienciamayor, mejorando la percepción del seminario para todos losparticipantes.

Esta estrategia de grabar seminarios está siendo ya usadaampliamente en campos donde usan una vídeo cámara o unagrabadora de voz las cuales son suficientes para la grabación yreproducción útil. Los seminarios relacionados con Computadorasnecesitan grabaciones de alta calidad y fácilmente reproduciblesde los contenidos de pantalla, lo cual no es factible mediante eluso de una vídeo cámara que enfoque el escritorio, y en su lugar sesuele usar un proyector de vídeo o cañón.

124



Podcasting

El podcasting consiste en la distribución de archivos multimedia(normalmente audio o vídeo, que puede incluir texto comosubtítulos y notas) mediante un sistema de redifusión (RSS) quepermita opcionalmente suscribirse y usar un programa que lodescarga para que el usuario lo escuche.

Un podcast se asemeja a una suscripción a un blog hablado(audioblog) en la que se reciben episodios a través de Internet. Sucontenido puede ser tan diverso como el de la radio tradicionalincluyendo noticias, documentales, música, debates, entrevistas,etc. Muchos autores (denominados podcasters) prefieren usar unguion y otros hablan de forma improvisada. Algunos podcastsparecen un programa de radio, intercalando música, mientras queotros hacen podcasts más cortos y exclusivamente con voz.

Los podcasts tienen que cumplir 3 requisitos: Audio y/o vídeo: los contenidos deben adoptar las formas de un

programa de radio o TV, siendo habitual los formatos MP3 paraaudio, MP4 para vídeo, y en menor medida ogg.

La posibilidad de descargar ese contenido. La posibilidad de suscribirse a ese contenido y automatizar su

descarga.

125



Herrienta para Screencasting

126


http://www.techsmith.com/camtasia.html

http://www.techsmith.com/camtasia.html


Herramientas online gratuitas para videoconferencias

Alfredo Vela

127



Introducción

Se han recogido 10 herramientas gratuitas online para videoconferencias.

A pesar de que las herramientas son gratuitas, algunas disponen de versión de pago.

Para acceder a cada herramienta basta con hacer clic en la pantalla de cada una de ellas.

Muchas de ellas permiten la grabación del vídeo de la videoconferencia.

128



Skype

129


http://www.skype.com/es/

http://www.skype.com/es/


Hangout

130


http://www.google.com/+/learnmore/hangouts/?hl=es

http://www.google.com/+/learnmore/hangouts/?hl=es


FaceTime

131


https://www.apple.com/es/ios/facetime/

https://www.apple.com/es/ios/facetime/


FaceTime

132


http://www.anymeeting.com

http://www.anymeeting.com


Webex

133


http://www.webex.es

http://www.webex.es


MeetingBurner

134


https://www.meetingburner.com

https://www.meetingburner.com


Videolink2.me

135


https://videolink2.me/start

https://videolink2.me/start


ubiqq

136


http://ubiqq.tv

http://ubiqq.tv


Vyew

137


http://vyew.com/s/

http://vyew.com/s/


Hall

138


https://hall.com

https://hall.com


Herramientas videoconferencias

139




140




141



Herramientas para crear blogs

142



Herramientas para crear blogs

143

Para crear Blogs existen una gran cantidad de herramientas,algunas de las cuales han conseguido un elevado grado dedesarrollo y posibilidades.

A la hora de la elección de un blog hay que tener en cuentasaspectos como: grado de conocimientos digitales, presupuesto,objetivos del blog, necesidad o no de dominio propio, si el blognos da igual que esté alojado en los hosting de Wordpress oBlogger, o queremos total acceso a el hosting, ….

En función de todos estos parámetros se debe realizar la elecciónde las herramientas. Para blogs autoalojados las herramientasmás usadas son blogger y wordpress.com y para blogs en los quenosotros ponemos el hosting wordpress.org.



WordPress.com

144


https://wordpress.com

https://wordpress.com


WordPress.org

145


https://wordpress.org

https://wordpress.org


Blogger

146


https://www.blogger.com

https://www.blogger.com


Tumblr

147


https://www.tumblr.com

https://www.tumblr.com


Medium

148


https://medium.com

https://medium.com


Blog.com

149


http://blog.com

http://blog.com


Otras herramientas

150


http://www.joomla.org/

http://www.joomla.org/

http://drupal.org.es/

http://drupal.org.es/

https://jux.com/

https://jux.com/

http://www.postagon.com/

http://www.postagon.com/

https://roon.io/

https://roon.io/


Herramientas blogs

151


http://anfix.tv/10-herramientas-online-gratuitas-para-crear-blogs-infografia/http:/anfix.tv/10-herramientas-online-gratuitas-para-crear-blogs-infografia/

http://anfix.tv/10-herramientas-online-gratuitas-para-crear-blogs-infografia/http:/anfix.tv/10-herramientas-online-gratuitas-para-crear-blogs-infografia/


Herramientas blogs

152


http://anfix.tv/10-herramientas-online-gratuitas-para-crear-blogs-infografia/



Herramientas blogs

153





Herramientas online para crear presentaciones

154



Herramientas online para presentaciones

155


http://anfix.tv/10-herramientas-online-gratuitas-para-crear-presentaciones-infografia/




156






157





Herramientas de almacenamiento en la Nube

158



Herramientas almacenamiento en la Nube

159


http://anfix.tv/10-herramientas-gratuitas-de-almacenamiento-en-la-nube-infografia/




160






161





Algunos datos de interés

162



Universidades españolas y Redes Sociales

163


http://www.avanzaentucarrera.com/llegaraser/especiales/especial-grados-2014/internet-y-redes-sociales-en-la-universidad/




164






165





eLearning: ventajas e inconvenientes

166


http://socialforma.es/ventajas-e-inconvenientes-del-e-learning/#sthash.q0iT1Plg.qJi4MD0c.dpbs




167






168





Conclusiones

169



Conclusiones

Es necesario estar al día sobre los diferentes materiales multimedia que tienen uso docente.

Las infografías son una excelente herramienta para su uso en aplicaciones didácticas.

Existe una gran cantidad de herramientas online y offline para crear infografías.

Screencasting y podcasting son recursos didácticos muy a tener en cuenta.

170



Ejercicios prácticos de infografía

171



Ejercicios prácticos

1. Crear una infografía en Piktochart sobre lautilidad de las infografía en educaciónuniversitaria, deberá incluir texto,fotografías, mapa mental, un grafíco e iconosde adorno, se guardará la infografía con elnombre del asistente en la carpeta en la Nubecreada para ello. (en la infografía aparecerá elnombre del asistente)

2. Realizar prácticas de creación de infografíasen easel.ly y mural.ly, grabar alguna de lasprácticas y subirlas a la carpeta del alumno(en el nombre del fichero deberá incluirse elnombre del asistente).

172



Muchas gracias por su atención

Alfredo Vela ([email protected])

173


diseño y uso docente de materiales multimedia (infografías y screencasting)

Education

alfredoveladiseo y uso

docente en

buen uso

materiales multimediacita

omos y vemos

los ejercicios

utilizar los objetos

los alumnos en labores