PROGRAMA DE CAPACITACIÓN DOCENTE CONTINUA (PROCADO)
MICROTALLER PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL
1
Tutorial: Genially
Encuentro
En este paso a paso nos acercaremos a Genially, una plataforma online para la generación de
contenidos interactivos, muy flexible e intuitiva. Exploraremos los recursos que ofrece de
manera gratuita, si bien tiene una serie de servicios sólo disponibles en la versión profesional
arancelada.
Comenzaremos por entrar a la web: https://www.genial.ly/ y registrarnos como usuarios:
PROCADO / Secretaría Académica
Campus Virtual UNLa / Vicerrectorado
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Una vez que ingresamos la pantalla general del programa nos muestra un menú lateral
izquierdo del cual vamos a destacar las siguientes opciones:
Una pestaña que
muestra los trabajos
que ya realizamos en
la plataforma. Si
acceden por primera
vez esta vista estará
vacía.
Otra que nos propone
explorar ejemplos de
distintos contenidos
desarrollados por
otros usuarios de
Genially
Y finalmente la pestaña que nos interesa: Crear Genially. Allí podremos elegir el tipo de
recurso que queremos generar, entre una diversidad de opciones: una presentación, una
imagen interactiva, un video-presentación, infografías en distintos formatos, informes, y
distintos tipos de recursos para utilizar con fines educativos, -learning resources, gamificación,
entre otros-.
2
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
En nuestro caso, realizaremos una Presentación:
Al elegir esa opción se despliegan una serie de plantillas preconfiguradas. Lo que debemos
tener en cuenta es que las que están señaladas con una estrella sólo están disponible para el
plan Premium –arancelado-.
3
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Para probar un ejemplo vamos a seleccionar la plantilla Presentación Genial:
Cuando elegimos cualquier plantilla, la primera vista que nos muestra la plataforma es una
previsualización de las distintas composiciones que la plantilla ofrece, navegando a través de
las pantallas:
4
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Una vez que presionamos el botón Usar esta plantilla, en el ángulo inferior derecho, aparecen
todas estas opciones de diseños de página, que podremos seleccionar para configurar las
distintas pantallas de nuestra presentación, de acuerdo al contenido: portada con título,
índice, listado de ítems, texto con imagen, video con texto, mapa, etc.
Los modelos seleccionados aparecerán luego como páginas de base para realizar nuestra
presentación. Podremos visualizarlas haciendo clic en el ícono Páginas del panel lateral
izquierdo. Desde allí se pueden seleccionar las distintas páginas para trabajar sobre la deseada
en cada momento.
5
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Este panel nos da acceso también a todos los recursos que podemos incorporar a nuestra
presentación: texto, imagen, recursos diversos –íconos, formas, líneas, ilustraciones-,
elementos interactivos, inserción de videos, fondos.
Por ejemplo, al desplegar la herramienta Texto, y elegir una de las variables propuestas,
aparecerá un cuadro de texto en la pantalla, con el perímetro de líneas punteadas indicando
que está activo para editar –del mismo modo se comportará cualquier bloque de texto que
seleccionemos con un clic-.
La edición tiene similaridades con las que conocemos de Power Point: una cruz nos indica que
podemos mover el bloque por la página, y el cursor nos permite editar el texto. En ambos
casos, al seleccionar el elemento va a aparecer un menú en la barra superior, con
6
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
herramientas estándar para la edición: las generales de copiar, cortar, eliminar, y específicas
de edición de textos como negrita, itálica, mayúsculas-minúsculas, alineación de párrafo, etc.
En una barra más arriba de ésta encontraremos las herramientas universales de deshacer o
rehacer una acción, así como guardar y ponerle nombre a nuestro trabajo.
Del mismo modo que editamos los bloques de texto, podremos incorporar y editar imágenes,
formas, líneas, íconos. En el caso de las imágenes, podemos subir una desde nuestra
computadora, llamarla desde una dirección web incorporando su url, elegir entre las
disponibles en la galería del programa, o seleccionar alguna de Pixabay, un portal de imágenes
de uso libre. En este menú podremos elegir también un GIF, en una galería de uso gratuito,
que nos permitirá incorporar pequeñas animaciones a la presentación –un recurso importado
desde las redes sociales-.
7
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Si queremos incorporar una imagen desde nuestra computadora, simplemente la arrastramos
desde el disco al área que aparece en el menú, y luego desde éste al área de trabajo. Una vez
allí, podremos editarla con las herramientas del menú superior: cambiar su tamaño,
transparencia, ubicarla delante o detrás de otros elementos, o recortar una parte.
Arrastrar una imagen desde una carpeta de nuestro disco a esta área del panel
Luego arrastrar la imagen desde el panel al área de trabajo
Genially permite también incorporar otros medios a la presentación, tales como videos,
audios y vínculos a redes sociales. Esto se realiza con la herramienta Insertar.
8
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Pestañas para insertar videos, audios u otros recursos como vínculos a redes sociales
Insertar
Pero los recursos realmente innovadores que propone Genially son aquellos que nos permiten
incorporar interactividad y movimiento a nuestros contenidos. Lo interesante es que es
posible incorporar estos atributos a cualquier elemento de la presentación, sea un bloque de
texto, una imagen, un ícono o un GIF. Esto se realiza utilizando los dos recursos que aparecen
como íconos transparentes al seleccionar un elemento, y que tienen su correlación en el menú
lateral derecho: la interactividad y la animación.
9
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Al hacer clic en el ícono de interactividad, se despliega una ventana en la que podremos elegir
el tipo de interacción deseado:
Las dos primeras opciones permiten abrir una información flotante en la misma pantalla de la
presentación –etiqueta, para poco texto, y ventana para párrafos más largos-, mientras que
las dos segundas nos llevan fuera de la página –a otra página dentro de la misma presentación,
o a una web externa mediante una url-. En todos los casos, al elegir la opción se abrirá una
ventana de edición donde podremos incorporar el texto y darle las características deseadas.
Visualización de una etiqueta: se despliega flotante sobre la pantalla al pasar el
cursor sobre la forma a la que aplicamos la interacción.
10
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
La ventana en cambio se despliega en toda la pantalla, dejando el resto de la
página en sombra. Se activa al hacer clic sobre la forma a la que aplicamos la
interacción, y puede mostrar un título al pasar el cursor sobre ésta.
Estas mismas opciones están disponibles en el menú derecho, donde también podremos
editar los tipos de animación.
11
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
El panel de Animación nos permite aplicar movimiento a nuestros elementos, editando tres
aspectos del mismo:
- tipo de animación: al entrar o al salir, de manera continua, o al pasar el puntero sobre
el elemento.
- dirección: derecha, izquierda, arriba o abajo.
- efecto: zoom, aparecer, enfocar, pulso, entre muchas otras opciones. Estas variantes
de efecto van a cambiar de acuerdo al tipo de animación y dirección elegidas.
Animación
Dirección
Efecto
Más allá de animar los elementos de contenido, podemos utilizar también los elementos
prediseñados para comportarse como botones; los encontraremos en el menú Elementos
interactivos.
12
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
Allí podremos elegir entre una variedad de botones diseñados para distintos usos: íconos para
indicar diferentes acciones –ir al inicio de un sitio, desplazarse, etc.-, botones de texto,
números o letras, botones para utilizar en mapas que indican ubicación de distintos
elementos, e íconos de redes sociales para incorporar a la presentación. En todos los casos, al
cliquear sobre la forma elegida, ésta aparecerá automáticamente en el área de trabajo, donde
podremos aplicarle los atributos de interactividad y animación como en los casos anteriores.
Panel de botones
Llegando al final del tutorial, vamos a revisar algunas acciones fundamentales: cómo guardar
y previsualizar nuestra presentación, cómo compartirla con otros usuarios para un trabajo
colaborativo, y cómo publicarla.
Para esto nos concentraremos en el menú superior de color negro. En primer lugar debemos
guardar la presentación, asignándole un nombre en el cuadro disponible sobre la izquierda
del menú. De este modo se guardará una copia de la presentación en Genially, y nos aparecerá
en el menú Mis creaciones.
Luego utilizaremos los botones de la derecha:
Botón para compartir Botón para previsualizar
Botón para publicar
13
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
- Compartir: nos permite sumar colaboradores a nuestra presentación, que podrán
editar con los mismos permisos que nosotros como propietarios. Se les envía una
notificación vía mail.
- Previsualizar: nos muestra la presentación tal como se verá una vez publicada. Esta
vista es muy útil para ir chequeando cómo van quedando los distintos recursos que
incorporamos y los atributos de interactividad y animación que aplicamos.
- Publicar: nos habilita distintas opciones para presentar nuestro proyecto. “Presentar”
abre una nueva pestaña en el navegador para poder visualizar la presentación.
“Compartir” nos brinda la información codificada para enviarla o incorporarla en un
aula virtual. “Descargar” baja toda la información a nuestro disco, aunque esta opción
está sólo accesible para los planes pagos.
En nuestro caso, nos concentraremos en la opción Compartir, que es la que necesitaremos
para utilizar la presentación en nuestras clases.
14
CAMPUS VIRTUAL UNLa/PROCADO_ PRESENTACIONES VISUALES PARA LA ENSEÑANZA VIRTUAL_TUTORIAL
La plataforma nos presenta cuatro opciones:
- Enlace: nos brinda una dirección url para acceder a través de la web.
- Insertar: nos permite copiar el código de programación de la presentación, que
podremos incorporar en una etiqueta de nuestra aula virtual.
- Enviar por mail: envía una copia a las direcciones que consignemos.
- Redes sociales: exporta una versión automáticamente a la red social que elijamos.
Ahora que ya hemos recorrido las herramientas básicas de Genially… los invitamos a
experimentar!!!
15
