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

@alfredovela
Diseñ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

@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

@alfredovela
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 screencastingcomo objetos de aprendizaje
Herramientas para la difusión de los objetos de aprendizaje multimedia
Proyecto virtual de fin de curso
3

@alfredovela
Introducción
4

@alfredovela
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

@alfredovela
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

@alfredovela
Algunos datos sobre la situación actual
EnlaactualidadseutilizanlasTIC’sesmuyreducidoenlasmayoríadeloscentrosdeformación,muydesigualydependeenexcesodelavoluntaddelosprofesores,noexistenestudiossolventesdecómoimplementarlasTIC’senelSistemaEducativoynoseformaalosprofesoresenestosaspectos.
Secreanmuchoscontenidosporpartedelosformadoresydeloscentros,peronoexisteningúncontrolsobreellos,ningúnsistemadeorganización,niningunaestrategiaquepermitalareutilizacióndelosmismos.Setrabajamucho,malysinorganización.
BigDatapermitiríaconuntratamientoadecuadodelosdatosconocerlaformademotivarymejorarlaparticipacióndelosalumnos,profesoresydirectivosdentrodelSistemaEducativo.
7

@alfredovela
Algunos datos sobre la situación actual
EstamosusandometodologíascreadasparapersonasqueteníansólocontactoconsuentornomáspróximoyunaccesoalainformaciónmuyreducidoapersonasconalcanceinfinitoalainformaciónycuyoentornopuedesertodoelMundo.
Españaesunodelospaísesconmayorpenetracióndetecnología(móviles,redessociales,…)delMundoyelSistemaEducativonohaceusoadecuadodeello.
HayqueadaptarelSistemaEducativoaunarealidadlaboralmuydiferente,dondeeltrabajorutinariodejarádetenervalor, aparecennuevospuestosdetrabajocuyavidanovamásalládeunospocosaños,lostrabajadoressufriráncambiosradicalesensustrabajos,…yparaellohacefaltaunSistemaEducativomuchomáságilyenfocadoalaSociedadactual.
8

@alfredovela
La educación que viene(Fuente: WorldInnovationSummit forEducation)
9

@alfredovela
10

@alfredovela
11

@alfredovela
Cómo aprendemos
12

@alfredovela
Cómo aprendemos
13

@alfredovela
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.

@alfredovela
Cita: JayCross, 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

@alfredovela
Cita: Galileo
“No podemos enseñar nada a nadie, sólo podemos ayudarle a aprender por si mismo”
16

@alfredovela
Cita: Winston Churchill
“Me encanta aprender, pero odio que me enseñen”
17

@alfredovela
Nosotros hablando de TIC y hay quién se llega a TEP
SiaprendemosausaradecuadamentelasTICylasTACparamotivaralosalumnos,potenciarsucreatividadeincrementarsushabilidadesmultitarea,asícomoparaaprovecharlassinergiasentreprofesoresyestudiantes,conformaremosunaprendizajeaumentado.Enesteaprendizajeaumentado,losalumnos,deformaproactiva,autónoma,guiadosporsucuriosidadhaciaunaprendizajepermanente,aprendenasacarpartidoalaextraordinariapotenciadeInternetcomofuentedeinformación, recursos,metodologíasdidácticasyestímulopermanente.
Todoseresumeenunafrase:
“Aprender más, aprender siempre, aprender para toda la vida”
18
Fuente

@alfredovela
TICTACTEP
19

@alfredovela
Y también evolucionan los procesos de aprendizaje con Internet
20

@alfredovela
Elementos de las TIC’s
Hardwareysoftware
Ordenadores,smartphones,tablets,Smart-TV,pizarrasdigitales, videoconsolas,eBooks,tecnologíawearable,impresoras3D, almacenamientoenlanube,cloudcomputing,apps
Internet
Webs,correoelectrónico,buscadores
Web2.0:redessociales(generalistas,profesionales,verticales, corporativas),wikis,blogs,sitiosdevídeos,sitiosdefotografías, repositoriosdedocumentación,mapas,geoposicionamiento,foros, realidadaumentada,grupos,mensajeríainstantánea,curacióndecontenido,herramientasderelevanciasocial,herramientasdemedición
eLearning
LMS,PLE,podcasting,screencasting,MOOC,Hangoutprivadosyenabierto,Webinar,
Otros
BigData,BYOD,Gamificación,
21

@alfredovela
Algunas ventajas del uso de las TIC’s en educación
EspocoseriohablardeventajasdelusodelasTIC’seneducaciónsintenerclarosloscurrículosynuevasmetodologíasenlasqueseusen,perodemanerageneralalgunaventajasería:
Suusomejorarálacualificacióntecnológicadeprofesoresyalumnos.
Optimizaríalahabilidaddebúsquedayseleccióndelainformación.
Permitemejorarsensiblementelapersonalizacióndelaformación.
Mejoraríalosproblemasdenopoderasistirfísicamentealaula(hospitalizaciones,enfermedadesdelargaduración,malaccesopormalaclimatología,alumnostrabajadores,…)
Losalumnosmanejarántecnologíaqueconposterioridadselesrequeriráenelmercadolaboral.
LasTIC’spermitencrearnuevasmetodologíaseducativas.
Losalumnosusarántecnologíasquelessonconocidasyademáslesgustan.
22

@alfredovela
Algunas ventajas del uso de las TIC’s en educación
EspocoseriohablardeventajasdelusodelasTIC’seneducaciónsintenerclarosloscurrículosynuevasmetodologíasenlasqueseusen,perodemanerageneralalgunaventajasería:
Permitiríamejorarelniveldeidiomas.
Permitiríanendesarrollodelainteligenciacolectiva.
Unbuenusodeellaspermitiríaquelosalumnosyprofesoresinterioricenlaimportanciadelaprendizajeinformalyloincorporenensudíaadía.
Unusoadecuadolograríaunareducciónsignificativadeloscosteseducativos.
23

@alfredovela
Algunos aspectos de interés en los que hay que pensar para el uso de las TIC’s en la educación
DentrodelosaspectosaestudiarparaelusodelasTIC’senelSistemaEducativotenemos:
HayquemodificarloscurriculosparairintegrandolasTIC’sentodoelprocesoeducativo.
Hayque“sensibilizar”alaSociedaddelaimportanciadesuusoyconseguirunamayorimplicacióndetodoslosactores.
Hayquemedir,medir,medir,…yanalizarlosresultadosdelasmedicionessobreelusodelasTIC’s,paraasíirhaciendoloscambiosqueserequieranencadamomentoyhacerlosalavelocidadadecuada.
HayquemejorarostensiblementelaformacióndelprofesoradoenelmanejodelasTIC’sysusaplicacionesmetodológicas.
HayquecrearherramientasdeapoyoenlaNubeparaelusodetodoslosactores:
Repositoriosdedocumentación.
Seguimientodelosalumnos.
Materialparaprofesores.
Materialparapadres.
HayquemejorarlarapidezdelSistemaEducativoalahoradeadoptarloscambiostecnológicosysociales.
24

@alfredovela
Panorama actual de los objetos de aprendizaje multimedia
25

@alfredovela
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 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

@alfredovela
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
Hangoutspúblicos, webinars, …
Contenido Scormpara LMS
MOOCs
APPs
27

@alfredovela
Tipos de Materiales didácticos
28
Mapa mental creado con ExamTime

@alfredovela
Infografías
29

@alfredovela
Introducción a las infografías
Siemprehemosoídoqueunaimagenvalemásque1.000palabas,yenlasmayoríadeloscasosesasí.
LasinfografíasenlosúltimostiemposhantenidounéxitodemoledorenInternet,yesfácilentenderlosmotivos,unabuenainfografíanoscuentaunahistoriaenmenosde3minutos,deformaavisualybonita,nosepuedemodificaryaqueesunaimagenytodoenmundoquiereponerlaensusredessocialesyensusblogs,¿quémáspodemospedir?
Unabuenainfografía,bienmovidaesseguramenteelsoportepublicitarioquetieneuncosteporimpactomásbajo.
30
Ver vídeo de Introducción

@alfredovela
Definición de infografía
Antesdehablarsobrecualquiertemaesconvenientetenerclaroquetodoshablamosdelomismo,porellovoyaintentaraclararelconceptodeinfografíadelquevamosacharlarenestaseriedeartí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

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

@alfredovela
Paraterminarconlasdefinicionesyovoyaaportarlamía:
“Una infografía es cualquier información puesta en forma de imagen.”
Algunodiráqueladefiniciónqueofrezcoesmuysimple, perocreoqueeslaquemejordefineelconcepto.
Enlaactualidadexisteciertacontroversiasobreloqueesynounainfografía,hayciertospuristasmolestosconquesellameinfografíaadeterminadasimágenes,perocomosiempre,eltiempoestádejandoclaroqueese“excesivopurismo”noeselsentirgeneraldelosusuariosdeInternet.
33

@alfredovela
La importancia de las infografías
BastacondarunavueltaporInternetyRedesSocialesparacomprenderelaugequeenlosúltimostiemposestánalcanzandolasinfografíascomoherramientadecomunicaciónenwebsyblogs.Dichoéxitosedebeavariosfactores,entreloscualespodríamosdestacar:
Silainfografíaestábienrealizada,enpocotiempoellectorvesintetizadalainformacióndeunamanerasencilla,gráficayatractiva.EsdifícilquealguiendediquemásdetresminutosaleeralgoenInternet.
Aumentaeltráficoatusitioweb:lamayoríadelasestadísticasexistentesalrespectoindicanquecomomínimoseduplicaelnúmerodevisitasalpost.
34

@alfredovela
La importancia de las infografías
Admitenpatrocinio:hayempresasquepatrocinaninfografías,cosaquenoharíancontuweboblog.
Sereplicanconfacilidad:sianalizamoslamayoríadelasbuenasinfografías,vemosquesepuedenencontrarencentenareseinclusomilesdesitiosweb,loquepermitequelavisibilidadyelalcancedelasmarcasquelascrearonseaimpresionanteconuncostebajísimo.
Haymuchasmásrazonesperoestascuatronosdebendedarunaideasobreelporquédeltremendoéxitodelasinfografíasentodoelmundo.
35

@alfredovela
Tipos de infografías
Noexistetodavíaunaclasificación“reglada”delostiposdeinfografíasexistentes.Enmiopiniónhoylaclasificaciónmásadecuadasería:
Estáticas: una imagen fija con todos los contenidos que se necesitan incluir (ver ejemplo 4 etapas para comprender Twitter)
Dinámicas:imágenesenmovimiento,podríamosdecirqueesunvídeoenformatoinfográfico(verejemplo).
Interactivas:sonimágenesquepermitenalusuariointeractuarsobrelasmismas,cadavezestánmásextendidas(verejemplo).
36

@alfredovela
Tipos de infografías
3D:sonimágenesquerecreanescenarios,edificios,muebles, …ycombinacionesdeellos.Seutilizanmuchoenarquitecturayenlaindustriadelmueble(verejemplo).
Periodística:enrealidadcualquieradelasanterioresseríaválidacomoinfografíaperiodística,peroestáespecializadaenelusoenmediosdecomunicación(verejemplo).
Ningunodelostiposdeinfografíamencionadosesmejorquelosdemás,simplementehemosdeelegircuáldeellasseadaptamejoralasnecesidadesquedeseamoscubrir.
37

@alfredovela
Elementos de una infografía: Introducción
Enunapartadoanteriorexplicamosquéesunainfografíaylostiposdeinfografíasexistentes.Enestemomentovamosairdesgranandolosdiferenteselementosycontenidosquepuedecontenerunainfografíayalgunasreflexionessobrelaorganizacióndelosdiferenteselementosquelaconforman.Sobretodo,vamosahablardeinfografíasestáticas,aunqueenlapartedecontenidosyelementoscasinoexistendiferenciasconelrestodelastipologías.
Nohayqueolvidarquelainfografíaesunaentidadensímisma,yqueporello,tienequeincorporartodalainformaciónnecesariademaneraautónoma.
38

@alfredovela
Elementos de una infografía
Situviéramosqueindicarlaspartesprincipalesdeunainfografía,nosencontraríamosconquenohaynadaestándaronormalizadoalrespecto,peropodríamoshablarde3elementosbásicos:
Eltítulo
Elcontenido
Elpie
Portrabajo,extensiónyrelevancia,sinduda,lapartemásimportanteeselcontenido,yaquealbergaelgruesodelainformación,perosituvieraqueponderarlaimportanciadecadaunadeesaspartes,quedaríaenúltimaposición.¿Porquédigoesto?muysencillo,engeneralenelpieaparecenlasfuentesdelosdatosylainformaciónsobrequiénharealizadolainfografíay/oquiénlahaesponsorizado,ycomopodemosimaginarelobjetivodelamayoríadeestasimágenesesdaraconocernuestramarca.
39

@alfredovela
Perosielpietieneimportancia,lapartemásimportantedeunainfografíaeseltítulo.Comoocurreencualquierpublicaciónquecompitaconotrasporconseguirlasvisitasdelpúblico,unmaltítulopuededaraltrasteconmuchashorasdetrabajorecopilandodatos,organizandocontenidos,diseñandoymaquetando,yaqueesloprimeroquevamosaver,ysinoconsigueatraernoshabremoscosechadounfracasoennuestrosobjetivos.
Porello,hayquededicarletiempoyespecialatenciónaltítulo,queporsupuesto,debeindicarnosdelamaneramásexactaposibleloquenosvamosaencontrar.
Ospuedodecirquehevistoauténticasjoyasdeinfografíaconunimpactomuymaloymuymalasinfografíasquehancosechadounexitazograciasaunamala/buenaseleccióndeltítulo.
40

@alfredovela
Porello,hayquededicarletiempoyespecialatenciónaltítulo,queporsupuesto,debeindicarnosdelamaneramásexactaposibleloquenosvamosaencontrar.
Ospuedodecirquehevistoauténticasjoyasdeinfografíaconunimpactomuymaloymuymalasinfografíasquehancosechadounexitazograciasaunamala/buenaseleccióndeltítulo.
Sobreeltítulo,unareseñaimportante,hayquerecordarqueluegohayquetuitearlo,porloqueeltítulonuncasuperarálos80/90caracteres.Enocasioneselusodeunsubtítulopuedesermuyadecuado.
41

@alfredovela
Enelcuerpolacantidaddeelementosquesepuedenutilizarestremendamenteextensa.Acontinuaciónvamosaveralgunosdelosmásinteresantesyutilizados:
Textos:lamayoríadelasinfografíastienenvarioselementosdetexto,inclusohayinfografíasenlasquecasitodoestexto(aunquehayautoresquediríanquenosoninfografías).Enlostextos,unabuenaeleccióndetipografíaesmuyimportante..
Fotografías:seutilizaránlasqueseconsiderennecesariasparaelcontenido.Hayquetenercuidadoconlapropiedadintelectualdelasmismas.
Imágenes:esteapartadoesunodelosquemásposibilidadestiene,yaqueenunainfografíapodemosusarimágenesconmúltiplesmotivosyaplicaciones,comoflechasdeflujo, imágenesdeobjetos,cajasparatextos,bocadillosparatexto…
42

@alfredovela
Gráficos:siemprequevamosatrabajarconestadísticasenunainfografía,laformamásvisualdehacerlosonlosgráficos, debarras,columnas,sectores,delíneas,ocualquieradelostiposexistentesquecumplaconlosobjetivosdeseados.
Diagramas:organigramas,diagramasdeflujo,piramidales, derelación,decicloodeproceso,sonalgunosdelostiposquepodemosutilizar.
Pantallas:enocasioneshayqueilustrarconelusodecapturasdepantallasdesoftware,páginasdeInternetosimilares.
Citas:enmuchasocasionesseutilizancitascélebresparahablarsobreuntemaoparareforzarlo.Siemprehayqueindicarlaautoríadelamisma.
43

@alfredovela
Cuadrosestadísticos:aunquelamayoríadelasestadísticasenunainfografíasereflejanenformadegráfico,hayciertasocasionesenlasquenopodemosprescindirdelascifras.
Esquemas:muyútilescuandosepretendedarunaideadeorganizacióndecontenidos.
Cabeceras,apartadosyseparadores:hayinfografíasquetienenvariosaparatados,paraéstaslascabecerasyseparadoressonimprescindibles.
Notasaclaratorias:cuandohayqueexplicarunapalabraoexpresiónesmuyútillautilizacióndellamadasonotasalpiedepáginaparadichasaclaraciones.
Audio/vídeo/enlaces:aunqueestoselementossonmáspropiosdeinfografíasanimadasydinámicas,cadavezesmáshabitualencontrarlosenlasdetipoestático.
44

@alfredovela
Encuantoalpiedelainfografía,comoyacomentábamosconanterioridad,éstetieneunaimportanciacapital,yaqueaquíesdondesepondránlosdatosqueleinteresen.Entrelosmáshabitualestenemos:
Fuentes:dedondesehaobtenidolainformaciónqueaparecereflejadaenlainfografía.
Logos:eldelaempresaquepresentalainfografíaylosqueseannecesarios.
Patrocinios:seindicarásilainfografíahasidopatrocinadaylosdatosdelpatrocinador.
Datosdecontacto:web,blog,redessociales,correo, teléfono,ycuantainformaciónsedeseeofrecerparaqueseponganencontacto.
45

@alfredovela
CódigoQR/Bidi/…:dondepondremoslainformaciónquedeseemos,engeneralladecontacto.
Derechos:seindicarásilainfografíatienecopyright,usalicenciaCreativeCommonsuotros.Miconsejoesnoutilizarningúntipodelicenciasiperseguimosquenuestrainfografíasedifundaporlaredencuantosmássitiosmejor.
Laconfeccióndeunainfografíaescasicomoladecualquiersoportedeinformación,comienzaconunanecesidaddecomunicaralgo.Cuandotenemosunaidea,algoquecomunicarounacampañapublicitariaycreemosqueunainfografíapuedeserunaformaadecuadadeafrontarloyatenemoselprincipio,veamosahoraelrecorridohastaquenuestrainfografíasepublica.
46

@alfredovela
El proceso de crear una infografía
Unavezaprobadalaideahayquedesarrollarla,esdecir, hayquecrearunesquema,mapamentalosimilar,contodalainformaciónquedeseamosincluir.Esevidentequeenlamayoríadeloscasosestopuedeimplicarunaardualabordeinvestigación.
Unavezquehemosrealizadoelesquemadeloscontenidosquedeseamosincluirennuestrainfografíallegalaetapademaquetaciónydiseño.
47

@alfredovela
Enelapartadoanterioryahemosdestacadolaimportanciacapitaldeltítulo,puesunamalaelecciónenesteapartadopuededaraltrastecontodonuestrotrabajo.Enlapartecentraldelainfografíairemosorganizandolosdiferentescontenidosquequeramosreflejar,porsupuesto,utilizandounlenguajeescritoyvisualadaptadoalpúblicoobjetivoalquedeseemosllegar,yaquenoeslomismohacerunainfografíaparaniñosquehacerloparaprofesionalesdecualquierespecialidaddealtonivel.Enelpiepondremoslasfuentesytodosaquellosdatosquequeramosqueaparezcandelcreadordelainfografía.
Elpasofinalconsistiráenunarevisiónafondoylatraducciónalosidiomasdeseados.
48

@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
49

@alfredovela
Herramientas para crear una infografía
Dentrodelapartadodeherramientasparacrearinfografías,laverdadesquepodríamoshablardecualquierherramientadediseñográfico,yaquecontodasellasesposiblerealizarlas.Esevidenteque,amejoresherramientas,mejoresresultados.HevistoalgunasinfografíasrealizadasconPaintdeWindowseinclusoenPowerPoint.
Conrespectoalasherramientasdediseñográficotradicionales,lasmásutilizadassonPhotoshop, Ilustrator,Indesign…yalgunasmásdecaracterísticassimilares.
50

@alfredovela
Herramientas para crear una infografía
Enlosúltimostiemposestánapareciendoherramientasonlineparacrearinfografías,lamayoríaenestadodemaduración,peroconlasqueyasepuedenconseguirresultadosmuyinteresantes.Dosejemplosson:
Piktochart
Infogr.am
Comocuriosidad,simplementeañadirquerecientementeSlidesharepermitealmacenarinfografíasensuservidor(verejemplo)
51

@alfredovela
Algunos usos y aplicaciones actuales de las infografías
Enlaactualidadelusodeinfografíasestácadavezmásextendido,ylasaplicacionesdelasmismassoninfinitas. Enesteapartadovamosadestacaralgunasdelasmásrelevantes:
Parausoeducativo:conjugandoaquellodequeunaimagenvalemásquemilpalabras.
Periodístico:hoyendíanoseentiendeunmediodecomunicaciónsinunbuendepartamentodeinfografía.
Marketing:estees,quizás,unodelosapartadosdondepodemosencontrarmásusos,algunosejemplosson:
Presentacióndelibros
Resúmenesdeestudios,encuestasyestadísticas
52

@alfredovela
Formación,educación
Presentacióndenuevosproductos
Promociónturística
Convocarydivulgartodotipodeeventos
Difusiónderankings
Celebraciones
Biografías
Eventos deportivos
Comparativas
Carta de servicios/productos de una empresa
Explicación de conceptos
Presentación de nuevos productos
Timelinede productos/servicios/personas
53

@alfredovela
Otrasaplicaciones:podemosverinfografíaspararecetasdecocina,humor,curriculumsvitae,creacióndemarcapersonal…
PodríamosdecirquelasinfografíastienencabidaenmuchosdelosartículosypostsqueencontramosenInternet,elsecretoestáensaberdónde,crearbuenasinfografíasyconseguirquetenganrepercusión.
54

@alfredovela
Usos actuales de las infografías

@alfredovela
La difusión de la infografía
Unavezquehemosrecorridotodaslasetapasnecesariasparalacreacióndeunainfografía,llegalaúltimaetapa,colocarlaenlaubicaciónvirtualparalaquesehabíadestinado.
Salvoquelaweb/blogdondesehacolocadotengaungrantráfico(yaunquelotenga)hayquehacerquelosinternautasvisitenlainfografíaenprimerlugarensuubicaciónoriginalymástardehacerquelainfografíavayasiendopublicadaenlamayorcantidadposibledelugares,preferiblementeconenlacealafuenteoriginal.
61

@alfredovela
La difusión de la infografía
Elobjetivoquedebemosconseguirescolocarlainfografíaencuantosmássitiosmejor,relacionadosconlatemáticadelamisma.Enmuchoscasos,esosimplementeloconseguiremosatrayendolectoresalpostquecontengalainfografía,yaquemuchasdelaspersonasyempresasquelleguenalartículoquerránrepublicarlaensuswebsoblogsparacompartirlaentresuslectores.Porellohemosdedirigirnuestrasaccionesaaumentarelnúmerodevisitasalpost,aunquecomoveremosexistenalgunasaccionesadicionalesquepodemosrealizarparaconseguiraumentarladifusión.
62

@alfredovela
Algunas acciones a realizar para conseguir una amplia difusión de la infografía
Entrelasaccionesparaconseguireléxitoenladifusióndenuestrotrabajo,podríamosdestacarlassiguientes:
Enviarlainfografíaporcorreoelectrónico:siconocemoswebsyblogsdondeessusceptiblelacolocacióndenuestrainfografíaydisponemosdesusdireccionesdecorreo,lesdebemosenviarelemailconelficherodelaimagenconbuenacalidad,indicandosideseamosqueincluyanalgúnenlaceanuestropost.Enlamayoríadeloscasoslosreceptoresdelcorreoloagradecerányaquelesahorramoseltrabajodebuscarcontenidos.Sivamosahaceramenudoinfografías, crearunabasededatosconestasdireccionesdecorreoseríaunabuenaidea.
63

@alfredovela
Ponerelcódigoparaembeberlainfografía:alagentehayquefacilitarleeltrabajo.Siponemoselcódigoparaembeberlainfografíaenotrosposts,matamosdospájarosdeuntiro,hacemosmássencillaladifusiónyaumentamoseltráfico,yaqueelobjetoembebido,alhacerclicsobreél,conduciráanuestropost.Esosí,siponeselcódigoparaembeber,asegúratedequefuncionaentodoslosnavegadores,uncódigoquenofunciona“cabrea”bastante.
SubirlaimagenaPinterest:sinduda,Pinterest,esunodelosmediossocialesdondelasinfografíasestántriunfando.Ademásdeponerelbotónsocialenelpostparaquesepuedaañadir,esimportantequenosotroslopongamosenelnuestro.
64

@alfredovela
SubirlaimagenaFlickr:aligualqueenelcasoanterior, colocarlainfografíaenFlickrposibilitarálareplicaciónpordistintoslugaresdelared.
Siesunainfografíaanimada,subirlaaYouTubeyVimeo:lasinfografíasanimadas,altenerlaconsideracióndevídeos,puedensubirsealosrepositoriosdevídeo;YouTubeyVimeosondosdelosmásimportantes.
SubirlainfografíaaSlideshare:haceunosmesesSlideshare,alobservarelBoomdelasinfografías, posibilitóalojarlasensusitiodemanerasencilla.ElnúmerodeinfografíasalojadasenSlidesharehacrecidomuyrápidamente.
65

@alfredovela
Subirlainfografíaarepositoriosdeinfografías:webscomovisual.lyygraphs.netpermitenalosusuariosregistradossubirlasinfografíasparaaumentarsudifusiónyennúmerodeimpactosdelasmismas.
Ponerlosbotonessocialesenelpost:poniendolosbotonessocialesmásrepresentativosenelpostquealbergalainfografía,posibilitaremosquelosusuariospuedanpublicarensusredessocialeselpostyasíaumentarelnúmerodevisitas.
Difundirelpostpordiferentesmedios:ademásdeincluirbotonessocialesparaquelosusuariosnosayudenenladifusión,deberemospublicarelpostencuantosmediossocialesnosseaposibleparaconseguirlamayordifusión.
66

@alfredovela
Repetirlaspublicacionesendiferentesdíasyhorarios: lapublicacióndeloscontenidoshemosderealizarlaenvariasfechasyhorariosparaasegurarnoselmayoralcanceposible.Sielcontenidodelainfografíaesatemporal,despuésdellanzamientoinicial,esconvenientequedifundamosdevezencuandolainfografíaparahacerlallegarausuariosnuevosoaquellosquenolahubieranvistoconanterioridad.
Impresióndelainfografía:enocasionessepretendeutilizarlainfografíademanerafísica.Sepuedencrearcartelesconinfografías,sepuedenimprimirenaluminioeinclusosepuedencrearmarcapáginasconinfografías.Serimaginativoesimportante.Porsupuestosepuedenusarparapublicacionesenpapel.
67

@alfredovela
Indicios de que las infografías funcionan

@alfredovela
Las infografías llevan entre nosotros muchos años
Infografía de la época napoleónica

@alfredovela
Slideshareha convertido a la infografía en un tipo de documento en su web

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

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

@alfredovela
El mundo del fútbol las utiliza regularmente

@alfredovela
Grandes marcas las usan en su estrategia de comunicación

@alfredovela
Pinterestestá inundado de infografías

@alfredovela
Flickrincluye cada vez más infografías

@alfredovela
Cada vez se publica más sobre infografías

@alfredovela
Herramientas online gratuitas para crear Infografías
Alfredo Vela
78

@alfredovela
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

@alfredovela
Canva
80

@alfredovela
Piktochart
81

@alfredovela
Visual.ly
82

@alfredovela
Easel.ly
83

@alfredovela
Infogr.am
84

@alfredovela
Mural.ly
85

@alfredovela
Creately.com
86

@alfredovela
Venngage.com
87

@alfredovela
iCharts.net
88

@alfredovela
ManyEyes
89

@alfredovela
Vizualize.me
90

@alfredovela
Prezi
91

@alfredovela
PowTown
92

@alfredovela
Gliffy
93

@alfredovela
Geocommons.com
94

@alfredovela
Re.vu
95

@alfredovela
Visme.co
96

@alfredovela
De donde obtener recursos para las infografías
97

@alfredovela
Flickr(imágenes)
98

@alfredovela
Generador de QR Codes
99

@alfredovela
Visme.co(Mapas Mentales)
100

@alfredovela
Endlessicons(iconos)
101

@alfredovela
flaticon(iconos)
102

@alfredovela
freepic(iconos)
103

@alfredovela
Generador de gráfcios
104

@alfredovela
ChartGo
105

@alfredovela
Photoshopexpress(editor de imágenes)
106

@alfredovela
Pixlr(editor de imágenes)
107

@alfredovela
Herramientas online para Mapas Mentales
108

@alfredovela
ExamTime
109
Ver vídeo1 ó vídeo2

@alfredovela
Creately
110

@alfredovela
RealTimeBoard
111

@alfredovela
RealTimeBoard
112

@alfredovela
Text2MindMap
113

@alfredovela
Mind42
114

@alfredovela
Wisemapping
115

@alfredovela
Ejercicios prácticos de infografía
116

@alfredovela
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ádigoQR
4.Crear una infografía modificando una plantilla en easel.ly
117

@alfredovela
DISEÑO Y USO DOCENTE DE MATERIALES MULTIMEDIA (2ª parte)
Área de Formación Permanente
Universidad de Valladolid
Alfredo Vela (@alfredovela)
118

@alfredovela
Objetivos
Conocerelpanoramaactualdelosobjetosdeaprendizajemultimediaadaptadosalaeducaciónuniversitaria.
Sercapazdecreardiferentestiposdeinfografíascondiferentesherramientas.
Sercapazdeutilizarlosobjetosdeaprendizajemultimediaeneltrabajodocenteuniversitario.
119

@alfredovela
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 screencastingcomo objetos de aprendizaje
Herramientas para la difusión de los objetos de aprendizaje multimedia
Proyecto virtual de fin de curso
120

@alfredovela
Screencastingy Podcasting
121

@alfredovela
Screencasting
Unscreencastesunagrabacióndigitaldelasalidaporpantalladelacomputadora,avecesconteniendonarracióndeaudio.Aunqueeltérminoscreencastdatadel2004,productostalescomoLotusScreenCamfueronusadosdesde1993.Losproductospionerosproducíanficherosenormesyteníancaracterísticasdeediciónlimitadas.LosproductosmásrecientessoportanformatosdeficherosmáscompactostalescomoMacromediaFlashytienencaracterísticasdeediciónmássofisticadaspermitiendocambiosenlasecuencia,focalización(zoomin-zoomout), visualizacióndelmovimientodelratónyeventualmenteaudio.
Unscreenshotesunaimagendelapantalladeusuario, yunscreencastesesencialmenteunapelículadeloqueelusuarioobservaensumonitor.
122

@alfredovela
Screencasting, usos comunes
Screencastssonútilesparademostrarcaracterísticasdesoftware, otenerunmaterialdeformación.Crearunscreencastayudaalosdesarrolladoresdesoftwareamostrarsutrabajo.Tambiénpuedeserunahabilidadútilparalosusuariosordinariosdesoftware, puedenayudaramostrarbugs(lapelículasustituyealasexplicacionesescritaspotencialmenteambiguas)oparamostraraterceraspersonascomoserealizaunatareaenunentornodesoftwareespecífico.LosScreencastssonherramientasexcelentesparaaprenderausarlascomputadoras,yvariospodcastshancomenzadoaexplicarasususuariosdecomputadorascomousarelsoftwareatravésdescreencasts.
Considerandoelaltocostedelaformaciónimpartidaporinstructores/facultadesylarelativaineficienciadelossistemasdeformaciónbasadosencomputadoras(CBT),screencastingestállamadoaserunatécnicamuypopularparaimpartirconocimientodealtacalidadabajocoste.
123

@alfredovela
Screencasting, usos comunes
Porejemplo,losorganizadoresdeseminariosrelacionadosconcomputadoraspuedeelegirgrabarloslosloslosseminarioscompletosyponerlosdisponiblesenDVDparafuturareferenciadetodoslosasistentesy/ovenderesasgrabacionesalagentequenopuedeasistiralseminarioonopuedecosteárselo.Estogeneraríaunarevalorizaciónpositivadelosorganizadoresdelseminarioypondríaelconocimientodisponibleparaunaaudienciamayor,mejorandolapercepcióndelseminarioparatodoslosparticipantes.
Estaestrategiadegrabarseminariosestásiendoyausadaampliamenteencamposdondeusanunavídeocámaraounagrabadoradevozlascualessonsuficientesparalagrabaciónyreproducciónútil.LosseminariosrelacionadosconComputadorasnecesitangrabacionesdealtacalidadyfácilmentereproduciblesdeloscontenidosdepantalla,locualnoesfactiblemedianteelusodeunavídeocámaraqueenfoqueelescritorio,yensulugarsesueleusarunproyectordevídeoocañón.
124

@alfredovela
Podcasting
Elpodcastingconsisteenladistribucióndearchivosmultimedia(normalmenteaudioovídeo,quepuedeincluirtextocomosubtítulosynotas)medianteunsistemaderedifusión(RSS)quepermitaopcionalmentesuscribirseyusarunprogramaquelodescargaparaqueelusuarioloescuche.
Unpodcastseasemejaaunasuscripciónaunbloghablado(audioblog)enlaqueserecibenepisodiosatravésdeInternet.Sucontenidopuedesertandiversocomoeldelaradiotradicionalincluyendonoticias,documentales,música,debates,entrevistas, etc.Muchosautores(denominadospodcasters)prefierenusarunguionyotroshablandeformaimprovisada.Algunospodcastsparecenunprogramaderadio,intercalandomúsica,mientrasqueotroshacenpodcastsmáscortosyexclusivamenteconvoz.
Lospodcaststienenquecumplir3requisitos:
Audioy/ovídeo:loscontenidosdebenadoptarlasformasdeunprogramaderadiooTV,siendohabituallosformatosMP3paraaudio,MP4paravídeo,yenmenormedidaogg.
Laposibilidaddedescargaresecontenido.
Laposibilidaddesuscribirseaesecontenidoyautomatizarsudescarga.
125

@alfredovela
Herrientapara Screencasting
126

@alfredovela
Herramientas online gratuitas para videoconferencias
Alfredo Vela
127

@alfredovela
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

@alfredovela
Skype
129

@alfredovela
Hangout
130

@alfredovela
FaceTime
131

@alfredovela
FaceTime
132

@alfredovela
Webex
133

@alfredovela
MeetingBurner
134

@alfredovela
Videolink2.me
135

@alfredovela
ubiqq
136

@alfredovela
Vyew
137

@alfredovela
Hall
138

@alfredovela
Herramientas videoconferencias
139

@alfredovela
140

@alfredovela
141

@alfredovela
Herramientas para crear blogs
142

@alfredovela
Herramientas para crear blogs
143
ParacrearBlogsexistenunagrancantidaddeherramientas, algunasdelascualeshanconseguidounelevadogradodedesarrolloyposibilidades.
Alahoradelaeleccióndeunbloghayquetenerencuentasaspectoscomo:gradodeconocimientosdigitales,presupuesto, objetivosdelblog,necesidadonodedominiopropio,sielblognosdaigualqueestéalojadoenloshostingdeWordpressoBlogger,oqueremostotalaccesoaelhosting,….
Enfuncióndetodosestosparámetrossedeberealizarlaeleccióndelasherramientas.Parablogsautoalojadoslasherramientasmásusadassonbloggerywordpress.comyparablogsenlosquenosotrosponemoselhostingwordpress.org.

@alfredovela
WordPress.com
144

@alfredovela
WordPress.org
145

@alfredovela
Blogger
146

@alfredovela
Tumblr
147

@alfredovela
Medium
148

@alfredovela
Blog.com
149

@alfredovela
Otras herramientas
150

@alfredovela
Herramientas blogs
151

@alfredovela
Herramientas blogs
152

@alfredovela
Herramientas blogs
153

@alfredovela
Herramientas online para crear presentaciones
154

@alfredovela
Herramientas online para presentaciones
155

@alfredovela
156

@alfredovela
157

@alfredovela
Herramientas de almacenamiento en la Nube
158

@alfredovela
Herramientas almacenamiento en la Nube
159

@alfredovela
160

@alfredovela
161

@alfredovela
Algunos datos de interés
162

@alfredovela
Universidades españolas y Redes Sociales
163

@alfredovela
164

@alfredovela
165

@alfredovela
eLearning: ventajas e inconvenientes
166

@alfredovela
167

@alfredovela
168

@alfredovela
Conclusiones
169

@alfredovela
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.
Screencastingy podcastingson recursos didácticos muy a tener en cuenta.
170

@alfredovela
Ejercicios prácticos de infografía
171

@alfredovela
Ejercicios prácticos
1.CrearunainfografíaenPiktochartsobrelautilidaddelasinfografíaeneducaciónuniversitaria,deberáincluirtexto, fotografías,mapamental,ungrafícoeiconosdeadorno,seguardarálainfografíaconelnombredelasistenteenlacarpetaenlaNubecreadaparaello.(enlainfografíaapareceráelnombredelasistente)
2.Realizarprácticasdecreacióndeinfografíaseneasel.lyymural.ly,grabaralgunadelasprácticasysubirlasalacarpetadelalumno(enelnombredelficherodeberáincluirseelnombredelasistente).
172

@alfredovela
Muchas gracias por su atención
Alfredo Vela (alfredovela@revistaformacion.com)
173

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

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (20)

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

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

More from Alfredo Vela Zancada

More from Alfredo Vela Zancada (20)

Recently uploaded

Recently uploaded (20)

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