Tipus H5P

Site: Ubiqua. Learning Platform de la UVic-UCC
Course: Aparador de recursos i activitats
Book: Tipus H5P
Printed by: , Guest user
Date: Monday, 15 December 2025, 9:11 PM

1. Tipologies

H5P és un tipus de contingut interactiu que podem incloure en les nostres aules Moodle.

El podem editar directament en el Banc de contingut.

Al wiki de recursos docents tenim la llista completa de les ajudes que es poden trobar al nostre blog.

Una manera de classificar el tipus de contingut H5P és segons sigui:

  • Informació sense interacció
  • Informació amb interacció
  • Exercicis
  • Contenidors
  • Eines





2. Informació sense interacció

Audio: afegir un  un fragment d'àudio


ChartChart: permet la generació de gràfics circulars i de barres.


CollageCollage: permet el muntatge d'un seguit d'imatges de diferents mides.


KewAr CodeKewAr Code: permet generar un codi QR.


2.1. Audio

afegir un  un fragment d'àudio

2.2. Chart

ChartPermet la generació de gràfics circulars i de barres.

Exemple d'activitat H5P

Tutorial d'edició

2.3. Collage

CollagePermet el muntatge d'un seguit d'imatges de diferents mides.

Exemple d'activitat H5P

Tutorial d'edició

2.4. KewAr Code

KewAr CodePermet generar un codi QR.

Exemple d'activitat H5P

Tutorial d'edició

3. Informació amb interacció

AccordionAccordion: ordenar textos sota títols desplegables.


Advent CalendarAdvent Calendar: permet fer un calendari d'advent.


AgamottoAgamotto: permet fer una successió d’imatges. El contingut apareix en una “línia de temps” que l’usuari controla visualitzant l’aparició de la següent imatge progressivament.


Dialog Cards
Dialog Cards: relaciona dues bandes d'una mateixa carta. És útil per repassar continguts, de manera que en la primera part de la targeta l'estudiant s'ha de respondre una qüestió de la que trobarà la resposta en la segona cara de la carta.


Guess the AnswerGuess the Answer: presenta una imatge o un vídeo amb una pregunta per a que l’usuari avanci la resposta que obtindrà prement un botó


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


Image JuxtapositionImage Juxtaposition: permet comparar dues imatges interactivament.



Image SliderImage Slider: permet fer una presentació d’imatges.



Timeline

Timeline: mostra una sèrie d'esdeveniments en una línia de temps.


Twitter User Feed: afegir un fil de twitter


3.1. Accordion

AccordionOrdenar textos sota títols desplegables.

Exemple d'activitat H5P

Tutorial d'edició

3.2. Advent Calendar

Advent CalendarPermet fer un calendari d'advent.

Exemple d'activitat H5P

Tutorial d'edició

3.3. Agamotto

AgamottoPermet fer una successió d’imatges. El contingut apareix en una “línia de temps” que l’usuari controla visualitzant l’aparició de la següent imatge progressivament.

Exemple d'activitat H5P

Tutorial d'edició

3.4. Dialog Cards

dialog_cardsRelaciona dues bandes d'una mateixa carta. És útil per repassar continguts, de manera que en la primera part de la targeta l'estudiant s'ha de respondre una qüestió de la que trobarà la resposta en la segona cara de la carta.

Exemple d'activitat H5P

Tutorial d'edició

3.5. Guess the Asnwer

guess-the-answerPresenta una imatge o un vídeo amb una pregunta per a que l’usuari avanci la resposta que obtindrà prement un botó.
 
 

3.6. Image Hotspots

image-hotspotsPresenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.

Exemple d'activitat H5P

Tutorial d'edició

3.7. Image Juxtaposition

Image JuxtapositionPermet comparar dues imatges interactivament.

Exemple d'activitat H5P

Tutorial d'edició

3.8. Image Slider

Image SliderPermet fer una presentació d’imatges.

Exemple d'activitat H5P

Tutorial d'edició

3.9. Timeline

TimelineMostra una sèrie d'esdeveniments en una línia de temps.

Exemple d'activitat H5P

Tutorial d'edició

4. Eines

Audio RecorderAudio Recorder: permet a l'usuari enregistrar un fragment d'àudio.


Documentation ToolDocumentation Tool: permet generar un document estructurat segons unes instruccions precises.


Iframe EmbedderIframe Embedder: insereix des d'una URL o un conjunt de fitxers.

4.1. Audio Recorder

audio-recorderPermet a l'usuari enregistrar un fragment d'àudio.

Exemple d'activitat H5P

Tutorial d'edició

4.2. Documentation Tool

Documentation Tool

Permet generar un document estructurat segons unes instruccions precises.

Exemple d'activitat H5P

Tutorial d'edició

4.3. Iframe Embedder

Iframe EmbedderInsereix des d'una URL o un conjunt de fitxers.



Exemple d'activitat H5P

Tutorial d'edició



5. Exercicis

Arithmetic QuizArithmetic Quiz: permet fer un qüestionari de preguntes de càlculs simples.


CrosswordCrossword: permet fer uns mots encreuats.



DictationDictation: permet fer un dictat que l'usuari ha d'escriure correctament.


Drag and DropDrag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats.


Drag the WordsDrag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.


EssayEssay: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.


Fill in the BlanksFill in the Blanks: activitat d'omplir buits en un text.



Find Multiple HotspotsFind Multiple Hotspots: cal seleccionar parts d'una imatge que compleixen una condició.


Find the HotspotFind the Hotspot: l'usuari ha de marcar una zona concreta d'una imatge


Find the Words
Find the Words: sopa de lletres.


FlashcardsFlashcards: mostra una successió de cartes que tenen una imatge i una pregunta que cal respondre.


Image ChoiceImage Choice: seleccionar les imatges que compleixen una condició.


Image pairingImage pairing: cal aparellar imatges de dos conjunts.



Image SequencingImage Sequencing: cal ordenar un conjunt d'imatges.



Mark the WordsMark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.


Memory Game
Memory Game: joc de memòria de trobar les parelles destapant-les de dos en dos.


Multiple ChoiceMultiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.


Personality QuizPersonality Quiz: permet generar un qüestionari de personalitat a mida en el que segons les siguin les respostes a un seguit de preguntes, s'obté com a resultat una personalitat o una altra.

QuestionnaireQuestionnaire: permet fer una enquesta amb preguntes obertes i de tria múltiple (amb una o més d'una resposta possible).


Single Choice SetSingle Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.


Sort the ParagraphsSort the Paragraphs: s'han d'ordenar correctament uns paràgrafs ja escrits.


Speak the WordsSpeak the Words: s'ha de respondre en veu alta una pregunta.


Speak the Words Set
Speak the Words Set: s'ha de respondre en veu alta un seguit de preguntes.


Structure Strip
Structure Strip: orienta a l'usuari en la construcció d'un text que després podrà copiar i enganxar on vulgui.



SummarySummary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes.


True/False QuestionTrue/False Question: una única pregunta de Vertader/Fals.


5.1. Arithmetic Quiz

Arithmetic QuizPermet fer un qüestionari de preguntes de càlculs simples.

Exemple d'activitat H5P

Tutorial d'edició

5.2. Crossword

CrosswordPermet fer uns mots encreuats.

Exemple d'activitat H5P

Tutorial d'edició

5.3. Dictation

DictationPermet fer un dictat que l'usuari ha d'escriure correctament.

Exemple d'activitat H5P

Tutorial d'edició

5.4. Drag and Drop

Drag and DropActivitat d'"arrossegar i deixar anar" elements a espais determinats.

Exemple d'activitat H5P

Tutorial d'edició

5.5. Drag the Words

Drag the WordsL'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.

Exemple d'activitat H5P

Tutorial d'edició

5.6. Essay

EssayPermet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.

Exemple d'activitat H5P

Tutorial d'edició

5.7. Fill in the Blanks

Fill in the BlanksActivitat d'omplir buits en un text.

Exemple d'activitat H5P

Tutorial d'edició

5.8. Find Multiple Hotspots

Find Multiple HotspotsCal seleccionar parts d'una imatge que compleixen una condició.

Exemple d'activitat H5P

Tutorial d'edició

5.9. Find the Hotspot

Find the HotspotL'usuari ha de marcar una zona concreta d'una imatge.

Exemple d'activitat H5P

Tutorial d'edició

5.10. Find the Words

Find the Words
Sopa de lletres.

Exemple d'activitat H5P

Tutorial d'edició

5.11. Flashcards

FlashcardsMostra una successió de cartes que tenen una imatge i una pregunta que cal respondre.

Exemple d'activitat H5P

Tutorial d'edició

5.12. Image Choice

Image ChoiceSeleccionar les imatges que compleixen una condició.

Exemple d'activitat H5P

Tutorial d'edició

5.13. Image pairing

Image pairingCal aparellar imatges de dos conjunts.

Exemple d'activitat H5P

Tutorial d'edició

5.14. Image Sequencing

Image SequencingCal ordenar un conjunt d'imatges.

Exemple d'activitat H5P

Tutorial d'edició

5.15. Mark the Words

Mark the WordsL'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.

Exemple d'activitat H5P

Tutorial d'edició

5.16. Memory Game

Memory Game
Joc de memòria de trobar les parelles destapant-les de dos en dos.

Exemple d'activitat H5P

Tutorial d'edició

5.17. Multiple Choice

Multiple ChoiceUna pregunta de múltiple resposta on pot haver més d'una resposta correcta.

Exemple d'activitat H5P

Tutorial d'edició

5.18. Personality Quiz

Personality QuizPermet generar un qüestionari de personalitat a mida en el que segons les siguin les respostes a un seguit de preguntes, s'obté com a resultat una personalitat o una altra.

Exemple d'activitat H5P

Tutorial d'edició

5.19. Questionnaire

QuestionnairePermet fer una enquesta amb preguntes obertes i de tria múltiple (amb una o més d'una resposta possible).

Exemple d'activitat H5P

Tutorial d'edició

5.20. Single Choice Set

Single Choice SetConjunt de preguntes de resposta múltiple on només una resposta és la correcta.

Exemple d'activitat H5P

Tutorial d'edició

5.21. Sort the Paragraphs

Sort the ParagraphsS'han d'ordenar correctament uns paràgrafs ja escrits.

Exemple d'activitat H5P

Tutorial d'edició

5.22. Speak the Words

Speak the WordsS'ha de respondre en veu alta una pregunta.

Exemple d'activitat H5P

Tutorial d'edició

5.23. Speak the Words Set

Speak the Words Set
S'ha de respondre en veu alta un seguit de preguntes.

Exemple d'activitat H5P

Tutorial d'edició

5.24. Structure Strip

Structure Strip
Orienta a l'usuari en la construcció d'un text que després podrà copiar i enganxar on vulgui.

Exemple d'activitat H5P

Tutorial d'edició



5.25. Summary

SummaryPermet la construcció d'un resum a partir de la selecció d'afirmacions correctes.

Exemple d'activitat H5P

Tutorial d'edició

5.26. True/False Question

True/False QuestionUna única pregunta de Vertader/Fals.

Exemple d'activitat H5P

Tutorial d'edició

6. Contenidors

Els continguts H5P tipus contenidors poden agrupar altres tipus de contingut H5P.


Branching ScenarioBranching Scenario: permet configurar un recorregut tipus "tria la teva aventura", combinant continguts i preguntes.



ColumnColumn: permet la integració de diferents continguts H5P un sota de l'altre, en forma de columna.


Course PresentationCourse Presentation: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.


Interactive BookInteractive Book: permet la integració de diferents continguts H5P en format de llibre interactiu.


Interactive videoInteractive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.



Question setQuestion set: conjunt de preguntes de diferents tipus.



Virtual Tour (360)


6.1. Branching Scenario

Permet configurar un recorregut tipus "tria la teva aventura", combinant continguts i preguntes.

Tipus de contingut H5P que pot incloure:

  • Course Presentation: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d’interacció.

  • Text: és un recurs que pot formar part de diferents continguts H5P i que permet afegir un text.
  • Image: és un recurs que pot formar part de diferents continguts H5P i que permet afegir una imatge.
  • Image Hotspots: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
  • Interactive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d’interacció.
  • Video: és un recurs que pot formar part de diferents continguts H5P i que permet afegir un víde


Exemple d'activitat H5P
Tutorial d'edició

6.2. Column

Permet la integració de diferents continguts H5P un sota de l'altre, en forma de columna.

Tipus de contingut H5P que pot incloure:

  • Accordion: ordenar textos sota títols desplegables.
  • Agamotto: permet fer una successió d’imatges. El contingut apareix en una “línia de temps” que l’usuari controla visualitzant l’aparició de la següent imatge progressivament.
  • Audio: afegir un  un fragment d'àudio dins dun contingut H5P.
  • Audio Recorder: permet a l'usuari enregistrar un fragment d'àudio.
  • Chart: permet la generació de gràfics circulars i de barres.
  • Collage: permet el muntatge d'un seguit d'imatges de diferents mides.
  • Course Presentation: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.
  • Dialog Cards: relaciona dues bandes d'una mateixa carta. És útil per repassar continguts, de manera que en la primera part de la targeta l'estudiant s'ha de respondre una qüestió de la que trobarà la resposta en la segona cara de la carta.
  • Documentation Tool: permet generar un document estructurat segons unes instruccions precises
  • Drag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats.
  • Drag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
  • Essay: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.
  • Fill in the Blanks: activitat d'omplir buits en un text.
  • Find the Hotspot: l'usuari ha de marcar una zona concreta d'una imatge
  • Guess the Answer: presenta una imatge o un vídeo amb una pregunta per a que l’usuari avanci la resposta que obtindrà prement un botó
  • Iframe Embedder: insereix des d'una URL o un conjunt de fitxers.
  • Image: afegir una imatge dins d'un H5P.
  • Image Hotspots: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
  • Image Slider: permet fer una presentació d’imatges.
  • Interactive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.
  • Link: afegir un enllaç web dins d'un contingut H5P.
  • Mark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
  • Memory Game: joc de memòria de trobar les parelles destapant-les de dos en dos
  • Multiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
  • Question set: conjunt de preguntes de diferents tipus.
  • Single Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
  • Summary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
  • Table: afegir una taula dins d'un contingut H5P.
  • Text: afegir un text dins d'un contingut H5P.
  • Timeline: mostra una sèrie d'esdeveniments en una línia de temps.
  • True/False Question: una única pregunta de Vertader/Fals.
  • Video: inserir un vídeo dins d'un contingut H5P.
  •  

Exemple d'activitat H5P

Tutorial d'edició

6.3. Course presentation

Successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.

Com a elements pot incloure:

I els tipus de contingut H5P que pot incloure són:

  • Dialog Cards: relaciona dues bandes d'una mateixa carta. És útil per repassar continguts, de manera que en la primera part de la targeta l'estudiant s'ha de respondre una qüestió de la que trobarà la resposta en la segona cara de la carta.
  • Drag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats.
  • Drag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
  • Fill in the Blanks: activitat d'omplir buits en un text.
  • Interactive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.
  • Mark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
  • Multiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
  • Single Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
  • Summary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
  • True/False Question: una única pregunta de Vertader/Fals.
  •  

Exemple d'activitat H5P

Tutorial d'edició

6.4. Interactive Book

Permet la integració de diferents continguts H5P en format de llibre interactiu.

Com a elements pot incloure:

  • Enllaç: afegir un enllaç web dins d'un contingut H5P.
  • Imatge: afegir una imatge dins d'un H5P.
  • Taula: afegir una taula dins d'un contingut H5P.
  • Text: afegir un text dins d'un contingut H5P.
  • Video: inserir un vídeo dins d'un contingut H5P.


Com a continguts H5P pot incloure:

  • Accordion: ordenar textos sota títols desplegables.
  • Agamotto: permet fer una successió d’imatges. El contingut apareix en una “línia de temps” que l’usuari controla visualitzant l’aparició de la següent imatge progressivament.
  • Audio: afegir un  un fragment d'àudio dins dun contingut H5P.
  • Audio Recorder: permet a l'usuari enregistrar un fragment d'àudio.
  • Chart: permet la generació de gràfics circulars i de barres.
  • Collage: permet el muntatge d'un seguit d'imatges de diferents mides.
  • Course Presentation: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.
  • Dialog Cards: relaciona dues bandes d'una mateixa carta. És útil per repassar continguts, de manera que en la primera part de la targeta l'estudiant s'ha de respondre una qüestió de la que trobarà la resposta en la segona cara de la carta.
  • Documentation Tool: permet generar un document estructurat segons unes instruccions precises
  • Drag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats.
  • Drag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
  • Essay: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.
  • Fill in the Blanks: activitat d'omplir buits en un text.
  • Find the Hotspot: l'usuari ha de marcar una zona concreta d'una imatge
  • Guess the Answer: presenta una imatge o un vídeo amb una pregunta per a que l’usuari avanci la resposta que obtindrà prement un botó
  • Iframe Embedder: insereix des d'una URL o un conjunt de fitxers.
  • Image Hotspots: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
  • Image Slider: permet fer una presentació d’imatges.
  • Interactive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.
  • Mark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
  • Memory Game: joc de memòria de trobar les parelles destapant-les de dos en dos
  • Multiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
  • Question set: conjunt de preguntes de diferents tipus.
  • Single Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
  • Summary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
  • Timeline: mostra una sèrie d'esdeveniments en una línia de temps.
  • True/False Question: una única pregunta de Vertader/Fals.

Exemple d'activitat H5P

Tutorial d'edició

6.5. Interactive video

Vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.

Com a elements pot incloure:

  • Enllaç: afegir un enllaç web dins d'un contingut H5P.
  • Imatge: afegir una imatge dins d'un H5P.
  • Taula: afegir una taula dins d'un contingut H5P.
  • Text: afegir un text dins d'un contingut H5P.
  • Video: inserir un vídeo dins d'un contingut H5P.

Com a continguts H5P pot incloure:

  • Drag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats.
  • Drag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
  • Fill in the Blanks: activitat d'omplir buits en un text.
  • Mark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
  • Multiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
  • Single Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
  • Summary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
  • True/False Question: una única pregunta de Vertader/Fals.

Exemple d'activitat H5P

Tutorial d'edició

6.6. Question set

Conjunt de preguntes de diferents tipus.

Permet incloure:

  • Drag and Drop: activitat d'”arrossegar i deixar anar” elements a espais determinats.
  • Drag the Words:  l’usuari arrossega paraules dins d’un text més gran que té espais buits, per construir una frase completa.
  • Essay: permet una correcció automàtica d’un text que l’usuari ha rebut instruccions per escriure.
  • Fill in the Blanks: activitat d’omplir buits en un text.
  • Mark the Words: l’usuari marca paraules dins d’un text segons les instruccions que se li indiquen.
  • Multiple Choice: una pregunta de múltiple resposta on pot haver més d’una resposta correcta.
  • True/False Question: una única pregunta de Vertader/Fals.

Exemple d'activitat H5P
Tutorial d'edició