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 jeux de mémoire en passant par les visites virtuelles à 360°.

Quels types H5P sont disponibles¶

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
Quiz (Question Set)	Plusieurs types de questions combinés dans un quiz	Test de fin d'unité d'apprentissage
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
Branching Scenario	Scénarios ramifiés avec décisions	Jeux de rôle, études de cas, soft skills
Virtual Tour (360°)	Visites à 360 degrés	Montrer des salles, machines, sites
Accordion	Blocs d'infos dépliables	FAQ, aperçus structurés
Dialog Cards	Cartes d'apprentissage recto-verso	Vocabulaire, questions avec réponses

S'il te manque un type proposé par le hub H5P : ta personne responsable de la plateforme peut l'installer.

Créer un contenu H5P¶

Créer une nouvelle leçon dans ton cours.
Choisir le type de leçon H5P.
Dans l'éditeur H5P, choisir le type de contenu (liste des types disponibles).
Concevoir le contenu dans l'éditeur visuel — tous les champs se font par clic et saisie, sans code.
Enregistrer — la leçon est immédiatement disponible.

Capture d'écran à venir

Éditeur H5P avec la sélection des types de contenu

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.

Leçon de type H5P → choisir le type de contenu Interactive Video.
Choisir la source vidéo :
URL (YouTube, Vimeo)
Fichier téléchargé depuis la médiathèque
Insérer des interactions aux endroits souhaités :
Afficher une question à choix multiples à une seconde précise
Hotspot vers un lien externe
Incrustation de texte avec information complémentaire
Incrustation d'image
Quiz récapitulatif à la fin
Choisir les options :
La vidéo se met-elle en pause automatiquement lors d'une interaction ?
Les apprenant:es peuvent-ils sauter les interactions ?
Un score global est-il affiché ?
Aperçu, ajustement, Enregistrer.

Capture d'écran à venir

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

Exemple : Branching Scenario¶

Adapté aux formations soft skills, jeux de rôle, études de cas — les apprenant:es prennent des décisions qui mènent à différents chemins dans le contenu.

Leçon de type H5P → choisir le type de contenu Branching Scenario.
Définir la séquence de départ — par ex. une vidéo ou un texte qui décrit la situation initiale.
Insérer des points de décision — poser une question, proposer plusieurs options de réponse.
Associer à chaque réponse un contenu suivant — nouveau texte, nouvelle vidéo, nouveau point de décision.
Définir des points de fin — par ex. avec un retour ou une réflexion sur l'effet d'apprentissage.
Aperçu, ajustement, Enregistrer.

Astuces issues de la pratique¶

Éditeur dans un onglet de navigateur séparé — il peut mettre un moment à charger au premier appel.
Copier des contenus H5P entre cours — H5P propose sa propre fonction « Copier » dans l'éditeur (icône dans la barre d'outils), pratique pour des leçons similaires.
Export en fichier .h5p possible — bien pour sauvegarder ou transférer d'une plateforme à l'autre.
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 :

La progression est enregistrée automatiquement — les apprenant:es peuvent quitter le contenu entre-temps et reprendre plus tard là où ils s'étaient arrêtés.
Les résultats sont pris en compte dans l'évaluation du cours — score de quiz, exactitude du drag-and-drop, etc. contribuent à l'achèvement du cours.

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). Pour un fichier téléchargé depuis la médiathèque : teste la vidéo directement dans la médiathèque.

Les apprenant:es disent qu'ils sont bloqués dans le Branching Scenario. Parcours toi-même le mode aperçu, teste tous les chemins. Pièges fréquents : un point de fin a été oublié, un chemin mène à un contenu vide, une réponse ne se ramifie pas.

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écharger. Import direct depuis le hub H5P.org : pas prévu dans l'UI actuellement, mais tu peux télécharger les contenus depuis là en .h5p puis les importer.

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, scénarios ramifiés, visites virtuelles). Prévois un peu de temps d'apprentissage pour ton premier contenu H5P — ensuite, ça va plus vite.