Genially
Prólogo
Este tutorial se enmarca dentro de los lineamientos del Plan Integral de Educación
Digital (PIED) del Ministerio de Educación del Gobierno de la Ciudad Autónoma de
Buenos Aires que busca integrar los procesos de enseñanza y de aprendizaje de las
instituciones educativas a la cultura digital.
Uno de los objetivos del PIED es “fomentar el conocimiento y la apropiación crítica de
las Tecnologías de la Información y de la Comunicación (TIC) en la comunidad
educativa y en la sociedad en general”.
Cada una de las aplicaciones que forman parte de este banco de recursos son
herramientas que, utilizándolas de forma creativa, permiten aprender y jugar en
entornos digitales. El juego es una poderosa fuente de motivación para los alumnos y
favorece la construcción del saber. Todas las aplicaciones son de uso libre y pueden
descargarse gratuitamente de Internet e instalarse en cualquier computadora.
De esta manera, se promueve la igualdad de oportunidades y posibilidades para que
todos puedan acceder a herramientas que desarrollen la creatividad.
En cada uno de los tutoriales se presentan “consideraciones pedagógicas” que
funcionan como disparadores pero que no deben limitar a los usuarios a explorar y
desarrollar sus propios usos educativos.
La aplicación de este tutorial no constituye por sí misma una propuesta pedagógica. Su
funcionalidad cobra sentido cuando se integra a una actividad. Cada docente o
persona que quiera utilizar estos recursos podrá construir su propio recorrido.
2
Genially
Índice
¿Qué es?
Requerimientos técnicos
Nociones básicas
o Acceder al sitio
o Registrar una cuenta
Paso a paso
o Iniciar sesión
o Crear una publicación
o Agregar y editar texto
o Agregar animación a un objeto
o Agregar una imagen
o Modificar el tamaño de un objeto
o Mover un objeto
o Rotar un objeto
o Eliminar un objeto
o Agregar recursos
o Organizar los objetos
o Incorporar un video
o Incorporar audio
o Agregar un botón interactivo
o Crear un área invisible
o Insertar contenido externo
o Eliminar una publicación
o Previsualizar la publicación
o Publicar
o Compartir una publicación
Enlaces de interés
3
Genially
¿Qué es?
Genially es un gestor de contenidos digitales que permite realizar creaciones atractivas.
Pueden ser presentaciones, infografías, mapas, líneas de tiempo entre otros, en todos los
casos, interactivos.
Es posible compartir e incluso embeber el material logrado en una plataforma como Google
Classroom o en un blog escolar, utilizando una cuenta gratuita. Esta cuenta permite editar,
pero no descargar el producto final.
Requerimientos técnicos
• Puede utilizarse bajo los sistemas operativos Windows y GNU/Linux.
• Requiere acceso a internet.
• Es necesario registrarse.
• URL de la aplicación: [Link]
Nociones básicas
Acceder al sitio
Es posible acceder al sitio utilizando cualquier navegador a través de la dirección
[Link]
4
Genially
Registrar una cuenta
Es necesario registrar una cuenta para crear las producciones. En la ventana principal elegir la
opción Regístrate.
Se abrirá a continuación una nueva ventana donde se deberá completar los datos de usuario.
1. Email. Ingresar la dirección de correo electrónico con la que se registrará.
2. Contraseña. Ingresar contraseña.
3. Repetir contraseña. Volver a ingresar la contraseña para verificar que sea correcta.
4. Continuar con Google. Es posible ingresar a través de una cuenta de Google ya
utilizada en el equipo.
Para finalizar presionar el botón Regístrame.
5
Genially
En la siguiente ventana seleccionamos en qué área se utilizará el programa. Para este tutorial
elegimos Educación primaria.
Luego presionamos el botón Siguiente.
Debemos elegir nuestro perfil. En este caso seleccionaremos Profesor y luego el botón
Siguiente.
6
Genially
Paso a paso
Iniciar sesión
Ingresar al sitio a través de la dirección [Link] y elegir la opción Iniciar
Sesión.
En la nueva ventana ingresar los datos de usuario.
1. Email. Ingresar la cuenta de correo con la que se registraron.
2. Contraseña. Ingresar la contraseña registrada.
3. Continuar con Google. Elegir esta opción si se registraron con una cuenta de Google.
Luego presionar el botón Entrar.
7
Genially
Obtendremos a continuación el panel principal.
1 7 8
2
6
3
4
5
1. Crear Genially. Permite crear nuevos diseños.
2. Mis creaciones. Muestra los diseños realizados anteriormente por el usuario.
3. Papelera.
4. Mi marca. Muestra la configuración de nuestra marca como por ejemplo logo y
colores.
5. Inspiración. Galería de diseños ya creados por otras personas que sirven de ejemplo.
6. Nuestras creaciones.
7. Notificaciones.
8. Configuración y cierre de sesión.
8
Genially
Crear una publicación
Desde el panel principal que se abre al ingresar al sitio con nuestro usuario elegimos Crear
Genially.
Seleccionamos la categoría a utilizar.
Al acercarnos a la categoría vemos que se habilita el botón Crear. Para este tutorial
seleccionaremos Infografías.
9
Genially
A continuación, obtendremos una nueva ventana con las distintas plantillas de infografías.
Podemos observar que algunas plantillas tienen una estrella. Eso nos indica que dicha plantilla
es paga.
Es posible hacer un filtro de estas imágenes para obtener solo las gratuitas. En la parte
superior de la ventana encontramos la barra de búsqueda y filtrado. Al desplegarla muestra
las opciones elegidas (que son las tildadas en azul).
10
Genially
En este caso, desmarcamos la opción Premium y solo veremos las gratuitas.
Seleccionamos una de las plantillas pulsando sobre ella.
A continuación, se muestra el ejemplo de plantilla. En la parte inferior de la ventana es posible
seleccionar una paleta de colores a aplicar en la infografía.
Luego pulsamos el botón Usar esta plantilla.
11
Genially
Se abrirá a continuación el escritorio de trabajo.
4
1
5 6 7 8
2
9
1. Barra de herramientas. Aquí se pueden seleccionar el tipo de letra, insertar imágenes
y agregar recursos interactivos, entre otros ítems.
2. Panel. Se observan las miniaturas de las páginas. Cuenta con las opciones de agregar
una página, duplicar, eliminar o cambiar el orden de las mismas.
3. Opciones de página. Permite aumentar o reducir la visualización, agregar o eliminar
páginas y navegar entre ellas.
4. Deshacer, Rehacer, Guardado y nombre de archivo. Se recomienda colocar el nombre
de la infografía cuando se comienza la misma.
5. Colaboradores. Pueden incorporarse personas para que editen la infografía, de
manera colaborativa. La versión gratuita no permite la colaboración sincrónica, es
decir varios colaboradores editando al mismo tiempo.
6. Previsualizar. Muestra una vista previa de la infografía que se está editando.
7. Publicar.
8. Configuración.
12
Genially
9. Más opciones. Esta solapa contiene opciones de configuración de página y
animaciones.
Agregar y editar texto
En el caso de haber seleccionado una infografía prediseñada, que ya contiene cuadros de
texto, debemos modificar su contenido realizando clic en el cuadro. Borrar y escribir el nuevo
texto. Podemos observar que al abrirse el cuadro de texto muestra dos barras de
herramientas.
A B C D
A. Bloquear.
B. Arrastrar.
C. Interactividad.
D. Animación.
1 2 3 4 5 6 7 8 9 10
13
Genially
11 12 13 14 15 16 17 18 19 20 21 22 23
1. Cortar. 12. Itálica.
2. Copiar. 13. Subrayado.
3. Eliminar. 14. Color de subrayado.
4. Bloquear. Fija el objeto en la 15. Mayúsculas.
página.
16. Sombra.
5. Ordenar.
17. Párrafo. Permite alinear el texto.
6. Posicionar.
18. Lista.
7. Transparencia.
19. Interlineado.
8. Color.
20. Espaciado entre párrafos.
9. Fuente.
21. Interletrado.
10. Tamaño de fuente.
22. Eliminar formato.
11. Negrita.
23. Activar arrastrar al visualizar.
Seleccionar el botón Texto en el caso de necesitar agregar un cuadro de texto. Se pueden
seleccionar distintos formatos como encabezados, subtítulos y listas numeradas, entre otros.
14
Genially
Podrá observarse entonces que un cuadro de texto con su barra de edición se incorpora a la
página. El texto puede ser editado.
Agregar animación a un objeto
El programa permite agregar efectos a los objetos. Puede ser de entrada, salida, movimiento
continuo o al ubicar el puntero del mouse sobre él.
En este ejemplo agregaremos animación a un cuadro de texto.
Seleccionar el cuadro de texto. Elegir la opción Animación de la barra de edición.
15
Genially
Se abrirá a continuación el panel de animación donde seleccionar las opciones a aplicar en el
objeto.
6 7 8
4 5
1. Estilo de animación. Pueden incorporarse las siguientes animaciones:
Entrada: Seleccionamos el tipo de animación que deseamos que el objeto
tenga para entrar a la escena.
Salida: Seleccionamos el tipo de animación que deseamos que el objeto tenga
para salir de la escena.
Continuo: Este efecto permite que el objeto tenga un efecto continuo y se
reproduzca durante todo el transcurso de la presentación.
Ratón encima: Esta animación sólo se reproduce cuando ubicamos el mouse
sobre el elemento al que le aplicamos el efecto.
2. Dirección. Establecer en qué sentido se desplazará el objeto.
3. Efecto. Seleccionar el efecto a aplicar.
4. Inicio. Permite controlar los tiempos para la aparición o desaparición del objeto.
5. Velocidad.
6. Copiar valores de animación. Permite copiar los efectos seleccionados para aplicarlos
en otro objeto.
7. Pegar valores de animación. Pega los efectos copiados desde otro objeto.
8. Eliminar valores de animación.
16
Genially
Es conveniente revisar los efectos a aplicar en todos los dispositivos desde PC hasta celulares.
Cuando aplicamos la animación Ratón encima suele no activarse fácilmente desde una Tablet
o celular. Es importante tener en cuenta qué dispositivos utilizarán los alumnos para
seleccionar la animación.
Agregar una imagen
Seleccionar el botón Imagen para agregar una en la infografía.
1. Imágenes de equipo.
Se abre una ventana donde seleccionar la imagen desde la computadora.
Observaremos luego dicha imagen en el panel. La pulsamos y será incorporada en
nuestra infografía.
17
Genially
2. URL. Indicamos la dirección de la imagen en internet.
3. Imágenes de galería. El sitio cuenta con la opción de realizar la búsqueda de
imágenes en distintos espacios de almacenamiento público. Escribir en el cuadro
Busca imágenes, la descripción del objeto que se necesita.
1
[Link]
2
[Link]
18
Genially
Se cuenta con la posibilidad de cambiar los espacios de búsqueda y algunas
características.
4. Espacios de almacenamiento. También es posible seleccionar alguno de estos
espacios de almacenamiento como Google Drive o Dropbox.
Modificar el tamaño de un objeto
Acercar el puntero del mouse a un vértice del objeto. Se observa que el puntero se convierte
en una flecha de doble punta. Esto permite ampliar o reducir el tamaño del mismo.
19
Genially
Mover un objeto
Acercar el puntero del mouse al objeto hasta que el mismo se convierta en una flecha en
forma de cruz. Desplazar el objeto con el botón del mouse presionado hacia el lugar elegido.
Rotar un objeto
Seleccionar el objeto que se desea girar. Pulsar la flecha circular que aparece debajo del mismo
y arrastrar en el sentido deseado.
20
Genially
Eliminar un objeto
Seleccionar el objeto de la publicación que se desee eliminar. Luego presionar las teclas
Suprimir/Retroceso o elegir del menú contextual la opción Eliminar. En ambos casos se
borrarán los objetos seleccionados.
Agregar recursos
Esta opción permite incorporar distintos tipos de recursos como ser iconos, formas, líneas y
flechas, ilustraciones, escenarios, mapas y siluetas.
Seleccionar del menú lateral la opción Recursos. Se abrirá la ventana con el menú de opciones
divididos en categorías. Elegir el elemento deseado.
21
Genially
Como en el caso de las imágenes, es posible encontrar el icono ingresando una palabra en el
buscador. Una vez ubicado, presionar la imagen para incorporarla en la infografía.
Organizar los objetos
Cuando se insertan varios objetos, los mismos se van ubicando de manera superpuesta.
Muchas veces es necesario cambiar el orden de aparición de los mismos.
En el ejemplo se observa que la imagen oculta una parte del texto. Esto se debe a que la
imagen se insertó después del texto.
3
[Link]
22
Genially
Seleccionamos el cuadro de texto y elegimos la opción Ordenar.
Se abren las siguientes opciones.
1 2 3 4
1. Traer al frente.
2. Traer adelante.
3. Enviar atrás.
4. Enviar al fondo.
En este ejemplo hemos seleccionado la opción Traer adelante. Vemos que el texto se ubica
por delante de la imagen.
23
Genially
Incorporar un video
Es importante recordar que sólo podemos agregar un video que se encuentre subido a
internet. Puede ser a YouTube, Vimeo o utilizar Google Drive.
Elegimos del menú la opción Insertar. Seleccionamos la solapa Video.
Aquí es posible pegar el link en el cuadro o seleccionar la opción Google Drive y buscar nuestro
video.
24
Genially
El video se mostrará en la infografía junto a la ventana de configuración.
1. Autoplay. Se encuentra desactivada por defecto. En caso de activarla, permitiremos
que el video se reproduzca de manera automática.
2. Loop. Cuando se activa esta opción el video comienza nuevamente a reproducirse
desde el principio.
3. Mute. Esta opción permite activar o desactivar el audio del video.
4. Ocultar barra reproducción. En caso de activarla desaparecen los controles del video
tales como pausa, subir volumen o poner en pantalla completa, entre otros.
5. Comenzar en el segundo. Podemos indicar en qué momento del video se debe
ejecutar. A veces necesitamos mostrar un video a partir de un tiempo determinado.
4
Así es la bandera: Argentina - Canal Encuentro HD - YouTube -
[Link]
25
Genially
Incorporar audio
Elegimos del menú la opción Insertar. Seleccionamos la solapa Audio.
1. Tu equipo. La posibilidad de insertar un audio desde el equipo sólo se encuentra
disponible en la versión premium.
2. Grabación de audio. Permite activar el micrófono y grabar el audio que será insertado.
3. URL. Habilita la inserción de audios desde Spotify, SoundCloud, YouTube Music,
Audioboom, Mixcloud, Deezer. En todos los casos copiando y pegando el enlace.
El audio se insertará en la infografía junto a la ventana de configuración.
26
Genially
1. Autoplay. Se encuentra desactivada por defecto. En caso de activarla, permitiremos
que el audio se reproduzca de manera automática.
2. Loop. Cuando se activa esta opción el audio comienza a reproducirse nuevamente
desde el principio.
3. Ocultar reproductor. En caso de activarlo desaparecen los controles de audio tales
como pausa y subir o bajar el volumen, entre otros.
4. Audio de fondo.
5. Acortar la duración. Podemos indicar qué momento del audio queremos reproducir.
Agregar un botón interactivo
Elegimos del menú la opción Elementos interactivos. Aquí se encuentran distintas categorías
de elementos interactivos: botones, marcadores, redes sociales y área invisible.
27
Genially
Seleccionamos el botón pulsando sobre él. En este ejemplo seleccionaremos un botón de
información. Podemos reubicarlo en la actividad, cambiar el color y su tamaño.
Luego presionamos la herramienta de Interactividad.
Se abrirá una ventana donde seleccionar el tipo de interactividad disponible:
28
Genially
Etiqueta. Permite agregar un pequeño texto que se despliega al pasar el puntero del
mouse sobre el elemento.
Ventana. Muestra una nueva ventana cuando se pulse sobre el elemento.
Ir a página. Lleva al usuario a otra página dentro del mismo [Link], seleccionada por
nosotros.
Enlace. Abre una URL en otra pestaña cuando se pulse sobre el elemento.
En el ejemplo elegiremos Ventana. Aparecerá un cuadro donde ingresar la información que se
desea mostrar. Puede contener texto, imágenes, tablas, videos y links.
1 2
29
Genially
1. Título del elemento. Mostrará este título al acercar el puntero del mouse al objeto.
2. Tamaño de ventana.
3. Barra de herramientas.
4. Área de trabajo.
Luego presionar el botón Guardar.
Al acercar el puntero del mouse al elemento, se podrá observar el breve título del mismo.
Cuando se pulsa sobre él, se abre la ventana con la información indicada.
Si estamos creando una presentación, los botones interactivos permiten el movimiento entre
páginas. Contamos con los botones: Siguiente, Anterior, Inicio, etc.
5
Manuel Belgrano - Wikipedia, la enciclopedia libre - [Link]
30
Genially
Crear un área invisible
Las áreas invisibles son elementos que permiten generar interactividad en cualquier parte de
una imagen o presentación sin necesidad de agregar un marcador. En el siguiente ejemplo se
necesitan generar zonas interactivas, pero sin agregar elementos.
Elegimos del menú la opción Elementos interactivos. Seleccionamos la opción Área invisible.
Observamos que se agrega un rectángulo sombreado.
Ubicamos el recuadro donde necesitamos crear la interactividad y modificamos su tamaño.
6
[Link]
31
Genially
Para evitar que se desplace cuando estamos editando otros elementos, lo podemos bloquear.
Esto hará que quede fijo en el lugar. Reconocemos los objetos bloqueados ya que el icono se
muestra en color azul.
Luego le agregamos la interactividad deseada. En este caso será simplemente una etiqueta con
información.
32
Genially
Insertar contenido externo
Contamos con la posibilidad de agregar elementos externos como ser una página web, un
documento o presentación de Google Drive, entre otros utilizando su URL o embebiendo el
código.
Elegimos del menú la opción Insertar. Seleccionamos la solapa </> Otros.
Aquí pegamos el enlace o código para embeber y presionamos el botón Insertar.
33
Genially
Eliminar una publicación
En el panel de trabajo podemos ver todas las publicaciones realizadas. Desde aquí eliminamos
las publicaciones no deseadas.
Seleccionamos el botón Más aproximándonos a la publicación a eliminar.
Del menú que se despliega elegimos la opción Eliminar.
34
Genially
En la nueva ventana confirmar que se desea eliminar la publicación.
Las publicaciones que se eliminen, serán ubicadas en la Papelera.
Previsualizar la publicación
Podemos comprobar cómo está quedando la publicación presionando el botón Previsualizar.
35
Genially
Nos mostrará la publicación con los efectos que hayamos elegido y permitirá probar su
funcionamiento.
Observamos en el extremo superior derecho el botón que nos permite ver los elementos
interactivos.
Al pulsar en él, se muestran en pantalla los elementos interactivos. De esta manera podemos
probar el funcionamiento de los elementos.
36
Genially
Publicar
Una vez finalizada nuestra actividad podemos publicarla. En primer lugar, seleccionamos del
menú superior la opción Configuración. Aquí elegimos Preferencias.
Se abrirá una ventana con tres solapas: Visualización, Privacidad y Atajos de teclado.
a. Visualización
37
Genially
1. Compartir Genially. Cualquier persona puede compartir la publicación e
incluso insertarla en un blog o página web.
2. Pantalla completa. La publicación Genially se adapta a pantalla completa.
3. Indicador de interactividad. Cuando colocamos un elemento interactivo se
muestra en el extremo superior derecho un icono que al pulsarlo activa todos
los elementos interactivos.
4. Indicador elementos arrastrables. Muestra en pantalla un indicador de los
elementos que son arrastrables.
5. Pintar sobre el Genially. Cuando activamos esta opción se puede pintar sobre
la visualización de Genially modificando grosor y color. No permite guardar los
cambios.
6. Títulos. Permite utilizar “etiquetas” que se muestran al ubicar el puntero del
mouse sobre los elementos.
7. Estilo de etiqueta. Permite seleccionar si las etiquetas son blancas o negras.
b. Privacidad
Aquí tenemos la opción Público en la web. La opción Privado solo se encuentra
disponible en la versión Premium.
Si activamos la opción Reutilizable estamos habilitando a que nuestra publicación sirva
de plantilla para otros usuarios.
Indicamos su Título (podemos modificar el que establecimos anteriormente) e
incorporamos una breve Descripción.
38
Genially
c. Atajos de teclado
Una vez configurado, presionamos el botón ¡Listo!
39
Genially
Compartir una publicación
Seleccionar la opción Compartir del menú superior.
Veremos a continuación una ventana como la siguiente donde elegir la forma de compartir
nuestra publicación:
1. Enlace. Muestra el enlace del sitio Genially que tiene nuestra publicación y que
podemos compartir, inclusive por Whatsapp.
40
Genially
2. </> Insertar. Obtenemos aquí el código para embeber nuestra publicación en un sitio
web o blog.
3. Enviar por email. Envía por correo electrónico el enlace de la publicación. Indicamos
en el cuadro las direcciones de correo a las que deseamos enviar nuestro Genially.
41
Genially
4. Redes sociales. Permite compartir la publicación a través de las siguientes redes
sociales.
5. …Otros. Permite compartir la publicación con distintos grupos en Google Classroom o
Microsoft Teams.
42
Genially
Enlaces de interés
Sitio oficial
[Link]
Centro de ayuda Genially
[Link]
43
Genially
Tutoriales
disponibles
[Link]
44
Genially
45
