Tema 2« infografías educativas

Las infografía s son recursos e d u ca tivo s capaces de p re s e n ta r un co n te n id o

te m á tic o en una fo rm a esquem ática y gráfica. Basada en la co m unicación v i­
sual y el lenguaje de imagen, las infografías fa c ilita n y dinam izan el d e s a rro llo
de un co n te n id o te m á tico , y además pueden aplicarse en p re se n ta cio n e s in ­
te ra ctiva s para el d e s a rro llo de un c o n te n id o ; p o r ejem plo:
 Cuadernos de Formación Continua

Elaboración infografías educativas

Para la elabora ció n de in fo g ra fía s e ducativas en in te rn e t e n co n tra m o s d i­
fe re n te s opciones, com o p la n tilla s y ejem plos en línea que pueden u tiliz a r­
se y adaptarse de a cu e rd o a las necesidades requeridas.

Algunos sitios w e b que ofrecen la creación de infografías digitales en línea son:

» Infogr.am : h ttp ://in fo g r.a m /

» P ikto ch a rt: h ttp ://p ik to c h a rt.c o m /

» Easel.ly: h ttp ://w w w .e a s e l.ly /

» H ohli: h ttp ://c h a rts .h o h li.c o m /

» C re a te ly: h ttp ://c re a te ly .c o m /

A dem ás de estos sitios w e b que ofrecen d ife re n te s recursos y plantillas para

ela borar d ife re n te s infografías con tem áticas dife re n te s, existen o tro s ta n ­
to s program as que nos fa cilita n esta tarea sin necesidad de esta r conectados
a in te rn e t. D e n tro del presente curso aprenderem os a diseñar infografías
con el program a INKSCAPE, que es un e d ito r gráfico de vectores, g ra tu ito y
de código libre, puede crear y e d ita r gráficos ve cto ria le s com o ilustraciones,
diagramas, líneas, gráficos, logotipos e ilustraciones complejas.

Diseño de la infografía
Para in icia r con el diseño de la in fo g ra fía sugerim os se g u ir los siguientes
pasos:

» Definición del Tema. En este p u n to debem os id e n tific a r el c o n te n id o

te m á tic o y qué es lo que q u e re m os expresar y co n se g u ir d u ra n te la
pre senta ción de la info g ra fía : ayudar, e d u ca r o in s p ira r2 . Es preciso
to m a r en cuenta que e le m e n to s com o mapas y gráficas ayudan a
e s tru c tu ra r el c o n te n id o .

» Esquema de contenidos. A p a rtir de la d e fin ic ió n del tem a a desarrollar,

es im p o rta n te e s tru c tu ra r un esquem a de co ntenidos, organizados y
je ra rq u iza d o s. D e n tro de este aspecto es im p o rta n te hacer énfasis
en conceptos e ideas centrales, de m odo que al m o m e n to de la
pre senta ción éstas se visualicen y co m p re n d a n de fo rm a directa,
e vita n d o d is tra c to re s innecesarios.

» Estilo. La in fo rm a c ió n debe e s ta r d ivid id a en pequeñas partes

sustanciales, c o n sid era n d o que un aspecto esencial es la je ra rq u iz a c ió n
de los datos. Para ello, deben u tiliz a rs e colores, tam años de tip o g ra fía 3
e im ágenes para re s a lta r lo más im p o rta n te del co n te n id o .
2. M ario Kaplun nos recuerda que existen m ateriales educativos que no educan y
m ateriales no educativos que educan.
3. Para la elección de tipos de fuentes con criterio pedagógico co n su ltar un
a rtícu lo sobre el tem a en la siguiente dirección electrónica: http://es.scribd.com /
do c/71 1 0 5 6 8 2 /T e o ria -T ip o s-d e -F u en te s
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

» Simplicidad. Es im p o rta n te escoger un solo e s tilo para p re s e n ta r las

imágenes, gráficas y fo to s . A sim ism o, ta m b ié n es im p o rta n te lim ita r la
can tid ad de fu e n te s y colores. El espacio en blanco es poderoso, así no
es preciso lle n a r cada rin c ó n de la infografía.

» Tamaño. El ta m a ñ o de la in fografía debe ajustarse al m edio en el que

será publicado. La m edida que se usa en la e la b ora ció n son los pixeles,
un tam a ñ o e stá n d a r se e n cu e n tra e n tre los 1 0 0 0 y 2 5 0 0 pixeles.

» Fuentes. A l fin a l de la prese n ta ció n , en la p a rte in fe rio r derecha o

izquierda, deben in clu irse los d a to s re fe re n cia le s de las fu e n te s
de in fo rm a c ió n que su ste n ta n la prese n ta ció n . A dem ás que este
d a to p e rm ite a las y los e stu d ia n te s p ro fu n d iz a r sus c o n o cim ie n to s
acudiend o a la fu e n te indicada.

Elaboración de infografías educativas con Inkscape

El program a IN KSC APE es un p rogram a lib re y g ra tu ito , puede ser des­
cargado desde in te rn e t en la s ig u ie n te d ire cció n : https://inkscape.org/es/

Este program a, una vez descargado, p resenta un asiste n te de instalación

m uy ágil que nos acom pañará en el p roceso hasta llegar al final.
# Infcraf. M U , J , a » *™ ISVG) de códgc _ 1

Los tra b a jo s realizados con este program a son guardados en fo rm a to n a ti­

vo SVG (Scalable V e c to r G raphic), que es una im agen que puede escalarse
(am pliarse o re d u cirse ) a c u a lq u ie r ta m a ñ o sin p e rd e r calidad, aunque ta m ­
bién nos p e rm ite h acerlo en o tro s fo rm a to s no escalables com o bmp, jpg,
png, etc. A sim ism o, p e rm ite visu a liza r el tra b a jo com o una im agen o in c lu ­
so v is to com o una p re se n ta ció n en cu a lq u ie r navegador (M o zilla Firefox,
C hrom e, etc.), a plicando el co m p le m e n to Sozi. Tam bién se puede in sta la r
un co m p le m e n to para la visualización previa y /o en m in ia tu ra s en el e xp lo ­
ra d o r de W in d o w s , para lo cual descargam os un a rch ivo desde la siguiente
dirección :

https://code.google.com/p/svg-explorer-ex- tension/downloads/list
 Cuadernos de Formación Continua

Interfaz de trabajo de Inkscape

Inkscape m uestra to d o s los b o to n e s o h e rra m ie n ta s de manera fam iliar,

los iconos usados nos b rin d a n la posib ilid a d de in tu ir que fu n c ió n cum plen.
En la p a rte s u p e rio r te n e m o s los co nocidos m enús así com o ta m b ié n los
iconos de edició n más comunes.

En los costados de la in te rfa z e n co n tra m o s dos colum nas de iconos. A la

izquierd a las h e rra m ie n ta s de diseño y a la derecha las h e rra m ie n ta s de
p recisión en la colocación de los e le m e n to s gráficos. En la p a rte in fe rio r
te n e m o s una paleta de co lo re s y más abajo una barra con h e rra m ie n ta s
para a d m in is tra r el zoom y las capas de trabajo.

En el c e n tro se m uestra un re c tá n g u lo a m odo de hoja en blanco de ta m a ­

ño A 4 sobre un lienzo ta m b ié n blanco e in fin ito que será n uestra área de
trabajo.

Cada una de las h e rra m ie n ta s del lado iz q u ie rd o nos m o stra rá un c o n ju n to

de opciones en h o riz o n ta l en la p a rte de arriba.

Edición de objetos
Si cream os un re c tá n g u lo en n u e s tro lienzo y lo seleccionam os, se m o s tra ­
rán unas flechas denom inadas “tra n s fo rm a d o re s ”. C uando el p u n te ro a c ti­
va un tra n s fo rm a d o r, éste se pone de c o lo r ve rd e y puede ser a rra s tra d o
cam biando el ta m a ñ o o fo rm a de n u e s tro o b je to . A h o ra si volvem os a ha­
cer clic sobre el m ism o o b je to , los tra n s fo rm a d o re s se cam bian p o r o tro s
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

que sirven para ro ta r o in clin a r el objeto.

¿■chivo licita ¥<* I*ay*el» Tota Filtros CittasioAK i¿wd.

« a tí aa * « ±j e* n >»»»t * *mh: • ««•»: 3 i «.*»4:». g ««.k |^JaJa|s]

Para e lim in a r un o b je to usamos la tecla “S u p r”.

Un o b je to sim ple consta de dos e le m e n to s básicos: el re lle n o y el tra z o o

co n to rn o . Para ca m b ia r los co lo re s ta n to del re lle n o com o del tra z o p o d e ­
mos in gre sar al m enú “O b je to " y sele ccio n a r la opción “ Relleno y b o rd e ”.
 Cuadernos de Formación Continua

N o ta re m o s que existen varias opciones de fá cil c o m p re n sió n en cu a n to a

la m odifica ción del o b je to . Cabe desta ca r que los re lle n o s pueden ser fá c il­
m en te c o nfigu ra d o s en co lo re s u n ifo rm e s, degradados y patrones, lo que
sin lugar a dudas brinda un pote n cia l solo lim ita d o p o r la cre a tiv id a d de
usted m aestra y usted m aestro.

Inserción de texto
Para in s e rta r te x to en la plantilla, nos d irig im o s al panel izq u ie rd o y seleccio­
namos el icono que tie n e la fo rm a de “A”. Inm ediatam ente hacemos clic en
el lugar de la hoja donde deseamos in s e rta r el te x to que deseamos escribir.
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

Al m o m e n to de in s e rta r el co n te n id o , en la barra de h e rra m ie n ta s (parte

su p e rio r) se p re se n ta n las opciones con las que podem os re a liza r cam bios
en cu a n to a tip o de letra, ta m a ñ o y ubicación.

Luego de seleccionar el tip o de letra, ta m a ñ o y ubicación, salim os de la o p ­

ción de e dición haciendo clic en el icono flecha ubicada en la p a rte s u p e rio r
del panel iz q u ie rd o de la pantalla.

P o ste rio rm e n te , ta n to en la p a rte s u p e rio r com o en la p a rte in fe rio r o b ­

se rvarem o s las h e rra m ie n ta s que nos p e rm itirá n re a liza r ajustes de co lo r
y fo rm a . En el e jem plo que a c o n tin u a c ió n se p resenta se observa un re ­
cu a d ro c o lo r ve rd e que se in se rta com o fo n d o del te x to , a fin de b rin d a rle
m e jo r realce al mismo.
 Cuadernos de Formación Continua

Tareas de aplicación
A p a rtir de las h e rra m ie n ta s aprendidas, les p ro p o n e m o s a ustedes, maes­
tra s y m aestros, que e la b ore n una infografía sencilla a plicando fo rm a s, co ­
lores, tip o s de letra y c o n te n id o s breves que puedan p re s e n ta r una te m á ti­
ca de in te ré s de fo rm a resum ida y visual. En el caso de no q u e re r em plear
alguno de los con te n id o s, podem os re e m p la za rlo con o tro que c o n s id e re ­
mos mejor.

Infografías educativas con imágenes

En algunos casos, es m uy im p o rta n te el uso de im ágenes e lo cu e n te s4 para
la d escrip ció n y d e s a rro llo de un c o n te n id o te m á tic o específico. Para este
fin, Inkscape brin d a la fa c ilid a d de tra b a ja r con galerías de im ágenes ela­
boradas p o r te rc e ro s y publicados com o m a te ria l lib re 5, p e rm itié n d o n o s
d e s a rro lla r o rga n iza d o re s gráficos para el d e s a rro llo de un c o n te n id o te ­
m ático.

4. No olvidem os que en m uchos casos una imagen vale po r m il palabras.

5. En la siguiente dirección electrónica se pueden descargar m uchas imágenes: h ttp s ://
o p e nclip art.o rg /
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

Inserción de imágenes
El program a Inkscape p e rm ite in s e rta r im ágenes de tip o jp g 6 para p o der
em plearlas en la ela b ora ció n de cu a lq u ie r prese n ta ció n . Sea desde una
carpeta específica o desde el buscador de Google, la fo rm a de in s e rta r la
im agen re q u e rid a es hacer clic d e re c h o en la imagen re q u e rid a y seleccio­
nar la opción de co p ia r imagen.

En la sig u ie n te im agen se m uestra un e jem plo de filtra d o de im ágenes con

el buscador Google, en la o p ció n de buscador de imágenes:

Go >gle plantas

Una vez seleccionada y copiada la imagen, re c u rrim o s a Inkscape, donde

seleccionam os la opción del M e n ú “ E dición” y a co n tin u a c ió n hacer clic en
la opción “ Pegar”.

6. Sin embargo, sería m ejor tra b a ja r con imágenes vectorizadas, para lo cual Inkscape
tiene la opción de tra n sfo rm a r una im agen de m apa de bits en vectores.
 Cuadernos de Formación Continua

TEX TO

S iguiendo los pasos d e s c rito s a n te rio rm e n te , in s e rta r el te x to necesario,

dá ndole fo rm a , ta m a ñ o y el c o lo r que re q u e rim o s.

Con to d o s estos recursos es m uy fácil elaborar nuestra infografía educativa:

I
Tema III: Características Macromorfológicas de los
órganos vegetativos

Tareas de aplicación
A p a rtir de las h e rra m ie n ta s aprendidas, e la b ore una in fografía educativa
en to rn o a un c o n te n id o te m á tic o específico.

Animación interactiva con el com plem ento Sozi

(alternativa libre al programa Prezi)
El co m p le m e n to Sozi p e rm ite in te g ra r a nuestras info g ra fía s un e le m e n to
de anim ación secuencial para el d e s a rro llo de una p re se n ta ció n didáctica
e n tre las y los estudiantes.

Instalación del com plem ento Sozi

Sozi es un re cu rs o que puede descargarse lib re m e n te de la red in te rn e t. La
página oficial para descargar éste co m p le m e n to es: http://sozi.baierouge.
fr/pages/20-install.htm l

Del m ism o m odo que en Inkscape, la insta la ció n de este co m p le m e n to es

bastante in tu itiv a y la página oficial de descarga nos o fre c e una guía de
pasos para p ro c e d e r con la insta la ció n del co m p le m e n to .
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

» Insta lar Inkscape u tiliz a n d o el in s ta la d o r de W in d o w s de 3 2 bits. La

ubicación de instalación p o r d e fe c to es C: \ A rc h iv o s de program a \
Inkscape o C: \ A rc h iv o s de p rogram a (x86) \ Inkscape

» Insta lar P ython 2.7. U tilic e el in s ta la d o r de W in d o w s de 3 2 bits

p o r d e fecto , no el uno para x86_64. La ubicación de insta la ció n p o r
d e fe c to es C: \ P y th o n 2 7

» Instale LX M L para P ython 2.7 y W in d o w s de 3 2 bits (w in 3 2 - py2.7).

» Instale P yG TK 2.24. Elija el to d o -e n -u n o para la insta la ció n de

P ython 2.7 y W in d o w s de 3 2 b its (w in32).

» C opia la carpeta C: \ P y th o n 2 7 en C: \ A rc h iv o s de program a \

Inkscape

» C a m bia r el n o m b re de la carpeta C: \ A rc h iv o s de program a \

Inkscape \ p y th o n com o C: \ A rc h iv o s de program a \ Inkscape \
P yth o n 2 6

» C a m bia r el n o m b re de la carpeta C: \ A rc h iv o s de program a \

Inkscape \ P y th o n 2 7 com o C: \ A rc h iv o s de program a \ Inks- cape \
python

» Descarga Sozi

» D e s c o m p rim ir el a rch ivo de lib e ra ció n sozi-[...]. zip . U sted debe

o b te n e r una carpeta con el n o m b re de a rch ivo de lib e ra ció n sozi-[...].
C opie el c o n te n id o de esta carpeta en C: \ A rc h iv o s de program a \
Inkscape \ share \ extensions

» In iciar o re la n za r Inkscape. A hora

deberíam os v e r Sozi en el m enú Extensiones.
 Cuadernos de Formación Continua

Desarrollo de una animación

Sozi es un c o m p le m e n to para Inkscape con el cual podem os hacer
pre sen tacione s en fo rm a de esquem a (sim ilares a los Prezi), es d e cir
com o si se tra ta ra de un mapa, lo que im plica que con Sozi te n d re m o s la
posibilidad de navegar e n tre las d is tin ta s dia p ositiva s so b re una única
im agen y no com o la tra d ic io n a l secuencia creada p o r program as com o
P ow er P oint o Im press de L ib re O ffice .

Para in icia r con Sozi solo te n d re m o s que te n e r un c o n te n id o para nuestra

p re sen tación creada en Inkscape. Cabe m e n cio n a r que to d o deberá estar
d ispu esto en un solo lienzo, es d e c ir que si bien e xistirá n varias diapositivas
to d o el co n te n id o estará en una sola hoja o lienzo en blanco don d e los
e le m en tos se disp o n d rá n lib re m e n te .

En la s ig u ie n te im agen se m u e stra to d o un c o n te n id o tra b a ja d o en un

so lo lienzo.
t i ji|jjj Jf x ■' ' v : w , : & : pn ; A fta tr =3 *

Se notará que no to d o el c o n te n id o se e n cu e n tra en los lím ites de la hoja

pre d e te rm in a d a de Inkscape, lo que no afectará en nada el re n d im ie n to
de la presentación.
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

A c o n tin u a c ió n d e fin ire m o s el o rd e n de la p re se n ta ció n creando

re ctángu los en cada una de las dia p ositiva s que deseem os m ostrar. Ojo
que cada uno de esos re ctá n g u lo s serán nuestras fu tu ra s diapositivas.

H arem os que cada re c tá n g u lo sea d e fin id o com o una pantalla de Sozi;

para ello seleccionarem os uno de los re ctá n g u lo s e ing re sa re m o s al menú
“ Extensiones" y luego a la o p ció n “Sozi”. In m e d ia ta m e n te se m o stra rá una
pantalla con varias opciones.
 Cuadernos de Formación Continua

A hora debem os hacer clic en el signo más (+) que aparece en la p a rte baja
de n uestra ventana para d e fin ir el re c tá n g u lo com o una nueva diapositiva.
Solo resta c o n fig u ra r algunas de las opciones de la ventana. E n tre las más
im p o rta n te s tenem os:

Título. Este espacio siem pre tie n e el te x to "Escribir un nombre". Tenemos

la posibilid ad de d e ja r ese te x to o ca m b ia rlo p o r un n o m b re específico
para id e n tific a r nuestra d iapositiva. Se recom ienda id e n tific a r cada
dia p ositiva con un n o m b re para fu tu ro s cam bios en cu a n to al o rd e n de la
presentación.
 Recursos T IC en áreas de saberes y conocimientos: Biología y Geografía

Intervalo de espera. En este espacio podem os d e fin ir si q u e re m os qué

p re sentación pase a la s ig u ie n te d ia p ositiva de fo rm a a u to m á tica después
de un tie m p o d e fin id o p o r usted. En caso de no m a rca r esta opción, el
paso a una sig u ie n te d ia p o sitiva será de fo rm a m anual con las flechas de
dire cció n del te c la d o o con un clic en el ratón.

Duración (segundos). A q u í d e fin im o s el tie m p o de d u ra ció n del cam bio de

una dia p ositiva a otra.

Zoom. Desde esta opción establecem os la am pliación o a le ja m ie n to que se

aplicará en la tra n s ic ió n e n tre una d ia p o sitiva y la otra.

Se recom ienda d e ja r el re s to de las opciones sin ningún cam bio, aunque

éstas pueden ser estudiadas sin ningún problem a.

Una vez elegido el fo rm a to de n uestra d ia p ositiva hacem os clic en

“G u a rd a r" y cerram os la ventana.

Solo resta re p e tir el m ism o p ro c e d im ie n to para que cada uno de los

re ctángu los sea d e fin id o com o una nueva dia p ositiva . R ecom endam os
ir agregando las dia p ositiva s en el m ism o o rd e n en cual deseem os que
aparezcan.

A hora, te n d re m o s que g u a rd a r n u e s tro d o c u m e n to desde el m enú

 Cuadernos de Formación Continua

“A rc h iv o ” y luego “G u a rd a r co m o ”. R ecordem os que los arch ivo s de

Inkscape son guardados en fo rm a to SVG, así que solo e s c rib ire m o s el
n o m b re de n u e s tro d o c u m e n to y harem os clic en “G u a rd a r”.

Para v e r la p re se n ta ció n guardada, a b rire m o s n u e s tro a rc h iv o SVG

con un navegador cualquiera (M o zilla Firefox, C h ro m e , Safari, etc.;
únicam e nte In te rn e t E xp lo re r no es co m p a tib le con este tip o de
docu m ento s). Por m o tivo s de p re se n ta ció n se recom ienda usar el
navegador M ozilla F ire fo x que es en el que m e jo r funciona.

Se notará que en la pantalla se m uestra solam ente la p rim e ra diapositiva,

y para ir a la sigu ie n te p re sio n a re m o s las flechas de de sp laza m ie n to del
te cla d o o sim p lem e n te harem os clic al ratón.

Consignas de aplicación en la práctica pedagógica

A p a rtir de las h e rra m ie n ta s aprendidas, e la b ore una p re se n ta ció n
anim ada a p a rtir de un c o n te n id o te m á tic o específico de biología o de
geografía.