Créer des contenus H5P

H5P (HTML5 Package) est un standard ouvert pour des contenus d'apprentissage interactifs directement dans le navigateur. Il te permet de créer des contenus qui offrent nettement plus d'interaction que les quiz à choix multiples classiques — des vidéos interactives aux cartes d'apprentissage en passant par les jeux de mémoire.

Quels types H5P sont disponibles

Sont préinstallés entre autres :

Type	Description	Idéal pour
Interactive Video	Vidéos avec questions de quiz, hotspots et liens intégrés	Tutoriels avec vérifications de compréhension
Course Presentation	Présentation basée sur des diapositives avec interactions	Transmission structurée de connaissances
Drag and Drop	Associer des éléments par glisser-déposer	Classification, anatomie, schémas
Fill in the Blanks	Textes à trous	Vocabulaire, termes techniques
Memory Game	Memory avec paires de cartes	Paires de termes, exercices de synonymes
Image Hotspots	Images avec points cliquables	Expliquer des schémas, des diagrammes
Timeline	Frises chronologiques interactives	Représentations historiques ou de processus
Accordion	Blocs d'infos dépliables	FAQ, aperçus structurés
Dialog Cards	Cartes d'apprentissage recto-verso	Vocabulaire, questions avec réponses

L'éditeur H5P est connecté au hub H5P officiel : dans la sélection des types de contenu, tu trouves d'autres types (par ex. Question Set ou Branching Scenario) et tu peux les installer directement depuis là — au premier choix, l'éditeur télécharge le type.

Créer un contenu H5P

1. Dans ton cours, crée une nouvelle leçon de type H5P.
2. Clique sur Modifier le contenu — l'éditeur H5P s'ouvre dans une fenêtre de navigateur dédiée (il peut mettre un moment à charger au premier appel).
3. Dans l'éditeur, choisis le type de contenu.
4. Conçois le contenu dans l'éditeur visuel — tous les champs se font par clic et saisie, sans code.
5. Enregistrer — la fenêtre renvoie le contenu à la leçon, elle est immédiatement disponible.

Exemple : Interactive Video

L'un des types H5P les plus puissants — parfait pour tout type de vidéo explicative que tu veux enrichir de vérifications de compréhension.

1. Leçon de type H5P → choisir le type de contenu Interactive Video.
2. Choisir la source vidéo :
3. URL (YouTube, Vimeo)
4. Téléverser le fichier vidéo directement dans l'éditeur H5P (l'éditeur n'a pas accès à la médiathèque de la plateforme)
5. Insérer des interactions aux endroits souhaités :
6. Afficher une question à choix multiples à une seconde précise
7. Hotspot vers un lien externe
8. Incrustation de texte avec information complémentaire
9. Incrustation d'image
10. Quiz récapitulatif à la fin
11. Choisir les options :
12. La vidéo se met-elle en pause automatiquement lors d'une interaction ?
13. Les apprenant:es peuvent-ils sauter les interactions ?
14. Un score global est-il affiché ?
15. Aperçu, ajustement, Enregistrer.

Capture d'écran à venir

Éditeur Interactive Video avec la timeline et les marqueurs d'interaction

Astuces issues de la pratique

• Import en fichier .h5p — tu peux téléverser dans l'éditeur des contenus venus d'autres plateformes ; les bibliothèques manquantes sont alors installées automatiquement par le système.
• Pour les gros contenus (Interactive Video avec beaucoup d'incrustations, Course Presentation avec beaucoup de diapositives), l'enregistrement prend plus de temps — attendre le message de confirmation, ne pas cliquer ailleurs entre-temps.
• Tester sur mobile — beaucoup de types H5P s'affichent différemment sur tablette/téléphone qu'au bureau. Vérifie en mode aperçu.

Ce que les apprenant:es perçoivent

Dès que la leçon est enregistrée, les apprenant:es voient le contenu H5P au même endroit qu'un quiz ou une vidéo. Pendant l'utilisation :

• C'est le résultat final qui compte — le score obtenu est pris en compte dans la progression de la leçon à l'achèvement du contenu.
• Pas d'état intermédiaire : si quelqu'un quitte un contenu H5P en cours de route, il recommence du début au prochain appel. Mieux vaut donc découper les très longues unités H5P en plusieurs leçons.

Questions fréquentes

Mon contenu H5P ne se lance pas — la page reste vide. Cela indique le plus souvent que la connexion au serveur H5P ne fonctionne pas actuellement. Recharge la page. Si ça n'aide pas, adresse-toi à la personne responsable de la plateforme — elle peut vérifier l'état du serveur H5P.

Mon Interactive Video ne charge pas la bonne vidéo. Pour les URL externes (YouTube, Vimeo), vérifie que la vidéo est encore publique et non restreinte (par ex. uniquement dans certains pays).

Il me manque un type de contenu dans la sélection. Cherche le type dans la sélection des types de contenu de l'éditeur — les types du hub H5P sont installés automatiquement au moment du choix.

Puis-je reprendre un contenu H5P d'une autre plateforme ? S'il est disponible en fichier .h5p : oui, importe-le dans l'éditeur H5P sous Téléverser. Les contenus du hub H5P.org peuvent y être téléchargés en .h5p puis téléversés.

H5P est-il difficile comparé aux quiz classiques ? Pour les types de quiz simples (choix multiples, texte à trous), les types de leçons natifs sont plus rapides. H5P vaut le coup quand tu veux vraiment des choses interactives (hotspots dans une vidéo, présentations, memory). Prévois un peu de temps d'apprentissage pour ton premier contenu H5P — ensuite, ça va plus vite.