H5P (acronyme de HTML5 Package) est un framework open-source et une bibliothèque de types de contenus permettant de créer, partager et réutiliser du contenu interactif en HTML5.
Conçu principalement pour l’éducation et la formation (EdTech), il permet aux formateurs, enseignants et concepteurs pédagogiques de produire des ressources interactives riches sans nécessiter de compétences en développement web.
Écosystème d’outils et plateformes d’intégration
H5P ne fonctionne pas de manière isolée mais s’intègre à un large écosystème de plateformes via des plugins natifs ou le standard LTI (Learning Tools Interoperability) h5p.org :
- CMS (Content Management Systems) :
- WordPress : Plugin officiel gratuit permettant de créer et intégrer du contenu H5P directement dans les pages et articles wordpress.org.
- Drupal : Module officiel supportant les versions récentes de Drupal (y compris Drupal 11 via des forks communautaires) www.drupal.org.
- LMS (Learning Management Systems) :
- Moodle : Intégration native ou via plugin, avec conversion automatique de certains contenus H5P en questions de quiz Moodle moodle.org.
- Canvas : Intégration via LTI pour les établissements.
- Blackboard : Support natif via LTI.
- Brightspace (D2L) : Intégration officielle maintenue h5p.org.
- Open LMS : Support étendu avec documentation dédiée openlms.net.
- Plateformes dédiées et hébergement :
- H5P.com : Plateforme commerciale officielle permettant de créer, héberger et diffuser du contenu H5P sans infrastructure technique, avec intégration LTI vers n’importe quel LMS.
- H5P.org : Hub communautaire open-source pour le partage et la découverte de types de contenus h5p.org.
- LibreTexts Studio : Intégration pour les projets de ressources éducatives libres connect.oeglobal.org.
- Outils complémentaires et plugins tiers :
- LRS (Learning Record Store) : Outils comme Learning Locker ou Watershed pour collecter et analyser les données xAPI générées par H5P.
- Design Upgrade Pro for H5P : Plugin WordPress tiers permettant de personnaliser l’apparence des contenus H5P sans code (90+ options CSS).
- H5P Mods : Plugin WordPress pour les développeurs souhaitant étendre les fonctionnalités via les hooks et actions GitHub.
Technologies et fonctionnalités
- HTML5 et Responsive Design : Le contenu est nativement adaptatif, s’ajustant automatiquement à tous les supports sans nécessiter de versions multiples.
- Interopérabilité et Suivi (xAPI) : Compatible nativement avec l’Experience API (xAPI / Tin Can API), permettant de tracker finement les interactions pour les envoyer vers un LRS.
- Accessibilité : Conçu pour respecter les standards d’accessibilité (navigation au clavier, support des lecteurs d’écran), bien que le niveau de conformité dépende du type de contenu spécifique.
Typologie des contenus (Content Types)
H5P propose plus de 50 types de contenus regroupés par catégories pédagogiques
- Évaluation et quiz :
- Single Choice Set, Multiple Choice, True/False, Fill in the Blanks, Find the Hotspot, Mark the Words, Drag and Drop, Dialog Cards, Memory Game, Speak the Words (évaluation de prononciation).
- Vidéo et médias interactifs :
- Interactive Video (ajout de questions, liens, images dans le flux vidéo), Course Presentation (présentation type diaporama avec interactions).
- Structuration et organisation :
- Timeline (frise chronologique interactive), Accordion (contenu repliable), Column (mise en page multi-colonnes), Tabview (onglets).
- Scénarisation et embranchements :
- Branching Scenario (création de mises en situation arborescentes avec choix multiples), Interactive Book (livret interactif avec navigation).
- Création et expression :
- Audio Recorder (enregistrement audio), Chart (création de graphiques), Collage (mise en page visuelle), Documentation Tool (guide de documentation structuré).
- Jeux et gamification :
- Game Map (carte de progression avec conditions de fin) h5p.org, Quiz (QCM classique), Question Set (ensemble de questions avec écran de résultats).
Pertinence pour l’ingénierie pédagogique et le web
- Structuration et Réutilisabilité : H5P favorise la portabilité des contenus via le format
.h5p(archive ZIP), respectant le principe de découplage entre le contenu et le contenant. - Passage du passif à l’actif : Il transforme des contenus statiques en expériences d’apprentissage actives, augmentant l’engagement cognitif par la manipulation.
- Éco-conception et maintenance : En centralisant la logique interactive dans un framework mutualisé, H5P évite la multiplication de scripts propriétaires, facilitant la maintenance technique sur le long terme.