H5P : Différence entre versions

De M@gistère
Sauter à la navigation Sauter à la recherche
Ligne 12 : Ligne 12 :
 
Vous trouverez sur le [https://h5p.org/ site officiel de H5P] (en anglais) un ensemble de ressources présentant les différentes activités possibles et des tutoriels de mise en œuvre.
 
Vous trouverez sur le [https://h5p.org/ site officiel de H5P] (en anglais) un ensemble de ressources présentant les différentes activités possibles et des tutoriels de mise en œuvre.
  
== Produire une activité H5P ==
+
==Produire une activité H5P==
 
En passant par le bouton du sélecteur d'activité vous pouvez créer ou modifier une activité H5P qui sera rattachée à la banque de contenus du parcours.
 
En passant par le bouton du sélecteur d'activité vous pouvez créer ou modifier une activité H5P qui sera rattachée à la banque de contenus du parcours.
 
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
|[[Fichier:Créer H5P.png|centré|sans_cadre|400x400px]]
+
|[[Fichier:Créer H5P.png|centré|sans_cadre|600x600px|alt=]]
 
|
 
|
* Nommer sa nouvelle activité.
+
*Nommer sa nouvelle activité.
* La décrire.
+
*La décrire.
* Utiliser la banque de contenus (s'ouvre dans une nouvelle fenêtre) pour créer ou modifier vos fichiers H5P.
+
*Utiliser la banque de contenus (s'ouvre dans une nouvelle fenêtre) pour créer ou modifier vos fichiers H5P.
 
|-
 
|-
|[[Fichier:Banque de contenus H5P.png|centré|sans_cadre|400x400px]]
+
|[[Fichier:Banque de contenus H5P.png|centré|sans_cadre|600x600px|alt=]]
 
|
 
|
* Liste des activités H5P de la banque de contenus pour modification.
+
*Liste des activités H5P de la banque de contenus pour modification.
* "Ajouter" pour créer de nouvelles activités H5P (cercle rouge).
+
*"Ajouter" pour créer de nouvelles activités H5P (cercle rouge).
  
  
Ligne 32 : Ligne 32 :
 
À l'issue de cette étape il sera possible d'afficher cette nouvelle activité dans n'importe quelle activité ou ressource du parcours.
 
À l'issue de cette étape il sera possible d'afficher cette nouvelle activité dans n'importe quelle activité ou ressource du parcours.
  
 +
=== Configurer les notes et les tentatives ===
 +
Ces deux écrans accessibles au moment de la création ou de la modification de l'activité H5P vous permette de configurer les élèments succeptibles d'être remontés dans le carnet de note Moodle (cf. suivre l'activité)
 +
<br />
 +
[[Fichier:H5P note et tentative.png|centré|vignette|800x800px]]
 +
<br />
 
==Afficher une activité H5P==
 
==Afficher une activité H5P==
Après avoir cliqué sur l'icône H5P dans le sélecteur d'activité, vous arrivez sur la page des paramètres avec cette section '''Editeur''' qui propose un menu déroulant pour sélectionner l'activité H5P que vous souhaitez intégrer. Il est à noter que pour chaque activité, vous avez accès à un tutoriel (en anglais) et un exemple.
+
Après avoir choisi une activité ou une ressource du parcours est affiché dans l'éditeur de texte (ATTO) le bouton H5P:
[[Fichier:H5P - tuto-exemple.jpg|gauche|sans_cadre|600x600px]]
+
[[Fichier:ATTO H5P.png|centré]]
 +
En cliquant dessus, puis sur "Parcourir les dépôts", vous aurez accès la banque de contenus (mais aussi à l'ensemble du sélecteur de fichiers) pour rechercher l'activité H5P que vous souhaitez afficher sur le parcours. Une fois sélectionnée, il suffit de cliquer sur "Insérer H5P" et l'activité sera affichée sur le parcours, après avoir enregistrée l'activité support.
 +
[[Fichier:Insérer H5P.png|gauche|vignette]]
  
  
 +
Plusieurs options à cocher qui seront affichées et accessibles à tous les participants :
  
 +
* Permettre le téléchargement : télécharger le H5P ;
 +
* Bouton intégration : code d'intégration ;
 +
* Bouton copyright : lien vers H5P.org
  
  
Vous trouverez sur le [https://h5p.org/ site officiel de H5P] (en anglais) un ensemble de ressources présentant les différentes activités possibles et des tutoriels de mise en œuvre.
 
  
Il est aussi possible de "copier" et "Coller et Remplacer" une activité H5P d'un parcours à un autre pour peu qu'ils soient sur le même domaine.
 
  
{{Error|Le téléchargement et l'intégration d'une activité H5P "extérieure" n'est pour l'instant plus possible.}}
 
  
 +
 +
{| class="wikitable"
 +
|+2 exemples
 +
!Un forum
 +
!Une question
 +
|-
 +
|[[Fichier:H5P-Forum.png|centré|vignette]]
 +
|[[Fichier:H5P-Question.png|centré|vignette]]
 +
|}
 +
<br />
 
==Suivre l'activité des participants==
 
==Suivre l'activité des participants==
 
Un formateur peut accéder à l'ensemble des résultats des participants sur les activités H5P à travers le '''[[Carnet de notes]]''' accessible par le menu d'administration du parcours.
 
Un formateur peut accéder à l'ensemble des résultats des participants sur les activités H5P à travers le '''[[Carnet de notes]]''' accessible par le menu d'administration du parcours.

Version du 15 juin 2022 à 09:57

Cet article concerne les nouvelles activités H5P créées depuis la version 4.17

Convertir....

H5P.jpg

Présentation générale

H5P est un plugin qui permet d'intégrer des ressources ou activités interactives dans un parcours. Les activités H5P les plus appréciées sont :

  • L'image interactive (hotspot) : pour enrichir une image avec du contenu multimédia. Cela peut être utile pour présenter le déroulé d'un parcours ou donner une cohérence à un ensemble de ressources.
  • Le diaporama interactif (course presentation) : pour enrichir un diaporama avec des questions, des liens hypertextes, ...
  • La vidéo interactives (interactive video) : pour enrichir une vidéo avec des questions, des liens hypertextes, ...

Vous trouverez sur le site officiel de H5P (en anglais) un ensemble de ressources présentant les différentes activités possibles et des tutoriels de mise en œuvre.

Produire une activité H5P

En passant par le bouton du sélecteur d'activité vous pouvez créer ou modifier une activité H5P qui sera rattachée à la banque de contenus du parcours.

  • Nommer sa nouvelle activité.
  • La décrire.
  • Utiliser la banque de contenus (s'ouvre dans une nouvelle fenêtre) pour créer ou modifier vos fichiers H5P.
  • Liste des activités H5P de la banque de contenus pour modification.
  • "Ajouter" pour créer de nouvelles activités H5P (cercle rouge).


L'activité s'ouvre pour création ou modification. Elle ne pourra en l'état être affichée dans le parcours.

À l'issue de cette étape il sera possible d'afficher cette nouvelle activité dans n'importe quelle activité ou ressource du parcours.

Configurer les notes et les tentatives

Ces deux écrans accessibles au moment de la création ou de la modification de l'activité H5P vous permette de configurer les élèments succeptibles d'être remontés dans le carnet de note Moodle (cf. suivre l'activité)

H5P note et tentative.png


Afficher une activité H5P

Après avoir choisi une activité ou une ressource du parcours est affiché dans l'éditeur de texte (ATTO) le bouton H5P:

ATTO H5P.png

En cliquant dessus, puis sur "Parcourir les dépôts", vous aurez accès la banque de contenus (mais aussi à l'ensemble du sélecteur de fichiers) pour rechercher l'activité H5P que vous souhaitez afficher sur le parcours. Une fois sélectionnée, il suffit de cliquer sur "Insérer H5P" et l'activité sera affichée sur le parcours, après avoir enregistrée l'activité support.

Insérer H5P.png


Plusieurs options à cocher qui seront affichées et accessibles à tous les participants :

  • Permettre le téléchargement : télécharger le H5P ;
  • Bouton intégration : code d'intégration ;
  • Bouton copyright : lien vers H5P.org




2 exemples
Un forum Une question
H5P-Forum.png
H5P-Question.png


Suivre l'activité des participants

Un formateur peut accéder à l'ensemble des résultats des participants sur les activités H5P à travers le Carnet de notes accessible par le menu d'administration du parcours.

Menu carnet de notes.jpg

Afin que les résultats soient intégrés au carnet de notes, il faut s'assurer que les résultats sont bien transmis à la fin de l'activité.

  • Certaines activités ne transmettent pas de résultat, elles sont interactives mais ne cherchent pas à évaluer le participant (image interactive, timeline, ...)
  • D'autres transmettent naturellement leurs résultats (quiz, ...)
  • Enfin d'autres nécessitent d'être configurées pour transmettre leurs résultats (vidéo interactive, par exemple)

Configurer la vidéo interactive pour transmettre les résultats dans le carnet de notes

Pour transmettre les résultats des questions d'une vidéo interactive, il faut ajouter un écran de soumission. Voici comment faire :

H5P écran soumission video interactive.jpg


  1. Positionner le curseur de défilement à l'endroit où vous voulez avoir l'écran de soumission (en général, à la fin de la vidéo) ;
  2. Cliquer sur l'étoile (verte) coincée entre le curseur et le timer ;
  3. Cliquer sur "Ajouter un écran de soumission à xxx (date d'apparition de l'écran de soumission).