Este trabajo reúne una serie de herramientas web tecnológicas para ser utilizadas por cualquier persona que esté relacionada con educación.

1. Compendio
Manuales Herramientas
web educativas

2. INTEGRANTES
Sonia Galindo
Magdalena Estrada
Nery Ortíz
María de los Ángeles Mateo
Brenda Santos

3. INTRODUCCIÓN
El presente trabajo es una compilación de tutoriales de las diferentes Herramientas Web Educativas aprendidas en el curso
de Tecnología y Educación II de la Maestría en Innovación Educativa de la Universidad Galileo.
Las herramientas que aquí aparecen representan el trabajo de cada uno de miembros del grupo.
La apertura al diálogo, la distribución de responsabilidades y el cumplimiento de las mismas; permitieron que el trabajo se
pudiera hacer de manera ordenada y coordinada.
La experiencia de compartir en grupo el aprendizaje del trimestre refuerza la importancia de cada una de las herramientas
web y nos invita a ponerlas en práctica en el medio en que laboramos.
Deseamos que este trabajo apoye el trabajo de otros docentes que como nosotros están aprendiendo un nuevo lenguaje; el
tecnológico.
Muchas gracias

4. TEMA O HERRAMIENTA No. Diapositiva
1. Random Student Diapositiva 5
2. Random Name Picker Diapositiva 16
3. Editor.pho.to Diapositiva 30
4. Screengrab Diapositiva 47
5. Canva Diapositiva 60
6. Readwritethink Diapositiva 68
7. Popplet Diapositiva 75
8. Tiki-Toki Diapositiva 88
9. Mindmeister Diapositiva 100
10. Storybird Diapositiva 112
11. Storyjumper Diapositiva 126
12. Flipsnack Diapositiva 139
13. Glosario Diapositiva 148
14. Conclusiones Diapositiva 152
15. E-grafía Diapositiva 155

5. Tutorial Elaborado por:
María de los Ángeles Mateo
www.transum.org/software/RandomStudents/Default.asp
Random Student
Generator

6. Hoy vengo a ayudarte para hacer tus días de clases mucho más fáciles,
ya no serás tu quien elija el tema que tus alumnos deben exponer, o en
que orden les tocará, resulta que ésta herramienta digital elige nombres
o lo que sea que quieras, pero de forma aleatoria.
Te dejo un pequeño y sencillo manual que te explica paso a paso como
hacer uso de ésta herramienta.
INTRODUCCIÓN

7. PASO 1
Comenzamos por abrir el navegador de tu preferencia, en mi caso usaré Google
Chorme.

8. PASO 2
Debes escribir ésta dirección en tu pestaña: www.transum.org/software/RandomStudents/Default.asp
Te aparecerá la pantalla en la cual trabajaremos. Al lado derecho de la pantalla verás una lista en la con nombres de
estudiantes, los cuales deberás seleccionar y borrarlos para ingresar los datos que serán de utilidad para nuestra
actividad.

9. Luego escribe los datos que utilizarás en tu actividad, en mi caso para ejemplo
ingresaré unos nombres, deber escribir uno por espacio como se mira en la imagen.
Cuando termines presiona el botón “Save”.

10. PASO 3
Al presionar el botón “SELECT” te saldrá algo que dice “Shuffling the (cantidad de palabras
ingresadas) names” cuando finalice tendrás el nombre de la persona elegida.

11. PASO 4
Si quieres seguir utilizando ésta herramienta y no estar ingresando los datos cada vez que la
necesites, direcciona tu cursor hacia donde escribes las URL y da clic derecho, te saldrá un
menú en el que tendrás que seleccionar “copiar”.

12. PASO 5
Luego ve a tu escritorio y da clic derecho sobre un área despejada, te saldrá un menú
donde seleccionarás “Nuevo” y luego donde dice “Acceso directo”.

13. PASO 6
Seguido te aparecerá una ventana que pedirá que escribas la ubicación del elemento, entonces
sobre el espacio que te da para escribir posiciona el cursor y presiona clic derecho, te
aparecerá un menú donde debes presionar en “Pegar”. Con esto estas pegando la URL que
copiamos anteriormente.

14. PASO 7
Por último te pedirá que nombres tu acceso directo, cuando lo hagas presiona finalizar.

15. PASO 8
Listo, tienes tu acceso directo y puedes hacer uso de ésta herramienta cuando
quieras.

16. Tutorial Elaborado por:
María de los Ángeles Mateo
www.clastools.net/random-name-picker/
Random Name
Picker

17. Cuántas veces has necesitado elegir a una persona o asignar un tema en el
salón de clases, pero resulta que si eliges a alguno de tus alumnos comienza a
decirte: “Porque yo primero”, “que pase otro”, y otro sin fin de excusas.
Ésta herramienta definitivamente es para ti, es una ruleta digital que sirve
para hacer la elección aleatoria de personas, temas, situaciones, o para
cualquier cosa que sea tu creatividad.
Aquí te dejo un pequeño manual, en él te explico los pasos que debes de
seguir para hacer uso de ella.
INTRODUCCIÓN

18. PASO 1
Comenzaremos por abrir en tu computadora el navegador que mas te agrade, en mi
caso usaré Google Chrome
Abre tu navegador

19. PASO 2
Estando en el navegador escribe la siguiente URL www.clastools.net/random-name-picker/ te
llevara a éste sitio web.

20. PASO 3
Nos muetra una ruleta
predeterminada de ejemplo, si
presionas el botón central que dice
“CILC TO SPIN”, observarás como la
ruleta gira y aleatoriamente elige un
nombre
Luego darle “REMOVE” para que al
momento de girarla nuevamente no
pueda ser electo el mismo
participante.

21. PASO 4
Para editarla e ingresarle los
datos que necesitemos según
nuestra actividad,
procederemos a darle clic en
el área que dice “Edit/Save”.
Posteriormente aparecerán
los nombres enlistados que
estaban en la ruleta,
selecciónalos y bórralo.

22. PASO 5
Luego ingresaremos los datos que nos van a servir, en éste caso yo estoy ingresando nombres de
los alumnos, tienen que ir colocados en vertical. Y luego le das clic al botón “Submit”

23. PASO 6
Luego prueba tu ruleta repitiendo el paso 3

24. PASO 7
Luego si quieres re-utilizar tu ruleta y guardarla, da clic en el botón de “Edit/Save” y te saldrá
un cuadro de dialogo que dirá “Provee una contraseña (entonces podrás editarla después)”,
ingresa una contraseña fácil de recordar y luego oprime “OK”.

25. Después te aparecerá otro cuadro de diálogo en el cual dirá: “Salvado
exitosamente. Su plantilla ahora podrá ser cargada con esta dirección única.
Asegúrate de tomar nota de esto”.

26. PASO 8
Copia la dirección que te aparece en el navegador. Lleva tu cursor hasta donde escribes la URL
y da clic derecho y luego selecciona “copiar”.

27. PASO 9
Minimiza la ventana, ve al escritorio de tu computadora, da clic derecho sobre un espacio libre, en
el menú que te aparece dale “Nuevo”, seguido de “Acceso directo”, esto lo haremos con el fin de
tener a la mano tu ruleta.

28. PASO 10
Seguido te aparecerá una ventana que pedirá que escribas la ubicación del elemento, entonces
sobre el espacio que te da para escribir posiciona el cursor y presiona clic derecho, te
aparecerá un menú donde debes presionar en “Pegar”. Con esto estas pegando la URL que
copiamos anteriormente de la ruleta.

29. Después te pide que le des un nombre
al Acceso directo, en mi caso le coloqué
“SpinTMA”, por último presiona
finalizar, y listo.
Solo queda abrir el acceso directo que
creaste en tu escritorio y te
direccionará a tu ruleta sin necesidad
de ingresar nada más.

30. Editor Pho.to
Tutorial Elaborado por:
Nery Rolando Ortíz
http://editor.pho.to/es/

31. Hoy vengo a ayudarte para editar tus imágenes mucho más fáciles, ya
no tendrás que ver tus fotos aburridas porque ésta herramienta te
dará múltiples diseños cumpliendo tus expectativas.
Te dejo un pequeño y sencillo manual que te explica paso a paso como
hacer uso de ésta herramienta.
INTRODUCCIÓN

32. PASO 1
Comenzamos por abrir el navegador de tu preferencia, en mi caso usaré Google
Chorme.

33. PASO 2
Debes escribir ésta dirección en tu pestaña:
Te aparecerá la pantalla en la cual trabajaremos
PASO 3
En la parte central de la pantalla hay un botón gigante que te dice “COMENZAR”, así que
hazle caso y presiónalo.
http://editor.pho.to/es/

34. PASO 4
Estarás en el programa de edición, y aparecerán dos botones de color celeste en el centro
de la pantalla. Uno dice “Desde ordenador” esto significa que puedes subir cualquier foto
que tengas guardada en tu computadora; y el otro botón dice “From Facebook” significa que
puedes cargar cualquier foto que tengas en tu página social llamada FACEBOOK.

35. PASO 5
En mi caso cargaré una foto de mi ordenador. Me aparecerá una ventana que me está indicando
de qué lugar o carpeta quiero cargar mi fotografía, cuando ya la tengas identificada selecciona
el botón “Abrir”.

36. PASO 6
Te aparecerá la foto que elegiste y al costado izquierdo de tu pantalla observaras un menú que
es el de edición, explora las opciones que te da.
La primera que te aparece es ésta, corta la foto hasta donde lo necesites y luego presiona el
botón “aplicar”.

37. Después te aparece el botón “Rotar” te deja girar la imagen arrastrando el punto que te
aparece en el centro del cuadro debajo de la palabra “Enderezar” como se te muestra en la
imagen, cuando estés conforme presiona el botón “Aplicar”

38. Si seguimos con el menú observaras el botón de “Exposición” que te deja modificar brillo,
contraste, iluminaciones y sombras, al igual que en el botón rotar, para notar los cambios debes
arrastrar a la derecha si deseas ver las modificaciones que generan estas funciones o hacia la
izquierda si quieres menos, todo será según tu gusto, cuando te agrade tu trabajo presiona el
botón de “Aplicar”

39. El siguiente botón es el de “Colores” éste tiene la misma dinámica que los
botones anteriores. Cuando estés a gusto von tu edición presiona el botón
“aplicar”

40. El siguiente botón es “Nitidez”, como su palabra lo indica, te modifica la nitidez de tu foto,
arrastra el punto central y cuando estés a gusto presiona el botón “Aplicar”.

41. Este botón que sigue es uno de los más divertidos puesto que te da
múltiples etiquetas que le darán vida a tus fotos, presiona cualquiera de las
opciones que te da el submenú para ver todas las etiquetas que te dan.

42. ¡También te deja ingresar texto!!! presiona el siguiente botón y te mostrará
todas las plantillas que puedes utilizar elige la que más te gusta y escribe lo que
quieras.

43. Puedes colocarle también distintos
efectos, haz clic en el botón que
tiene una imagen de varita mágica y
te dará las opciones que puedes
aplicar a tu foto.
Ahora, si corres la barra gris que
aparece en ese menú, podrás ver
el botón de “marcos”, presiónalo y
observaras los marcos para
adornar tus fotos.

44. Por último, puedes observar el botón de “Texturas” el cual te dará opciones de cambiar la
forma en que se ve la imagen, hazlo como tu desees y cuando determines que te gusta tu
fotografía presiona el botón “aplicar”.

45. PASO 7
Cuando termines de modificar tu foto, presiona el botón que dice “Guardar y
compartir”

46. Te aparecerá la siguiente ventana, te dice prácticamente si quieres descargarla,
automáticamente la guardara en tu computadora, luego te dice enlace, que te proporciona un
link que puedes compartir, luego te aparece el ícono de Dropbox si quieres almacenar tu foto en
la nube, Facebook, Twitter y Google Plus si quieres subirla a tus páginas sociales. Y otras
aplicaciones como Pnterest y Vkontakte.

47. Escreengrab
Tutorial Elaborado por:
Nery Rolando Ortíz
https://addons.mozilla.org/es/firefox/addon/screengrab-fix-version/?src=search

48. Esta herramienta te será útil para optimizar tu tiempo cuando quieras
hacer una guía para tus alumnos. Prácticamente equivale a la tecla “Imp
pant” de tu teclado, coloquialmente le llamamos pantallazo.
INTRODUCCIÓN

49. PASO 1
Para utilizar ésta herramienta debes específicamente abrir el navegador llamado MOZILLA
FIREFOX, porque es una aplicación que únicamente puede ser utilizada desde aquí.

50. PASO 2
Debes ingresar a esta dirección, en este caso puedes copiarla desde éste tutorial y pegarla en
el buscador de URL de Mozilla.
Selecciona la dirección de sitio web, luego da clic derecho y selecciona la palabra copiar.
Dirígete a Mozilla y coloca tu cursor en el área donde escribes las URL’s y da clic derecho,
selecciona el menú “Pegar e ir”.
Copiar
ésta URL
https://addons.mozilla.org/es/firefox/addon/screengrab-fix-
version/?src=search​

51. PASO 3
Te aparecerá ésta pantalla y
debes presionar el botón verde
que dice “Agregar a Firefox”
Cuando presiones ese botón
te saldrá una ventana
emergente que te dirá
“descargando y verificando
complemento”

52. Al finalizar se habilitará el botón que dice “Instalar”, si es así presiónalo, sino,
automáticamente se quitará la ventana, pero para que la aplicación funcione te sale un
mensaje que te pide que reinicies tu navegador, presiona ese botón y el programa
automáticamente lo hará por ti.

53. PASO 4
Cuando vuelva a abrir el navegador en la pantalla inicial observarás como en la esquina superior
derecha aparece un dibujo con colores que anteriormente no tenías, eso quiere decir que hiciste
correctamente la instalación y puedes comenzar a hacer uso de la herramienta.

54. Paso 5
Ya puedes hacer uso de ella. Supongamos que yo quiero trabajar sobre la imagen que te muestro
debajo de éste párrafo, para comenzar a usar el ScreenGrab presiona el ícono que te apareció
después de instalarla. Te muestra un menú en el cual tiene como primera opción “Guardar”, si
posicionas tu cursor encima de la palabra te despliega un submenú en el cual puedes ver tres
opciones.

55. Para que sirven esas opciones:
Página/Marco completo:
Esta opción te dice que tomará toda la pantalla que ves, por ejemplo:

56. Porción visible:
Te graba únicamente lo que puedes ver sin barra de tareas o páginas del
navegador, por ejemplo:

57. Selección:
Te grabará únicamente lo que tu
selecciones, de hecho, al presionar esa
opción te aparecerá esta pantalla y se
pondrá en color lila, donde la cruz blanca te
guía la selección que estas haciendo.
Cualquiera de las tres opciones que
selecciones siempre te dará ésta pantalla
que te pide que guardes la imagen,
seleccionas el lugar en la que quieres
guardarla y listo.

58. Paso 6
A continuación abajo de “Guardar” aparece “Copiar”, que vuelve a desplegarte el mismo submenu
que “Guardar”, pero la diferencia es que ya no aparecerá la ventana que te pedirá que la guardes
en algún lugar, sino, que simplemente te diriges al lugar donde quieres pegarla y listo.

59. Paso 7
De igual forma te dará el submenú la opción de “Enviar” con la diferencia que te abrirá una
ventana extra. Si te posicionas en la parte donde dice “Share” te dará las opciones a las cuales
puedes enviar la imagen.

60. canva
Tutorial Elaborado por:
Brenda Santos
https://www.canva.com/

61. INTRODUCCIÓN
Cava es una herramienta para trabajar diseños novedosos y
llamativos, darles personalidad a mis fotografías o imágenes con
las que quiero trabajar.
Es un recurso fácil de utilizar.

62. Paso 1
Ingresar la siguiente dirección electrónica, y aparecerá la siguiente
pantalla
https://www.canva.com/

63. Paso 2
Para registrarte dale clic en registrar con tu correo y aparecerá la siguiente pantalla en donde
deberás ingresar tus datos

64. Paso 3
Al ingresar encontrarás la siguiente pantalla, en donde deberás crear un nuevo diseño, deberás
darle clic en “crear nuevo diseño” y aparecerá el siguiente menú, deberás dar clic encima de
algún diseño y empieza a trabajar

65. Modelo de fondos
Elementos (fotografías, formas, líneas,
ilustraciones, graficas)
Modelo de letras, títulos, subtítulos, textos
Diseños de fondo
Paso 3
Para darle personalidad a mi diseño tengo varias opciones en el
menú

66. Paso 4
Al terminar el diseño, puedes descargarlo y podrás guardarlo o imprimirlo.

67. Paso 5
Ejemplo de un diseño terminado en versión PDF.

68. Tutorial Elaborado por:
Sonia Galindo
http://www.readwritethink.org/files/resources/interactives/timeline_2
Readwritethink

69. INTRODUCCIÓN
Timeline es una herramienta sumamente práctica para crear líneas del
tiempo cortas. Podrás presentarlas de manera digital o se prefieres puedes
imprimirlas y entregarlas a tus estudiantes.

70. Paso 1
Escribir la Dirección electrónica y encontraras la siguiente pantalla
http://www.readwritethink.org/files/resources/interactives/timeline_2

71. Paso 2
Para empezar tu línea del tiempo ingresar tus datos y le nombre de la línea del tiempo que deseas crear,
luego da clic en “Star”.

72. Paso 3
Luego encontrarás la siguiente pantalla, debes dar clic en la línea punteada para que aparezca un recuadro
para que puedas empezar a ingresar los datos.

73. Paso 3
Luego encontrarás la siguiente pantalla, debes dar clic en la línea punteada para que aparezca un recuadro
para que puedas empezar a ingresar los datos.
Al terminar tu línea del tiempo da clic en
“Finish”….Terminaste puedes grabarla e
imprimirla

74. Paso 4
Al finalizar aparecerá la siguiente pantalla y podrás escoger la opción que desees
Guardar como borrador
Guardar
Enviar
Imprimir

75. Popplet
Tutorial Elaborado por:
Brenda Santos
https://popplet.com/

76. Introducción
Popplet es una herramienta para crear mapas mentales simples
y de manera rápida. Además de introducir texto, también puede
agregarse videos para que sea más ilustrativo.

77. Paso No. 1: copiar el siguiente link:
https://popplet.com/, luego da clic en “try it out”

78. Paso No. 2:
Al dar clic aparecerá la siguiente pantalla

79. Paso No. 3:
Dar doble clic en el siguiente recuadro:

80. Paso No. 4:
Luego de dar doble clic en el recuadro aparecerá el siguiente cuadro

81. Paso No. 5:
Dar clic en el cursor dentro del cuadro y podrás escribir lo que desees.

82. Paso No. 6:
Para agregar un recuadro más, debes ubicar el cursor en cualquiera de los
círculos y sostener el mouse hacia donde desees colocar el siguiente recuadro

83. Paso No. 7:
Debes repetir la misma acción cada vez que quieras un cuadro más.

84. Paso No. 8:
Si deseas agregar un video, puedes dar clic en el signo de configuración y busca la
opción add content y se desplegará otro menú, da clic en la opción youtube.

85. Paso No. 9:
Para grabar el mapa debes ubicarte nuevamente en la opción del configuración y dar
clic en “export” aparecerá otro submenú, debes escoger el que tú desees.

86. Paso No. 10 :
Si escoges la opción “pdf” por ejemplo, te llevará tu equipo y podrás escoger en
que carpeta guardarlo.

87. Paso No. 11:
Lo guardé en una carpeta y aparece así:
Si das clic para abrir tu archivo, te abrirá una página en pdf con tu documento.

88. Tiki-toki
Tutorial Elaborado por:
Sonia Galindo
http://www.tiki-toki.com

89. Introducción
Tiki toki es una herramienta que permite trabajar líneas del tiempo
con detalles e imágenes que permitirán a los maestros presentar
eventos con bastante detalle.

90. Paso No. 1:
Escribe la dirección electrónica y encontrarás la siguiente pantalla
http://www.tiki-toki.com/

91. Paso No. 2:
Para utilizar está herramienta deberás crear una cuenta. Ingresa en donde dice
“FREE SING UP”
Luego que des clic aparecerá la
siguiente ventanilla y deberás completar
los datos que te piden.

92. Paso No. 3:
Luego encontrarás un recuadro, deberás ir colocando la información que te
piden para crear tu primer línea de tiempo.

93. Paso No. 4:
Luego de llenar cada casilla, debes dar clic en el recuadro que dice “Create new
timeline”

94. Paso No. 6 :
En la parte de arriba encontrarás la
palabra ADMIN, deberás dar clic y te
aparecerá el siguiente recuadro

95. Paso No. 7:
Da clic en donde dice Create New Story y te permitirá crear paso a paso tu
historia.

96. Paso No. 7:
Al crear una nueva historia aparecerá el siguiente recuadro.

97. Paso No. 8:
Al crear una nueva historia aparecerá el siguiente recuadro. Luego verás tu imagen
en la línea de tiempo.

98. Paso No. 9:
Cada nueva historia que crees irá apareciendo en tu pantallas. Y así creaste ya tu
línea del tiempo.

99. Paso No. 10:
Cuando termines tu línea del tiempo, debes salir de la aplicación dando clic en
LOGOUT.

100. Mindmeister
Tutorial Elaborado por:
Magdalena Estrada
https://www.mindmeister.com/es?gad_campaign=Spanish&gclid=CIWcxeiio9ACFYZehgodt0sBDQ

101. Introducción
Mindmeister es una herramienta para trabajar mapas mentales.
Sirve de apoyo para dar temas de historia, procedimientos de
matemática, Expresión artística, Formación Ciudadana.

102. Paso No. 1: copiar el siguiente link:
https://www.mindmeister.com/es?gad_campaign=Spanish&gclid=CIWcxeiio9ACF
YZehgodt0sBDQ. Aparecerá la siguiente pantalla

103. Paso No. 2:
Da clic en la palabra regístrate al entrar por primera vez y aparecerá el siguiente
recuadro, que deberás completar con tus datos

104. Paso No. 4:
Luego de ingresar los datos aparecerá la siguiente página, en donde aparecerá la
opción de Nuevo Mapa, allí deberás dar clic y podrás crear tu propio mapa mental

105. Paso No. 5:
Aparecerá un recuadro con varias
opciones. Esta vez crearemos un
mapa en la opción que dice En blanco
así que da clic en esta opción.

106. Paso No. 6:
Al dar clic en la opción de “en blanco” aparecerá el siguiente recuadro. Para crear el
Mapa deberás dar clic en el signo + y aparecerá un pequeño cuadro en el que podrás
escribir e ilustrar.

107. Paso No. 7:
Para crear más recuadros, deberás posicionarte en el cuadro que ya tienes y dar
clic sobre el signo más + las veces que necesites.

108. Paso No. 8:
En la misma página, al lado derecho aparecerá
un menú que permitirá personalizar la
información que coloques en tu mapa

109. Paso No. 9:
Cuando tu cuadro esté terminado, tienes varias opciones, una de ellas es
compartirlo, da clic en “Share” y aparecerá el siguiente recuadro

110. Paso No. 10:
Si lo que deseas es descargar el mapa
en tu máquina debes dar clic en la
opción de la nube con una fecha y
aparecerá el siguiente menú, debes
elegir la opción que desees:

111. Paso No. 11:
Si deseas imprimir tu mapa, da clic en la imagen de la impresora.

112. Storybird
Tutorial Elaborado por:
Brenda Santos
https://storybird.com/

113. Introducción
• Storybird es un herramienta muy completa que permite crear
cuentos, historias o poemas de una manera muy creativa. El
menú da al estudiante imágenes, textos y diseños completos.
• Tus amigos no creerán que tu lo hiciste.
• Además puedes publicar y vender tus historias.

114. https://storybird.com/
Paso No. 1: Ingresa la siguiente dirección
Al dar clic aparecerá la siguiente pantalla

115. Paso No. 2:
Da clic en el recuadro “sign up for free” si es la primera vez que ingresas o en “sign
in” cuando ya tengas tu usuario.

116. Paso No. 3:
Da clic en el rol que te represente.

117. Paso No. 4:
Ingresa tus datos para tener tu propia cuenta.

118. Paso No. 6:
Al terminar de ingresar tus datos, la página te dará la bienvenida.

119. Paso No. 7:
La página que aparece después, te da la opción de escoger si quieres crear un libro,
una historia o un poema
Yo escogí un Picture Books

120. Paso No. 8
Al bajar en la página, aparecen varias imágenes, al posicionarte en una aparecerá
un recuadro que te preguntará que deseas hacer con la imagen. Yo escogí Picture
Book

121. Paso No. 9:
Mi historia será sobre mi pero Toto
Al escoger está imagen aparece un recuadro que te permitirá darle título a tu
historia, así como empezar a ingresar más imágenes.

122. Paso No. 10:
Debes ingresar en parte de abajo el texto que dará vida a tu historia.

123. Paso No. 11:
Al terminar tu historia, podrás grabarla, o grabarla y salir de tu página.

124. Paso No. 12:
Tendrás tu propio libro

125. Paso No. 13:
Podrás compartir tu libro, vender tu libro o borrarlo o editarlo si deseas.

126. StoryJumper
Tutorial Elaborado por:
Brenda Santos
https://www.storyjumper.com/

127. INTRODUCCIÓN
StoryJumper es una herramienta para crear tus propias historias. Es fácil de
utilizar, te permite de una manera creativa darle personalidad a tus cuentos.
Al terminarlo podrás compartirlo, imprimirlo o publicarlo, tú decides.
Te invito a utilizar StoryJumper y conviértete en un diseñador profesional.

128. https://www.storyjumper.com/
Paso No. 1: Ingresar la siguiente dirección
Aparecerá la siguiente pantalla:

129. Paso No. 2:
Da clic en Sign Up si es la primera vez que ingresas
Inmediatamente aparecerá la siguiente pantalla en la cual deberás ingresar tus
datos

130. Paso No. 3:
Cada vez que entres deberás ingresar tus datos. Da clic en Login

131. 1
2
Paso No. 4:
Cuando entras por primera vez encontrarás la pantalla 1 y cuando entras por
segunda vez encontrarás la pantalla 2, en ésta tendrás la opción de crear un nuevo
documento o seguir trabajando el que ya empezaste.

132. Paso No. 5:
Es la primera vez que entro y escogí la opción de documento en blanco por lo que
apareció la siguiente pantalla (un tutorial)

133. Paso No. 6:
Luego de ver el tutorial, aparecen hojas en blanco que puedo ir trabajando.

134. Paso No. 7:
Del lado izquierdo de mi pantalla está el menú que me permite ir creando paso a paso
mi cuento:

135. Paso No. 8:
Las opciones en el menú son colocar texto, fondo o escenas. Si no me gusta las que
aparecen allí, puedo ir hacia abajo y me dará la opción de buscar más dibujos.

136. Paso No. 9:
Si quieres copiar, agregar, borrar una página, ve a la esquina derecha en la parte de
abajo y le doy clic a la opción que deseo.

137. Paso No. 10:
Si ya terminaste tu libro, puedes compartirlo, imprimirlo o grabarlo y salir. Da clic
en la función que desees.

138. Paso No. 11:
Al salir regresarás a la página principal.

139. Flipsnack
Tutorial Elaborado por:
Magdalena Estrada
www.flipsnack.com

140. Es una herramienta sencilla en la cual se puede crear
revistas, catálogos, libros.
Puedes utilizarlo para un trabajo ,una forma divertida de
elaborar tus propios diseños..
INTRODUCCIÓN

141. Bienvenidos a Flipsnack…
www.flipsnack.com
Paso 1:
regístrate con tu correo

142. Ingresar
Al lado derecho
tienes la opción
de compartir en
las redes
sociales
Paso 2:
Te aparece la ventana de iniciar sesión, ahí tienes que ingresar con tu correo y tu contraseña.
Luego haz click en el botón

143. Paso 3:
Aparece una ventana en la cual esta la plantilla que puedes utilizar ,donde puedes elegir la
que más te guste para crear tu revista, libro o catálogo.

144. Paso 5:
Selecciono la portada… Puedes usar imágenes desde tus
documentos

145. DISPOSICIONES
BOTONES
IMÁGENES
MEDIOS
FORMAS Y
TEXTOS
INTERACCIÓN
EDITAR

146. Paso 7:
En la parte inferior de la ventana aparecen los botones, si quieres eliminar, duplicar o cargar
archivos.

147. Y tendrás
tu revista
digital !!
https://www.flipsnack.com/57B
67FCF8D6/inteligencias-
multiples.html?p=12
EL LINK DE LA
REVISTA

148. GLOSARIO
1. Add: Agregar
2. Add content: Agregar contenido
3. Add page: Agregar página
4. Date: Fecha
5. Dropbox: Es un servicio de alojamiento de
archivos multiplataforma en la nube
6. Event: Evento
7. Export: Exportar

149. 8. Free count: Cuenta libre
9. From: De
10. Grab: Grabar
11. Highligtcolour Color de la línea del tiempo
12. Login: Clave
13. More scenes: Más escenas
14. My selections: Mis selecciones
15. Password: Contraseña
16. Pick type book: Escoge un libro
17. Random name picker: Selector aleatorio de nombres.
18. Random student generator: Generador aleatorio de estudiantes
19. Regístrate: Ingresar para inscribirte

150. 19. Remove: Remover.
20. Save: Salvar.
21. Save: Salvar
22. Select files: seleccionar diseños
23. Select: Seleccionar
24. Share: Compartir
25. Share: Compartir
26. Shuffling: Mezclar
27. Sign Up: Ingresar
28. Signo +: Utilizarlo cada vez que se quiera
agregar un recuadro

151. 29. Sostener: No soltar
30. Spin: Girar.
31. Sreen: Pantalla
32. Subir imagen: Buscar en internet
33. Submit: Enviar, presentar, someter.
34.Time: Tiempo
35. Timeline: Línea del tiempo
36. Try it out: Ingresar
37. URL: Dirección específica que se le asigna
a cada uno de los recursos de la red con la
finalidad de que puedan ser localizados o identificados.
38. VK (Vkontakte): Red social rusa

152. Conclusiones
Sobre el trabajo a presentar y la experiencia de trabajo en equipo.
1. Este trabajo nos hace sentirnos emocionados y orgullosos del conocimiento que estamos
adquiriendo, es un logro a nivel profesional.
2. El compendio de los tutoriales, representa el aprendizaje adquirido por todos en la clase de
Tecnología.
3. La comunicación y disposición de cada uno de los miembros del grupo permitió tener como
resultado un trabajo completo, organizado y completo para poderlo compartir con otros
docentes.
4. Fue una experiencia enriquecedora porque nos permitió compartir entre los miembros del
grupo lo que hemos aprendido y además mejorar la relación y la comunicación entre nosotros.

153. Hoy en día todos los niños viven en un mundo digitalizado, los nativos del siglo XXI han permitido abrir muchas puertas al
conocimiento y a la vez, a las posibilidades del lenguaje digital.
Tecnología y Educación II para mí fue como navegar entre nubes, aprendí varias herramientas esenciales para potenciar la
comunicación y la interacción social del proceso enseñanza aprendizaje.
A mi criterio las grandes ventajas del lenguaje digital son:
Motiva a que los alumnos aprendan, se adapten a los estilos de aprendizaje de cada alumno, desarrolla habilidades sociales, invita a la
competencia, desarrolla el pensamiento lógico y matemático, abre puertas a la exploración, facilita el trabajo autónomo de los
estudiantes, fomenta la creatividad.
Sonia
Fue muy enriquecedora porque conocí, aprendí diferentes herramientas y recursos. Como profesional me ayuda en el proceso
enseñanza aprendizaje porque la educación debe transformarse y cambiar. En el mundo actual la tecnología ha tenido gran
impacto en la educación, se ha convertido en una parte vital y esencial de las nuevas generaciones que demandan nuevas formas
de adquirir el conocimiento debido especialmente a su capacidad de interconexión.
Ha sido un instrumento importante en las actividades que realizo laborales y académicas.
Magdalena
Valoro la experiencia del trimestre, el descubrir estos recursos me permite innovar, crear y desafiar a muchos de mis
compañeros docentes para que salgan de su zona de confort.
A nivel personal me permitió descubrir en mí ciertas habilidades de las cuales no era consciente pero ahora me
siento retada y comprometida a ponerlas en práctica para hacer cambios en mi entorno.
Gracias!!!. Brenda

154. Amo la tecnología, si se maneja de forma sana no podemos encontrar nada malo en ella. Éste trimestre llenó mi repertorio
de herramientas didácticas, unas me gustaron más que otras, pero sin duda todas son funcionales. El hacer los tutoriales
para compartirlo con la comunidad docente, nunca lo hubiera pensado, y lo cierto es que también me agradó, porque
puedo ayudar a muchas personas que desean conocer herramientas para innovar en su salón de clases. En fin, espero que
éste año que viene sea mil veces mejor que éste.
Marielos
Hace unos días estuve en capacitación con 20 instructores, necesitábamos realizar una clase modelo, y a mí solo se me
ocurría meter TIC en el desarrollo de la misma, ninguno de mis compañeros ni si quiera pensó en usar alguna
herramienta. Cuando expuse mi clase haciendo uso de las herramientas didácticas que aprendimos todos se quedaron
fascinados, fui la sensación, todos querían saber cómo se llamaban, donde las encontraban, como las usaba, y entonces vi
lo genial que fue hacer los tutoriales y recursos, me sentí con la responsabilidad de apoyar a mis compañeros porque los
vi completamente emocionados, les conté que de parte de la universidad el trabajo en grupo era el compendio de
herramientas y que en cuanto tuviera el link en donde estaría publicado se los enviaría, tengo 21 correos de personas a
quienes tengo que enviarlos, incluido está el instructor que nos está capacitando. Me hizo sentir genial.
Gracias porque por esto estudio, por aprender y enseñar.
Nery

155. e-grafía / bibliografía
1. www.transum.org/software/RandomStudents/Default.asp
2. www.clastools.net/random-name-picker/
3. http://editor.pho.to/es/
4. https://addons.mozilla.org/es/firefox/addon/screengrab-fix-version/?src=search
5. http://www.readwritethink.org/files/resources/interactives/timeline_2
6. https://www.canva.com/
7. https://popplet.com/
8. https://www.mindmeister.com/es?gad_campaign=Spanish&gclid=CIWcxeiio9ACFYZehgodt0s
BDQ
9. http://www.tiki-toki.com
10.https://storybird.com/
11.https://www.storyjumper.com/
12.www.flipsnack.com

156. GRACIAS!!!