Bytes sobre Educación y Tecnología en Argentina
Me invitaron a realizar una charla sobre software libre y Huayra.
Comparto aquí mis diapositivas, realizadas en HTML + CSS, con licencia Creative Commons Atribución.
Enlace a las diapositivas en línea: http://irisfernandez.ar/SLyHuayra/
Descargar archivo comprimido con las diapositivas
Continuando con los posteos sobre H5P quería mostrarles esta herramienta super interesante para diversas actividades: Escenario ramificado.
Empecemos por ver un ejemplo elaborado por mi grupo para un seminario de la Maestría en Enseñanza en Escenarios Digitales:
Otro ejemplo impresionante (que requiere muchísima más elaboración, ya que se filmaron diferentes escenas de acuerdo a las opciones que se van eligiendo) es el que ofrecen en el mismo sitio de H5P:
El primer paso va a ser crear un buen guión. Sin guión se complica un poco recordar qué cosa va en cada lugar, por eso lo ideal es tener la estructura previamente armada.
Una vez que ya tenemos el guión, empezamos a armar el escenario ramificado en H5P (puede usarse desde WordPress, Moodle, o el sitio de H5P). Aquí un video de gran parte del proceso:
Y este es el resultado:
Hoy quiero mostrarles dos herramientas que me parecen excelentes para comparar imágenes. Puede servir para comparar dos imágenes que muestran estados de cosas o una serie de imágenes que muestran una secuencia.
En el primer tipo de actividad, Image juxtaposition, se muestran dos imágenes con un deslizador en el medio. Ese deslizador se mueve con el mouse para observar una u otra imagen:
Otro ejemplo que se puede mirar es el que comparten en el sitio de H5P, de un lugar antes y después de una inundación.
En el segundo caso, con el tipo de actividad llamada Agamotto, se pueden mostrar varias imágenes. Con el deslizador de abajo se van viendo de a una, con la particularidad de que se realiza una transición mediante transparencias, muy útil para comparar una serie de elementos:
En el sitio de H5P muestran un excelente ejemplo de un zoom en un microscopio.
Para ambos tipos de interactivo el trabajo más extenso es el de preparar las imágenes. Buscarlas, recortarlas, acomodarlas. En mi caso me basé en imágenes de Wikimedia Commons y las recorté según lo que necesitaba.
En este video les muestro el proceso de creación de la segunda actividad:
Estaciones del año https://commons.wikimedia.org/wiki/File:Estaciones_del_a%C3%B1o.png
Pitaya – Corte transversal https://commons.wikimedia.org/wiki/File:Pitaya_cross_section_ed2.jpg