H5P: Interactive Video: diferència entre les revisions

Revisió de 13:59, 9 jul 2025

Qué és?

Interactive Video és un contingut H5P que permet incorporar interaccions a un vídeo. Per exemple, en un punt determinat de la visualització del vídeo aquest s’atura i no avançarà fins que l’usuari respongui correctament una pregunta.

Com es configura

Per donar d'alta un contingut H5P, et 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).

En la pàgina principal de l'aula, selecciona l'opció del menú horitzontal "més" i després "banc de contingut".

Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Interactive Video".

En la primera pantalla hem d’anomenar el contingut H5P (1) i afegir el vídeo que serà la base d’aquest contingut (2).

Quan cliquem la icona del requadre amb un “+” per afegir el vídeo, tindrem l’opció de penjar un vídeo (1) o enllaçar-ne un que ja tinguem en un espai públic, que és l’opció que recomanem (2). Per confirmar, cal clicar el botó Insereix (3).

En l’apartat del vídeo posem un nom (1) que es podrà visualitzar o no en la pantalla d’inici del vídeo (2). També podem afegir una descripció (3) o una imatge inicial (4).

En l’apartat d’Opcions de comportament del vídeo podem configurar:

Minut:segon d’inici de reproducció del vídeo.
Que el vídeo es reprodueixi automàticament.
Que una vegada acabat el vídeo, es torni a reproduir.
Opcions de configuració dels botons “Mostra solució” i “Torna-ho a provar”.
Si hem afegit marques en el vídeo, podem configurar que aparegui per defecte el menú que ens permetrà navegar entre elles
Mostrar el botó que permeti anar 10 segons enrere.
Que l’usuari no moure’s lliurement pel vídeo, sinó que l’hagi de visualitzar de l’inici fins al final.
Que no es reprodueixi el so del vídeo.

Després de configurar el vídeo, podem afegir interaccions i altres elements (1) a la pestanya Afegeix interaccions. Podem navegar el vídeo fàcilment amb les seves opcions de reproducció (2).

Si hi volem afegir marques, cal situar el punt de vídeo on volem posar una marca i clicar la icona de marques.

Seleccionem Afegeix un marcador i posem-hi un nom (millor que sigui curt).

Qualsevol element que afegim es situarà per defecte al punt de reproducció del vídeo en aquell moment. Podem, però, modificar manualment tant el moment d’inici com el de finalització (1). També podem fer que s’aturi el vídeo mentre estigui en funcionament aquest element (2) i, per cada un d’ells, haurem de fer la configuració oportuna (3) abans de marcar com a Fet (4) l’edició de l’element. En la següent captura hi ha l’exemple de l’edició d’una etiqueta.

Si seleccionem un element, el podem moure en la pantalla (1), editar-lo de nou (2), copiar-lo (3), canviar el seu nivell de profunditat (4) o eliminar-lo (5).

Depenent de l’element que vulguem afegir, a més d’establir el temps en pantalla (1), podem incloure una pausa (2), seleccionar si es visualitzarà com un botó (3), que l’usuari haurà de clicar per veure el contingut, o com a pòster (4), i per tant se superposarà sobre del vídeo.

En la següent imatge es veu l’aspecte d’un Botó.

I en la següent hi ha un Pòster.

Un póster pot ocupar només una part de la pantalla.

Finalment, si aquest contingut el posem en una Activitat H5P de Moodle a l’aula i vols que la seva valoració s’incorpori correctament al qualificador, caldrà que indiquis clarament a l’usuari que al final del vídeo, allà on hi ha l’estrella (1), apareixerà la següent pantalla i per a que els resultats siguin enviats, haurà de clicar el botó “Envia les respostes” (2).

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.

En les opcions de comportament es pot visibilitzar l’índex del llibre (1), els indicadors de progrés (2), el progrés automàtic (3) i/o el resum (4).

Exemple

Altres informacions i ajudes d'interès

Si vols ampliar la informació, pots trobar més detalls a la pàgina web d'H5P.

Pots, també, consultar la llista d'altres tipus de continguts H5P.

@@ Línia 1: / Línia 1: @@
-[[Fitxer:Imagefffffef.png|esquerra|119x119px]]
+{{Template:TipusH5P}}
-''Interactive Video'' és un contingut [[/recursosdocents.uvic.cat/index.php/H5P|H5P]] que permet incorporar interaccions a un vídeo. Per exemple, en un punt determinat de la visualització del vídeo aquest s’atura i no avançarà fins que l’usuari respongui correctament una pregunta.
+=== Qué és? ===
+[[Fitxer:Interactive video icon-colors 0.png|esquerra|70x70px]]
+''Interactive Video'' és un contingut [[H5P]] que permet incorporar interaccions a un vídeo. Per exemple, en un punt determinat de la visualització del vídeo aquest s’atura i no avançarà fins que l’usuari respongui correctament una pregunta.
+=== Com es configura ===
+Per donar d'alta un contingut H5P, et 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).
-Per utilitzar el Interactive Video a la nostra aula virtual, primer ens hem de dirigir al campus virtual i seleccionem a l'aula que volem incrustar l'H5P.
+En la pàgina principal de l'aula, selecciona l'opció del menú horitzontal "més" i després "banc de contingut".[[Fitxer:BancContingutMoodle.png|center|587x587px|miniatura]]Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Interactive Video".
+[[Fitxer:H5P InteractiveVideo 01 M4.png|center|miniatura|700x700px]]
-Dins d'una classe seleccionem "més" i seleccionem "banc de continguts"
-[[Fitxer:Image33333325555.png|center|miniatura|461x461px]]
+En la primera pantalla hem d’anomenar el contingut H5P (1) i afegir el vídeo que serà la base d’aquest contingut (2).
-Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Interactive Video"
+[[Fitxer:H5P InteractiveVideo 02.png|center|miniatura|700x700px]]
+Quan cliquem la icona del requadre amb un “+” per afegir el vídeo, tindrem l’opció de penjar un vídeo (1) o enllaçar-ne un que ja tinguem en un espai públic, que és l’opció que recomanem (2). Per confirmar, cal clicar el botó ''Insereix'' (3).
+[[Fitxer:H5P InteractiveVideo 03.png|center|miniatura|700x700px]]
-[[Fitxer:2025-05-06 12 55 54-Clipboard.png|center|miniatura|332x332px]]
-Aquest contingut H5P es configura tot en una pàgina, en diferents pestanyes. En cada pestanya es configura el contingut d’una de les pàgines del llibre a partir d’un contingut H5P del tipus ''Column'' (que permet incloure diferents tipus de contingut H5P), per tant, en cada pestanya les opcions seran les que corresponen al contingut triat.
-Cal que posis el nom de l’activitat (1). Pots activar que s’iniciï el llibre interactiu amb una portada (2).
+En l’apartat del vídeo posem un nom (1) que es podrà visualitzar o no en la pantalla d’inici del vídeo (2). També podem afegir una descripció (3) o una imatge inicial (4).
+[[Fitxer:H5P InteractiveVideo 04.png|center|miniatura|700x700px]]
-Cal posar un nom a la pàgina que s’està configurant (3), triar el primer tipus de contingut (4) i configurar-lo. Es pot indicar si, en el cas que en aquesta pàgina del llibre el ''Column'' inclou més d’un contingut, es mostra (i on) el separador entre continguts (5).
-Si en aquesta pàgina volem incloure més d’un contingut, cal clicar el botó ''Afegir contingut'' (6).
+En l’apartat d’''Opcions de comportament'' del vídeo podem configurar:
-Una vegada configurada la pàgina, se’n pot afegir tantes com es vulgui (7).
+# Minut:segon d’inici de reproducció del vídeo.
+# Que el vídeo es reprodueixi automàticament.
+# Que una vegada acabat el vídeo, es torni a reproduir.
+# Opcions de configuració dels botons “Mostra solució” i “Torna-ho a provar”.
+# Si hem afegit marques en el vídeo, podem configurar que aparegui per defecte el menú que ens permetrà navegar entre elles
+# Mostrar el botó que permeti anar 10 segons enrere.
+# Que l’usuari no moure’s lliurement pel vídeo, sinó que l’hagi de visualitzar de l’inici fins al final.
+# Que no es reprodueixi el so del vídeo.
-[[Fitxer:Imagefcccc.png|center|miniatura|381x381px]]
+[[Fitxer:H5P InteractiveVideo 11.png|center|miniatura|600x600px]]
-Dins d’un ''Column'' d’H5P podem incloure fins a 33 tipus diferents d’elements (siguin altres continguts H5P o recursos).
-* 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 (recurs): afegir una imatge.
-* 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 (recurs): afegir un enllaç web.
-* 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 (recurs): afegir una taula.
-* Text (recurs): afegir un text.
-* Timeline: mostra una sèrie d’esdeveniments en una línia de temps.
-* True/False Question: una única pregunta de Vertader/Fals.
-* Twitter User Feed (recurs): afegir un fil de twitter.
-* Video (recurs): inserir un vídeo
+Després de configurar el vídeo, podem afegir interaccions i altres elements (1) a la pestanya ''Afegeix interaccions''. Podem navegar el vídeo fàcilment amb les seves opcions de reproducció (2).
+[[Fitxer:H5P InteractiveVideo 05.png|center|miniatura|700x700px]]
+Si hi volem afegir marques, cal situar el punt de vídeo on volem posar una marca i clicar la icona de marques.
+[[Fitxer:H5P InteractiveVideo 12.png|center|miniatura|395x395px]]
+Seleccionem ''Afegeix un marcador'' i posem-hi un nom (millor que sigui curt).
+[[Fitxer:H5P InteractiveVideo 13.png|center|miniatura|213x213px]]
+Qualsevol element que afegim es situarà per defecte al punt de reproducció del vídeo en aquell moment. Podem, però, modificar manualment tant el moment d’inici com el de finalització (1). També podem fer que s’aturi el vídeo mentre estigui en funcionament aquest element (2) i, per cada un d’ells, haurem de fer la configuració oportuna (3) abans de marcar com a ''Fet'' (4) l’edició de l’element. En la següent captura hi ha l’exemple de l’edició d’una etiqueta.
+[[Fitxer:H5P InteractiveVideo 06.png|center|miniatura|700x700px]]
+Si seleccionem un element, el podem moure en la pantalla (1), editar-lo de nou (2), copiar-lo (3), canviar el seu nivell de profunditat (4) o eliminar-lo (5).
+[[Fitxer:H5P InteractiveVideo 07.png|center|miniatura|700x700px]]
+Depenent de l’element que vulguem afegir, a més d’establir el temps en pantalla (1), podem incloure una pausa (2), seleccionar si es visualitzarà com un botó (3), que l’usuari haurà de clicar per veure el contingut, o com a pòster (4), i per tant se superposarà sobre del vídeo.
+[[Fitxer:H5P InteractiveVideo 08.png|center|miniatura|700x700px]]
+En la següent imatge es veu l’aspecte d’un ''Botó''.
+[[Fitxer:H5P InteractiveVideo 09.png|center|miniatura|700x700px]]
+I en la següent hi ha un ''Pòster''.
+[[Fitxer:H5P InteractiveVideo 10.png|center|miniatura|700x700px]]
+Un póster pot ocupar només una part de la pantalla.
+Finalment, si aquest contingut el posem en una Activitat H5P de Moodle a l’aula i vols que la seva valoració s’incorpori correctament al qualificador, caldrà que indiquis clarament a l’usuari que al final del vídeo, allà on hi ha l’estrella (1), apareixerà la següent pantalla i per a que els resultats siguin enviats, haurà de clicar el botó “Envia les respostes” (2).
+[[Fitxer:H5P InteractiveVideo 15.png|center|miniatura|700x700px]]Com a elements pot incloure:
+*[[H5P: altres elements dins dels continguts#Enlla%C3%A7|Enllaç]]: afegir un enllaç web dins d'un contingut H5P.
+*[[H5P: altres elements dins dels continguts#Imatge|Imatge]]: afegir una imatge dins d'un H5P.
+*[[H5P: altres elements dins dels continguts#Taula|Taula]]: afegir una taula dins d'un contingut H5P.
+*[[H5P: altres elements dins dels continguts#Text|Text]]: afegir un text dins d'un contingut H5P.
+*[[H5P: altres elements dins dels continguts#V%C3%ADdeo|Video]]: inserir un vídeo dins d'un contingut H5P.
+Com a continguts H5P pot incloure:
+*[[H5P: Drag and drop|Drag and Drop]]: activitat d'"arrossegar i deixar anar" elements a espais determinats.
+*[[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.
+* [[H5P: Fill in the Blanks|Fill in the Blanks]]: activitat d'omplir buits en un text.
+*[[H5P: Mark the Words|Mark the Words]]: l'usuari marca paraules dins d'un text segons les instruccions que se li indiquen.
+*[[H5P: Multiple Choice|Multiple Choice]]: una pregunta de múltiple resposta on pot haver més d'una resposta correcta.
+*[[H5P: Single Choice Set|Single Choice Set]]: conjunt de preguntes de resposta múltiple on només una resposta és la correcta.
+*[[H5P: Summary|Summary]] (Statements): permet la construcció d'un resum a partir de la selecció d'afirmacions correctes
+*[[H5P: True/False Question|True/False Question]]: una única pregunta de Vertader/Fals.
 En les opcions de comportament es pot visibilitzar l’índex del llibre (1), els indicadors de progrés (2), el progrés automàtic (3) i/o el resum (4).
+=== Exemple ===
+<iframe key="ubiqua" path="h5p/embed.php?url=https%3A%2F%2Fubiqua.uvic.cat%2Fpluginfile.php%2F274427%2Fmod_h5pactivity%2Fpackage%2F0%2Finteractive-video-420.h5p&component=mod_h5pactivity" "="" />
-Per finalitzar, cal clicar ''Desa'' (5).
+=== Altres informacions i ajudes d'interès ===
+Si vols ampliar la informació, pots trobar més detalls a la [https://h5p.org/ pàgina web d'H5P].
-[[Fitxer:Imagenecessitat.png|center|miniatura|475x475px]]
+Pots, també, consultar la [[Tipus d'H5P|llista d'altres tipus de continguts H5P]].