Este documento describe cómo crear infografías y líneas de tiempo usando herramientas educativas online como Piktochart y Timeline. Explica los pasos para diseñar una infografía usando plantillas en Piktochart e incluir imágenes y gráficos. También detalla el proceso de elaborar una línea de tiempo en Timeline, incluyendo agregar etiquetas, descripciones e imágenes para eventos históricos y ordenarlos cronológicamente.

1. 1
 Infografías
 Línea de tiempo
ORGNIZADORES GRÁFICOS
HERRAMIENTAS EDUCATIVAS
ONLINE EN EL PROCESO DE
ENSEÑANZA – APRENDIZAJE

2. 2
SESIÓN 02
DESCRIPCIÓN
Piktochart es una aplicación online que facilita la creación de infografías a aquellos
que no tienen conocimientos de diseño ni de programación. Para ello facilita plantillas
prediseñadas, gráficos, iconos, fuentes… que el usuario va eligiendo según sus necesidades
para completar su gráfico mediante drag&drop.
LineTime es una herramienta sencilla, rápida e intuitiva, esta aplicación te ayuda a
crear líneas de tiempo paso a paso, organizadas por fechas o hitos. Solo hay que ir situando
los hechos destacados sobre el eje temporal e incluir un texto y una imagen (opcional). Se
puede guardar el proyecto para abrirlo y continuar en otro momento, o descargar el
resultado final en PDF. Perfecto para un primer contacto con la elaboración online de ejes
temporales y para que tus alumnos aprendan a utilizarlo rápidamente.
CAPACIDAD
El participante al final de esta sesión estará en capacidad de diseñar y elaborar una
infografía para representar la información que es complicada de entender a través de solo
texto, así como representar con claridad una secuencia de hechos o eventos a través de
una línea de tiempo.
ACTIVIDAD
Representa coherente y creativamente la información a través de infografías.
Representa eventos o hechos con claridad a través de líneas de tiempo.
EVALUACIÓN
En esta sesión Ud., será evaluado en:
 Crear una Infografía usando una combinación de imágenes sintéticas,
explicativas y fáciles de entender y textos con el fin de comunicar información
de manera visual para facilitar su transmisión.
 Crear una Línea de Tiempo representando una secuencia de hechos históricos,
eventos o de hitos sobre un tema, de tal forma que se visualice con claridad la
relación temporal entre ellos.

3. 3
1.INFOGRAFÍAS
La Infografía es una combinación de imágenes sintéticas, explicativas y fáciles de entender y textos
con el fin de comunicar información de manera visual para facilitar su transmisión. Además de las
ilustraciones, podemos ayudar más al lector a través de gráficos que puedan entenderse e
interpretarse instantáneamente. Escribir la historia con palabras e ilustrarla con dibujos es lo que
debe hacer un buen infografista. Existen niveles para la catalogación de los infografistas y esto
depende de sus habilidades para trabajar los gráficos.
Un buen cuadro gráfico debe ser sencillo, completo, ético, bien diseñado y adecuado con la
información que presenta. Para ello, hay que realizar previos bocetos que presenten diferentes
posibilidades. Posteriormente, hay "que escoger la más apropiada de las ideas, aquella que más
ayude al lector y que combine mejor con la información".
Las infografías pueden dividirse en las categorías de gráficos, mapas, tablas y diagramas. Las
aplicaciones más comunes de la infografía son:
Las infografías son muy útiles y esenciales para representar la información que es complicada de
entender a través de solo texto. Para crear infografías, usamos la herramienta Piktochart, para lo
cual es necesario tener su cuenta electrónica.
ELABORANDO UNA INFOGRAFÍA A PARTIR DE UNA PLANTILLA
1. Hacer clic en la opción Infografía y elegir una plantilla
Infografía
periodística
Infografía
online
Infografía
arquitectónica
Infografía
instructiva
Infografía
cartográfica

4. 4
2. Al apuntar con el mouse hacia la plantilla, hacer clic en Usar plantilla.

5. 5
3. Se abre la plantilla para su edición. Guardar la infografía: Colocar un nombre y hacer clic
en el botón Save
4. Una plantilla tiene varios bloques. Se pueden agregar o eliminar bloques. Ahora, vamos a
editar el primer bloque: Modificar el texto y para insertar una imagen de nuestra PC, hacer
clic en Uploads, luego en Browse images

6. 6
5. Después de cargar la imagen, arrastrar hacia el bloque deseado, en este caso hacia el
primero.
6. Redimensionando la imagen y colocando hacia el fondo, opción Send to back
Y también bajando la opacidad:

7. 7
7. Ahora, editar el segundo bloque:
8. Para editar el gráfico de columnas mostrado a la izquierda del segundo bloque, hacer clic
en el botón de edición:

8. 8
9. En la siguiente ventana, modificar los valores, agregar título al gráfico y eje vertical “Y”

9. 9
10. Para modificar los colores de las columnas, hacer clic en:
Después de hacer los cambios correspondientes, hacer clic en el botón Update chart
11. Modificando el gráfico de la derecha del bloque 2

10. 10
Quedando el segundo bloque, así.
Si desea, puede modificar los siguientes bloques o eliminarlos en caso no se necesite.

11. 11
2.LÍNEA DE TIEMPO
La línea de tiempo permite ordenar una secuencia de eventos o de hitos sobre un tema, de tal forma
que se visualice con claridad la relación temporal entre ellos.
UTILIDAD DE LAS LÍNEAS DE TIEMPO
1. Son valiosas para organizar información en la que sea relevante el (los) período(s) de tiempo
en el (los) que se suceden acontecimientos o se realizan procedimientos.
2. Son útiles para construir conocimiento sobre un tema particular cuando los estudiantes las
elaboran a partir de lecturas o cuando analizan Líneas de Tiempo producidas por expertos.
¿CUÁLES SON LOS PASOS PARA ELABORAR UNA LÍNEA DE TIEMPO COMPARATIVA?
1. Identificar los hechos históricos y lugares que te interesa conocer y analizar en forma
comparativa.
2. Seleccionar los datos y fechas más relevantes a partir de una cronología acerca de esos
acontecimientos.
3. Elaborar la línea de tiempo y organiza la secuencia de manera ordenada, respetando la
proporción matemática en la representación gráfica. Por ejemplo, 1 cm equivale a 1 año.
4. Colocar las fechas y, luego, los datos en forma muy breve, pero a la vez suficiente para
comprenderlos.
5. También puedes agregar imágenes para complementar y presentar los resultados en forma
didáctica.
La elaboración de Líneas de Tiempo, como actividad de aula, exige de los estudiantes:
1. Identificar unidades de medida del tiempo (siglo, década, año, mes, etc.); comprender cómo
se establecen las divisiones del tiempo (eras, periodos, épocas, etc.).
2. Utilizar convenciones temporales (ayer, hoy, mañana, antiguo, moderno, nuevo).
3. Comprender la sucesión como categoría temporal que permite ubicar acontecimientos en el
orden cronológico en que se sucedieron (organizar y ordenar sucesos en el tiempo).
4. Entender cómo las Líneas de Tiempo permiten visualizar con facilidad la duración de
procesos y la densidad (cantidad) de acontecimientos.

12. 12
TIMELINE
Es una herramienta online gratuita, que permite desarrollar prototipos, proyectos y servicios que
ayudan a hacer que la información sea significativa, a promover el periodismo de calidad, la
narración de historias y el contenido en Internet.
1. Ingrese desde su navegador de internet al Timeline (Timeline)
2. En la ventana que se muestra, active Flash Player (Haga clic en el botón Flash Player).
3. Haga clic en el botón Permitir
4. Escriba su nombre (Your Name) y luego escriba el título del proyecto (Project Title)
5. Haga clic en el botón Start
2
3

13. 13
6. Se mostrará la siguiente ventana, haga clic en la línea de tiempo
7. Aparece la siguiente ventana, en la cual deberá ingresar:
Label: Etiqueta de la línea de tiempo (MAQUINA ANALÍTICA)
Short Description: Una descripción de la línea de tiempo (Charles Babbage)
Full Description: puede escribir una descripción amplia de su línea de tiempo o insertar una
imagen
4
5

14. 14
8. Luego, haga clic en el check para aceptar
9. Se muestra el siguiente resultado:
10. Si desea insertar una imagen, haga clic en el botón Choose Image
7
8

15. 15
11. Aparece la ventana del Explorador de Windows, seleccione la imagen que desea insertar,
presionando doble clic sobre ella
12. En la ventana siguiente, se muestra la imagen
13. Para reducir el tamaño de la imagen, haga clic en el signo menos
10
11

16. 16
14. Luego haga clic en OK
15. Luego haga clic en el check para aceptar
12
13
14

17. 17
16. Para insertar otro hecho histórico, haga clic en la línea de tiempo
17. Escribe en la etiqueta (Label: MARK I) y en la descripción corta (Short Description: HOWARD
AIKEN)
15

18. 18
18. Luego, haga clic en el botón Choose Image, si desea agregar una imagen
19. En la ventana del explorador, haga doble clic sobre la imagen que desea insertar
20. Aparece la imagen, haga clic en el signo menos para reducir tamaño a la imagen
21. Luego, haga clic en OK

19. 19
22. Haga clic en el check para aceptar
23. Se muestra el siguiente resultado:

20. 20
24. Para insertar otro hecho histórico, haga clic en la línea de tiempo
25. Escriba en la etiqueta (Label: Pascualina) y en la descripción corta (Short Description: Blaise
Pascal)

21. 21
26. Luego, haga clic en el botón Choose Image, si desea agregar una imagen
27. En la ventana del explorador, haga doble clic sobre la imagen que desea insertar
28. Aparece la imagen, haga clic en el signo menos para reducir tamaño a la imagen

22. 22
29. Luego, haga clic en OK
30. Haga clic en el check para aceptar
31. Arrastrar hacia abajo y alinear

23. 23
32. Haga clic en la línea de tiempo

24. 24
33. Escribe en la etiqueta (Label: ENIAC) y en la descripción corta (Short Description: JOHN
MAUCHLY)
34. Luego, haga clic en el botón Choose Image, si desea agregar una imagen
35. En la ventana del explorador, haga doble clic sobre la imagen que desea insertar
36. Aparece la imagen, haga clic en el signo menos para reducir tamaño a la imagen

25. 25
37. Luego, haga clic en OK
38. Haga clic en el check para aceptar
39. Se muestra el siguiente resultado:

26. 26
40. Para insertar otro hecho histórico, haga clic en la línea de tiempo
41. Escribe en la etiqueta (Label: Segunda Generación) y en la descripción corta (Short Description:
CON TRANSISTORES)

27. 27
42. Luego, haga clic en el botón Choose Image, si desea agregar una imagen
43. En la ventana del explorador, haga doble clic sobre la imagen que desea insertar
44. Aparece la imagen, haga clic en el signo menos para reducir tamaño a la imagen
45. Luego, haga clic en OK
46. Haga clic en el check para aceptar

28. 28
47. Arrastrar hacia arriba
48. Para insertar otro hecho histórico, haga clic en la línea de tiempo

29. 29
49. Escribe en la etiqueta (Label: Se crea Transistor) y en la descripción corta (Short Description:
W. SHOCKLEY)
50. Luego, haga clic en el botón Choose Image, si desea agregar una imagen
51. En la ventana del explorador, haga doble clic sobre la imagen que desea insertar

30. 30
52. Aparece la imagen, haga clic en el signo menos para reducir tamaño a la imagen
53. Luego, haga clic en OK
54. Haga clic en el check para aceptar

31. 31
55. Con arrastre reordenar y alinear los hechos históricos
56. Se muestra el siguiente resultado:

32. 32
57. Para guardar su línea de tiempo, haga clic en SAVE
58. En la ventana que aparece, haga clic en el botón Save

33. 33
59. Seleccione la carpeta en desea guardar su línea de tiempo
60. Luego haga clic en el botón Guardar
61. En la ventana que aparece, haga clic en OK

34. 34
62. Si desea enviar la línea de tiempo creada, haga clic en la pestaña Send
63. Escribe el correo de la persona a la que desea enviar su línea de tiempo
64. Luego, haga clic en el botón Send

35. 35
65. En la ventana que aparece, haga clic en OK
66. Para finalizar el proyecto, haga clic en el botón Finish
67. Aparecen las opciones:
Save Draft: Guardar Borrador
Save Final: Guardar final
Send Final: Envio Final
Print Final: Imprimir

36. 36
68. Si desea imprimir, haga clic en Print Final
69. Haga clic en el botón Cambiar

37. 37
70. Haga clic en Guardar como PDF
71. Haga clic en el botón Guardar

38. 38
72. En la ventana del explorador, seleccione la carpeta o unidad de disco en donde desea Guardar
73. Se guardó su línea de tiempo con éxito
74. Para salir del proyecto, haga clic en X (Cerrar)

39. 39
75. En la ventana que aparece, haga clic en Se guardó su línea de tiempo con éxito

40. 40
www.cis.edu.pe