Image Hotspots és un contingut H5P que presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.

Per donar d’alta un contingut H5P, suggerim que ho facis des del Banc de contingut de l’aula on voldràs fer servir aquest contingut (si et cal, després tindràs diferents maneres de reutilitzar-la en altres aules Moodle).

Crear el contingut

Clica l’opció Banc de contingut de la part esquerra de l’aula Moodle.

Dins de Banc de contingut, clica el botó Afegeix i tria el tipus de contingut H5P que vols configurar.

 

Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1) i afegeixis la imatge de fons (2). Pots escriure un text que apareixerà si la imatge no es carrega bé (3).

Una vegada carregada la imatge pots editar-la (1) i configurar si la icona que mostrarà la zona sensible és la predeterminada o si vols carregar una imatge (2). Si tries la icona predefinida, podràs triar la forma (3) i el color (4).

En l’apartat de Zona sensible, clica en la imatge que has posat de fons per marcar la ubicació de la icona de la zona sensible. Pots configurar que l’etiqueta que mostrarà el contingut quan es cliqui la zona sensible ocupi tota la pantalla (2) i escriure un text com a capçalera d’aquesta etiqueta (3). A continuació has de seleccionar quin tipus de contingut tindrà l’etiqueta (4).

Si has triat com a contingut emergent un text, escriu-lo i dóna-li format (1). Si vols que l’etiqueta contingui algun altre element, clica el botó Afegeix ítem (2) per incloure un altre text, una imatge, un vídeo i/o un àudio en l’etiqueta.

Si has triat com a lement de contingut una imatge, clica el botó Afegir (1) per pujar-la. Pots configurar un text que es mostrarà si el navegador no la pot carregar (2) i un text que es mostrarà en passar el ratolí per sobre (3).

Pots afegir un altre ítem a l’etiqueta (4) o afegir una nova zona sensible (5).

Per acabar, clica el botó Desa.

 

Exemple

 

Per saber-ne més

Podem consultar una pàgina d’exemples d’Image Hotspots a https://h5p.org/image-hotspots i un tutorial (en anglès) a https://h5p.org/tutorial-image-hotspots.

També suggerim altres publicacions relacionades amb H5P llistades a la pàgina del nostre wiki de Recursos docents.