Accions

Tipus d'H5P: diferència entre les revisions

De URecursos

Cap resum de modificació
 
(29 revisions intermèdies per 2 usuaris que no es mostren)
Línia 1: Línia 1:
{{Template:H5P}}
{{Template:H5P}}
==== Tipus de continguts H5P ====
==== Què és ====
Els tipus de continguts [[H5P]] són molts i variats. En la taula següent els tens llistats, amb:


* la icona identificativa
* una breu descripció
* l'enllaç a la pàgina on expliquem com es configura
* tipus de contingut
* si permet seguiment
* si genera nota
* si permet el control compleció (V: visualitza; N: nota)


 
{| class="wikitable sortable"
==== '''Accordion''' ====
|
[[Fitxer:Dadadaf.png|cap|miniatura]]
|'''Descripció'''
 
|'''Tipus'''
 
|'''Seguiment'''
 
|'''Nota'''
Per utilitzar el Accordion a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|'''Compleció'''
 
|-
 
|[[Fitxer:Audio logo.png|esquerra|70x70px]]
Dins d'una classe seleccionem "més" i seleccionem "banc de continguts"
|[[H5P: Audio|Audio]]: afegir un  un fragment d'àudio.
 
|Informació amb interacció
[[Fitxer:2025-04-01 10 41 53-Clipboard.png|cap|miniatura|457x457px]]
|No
 
|No
 
|V
 
|-
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Accordion"
|
 
|[[H5P: altres elements dins dels continguts|Àudio]]: afegir un  un fragment d'àudio dins d'un contingut H5P.
[[Fitxer:2025-04-01 10 46 01-Clipboard.png|cap|miniatura]]
|Element
 
|
 
|
 
|
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1), el nom del primer títol (2) i el contingut que es mostrarà quan l’usuari desplegui aquest títol (2).
|-
 
|[[Fitxer:Accordion-icon.png|esquerra|70x70px]]
Si vols afegir més títols i textos, cal afegir “taulers” (4). I, finalment, cal que desis l’H5P.
|[[H5P: Accordion|Accordion]]: ordenar textos sota títols desplegables.
 
|Informació amb interacció
[[Fitxer:Imageaadf.png|cap|miniatura|404x404px]]
|No
 
|No
 
|V
El resultat sense desplegar cap títol és el que es mostra en la següent imatge.
|-
 
|[[Fitxer:Advent calendar.png|esquerra|70x70px]]
[[Fitxer:Image8686868.png|cap|miniatura|489x489px]]
|[[H5P: Advent Calendar|Advent Calendar]] (beta): permet fer un calendari d'advent.
 
|Informació amb interacció
 
|No
I quan l’usuari hagi clicat el primer títol (Objectius) es mostrarà el contingut corresponent.
|No
 
|V
[[Fitxer:Image57757.png|cap|miniatura|420x420px]]
|-
 
|[[Fitxer:Agamotto.png|esquerra|70x70px]]
 
|[[H5P: Agamotto|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.
 
|Informació amb interacció
==== '''Advent Calendar''' ====
|No
[[Fitxer:Imagewfffgg.png|cap|miniatura]]
|No
 
|V
 
|-
''Advent Calendar'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet fer un calendari d’advent.
|[[Fitxer:Basic-arithmetic-quiz-icon-color.png|esquerra|70x70px]]
 
|[[H5P: Arithmetic Quiz|Arithmetic Quiz]]: permet fer un qüestionari de preguntes de càlculs simples.
 
|Exercicis
 
|Sí, sense detall
Per utilitzar el Advent Calendar a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|Sí
 
|V
 
N
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|-
 
|[[Fitxer:Audio-recorder-icon 0.png|esquerra|70x70px]]
[[Fitxer:Image3333333.png|cap|miniatura|466x466px]]
|[[H5P: Audio Recorder|Audio Recorder]]: permet a l'usuari enregistrar un fragment d'àudio.
 
|Eines
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Advent Calendar"
|No
 
|No
[[Fitxer:2025-04-01 11 40 36-Clipboard.png|cap|miniatura|473x473px]]
|V
Cal posar un títol a l’activitat (1) i configurar les 24 portes que contindrà (no en pot tenir ni més ni menys).
|-
 
|[[Fitxer:Branching-scenario-icon.png|esquerra|70x70px]]
 
|[[H5P: Branching Scenario|Branching Scenario]]: permet configurar un recorregut tipus "tria la teva aventura", combinant continguts i preguntes.
Per cada porta, pots afegir la imatge que es veurà abans de que sigui oberta (2) i la que es mostrarà quan la porta estigui oberta (2). Quan s’obri una porta, es pot mostrar una etiqueta superposada al calendari d’advent que contingut un àudio, una imatge, un enllaç, un text o un vídeo (4).
|Contenidors
 
|No de totes les activitats
[[Fitxer:Image4454.png|cap|miniatura|390x390px]]
|No
En les opcions de comportament pots pujar una imatge que serà el fons del calendari d’advent (1), adjuntar una música de fons (2) i fer que aquesta es reprodueixi automàticament (3), i afegir l’efecte de la nevada (4).
|V
 
|-
Pots penjar una imatge que apareixerà en les portes que no tinguin configurada la imatge de porta tancada (5).
|[[Fitxer:Chart-icon-color.png|esquerra|70x70px]]
 
|[[H5P: Chart|Chart]]: permet la generació de gràfics circulars i de barres.
Respecte a les portes, pots ocultar:
|Informació amb interacció
 
|No
* la marques vertical a la part central que indica per on s’obrirà la porta (6)
|No
* el número (7)
|V
* el pom (8)
|-
* el voral (9)
|[[Fitxer:Collage-icon.png|esquerra|70x70px]]
 
|[[H5P: Collage|Collage]]: permet el muntatge d'un seguit d'imatges de diferents mides.
El calendari d’advent pot mostrar aleatòriament les portes (10) i si és així es poden mantenir, però, l’ordre de les imatges de les portes tancades (11).
|Informació amb interacció
 
|No
Si el mode ''Design'' (12) està marcat, les portes es poden obrir en qualsevol moment. Si no està marcat, les portes només es podran obrir el dia de desembre del número que tinguin (com un calendari d’advent).
|No
 
|V
Finalment, clica ''Desa'' (13) per confirmar la configuració.
|-
 
|[[Fitxer:Column-icon (1).png|esquerra|70x70px]]
 
|[[H5P: Column|Column]]: permet la integració de diferents continguts H5P un sota de l'altre, en forma de columna.
[[Fitxer:Image11111111111.png|cap|miniatura]]
|Contenidors
 
|No
 
|No
 
|V
==== Agamotto ====
|-
[[Fitxer:Image75757.png|cap|miniatura]]
|[[Fitxer:Coursepresentation.png|esquerra|70x70px]]
 
|[[H5P: Course Presentation|Course Presentation]]: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.
''Agamotto'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que 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.
|Contenidors
 
|Sí
 
|Sí
Per utilitzar el Advent Calendar a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|V
 
N
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|-
 
|[[Fitxer:Crosswords.png|esquerra|70x70px]]
 
|[[H5P: Crossword|Crossword]]: permet fer uns mots encreuats.
[[Fitxer:Image3333333.png|cap|miniatura|447x447px]]
|Exercicis
 
|Sí
 
|Sí
 
|V
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Agamotto"
N
 
|-
[[Fitxer:2025-04-01 11 57 29-Clipboard.png|cap|miniatura|408x408px]]
|[[Fitxer:Dialog cards icon-color.png|esquerra|70x70px]]
 
|[[H5P: 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.
 
|Informació amb interacció
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1) i, si vols, un encapçalament (2).
|No
 
|No
[[Fitxer:Image434535.png|cap|miniatura|517x517px]]
|V
Per cada imatge que vols que es mostri, afegeix el fitxer (1). El text alternatiu (2) es visualitzarà si no es carrega correctament la imatge. Pots configurar un text a mostrar quan l’usuari passi el cursor per sobre la imatge (3), una etiqueta (4) que (en cas de fer-la visible a l’apartat de comportament) es mostrarà en la línia de temps de la successió d’imatges i una descripció (5) que es mostrarà a la part de sota de l’H5P quan es visualitzi aquesta imatge.
|-
 
|[[Fitxer:Dictation.png|esquerra|70x70px]]
Pot afegir una segona imatge (6) i tantes altres com necessitis (7).
|[[H5P: Dictation|Dictation]]: permet fer un dictat que l'usuari ha d'escriure correctament.
 
|Exercicis
 
|Sí
[[Fitxer:Image979.png|cap|miniatura|380x380px]]
|Sí
Els comportaments d’aquest contingut H5P que pots configurar són:
|V
 
N
1: en quina imatge vols que s’iniciï el contingut (per quina imatge començarà)
|-
 
|[[Fitxer:Documentation-tool-icon 0.png|esquerra|70x70px]]
2: si el control d’ubicació en la successió d’imatges s’ajustarà a una d’elles.
|[[H5P: Documentation Tool|Documentation Tool]]: permet generar un document estructurat segons unes instruccions precises
 
|Eines
3: mostra marques en la línia de temps de la successió de les diapositives allà ho hi ha cada imatge.
|No
 
|No
4: mostra l’etiqueta de cada imatge allà on comença aquesta.
|V
 
|-
5: color de fons si la imatge és transparent o bé no ocupa tot l’espai del contingut.
|[[Fitxer:Drag-and-drop-icon.png|esquerra|70x70px]]
 
|[[H5P: Drag and drop|Drag and Drop]]: activitat d'"arrossegar i deixar anar" elements a espais determinats.
Finalment, has de desar (6).
|Exercicis
 
|Sí
[[Fitxer:Image2435355.png|cap|miniatura|457x457px]]
|Sí
 
|V
==== Arithmetic Quiz ====
N
[[Fitxer:Image424.png|cap|miniatura]]
|-
 
|[[Fitxer:Drag-the-words-icon.png|esquerra|70x70px]]
 
|[[H5P: Drag the Words|Drag the Words]]: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
''Arithmetic Quiz'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet fer un qüestionari de preguntes de càlculs simples.
|Exercicis
 
|Sí
 
|Sí
Per utilitzar el Arithmetic Quiz a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|V
 
N
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|-
[[Fitxer:Image3333333.png|cap|miniatura|457x457px]]
|[[Fitxer:Essay.png|esquerra|70x70px]]
 
|[[H5P: Essay|Essay]]: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.
 
|Exercicis
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Arithmetic Quiz"
|Sí
 
|Sí
[[Fitxer:2025-04-01 12 31 09-Clipboard.png|cap|miniatura|366x366px]]
|V
 
N
 
|-
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1) i escriguis les instruccions per respondre les preguntes (2).
|[[Fitxer:Fill-in-the-blanks-icon 0.png|esquerra|70x70px]]
 
|[[H5P: Fill in the Blanks|Fill in the Blanks]]: activitat d'omplir buits en un text.
Un H5P d’aquest tipus només pot contenir un tipus de preguntes.
|Exercicis
 
|Sí
Si tries ''Qüestionari d’operacions aritmètiques'' (3), podràs triar entre suma, resta, multiplicació o divisió (4), i el nombre de preguntes a respondre (5).
|Sí
 
|V
[[Fitxer:424424.png|cap|miniatura|337x337px]]
N
Si tries ''Qüestionari d’equacions lineals'' (1), podràs triar tres nivells de dificultat (2) i si vols que s’incloguin fraccions (3).
|-
 
|[[Fitxer:Find-multiple-hotspots.png|esquerra|70x70px]]
Per finalitzar, clica el botó ''Desa'' (4).
|[[H5P: Find Multiple Hotspots|Find Multiple Hotspots]]: cal seleccionar parts d'una imatge que compleixen una condició.
 
|Exercicis
[[Fitxer:Image54256.png|cap|miniatura|376x376px]]
|Sí, sense detall
 
Cada tria és un intent
 
|Sí
 
|V
==== Àudio ====
N
[[Fitxer:Image32324.png|cap|miniatura]]
|-
 
|[[Fitxer:Image hotspot-question-icon 0.png|esquerra|70x70px]]
 
|[[H5P: Find the Hotspot|Find the Hotspot]]: l'usuari ha de marcar una zona concreta d'una imatge
Àudio és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet incrustar un arxiu d'audio
|Exercicis
 
|Sí, sense detall
.Per utilitzar Audio a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|Sí
 
|V
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
N
 
|-
[[Fitxer:Image3333333.png|cap|miniatura|469x469px]]
|[[Fitxer:Word-search-h5porg.png|esquerra|70x70px]]
 
|[[H5P: Find the Words|Find the Words]]: sopa de lletres.
 
|Exercicis
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Audio"
|Sí
 
|Sí
[[Fitxer:2025-04-01 12 51 59-Clipboard.png|cap|miniatura|425x425px]]
|V
Per incloure un àudio, has de seleccionar la icona de l’altaveu o bé triar l’opció ''Audio'' corresponent.
N
 
|-
[[Fitxer:Image88889.png|cap|miniatura|492x492px]]
|[[Fitxer:Flashcards-png-icon.png|esquerra|70x70px]]
 
|[[H5P: Flashcards|Flashcards]]: mostra una successió de cartes que tenen una imatge i una pregunta que cal respondre.
 
|Exercicis
 
|Sí
En la següent pàgina, pots posar un nom a l’àudio (1), seleccionar la font d’origen de l’àudio (2) i fer que l’àudio es reprodueixi en entrar a la diapositiva (3). Per desar, clica el botó ''Fet''.
|Sí
[[Fitxer:Image222222222222222.png|cap|miniatura|365x365px]]
|V
Quan hagis clicat el símbol “+” per seleccionar la font de l’àudio, pots penjar-ne un que tinguis al teu ordinador (1) o bé enllaçar-ne algun que estigui en un espai a internet (2). Cal que cliquis el botó ''Insereix''.
N
 
|-
[[Fitxer:Image8080.png|cap|miniatura|341x341px]]
|[[Fitxer:Guess-the-answer-icon.png|esquerra|70x70px]]
 
|[[H5P: Guess the Answer|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ó
==== Audio Recorder ====
|Informació amb interacció
[[Fitxer:Image646.png|cap|miniatura|227x227px]]
|No
 
|No
 
|V
''Audio Recorder'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet a l’usuari enregistrar un fragment d’àudio.
|-
 
|
Per utilitzar Audio a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|[[H5P: altres elements dins dels continguts|Image]]: afegir una imatge dins d'un H5P.
 
|Element
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|
 
|
[[Fitxer:Image3333333.png|cap|miniatura]]
|
 
|-
 
|[[Fitxer:Iframe embeddor icon-color 0.png|esquerra|70x70px]]
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Audio Recorder"
|[[H5P: Iframe Embedder|Iframe Embedder]]: insereix des d'una URL o un conjunt de fitxers.
[[Fitxer:2025-04-01 13 04 03-Clipboard.png|cap|miniatura|401x401px]]
|Eines
 
|No
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1),  les instruccions del que ha d’enregistrar l¡usuari (2) i clicar desar (3).
|No
 
|V
[[Fitxer:Image99.png|cap|miniatura|396x396px]]
|-
Quan l’usuari hagi enregistrat l’àudio si vol se’l podrà baixar.
|[[Fitxer:Image-choice.png|esquerra|70x70px]]
 
|[[H5P: Image Choice|Image Choice]]: seleccionar les imatges que compleixen una condició.
==== Branching Scenario ====
|Exercicis
[[Fitxer:Image77.png|cap|miniatura|255x255px]]
|Sí
''Branching Scenario'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet configurar un recorregut tipus “tria la teva aventura”, combinant continguts i preguntes.
|Sí
 
|V
 
N
Per utilitzar Banching Scenario a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|-
 
|[[Fitxer:Image-hotspots-icon-color.png|esquerra|70x70px]]
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|[[H5P: Image Hotspots|Image Hotspots]]: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
[[Fitxer:Image3333333.png|cap|miniatura|447x447px]]
|Informació amb interacció
 
|No
 
|No
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Branching Scenario"
|No
 
|-
[[Fitxer:2025-04-01 13 26 35-Clipboard.png|cap|miniatura|494x494px]]
|[[Fitxer:Before-after-image.png|esquerra|70x70px]]
Aquest contingut H5P es complex de configurar i es fa a partir de diferents pestanyes que explicarem una a una (1). En qualsevol d’elles es pot posar el nom del contingut H5P (2), veure una previsualització del que hi ha configurat en cada moment (3) i treballar a pantalla completa (4).
|[[H5P: Image Juxtaposition|Image Juxtaposition]]: permet comparar dues imatges interactivament.
[[Fitxer:Imagehhh.png|cap|miniatura|496x496px]]
|Informació amb interacció
 
|No
==== Afegir contingut ====
|No
A ''Branching Scenario'' es pot afegir contingut que podem trobar en altres H5P (1):
|No
 
|-
* [[/mon.uvic.cat/udute/h5p-course-presentation/|Course Presentation]]: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d’interacció.
|[[Fitxer:Image-pairing.png|esquerra|70x70px]]
* Text: és un recurs que pot formar part de diferents continguts H5P i que permet afegir un text.
|[[H5P: Image pairing|Image pairing]]: cal aparellar imatges de dos conjunts.
* Image: és un recurs que pot formar part de diferents continguts H5P i que permet afegir una imatge.
|Exercicis
* [[/mon.uvic.cat/udute/h5p-image-hotspots/|Image Hotspots]]: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
|Sí, sense detall
[[/mon.uvic.cat/udute/h5p-interactive-video/|Interactive video]]: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d’interacció.
|Sí
* Video: és un recurs que pot formar part de diferents continguts H5P i que permet afegir un vídeo
|V
 
N
També es pot incorporar una pregunta que ramificarà el recorregut de l’usuari (2) o bé enganxar un contingut H5P que haguem prèviament copiat (3) i que ''Branching Scenario'' pugui incloure.
|-
 
|[[Fitxer:Image-sequnce.png|esquerra|70x70px]]
[[Fitxer:Image0808.png|cap|miniatura|476x476px]]
|[[H5P: Image Sequencing|Image Sequencing]]: cal ordenar un conjunt d'imatges.
Per afegir un contingut, cal clicar i arrossegar la seva icona en la part central, que és la part d’edició.
|Exercicis
 
|Sí
En aquesta imatge només apareix un signi “+” perquè encara no hi ha contingut i només hi ha un lloc on poder deixar anar el que estem arrossegant. A mesura que l’anem construint, apareixerà aquest “+” en cada zona on puguem afegir un contingut.
|Sí
 
|V
 
N
[[Fitxer:Image666.png|cap|miniatura|430x430px]]
|-
Quan hem arrossegat un contingut, s’obre una finestra per configurar-lo, amb les opcions que li són pròpies i que pots consultar en els enllaços que hem posat anteriorment en l’enumeració del tipus de contingut.
|[[Fitxer:Pictusel-h5p-org.png|esquerra|70x70px]]
 
|[[H5P: Image Slider|Image Slider]]: permet fer una presentació d’imatges.
En el cas del text, podem posar el seu títol (1), escriure el text (2) i definir si el títol es mostrarà en la visualització d’aquest contingut (3).
|Informació amb interacció
 
|No
En l’apartat ''Advanced branchig options'' les opcions son molt limitades, ja que estem definint el primer contingut. Podríem acabar el recorregut (4). El que sí que podem configurar és si permetem navegació lliure (5) és a dir que l’usuari pugui triar anar a qualsevol dels continguts existents.
|No
 
|No
En cada contingut, podem esborrar-lo (6) o bé confirmar la configuració actual (7).
|-
 
|[[Fitxer:Interactive-book-icon.png|esquerra|70x70px]]
[[Fitxer:Image333.png|cap|miniatura|317x317px]]
|[[H5P: Interactive Book|Interactive Book]]: permet la integració de diferents continguts H5P en format de llibre interactiu.
 
|Contenidors
== Copiar i enganxar contingut ==
|Sí, sense detall
Per enganxar un contingut, cal haver-lo copiat prèviament. Ho podem fer des del menú d’un element del ''Branching Scenario,'' seleccionant l’opció de còpia en el menú de configuració de la part superior dreta de l’element''.''
|Sí
 
|V
[[Fitxer:Image222.png|cap|miniatura]]
N
O bé, si volem copiar un contingut complet d’un altre H5P, podem editar el contingut a copiar i clicar el botó ''Copia''.
|-
 
|[[Fitxer:Interactive video icon-colors 0.png|esquerra|70x70px]]
 
|[[H5P: Interactive Video|Interactive video]]: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.
[[Fitxer:Image222222222222.png|cap|miniatura|399x399px]]
|Contenidors
Si tenim algun element copiat que es pugui enganxar al ''Branching Scenario'' podrem arrossegar-lo des de la icona de ''Paste.''
|Sí
 
|Sí
 
|V
[[Fitxer:42424.png|cap|miniatura|453x453px]]
N
 
|-
== Branching Question ==
|[[Fitxer:KewAr-icon-h5porg.png|esquerra|70x70px]]
 
|[[H5P: KewAr Code|KewAr Code]]: permet generar un codi QR.
 
|Informació sense interacció
Amb la ''Branching Question'' s’incorpora una ramificació. Cal posar-li un títol (1) i escriure la pregunta (2). Per defecte hi ha dues possibles respostes (3 i 4) però se’n poden afegir amb el botó ''Afegeix alternativa'' (5).
|No
 
|No
 
|V
[[Fitxer:97979.png|cap|miniatura|390x390px]]
|-
Per cada una de les possibles respostes cal configurar les ''Advanced branching options'' que portaran a l’usuari que l’hagi triada al final del camí o bé a un altre contingut del ''Branching Scenario''.
|
 
|[[H5P: altres elements dins dels continguts#Enllaç|Link]]: afegir un enllaç web dins d'un contingut H5P.
[[Fitxer:6868.png|cap|miniatura|398x398px]]
|Element
Si triem anar a un altre contingut i aquest ja existeix, el podrem triar del desplegable.
|
 
|
[[Fitxer:3553.png|cap|miniatura|362x362px]]
|
Si volem donar un retorn segons la resposta seleccionada, en l’apartat ''Retroacció'' posarem el seu títol (1) i el text (2). Podem, també, adjuntar una imatge (3).
|-
 
|[[Fitxer:Mark-the-words-icon 0.png|esquerra|70x70px]]
[[Fitxer:53535.png|cap|miniatura|354x354px]]
|[[H5P: Mark the Words|Mark the Words]]: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
 
|Exercicis
== Configuració ==
|Sí
 
|Sí
 
|V
En la pestanya de configuració (''Settings''), podrem personalitzar la pantalla d’inici i la final.
N
 
|-
En la d’inici podem escriure un títol (1),un subtítol (2), podem adjuntar una imatge (3) i escriure un text que aparegui si aquesta no es carrega correctament (4).
|[[Fitxer:Memory-game-icon.png|esquerra|70x70px]]
 
|[[H5P: Memory Game|Memory Game]]: joc de memòria de trobar les parelles destapant-les de dos en dos
 
|Exercicis
[[Fitxer:2424.png|cap|miniatura|414x414px]]
|Sí, però només registra el resultats si es finalitza (i només es finalitza si és correcte)
De la pantalla final podem personalitzar el títol (1), el text (3) i també la imatge (3).
|Sí
 
|V
 
N
[[Fitxer:3323.png|cap|miniatura|370x370px]]
|-
 
|[[Fitxer:Multichoice-icon 0.png|esquerra|70x70px]]
 
|[[H5P: Multiple Choice|Multiple Choice]]: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
 
|Exercicis
En l’apartat de puntuació, indiquem quina si hi ha puntuació o no (1).
|Sí
 
|Sí
Si seleccionem que s’estableixi una puntuació de manera estàtica per cada escenari (1), en l’apartat anterior apareixerà un nou camp de Puntuació (2) en el que podem posar quina és la puntuació que H5P enviaria al qualificador de Moodle.
|V
 
N
 
|-
[[Fitxer:31313.png|miniatura|566x566px|center]]
|[[Fitxer:Personality-quiz-icon.png|esquerra|70x70px]]
 
|[[H5P: Personality Quiz|Personality 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.
 
|Exercicis
Si seleccionem que es calculi dinàmicament la puntuació en funció de les respostes de l’usuari (1), podem marcar que s’incloguin en aquestes les obtingudes en els vídeos interactius (2).
|No
 
|No
 
|V
[[Fitxer:323.png|cap|miniatura|401x401px]]
|-
En les opcions de comportament de la puntuació
|[[Fitxer:Question-set.png|esquerra|70x70px]]
 
|[[H5P: Question Set|Question set]]: conjunt de preguntes de diferents tipus.
[[Fitxer:11.png|cap|miniatura|431x431px]]
|Contenidors
 
|Sí
 
|Sí
== Idioma ==
|V
 
N
 
|-
En la pestanya d’idioma podem configurar la llengua de la interfície  (1) i personalitzar totes les cadenes de text que apareixen en tots els continguts i recursos H5P que conté aquest ''Branching Scenario'' (2).
|[[Fitxer:Survey-icon-h5p-org.png|esquerra|70x70px]]
 
|[[H5P: Questionnaire|Questionnaire]]: permet fer una enquesta amb preguntes obertes i de tria múltiple (amb una o més d'una resposta possible).
[[Fitxer:Image32323.png|cap|miniatura|360x360px]]
|Exercicis
 
|No
 
|No
En especial, fem esment dels textos de l’apartat ''Branching Scenario'', perquè hem observat que per defecte n’hi ha alguns que els cal traducció.
|V
 
|-
[[Fitxer:424242.png|cap|miniatura|385x385px]]
|[[Fitxer:Single-choice-set-icon 0.png|esquerra|70x70px]]
 
|[[H5P: Single Choice Set|Single Choice Set]]: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
 
|Exercicis
== Tutorial ==
|Sí
En la pestanya tutorial es pot seguir, en anglès, instruccions molt detallades i clares per a la construcció del ''Branching Scenario''.
|No
[[Fitxer:3232.png|cap|miniatura|432x432px]]
|V
 
|-
== Metadades ==
|[[Fitxer:Sort-paragraphs.png|esquerra|70x70px]]
 
|[[H5P: Sort the Paragraphs|Sort the Paragraphs]]: s'han d'ordenar correctament uns paràgrafs ja escrits.
 
|Exercicis
En la pestanya de metadades podem configurar informació sobre aquest ''Branching Scenario.'' En altres continguts H5P a aquesta configuració s’hi accedeix des del títol del contingut.
|Sí, amb alguna mancança
 
|Sí
[[Fitxer:3134.png|cap|miniatura|421x421px]]
|V
 
N
 
|-
 
|[[Fitxer:Speak-the-words.png|esquerra|70x70px]]
* [https://mon.uvic.cat/udute/h5p-branching-scenario/ Branching Scenario]: permet configurar un recorregut tipus "tria la teva aventura", combinant continguts i preguntes.
|[[H5P: Speak the Words|Speak the Words]]: s'ha de respondre en veu alta una pregunta.
* [https://mon.uvic.cat/udute/h5p-chart/ Chart]: permet la generació de gràfics circulars i de barres.
|Exercicis
 
|Sí, sense detall
==== CHART ====
|Sí
[[Fitxer:53356.png|cap|miniatura]]
|V
 
N
 
|-
''Chart'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet fer un gràfic circulars o de barres.
|[[Fitxer:Speak-the-words-set.png|esquerra|70x70px]]
 
|[[H5P: Speak the Words Set|Speak the Words Set]]: s'ha de respondre en veu alta un seguit de preguntes.
Per utilitzar Chart a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|Exercicis
 
|Sí, sense detall
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|Sí
 
|V
[[Fitxer:Image3333333.png|cap|miniatura|454x454px]]
N
 
|-
 
|[[Fitxer:Summary icon.png|esquerra|70x70px]]
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Chart"
|[[H5P: Summary|Summary]] (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
[[Fitxer:2025-04-02 09 51 29-Clipboard.png|cap|miniatura|439x439px]]
|Exercicis
 
|Sí
 
|No
 
|V
 
|-
 
|
 
|[[H5P: altres elements dins dels continguts#Taula|Table]]: afegir una taula dins d'un contingut H5P.
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1) i triis el tipus de gràfic, circula o de barres, que vols elaborar (2).
|Element
 
|
Per cada conjunt de dades hauràs de posar el nom (3) i el valor (4). Pots triar tant el color de la superfície (5) com el del text (6)., les instruccions del que ha d’enregistrar l¡usuari (2) i clicar desar (3).
|
 
|
[[Fitxer:676.png|cap|miniatura|408x408px]]
|-
 
|
 
|[[H5P: altres elements dins dels continguts#Text|Text]]: afegir un text dins d'un contingut H5P.
Si vols representar més de dues dades, clica ''Afegeix opció'' tantes vegades com et calgui (1). Pots eliminar un bloc de dades (2) o modificar l’ordre dels blocs (3). Finalment, cal que cliquis ''Desa'' (4).
|Element
[[Fitxer:324.png|cap|miniatura|392x392px]]
|
 
|
 
|
* [https://mon.uvic.cat/udute/h5p-collage/ Collage]: permet el muntatge d'un seguit d'imatges de diferents mides.
|-
 
|[[Fitxer:Timeline icon-color.png|esquerra|70x70px]]
 
|[[H5P: Timeline|Timeline]]: mostra una sèrie d'esdeveniments en una línia de temps.
 
|Informació amb interacció
==== '''COLLAGE''' ====
|No
[[Fitxer:31224.png|cap|miniatura|245x245px]]
|No
''Collage'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet el muntatge d’un seguit d’imatges de diferents mides.
|V
 
|-
 
|[[Fitxer:True-false.png|esquerra|70x70px]]
Per utilitzar Collage a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
|[[H5P: True/False Question|True/False Question]]: una única pregunta de Vertader/Fals.
 
|Exercicis
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
|Sí
[[Fitxer:Image3333333.png|cap|miniatura|404x404px]]
|Sí
 
|V
 
N
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Collage"
|-
 
|
[[Fitxer:2025-04-02 10 03 17-Clipboard.png|cap|miniatura|382x382px]]
|[[H5P: altres elements dins dels continguts#Vídeo|Vídeo]]: inserir un vídeo dins d'un contingut H5P.
Aquest contingut H5P es configura tot en una pàgina. Cal que posis el nom de l’activitat (1) i triis el tipus de plantilla (2). Afegeix cada una de les imatges que formarà part del muntatge final (3).
|Element
 
|
 
|
[[Fitxer:78.png|cap|miniatura|490x490px]]
|
Per cada imatge que col·loquis, pots canviar-la (1), modificar-ne la proporció (2) i afegir un text alternatiu i un text que apareixerà al passar-hi el cursor per sobre (3). Pots ajustar l’espai entre les imatges (4), el marc que tindrà cada imatge (5) i l’alçària de tota la galeria (6). Finalment, clica ''Desa'' (7).
|}
 
===Altres informacions i ajudes d'interès===
[[Fitxer:425.png|cap|miniatura|446x446px]]
Si voleu ampliar la informació, podreu trobar més detalls a la [https://h5p.org/ pàgina web d'H5P]
 
__CAPTAULA__
 
* [https://mon.uvic.cat/udute/h5p-column/ Column]: permet la integració de diferents continguts H5P un sota de l'altre, en forma de columna.
 
==== COLUMN ====
[[Fitxer:4445.png|cap|miniatura]]
 
 
''Column'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que diem tipus “contenidor”, ja que permet la integració de diferents continguts H5P un sota de l’altre, en forma de columna.
 
 
Per utilitzar Column a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
 
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
 
[[Fitxer:Image3333333.png|cap|miniatura|441x441px]]
 
 
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Column"
 
[[Fitxer:2025-04-02 10 29 57-Clipboard.png|cap|miniatura|383x383px]]
 
 
La configuració bàsica de l’H5P ''Column'' és molt senzilla: només cal posar-hi un nom (1), seleccionar el primer tipus de contingut (2) i configurar-lo, triar la separació entre els continguts que tindrà la columna (3) i afegir tants continguts com vulguis (4).
 
Per finalitzar, cal desar (5).
 
[[Fitxer:555552.png|cap|miniatura|544x544px]]
 
 
 
* [https://mon.uvic.cat/udute/h5p-course-presentation/ Course Presentation]: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció.
 
==== COURSE PRESENTATION ====
[[Fitxer:55555.png|cap|miniatura]]
 
 
Course presentation és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que agafa la forma bàsica d’una presentació de diapositives. Es pot incloure un menú a l’esquerra per navegar entre diapositives. Cada diapositiva pot contenir text, imatge, vídeo i altres recursos d’interacció. Per donar d’alta un contingut H5P, et suggerim que ho facis des del Banc de contingut de l’aula on voldràs fer-lo servir (si et cal, després tindràs diferents maneres de reutilitzar-lo en altres aules Moodle).
 
 
Per utilitzar Column a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
 
Dins d'una classe seleccionem "més" i seleccionem "banc de contingut"
 
[[Fitxer:Image3333333.png|cap|miniatura|550x550px]]
 
 
Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Course Presentation
 
[[Fitxer:4442.png|cap|miniatura|453x453px]]
 
 
El contingut Course Presentation té l’estructura d’un conjunt de diapositives que poden contenir diferents elements. Cal posar-hi un títol (1) i inserir l’element que vols posar a la diapositiva (2), sigui text, enllaç, imatge, forma geomètrica, vídeo, enllaç a una altra diapositiva, àudio o altres activitats interactives que permet H5P. A la part inferior (3) tens les opcions per afegir una nova diapositiva, duplicar la diapositiva actual, omplir el fons de la diapositiva amb un altre color, canviar l’ordre de la diapositiva o eliminar-la.
 
[[Fitxer:553.png|cap|miniatura|381x381px]]
 
== Text ==
 
 
Per afegir un text, cal clicar la icona “T”.
 
[[Fitxer:44425.png|cap|miniatura|475x475px]]
 
 
S’obrirà una nova pàgina en la qual pots escriure el text (1) i fer-ne una edició de format força senzilla (2). Per acceptar l’edició d’aquest text, has de clicar el botó ''Fet''.
 
[[Fitxer:555.png|cap|miniatura|401x401px]]
No et confonguis amb el botó ''Desa'', que et fa sortir no només del text, sinó també del contingut H5P que estàs editant.
 
Una vegada inserit el text en la diapositiva, pots reubicar-lo (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4), o eliminar-lo (5).
 
A través dels tiradors (els requadres blancs que hi ha en els extrems de l’element), el pots fer més gran o més petit.
 
[[Fitxer:43435.png|cap|miniatura|467x467px]]
Si vols que el text no aparegui directament a la diapositiva, dins de l’edició de text pots marcar ''Mostra com a botó''.
 
[[Fitxer:6464664.png|cap|miniatura|391x391px]]
 
 
En la reproducció de l’H5P, en aquesta diapositiva, apareixerà un botó rodó amb una “i” al mig.
 
[[Fitxer:55535.png|cap|miniatura|418x418px]]
 
 
Quan qui visualitzi l’H5P cliqui aquest botó, apareixerà una finestra emergent amb el contingut de text.
 
[[Fitxer:44443.png|cap|miniatura|404x404px]]
 
== Enllaç ==
Si vols posar un enllaç en una diapositiva, has de clicar la icona de la cadena.
 
[[Fitxer:535355.png|cap|miniatura|447x447px]]
 
 
 
En la pàgina següent has de posar el nom que vols que tingui l’enllaç (1) i la URL on vols que el dirigeixi (2). Per desar, cal que cliquis e botó ''Fet'' de la part inferior.
 
[[Fitxer:Image4666.png|cap|miniatura|400x400px]]
 
 
Una vegada donat d’alta aquest enllaç, pots reubicar-lo en la diapositiva (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4), o eliminar-lo (5).
 
A través dels tiradors de l’element, també el pots fer-lo més gran o més petit.
 
[[Fitxer:Image3244.png|cap|miniatura|363x363px]]
 
 
Si vols posar un enllaç en una paraula o una part d’un text, l’has d’editar, seleccionar el text que tindrà l’enllaç i utilitzar la icona de cadena per configurar-lo.
 
[[Fitxer:Image33333334.png|cap|miniatura|455x455px]]
 
== Imatge ==
 
 
Per afegir una imatge a la diapositiva, clica el botó d’imatge.
 
[[Fitxer:Image4444.png|cap|miniatura|357x357px]]
S’obre una pàgina nova on pots afegir la imatge (1), posar-hi un títol (2) i també, com abans hem vist amb el text, fer-ho en forma de botó (3). Clica el botó ''Fet'' per tornar a la diapositiva.
 
[[Fitxer:Image331.png|cap|miniatura|356x356px]]
 
 
Una vegada col·locada la imatge, igual que amb el text, pots reubicar-la en la diapositiva (1), editar-la de nou (2), copiar-la (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-la davant o darrere (4), o eliminar-la (5).
 
A través dels tiradors de l’element, pots fer-lo més gran o més petit.
 
[[Fitxer:Image3333.png|cap|miniatura|374x374px]]
 
 
== Forma geomètrica ==
Per inserir una forma geomètrica a la diapositiva, clica la icona ''Shapes''.
 
[[Fitxer:Image2221.png|cap|miniatura|432x432px]]
En clicar-la, s’obrirà una finestra emergent on hauràs de triar quina forma vols incloure.
 
[[Fitxer:Image44445.png|cap|miniatura|481x481px]]
 
 
Aquesta acció et portarà a un altre diàleg on podràs configurar el color interior de la forma (1), el color del contorn (2), la mida de la línia del contorn -si ho deixes a 0, no tindrà contorn- (3), l’estil de la línia del contorn (4) i el radi dels vèrtex del contorn -més o menys arrodonit (5). Per confirmar, clica ''Fet''.
 
[[Fitxer:Image444555.png|cap|miniatura|493x493px]]
A la diapositiva, amb la forma seleccionada, pots reubicar-la en la diapositiva (1), editar-la de nou (2), copiar-la (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-la davant o darrere (4), o eliminar-la (5).
 
A través dels tiradors de l’element, el pots fer més gran o més petit.
 
[[Fitxer:Image44433.png|cap|miniatura|446x446px]]
 
== Vídeo ==
 
 
 
Si vols inserir un vídeo, clica la icona de vídeo.
 
[[Fitxer:Image3332.png|cap|miniatura|491x491px]]
 
 
S’obre una pàgina on pots posar el nom del vídeo i seleccionar quin és l’origen del vídeo, clicant el requadre que té un “+” a l’interior.
 
[[Fitxer:Image55.png|cap|miniatura|460x460px]]
 
 
En la següent pàgina, pots pujar un vídeo que tinguis en el teu ordinador (1) o bé posar l’enllaç a un vídeo que ja està disponible en alguna altra plataforma (2), com per exemple YouTube. Et recomanem aquesta segona opció (per evitar carregar vídeos a Moodle directament). Per confirmar, clica el botó ''Insereix''.
[[Fitxer:Image434343.png|cap|miniatura|502x502px]]
En les opcions de l’apartat Reproducció pots decidir que el vídeo s’executi així que es carregui la diapositiva (1) on està i que es vagi repetint des de l’inici mentre no es canviï de diapositiva (2).
 
[[Fitxer:Image42435.png|cap|miniatura|362x362px]]
Aquest vídeo, igual que un text o una imatge inserits en la diapositiva, es pot mostrar com a botó (1). Per confirmar les opcions de configuració del vídeo, clica el botó ''Fet''.
 
[[Fitxer:Image4443.png|cap|miniatura|430x430px]]
Una vegada inserit el vídeo en la diapositiva, podràs reubicar-lo en la diapositiva (1), editar-lo de nou (2), copiar-lo (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-lo davant o darrere (4), o eliminar-lo (5).
 
A través dels tiradors (els requadres blancs que hi ha en els extrems i a les parts mitges de cada costat), també el pots fer més gran o més petit.
 
[[Fitxer:Image4421.png|cap|miniatura|404x404px]]
 
== Àncora ==
 
 
Si en una diapositiva vols posar un enllaç a una altra diapositiva, clica el botó de l’àncora.
 
[[Fitxer:Image3334.png|cap|miniatura|429x429px]]
En la pàgina següent, has de configurar el nom d’aquest enllaç intern (1), seleccionar a quina diapositiva vols que porti (2) i, si has seleccionat Especifica el número de diapositiva, podràs posar el número de la diapositiva de destí (3). Clica ''Fet'' per confirmar la inserció de l’àncora.
 
[[Fitxer:Image4445.png|cap|miniatura|539x539px]]
 
 
Una vegada inserida l’àncora, igual que amb els textos, imatges i vídeos, pots reubicar-la en la diapositiva (1), editar-la de nou (2), copiar-la (3), modificar-ne la ubicació respecte a altres elements de la diapositiva, és a dir, posar-la davant o darrere (4), o eliminar-la (5).
 
A través dels tiradors en els extrems de l’element, el pots fer més gran o més petit.
 
[[Fitxer:Image44455.png|cap|miniatura|388x388px]]
L’àncora és un requadre transparent. Per tal que qui visualitzi el Course Presentatiion sàpiga on ha de clicar, l’has de sobreposar a un text o una imatge que sigui prou indicativa de la diapositiva on porta aquesta àncora.
 
[[Fitxer:Image444.png|cap|miniatura|525x525px]]
 
== Índex de diapositives ==
 
 
Pots fer un índex a la part esquerra del Course Presentation que serveixi per moure’s directament a cada una de les diapositives.
 
Clica ''Diapositives'' i marca ''Mostra els títols'' i ''Mostra sempre''. Per confirmar clica el botó ''D’acord''.
 
[[Fitxer:Image424245.png|cap|miniatura]]
Per posar títol a cada diapositiva, has de clicar el llapis que hi ha a la part dreta.
 
[[Fitxer:Image33334.png|cap|miniatura]]
En la reproducció del Course Presentation, aquest índex estarà fixat a la part esquerra.
 
[[Fitxer:Image22223.png|cap|miniatura|417x417px]]
 
== Desar ==
 
 
Quan vulguis desar el Course Presentation, clica el botó Desa de la part superior o de la part inferior de la pàgina.
 
[[Fitxer:Image4445556.png|cap|miniatura]]
 
== La resta d’interaccions ==
 
 
Quan cliquis qualsevol de la resta de botons que permeten incloure interaccions en les diapositives, el funcionament és el mateix que per cada un d’aquests continguts H5P per separat.
 
Per a més detalls, consulta les següents entrades:
 
* [[/mon.uvic.cat/udute/h5p-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.
* [[/mon.uvic.cat/udute/h5p-drag-and-drop/|Drag and Drop]]: activitat d'”arrossegar i deixar anar” elements a espais determinats.
* [[/mon.uvic.cat/udute/h5p-drag-the-words/|Drag the Words]]: l’usuari arrossega paraules dins d’un text més gran que té espais buits, per construir una frase completa.
* [[/mon.uvic.cat/udute/h5p-fill-in-the-blanks/|Fill in the Blanks]]: activitat d’omplir buits en un text.
* [[/mon.uvic.cat/udute/h5p-interactive-video/|Interactive video]]: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d’interacció.
* [[/mon.uvic.cat/udute/h5p-mark-the-words/|Mark the Words]]: l’usuari marca paraules dins d’un text segons les instruccions que se li indiquen.
* [[/mon.uvic.cat/udute/h5p-multiple-choice/|Multiple Choice]]: una pregunta de múltiple resposta on pot haver més d’una resposta correcta.
* [[/mon.uvic.cat/udute/h5p-single-choice-set/|Single Choice Set]]: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
* [[/mon.uvic.cat/udute/h5p-summary/|Summary]] (Statements): permet la construcció d’un resum a partir de la selecció d’afirmacions correctes
* [[/mon.uvic.cat/udute/h5p-true-false-question/|True/False Question]]: una única pregunta de Vertader/Fals
 
Si alguna de les diapositives del Course Presentation conté algun ccontingut que permeten que l’usuari interactuï, es poden configurar les opcions de la retroacció.
 
Alerta: aquestes tindran prioritat sobre les possibles configuracions de cada un dels continguts d’interacció.
 
[[Fitxer:Image334.png|cap|miniatura|433x433px]]
 
* 1. Activa el mode de superfície activa: si actives aquesta opció, no es mostraran els controls inferiors del Course Presentation que permeten la navegació lliure de l’usuari. Alerta: aquesta opció no es pot desfer (de fet, ja s’obre un missatge que ho avisa).
 
[[Fitxer:Image665.png|cap|miniatura|394x394px]]
 
* 2. Amagueu la diapositiva resum: si hi ha contingut interactiu, Course Presentation afegeix automàticament una diapositiva final amb el resum dels resultats obtinguts. Si aquesta opció està marcada, aquesta diapositiva no es mostra.
 
[[Fitxer:Image55554.png|cap|miniatura|397x397px]]
 
* 3. Override “Show Solution” button: si està activat, en clicar el botó ''Verifica'', es mostrarà un botó que permet a l’usuari veure les solucions correctes.
 
[[Fitxer:Image6667.png|cap|miniatura|411x411px]]
[[Fitxer:Image888887.png|cap|miniatura|382x382px]]
[[Fitxer:Image66665.png|cap|miniatura|370x370px]]
 
* 4. Override “Retry” button: si està activat, en clicar el botó ''Verifica'', es mostrarà  un botó que permet a l’usuari tornar a fer l’activitat.
 
 
[[Fitxer:Image9998.png|cap|miniatura|432x432px]]
 
* 5. Show “Show solution” button in the summary slide: si està activat, en la diapositiva ''Resum'' es mostrarà un botó que permet veure totes les solucions de les interaccions.
 
[[Fitxer:Image555.png|cap|miniatura|485x485px]]
Si clica el botó ''Mostra solucions'', l’usuari podrà consultar la solució de cada interacció de cada diapositiva.
 
 
[[Fitxer:Image5554.png|cap|miniatura|439x439px]]
 
* 6. Show “Retry” button in the summary slide: si està activat, en la diapositiva ''Resum'' es mostrarà un botó que envia l’usuari a la primera diapositiva que té interacció i pot tornar a fer-les totes.
* [https://mon.uvic.cat/udute/h5p-crossword/ Crossword]: permet fer uns mots encreuats.
 
 
==== CROSSWORD ====
[[Fitxer:Image55545.png|cap|miniatura]]
 
 
''Crossword'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet fer uns mots encreuats.
 
 
 
* [https://mon.uvic.cat/udute/h5p-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.
* [https://mon.uvic.cat/udute/h5p-dictation/ Dictation]: permet fer un dictat que l'usuari ha d'escriure correctament.
* [https://mon.uvic.cat/udute/h5p-documentation-tool/ Documentation Tool]: permet generar un document estructurat segons unes instruccions precises
*[https://mon.uvic.cat/udute/h5p-drag-and-drop/ Drag and Drop]: activitat d'"arrossegar i deixar anar" elements a espais determinats..
* [https://mon.uvic.cat/udute/h5p-drag-the-words/ Drag the Words]: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa.
* [https://mon.uvic.cat/udute/author/eulaliamassana/ Essay]: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure.
* [https://mon.uvic.cat/udute/h5p-fill-in-the-blanks/ Fill in the Blanks]: activitat d'omplir buits en un text.
* [https://mon.uvic.cat/udute/h5-find-multiple-hotspots/ Find Multiple Hotspots]: cal seleccionar parts d'una imatge que compleixen una condició.
* [https://mon.uvic.cat/udute/h5p-find-the-hotspot/ Find the Hotspot]: l'usuari ha de marcar una zona concreta d'una imatge
* [https://mon.uvic.cat/udute/h5p-find-the-words/ Find the Words]: sopa de lletres.
* [https://mon.uvic.cat/udute/h5p-flashcards/ Flashcards]: mostra una successió de cartes que tenen una imatge i una pregunta que cal respondre.
* [https://mon.uvic.cat/udute/h5p-guess-the-answer/ 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ó.
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#imatge Image]: afegir una imatge dins d'un H5P.
* [https://mon.uvic.cat/udute/h5p-iframe-embedder/ Iframe Embedder]: insereix des d'una URL o un conjunt de fitxers.
* [https://mon.uvic.cat/udute/h5p-image-choice/ Image Choice]: seleccionar les imatges que compleixen una condició.
* [https://mon.uvic.cat/udute/h5p-image-hotspots/ Image Hotspots]: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio.
* [https://mon.uvic.cat/udute/h5p-image-juxtaposition/ Image Juxtaposition]: permet comparar dues imatges interactivament.
* [https://mon.uvic.cat/udute/h5p-image-pairing/ Image pairing]: cal aparellar imatges de dos conjunts.
* [https://mon.uvic.cat/udute/h5p-image-sequencing/ Image Sequencing]: cal ordenar un conjunt d'imatges.
* [https://mon.uvic.cat/udute/h5p-image-slider/ Image Slider]: permet fer una presentació d’imatges.
* [https://mon.uvic.cat/udute/h5p-interactive-book/ Interactive Book]: permet la integració de diferents continguts H5P en format de llibre interactiu.
* [https://mon.uvic.cat/udute/h5p-interactive-video/ Interactive video]: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció.
* [https://mon.uvic.cat/udute/h5p-kewar-code/ KewAr Code]: permet generar un codi QR.
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#enllac Link]: afegir un enllaç web dins d'un contingut H5P.
* [https://mon.uvic.cat/udute/h5p-memory-game/ Memory Game]: joc de memòria de trobar les parelles destapant-les de dos en dos.
* [https://mon.uvic.cat/udute/h5p-mark-the-words/ Mark the Words]: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
* [https://mon.uvic.cat/udute/h5p-multiple-choice/ Multiple Choice]: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
* [https://mon.uvic.cat/udute/h5p-personality-quiz/ Personality 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.
* [https://mon.uvic.cat/udute/h5p-question-set/ Question set]: conjunt de preguntes de diferents tipus.
* [https://mon.uvic.cat/udute/h5p-questionnaire/ Questionnaire]: permet fer una enquesta amb preguntes obertes i de tria múltiple (amb una o més d'una resposta possible).
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#forma Shape]: formes geomètriques dins d'un Course presentation.
* [https://mon.uvic.cat/udute/h5p-single-choice-set/ Single Choice Set]: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
* [https://mon.uvic.cat/udute/h5p-sort-the-paragraphs/ Sort the Paragraphs]: s'han d'ordenar correctament uns paràgrafs ja escrits.
* [https://mon.uvic.cat/udute/h5p-speak-the-words/ Speak the Words]: s'ha de respondre en veu alta una pregunta.
* [https://mon.uvic.cat/udute/h5p-speak-the-words-set/ Speak the Words Set]: s'ha de respondre en veu alta un seguit de preguntes.
* [https://mon.uvic.cat/udute/h5p-summary/ Summary (Statements)]: permet la construcció d'un resum a partir de la selecció d'afirmacions correctes.
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#taula Table]: afegir una taula dins d'un contingut H5P.
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#text Text]: afegir un text dins d'un contingut H5P.
* [https://mon.uvic.cat/udute/h5p-timeline/ Timeline]: mostra una sèrie d'esdeveniments en una línia de temps.
* [https://mon.uvic.cat/udute/h5p-true-false-question/ True/False Question]: una única pregunta de Vertader/Fals.
* [https://mon.uvic.cat/udute/h5p-altres-elements-dins-dels-continguts/#video Video]: inserir un vídeo dins d'un contingut H5P.

Revisió de 09:38, 9 jul 2025

H5P

Què és

Els tipus de continguts H5P són molts i variats. En la taula següent els tens llistats, amb:

  • la icona identificativa
  • una breu descripció
  • l'enllaç a la pàgina on expliquem com es configura
  • tipus de contingut
  • si permet seguiment
  • si genera nota
  • si permet el control compleció (V: visualitza; N: nota)
Descripció Tipus Seguiment Nota Compleció
Audio logo.png
 Audio: afegir un  un fragment d'àudio. Informació amb interacció No No V
Àudio: afegir un  un fragment d'àudio dins d'un contingut H5P. Element
Accordion-icon.png
 Accordion: ordenar textos sota títols desplegables. Informació amb interacció No No V
Advent calendar.png
 Advent Calendar (beta): permet fer un calendari d'advent. Informació amb interacció No No V
Agamotto.png
 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. Informació amb interacció No No V
Basic-arithmetic-quiz-icon-color.png
 Arithmetic Quiz: permet fer un qüestionari de preguntes de càlculs simples. Exercicis Sí, sense detall Sí V

N

Audio-recorder-icon 0.png
 Audio Recorder: permet a l'usuari enregistrar un fragment d'àudio. Eines No No V
Branching-scenario-icon.png
 Branching Scenario: permet configurar un recorregut tipus "tria la teva aventura", combinant continguts i preguntes. Contenidors No de totes les activitats No V
Chart-icon-color.png
 Chart: permet la generació de gràfics circulars i de barres. Informació amb interacció No No V
Collage-icon.png
 Collage: permet el muntatge d'un seguit d'imatges de diferents mides. Informació amb interacció No No V
Column-icon (1).png
 Column: permet la integració de diferents continguts H5P un sota de l'altre, en forma de columna. Contenidors No No V
Coursepresentation.png
 Course Presentation: successió de diapositives que poden contenir text, imatge, vídeo, àudio i diferents tipus d'interacció. Contenidors Sí Sí V

N

Crosswords.png
 Crossword: permet fer uns mots encreuats. Exercicis Sí Sí V

N

Dialog cards icon-color.png
 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. Informació amb interacció No No V
Dictation.png
 Dictation: permet fer un dictat que l'usuari ha d'escriure correctament. Exercicis Sí Sí V

N

Documentation-tool-icon 0.png
 Documentation Tool: permet generar un document estructurat segons unes instruccions precises Eines No No V
Drag-and-drop-icon.png
 Drag and Drop: activitat d'"arrossegar i deixar anar" elements a espais determinats. Exercicis Sí Sí V

N

Drag-the-words-icon.png
 Drag the Words: l'usuari arrossega paraules dins d'un text més gran que té espais buits, per construir una frase completa. Exercicis Sí Sí V

N

Essay.png
 Essay: permet una correcció automàtica d'un text que l'usuari ha rebut instruccions per escriure. Exercicis Sí Sí V

N

Fill-in-the-blanks-icon 0.png
 Fill in the Blanks: activitat d'omplir buits en un text. Exercicis Sí Sí V

N

Find-multiple-hotspots.png
 Find Multiple Hotspots: cal seleccionar parts d'una imatge que compleixen una condició. Exercicis Sí, sense detall

Cada tria és un intent

Sí V

N

Image hotspot-question-icon 0.png
 Find the Hotspot: l'usuari ha de marcar una zona concreta d'una imatge Exercicis Sí, sense detall Sí V

N

Word-search-h5porg.png
 Find the Words: sopa de lletres. Exercicis Sí Sí V

N

Flashcards-png-icon.png
 Flashcards: mostra una successió de cartes que tenen una imatge i una pregunta que cal respondre. Exercicis Sí Sí V

N

Guess-the-answer-icon.png
 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ó Informació amb interacció No No V
Image: afegir una imatge dins d'un H5P. Element
Iframe embeddor icon-color 0.png
 Iframe Embedder: insereix des d'una URL o un conjunt de fitxers. Eines No No V
Image-choice.png
 Image Choice: seleccionar les imatges que compleixen una condició. Exercicis Sí Sí V

N

Image-hotspots-icon-color.png
 Image Hotspots: presenta una imatge amb marques que permeten ampliar contingut en format de text, imatge, vídeo i/o àudio. Informació amb interacció No No No
Before-after-image.png
 Image Juxtaposition: permet comparar dues imatges interactivament. Informació amb interacció No No No
Image-pairing.png
 Image pairing: cal aparellar imatges de dos conjunts. Exercicis Sí, sense detall Sí V

N

Image-sequnce.png
 Image Sequencing: cal ordenar un conjunt d'imatges. Exercicis Sí Sí V

N

Pictusel-h5p-org.png
 Image Slider: permet fer una presentació d’imatges. Informació amb interacció No No No
Interactive-book-icon.png
 Interactive Book: permet la integració de diferents continguts H5P en format de llibre interactiu. Contenidors Sí, sense detall Sí V

N

Interactive video icon-colors 0.png
 Interactive video: vídeo que pot contenir al qual es poden superposar text, imatge i diferents tipus d'interacció. Contenidors Sí Sí V

N

KewAr-icon-h5porg.png
 KewAr Code: permet generar un codi QR. Informació sense interacció No No V
Link: afegir un enllaç web dins d'un contingut H5P. Element
Mark-the-words-icon 0.png
 Mark the Words: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen. Exercicis Sí Sí V

N

Memory-game-icon.png
 Memory Game: joc de memòria de trobar les parelles destapant-les de dos en dos Exercicis Sí, però només registra el resultats si es finalitza (i només es finalitza si és correcte) Sí V

N

Multichoice-icon 0.png
 Multiple Choice: una pregunta de múltiple resposta on pot haver més d'una resposta correcta. Exercicis Sí Sí V

N

Personality-quiz-icon.png
 Personality 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. Exercicis No No V
Question-set.png
 Question set: conjunt de preguntes de diferents tipus. Contenidors Sí Sí V

N

Survey-icon-h5p-org.png
 Questionnaire: permet fer una enquesta amb preguntes obertes i de tria múltiple (amb una o més d'una resposta possible). Exercicis No No V
Single-choice-set-icon 0.png
 Single Choice Set: conjunt de preguntes de resposta múltiple on només una resposta és la correcta. Exercicis Sí No V
Sort-paragraphs.png
 Sort the Paragraphs: s'han d'ordenar correctament uns paràgrafs ja escrits. Exercicis Sí, amb alguna mancança Sí V

N

Speak-the-words.png
 Speak the Words: s'ha de respondre en veu alta una pregunta. Exercicis Sí, sense detall Sí V

N

Speak-the-words-set.png
 Speak the Words Set: s'ha de respondre en veu alta un seguit de preguntes. Exercicis Sí, sense detall Sí V

N

Summary icon.png
 Summary (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes Exercicis Sí No V
Table: afegir una taula dins d'un contingut H5P. Element
Text: afegir un text dins d'un contingut H5P. Element
Timeline icon-color.png
 Timeline: mostra una sèrie d'esdeveniments en una línia de temps. Informació amb interacció No No V
True-false.png
 True/False Question: una única pregunta de Vertader/Fals. Exercicis Sí Sí V

N

Vídeo: inserir un vídeo dins d'un contingut H5P. Element

Altres informacions i ajudes d'interès

Si voleu ampliar la informació, podreu trobar més detalls a la pàgina web d'H5P

Obtingut de «https://urecursos.uvic.cat/index.php?title=Tipus_d%27H5P&oldid=10386»