Hello à tous les concepteurs de contenus pédagogiques, aujourd’hui on va parler du format de contenu pédagogique interactif H5P que j'ai testé pour vous avec mes casquettes d'ingénieur pédagogique / concepteur de contenus / intégrateur LMS.

🧑‍🏫 Présentation :

1ère chose à savoir, au contraire de Ispring, Easygenerator ou Articulate Rise, H5P n’est pas un logiciel d’édition de contenu (il n’y a pas de logiciel d’édition officiel, d’interface web), c’est un format de contenu “open source” dont le code est accessible, reposant sur une technologie web (html/javascript/css) et pouvant être édité directement dans les LMS compatibles (dont Moodle) ou dans des logiciels tiers.

Autre chose à savoir, depuis quelques temps, H5P a été racheté par un groupe privé qui propose une version premium disponible sur h5p.com. Cette version payante fera l’objet d’un autre article de test, car aujourd’hui on va se concentrer sur la version open source et gratuite de H5P disponible sur le site h5p.org.

Durant ce test, certaines choses ont pu m’échapper donc ne m’en voulez pas si quelques-uns de mes propos ne respectent pas l’exacte réalité. Je suis ouvert à tout commentaire permettant de les réajuster.

🛄 Découverte de la technologie :

H5P propose des bibliothèques de contenus et exercices interactifs que l’on va donc pouvoir éditer dans un LMS (Moodle par exemple) ou via l’éditeur autonome Lumi. On pourra ensuite compiler et intégrer ces contenus sur les principales plateformes LMS.

Cependant, si la technologie propose des fonctionnalités identiques aux autres éditeurs (textes, images, audio, liens, mini quiz ou exercices interactifs de révision, livres), elle se distingue par la variété et la complexité des activités proposées qui vont au-delà de la simple digitalisation de PDFs ou Powerpoints.

En effet, avec H5P, on peut faire de la pédagogie en intégrant des activités ou des médias “élaborés” comme des vidéos interactives augmentées, des scénarios conditionnels, des enregistrements audios, des exercices de diction, la création d’une documentation ou la réalisation d’une dissertation, des questionnaires, des timelines, des activités virtuelles 360°.

Exemples d’activités H5P disponibles gratuitement :

En tant que concepteur pédagogique, l’outil nous permet de créer de nouveaux exercices ou médias permettant de travailler et d’évaluer les compétences sous différents formats.

On est plus sur de la pédagogie augmentée que sur de la digitalisation interactive des contenus et c’est ça la valeur ajoutée de la technologie H5P !

🎓️ Création d’un contenu pédagogique :

Allez, on y va, créons notre 1er contenu H5P !

Pour ce faire on va avoir besoin :

    ✔️ Soit d’une plateforme LMS éditrice H5P (permettant donc de créer les contenus H5P directement en son sein). Les LMS compatibles sont : Moodle, Canvas, Blackboard, Sakai, Wordpress et Drupal. Remarquez que les LMS propriétaires comme Digiforma, 360Learning ou Cornerstone ne sont pas compatibles ! Et oui, on n’est pas sur le même business model…

Exemple : choix de la création d’une activité h5p “Page” dans Moodle :

    ✔️ Soit d’un éditeur tiers comme Lumi (version gratuite téléchargeable Windows ou Mac, pour un seul utilisateur mais qui reçoit une alerte smartscreen Windows avant installation et qui ne comporte pas toutes les traductions des activités) que l’on va pouvoir télécharger à cette adresse officielle : https://lumi.education/desktop-app.

📌 Pour la suite du test, je vais utiliser Moodle plutôt que Lumi, à cause des erreurs de traductions qui n'inspirent pas confiance !

Donc dans Moodle (mais aussi dans les autres LMS citées précédemment), je vais créer du contenu H5P.

🧿 L’idée est de transposer un cours PDF en contenu et activités H5P !

Je sors mon PDF de 3 pages :

Je crée mon activité “Page” (colonne) dans Moodle et je la construis. Je renseigne le titre du document, puis je crée les différents chapitres :

Dans chaque chapitre, j’y insère les contenus en choisissant principalement les formats “texte”, “Accordéon”, “Vidéo”, “Question set” (quiz avec plusieurs types de question).

Construction de l’accordéon :

Construction du quiz : 

📟️ Résultat final (vidéo) : 

Pas mal non ? Comptez environ 30mn pour faire les 3 pages de PDF.

❇️ PS : Dans Moodle, j’ai crée une feuille de style CSS pour les activités H5P, le visuel est donc un peu amélioré par rapport à l’original.

Bon vous allez me dire, c’est bien mais on n’a pas fait mieux que Ispring ou Easygenerator ! C’est vrai ! Alors allons tester des activités H5P plus étoffées !

Test d’ activités H5P élaborées :

✴️ Le devoir ou dissertation (essay) :

On crée une question de dissertation puis on compose un texte de correction qui comprendra les mots clés que l’apprenant devra citer dans sa dissertation. La correction est automatique et se base sur le nombre de mots clés fournis par l’apprenant dans son texte.

Choix de l’activité à créer :

Consigne du devoir :

Rendu et correction automatique du devoir :

L'étudiant a soumis son texte qui a été automatiquement corrigé. La soumission comprenait tous les mots clés prévus et la note obtenue est donc maximale. 

✴️ La vidéo interactive :

Star de l’activité interactive et engageante, la vidéo H5P a 3 avantages :

• ✔️ Elle est visuelle et stimule une autre forme d’apprendre que le texte,
• ✔️ Elle se chapitre, ce qui permet de retrouver une information rapidement, principal défaut des vidéos,
• ✔️ Elle génère de l’interaction avec l’apprenant grâce aux contenus additionnels et aux quiz qu’elle peut intégrer.

Pour réaliser cette activité, j'ai repris la vidéo vue précédemment du résultat de la digitalisation du PDF et je l'ai augmentée. On va pouvoir se rendre compte de la valeur ajoutée de cette activité. ☢️ Je vous invite à cliquer sur la vidéo H5P en fin d'article pour la découvrir ! 

Avis à chaud :

Il est temps de faire un 1er debrief sur la technologie. On vient de voir que H5P propose des contenus pédagogiques à créer (textes, images, audio, livres interactif, pages, vidéo interactive, slides) qu’on pourra associer à des activités comme quiz/jeux/exercices interactifs (mots croisés, exercices de prononciation, jeux d’images, dissertation, scénarios conditionnels).

👉️ Variété des contenus interactifs

Si la partie “activités” est riche et bien dotée, permettant de mettre en oeuvre une pédagogie interactive élaborée, la partie pure édition de contenus est un peu en dessous de la concurrence en terme de variétés de formats texte ou image proposées.

Par exemple, on aurait bien aimé pouvoir éditer une image avec un texte sur la même ligne ou créer des colonnes de textes juxtaposées.

Par contre, la diversité des activités proposées est fantastique ! Pouvoir créer des exercices de diction ou de prononciation va ravir les centres de langues et les écoles, créer des vidéos interactives ou des scénarios conditionnels rapidement va permettre d’engager les apprenants dans leurs parcours de formation. Composer des livres avec plusieurs pages, plusieurs chapitres comprenant du contenu et plus d’une vingtaine d’exercices, c’est inestimable ! Surtout gratuitement !

👉️ Expérience utilisateur et ergonomie

L’éditeur de texte propose également une ergonomie en dessous des concurrents, nous faisant perdre du temps à scroller pour aller chercher un chapitre ou à fermer les autres accordéons pour retrouver le contenu concerné. Il est donc conseiller de ne pas créer des pages comprenant trop d’activités, afin de s’y retrouver facilement !

L’interface est presque totalement en français. On n’a pas la possibilité d’intercaler des contenus entre 2 autres, donc le contenu créé se positionne toujours en dernier et si on a oublié un titre au début du cours, il va falloir le remonter manuellement en cliquant sur un bouton. C’est rébarbatif. En plus, pour nommer chaque activité il faut rentrer dans un menu, ce n’est pas pratique.

Les livres sont accompagnés d’un sommaire pour naviguer facilement et peuvent être affichés en plein écran.

Le visuel est aussi un peu en dessous de la concurrence, moins travaillé. Mais pas de soucis, on peut gérer ça avec du CSS.

👉️ Architecture pédagogique ?

On peut créer des livres comprenant des pages avec des chapitres/activités. Le minimum requis pour composer des cours. Mais on n'aura pas de sections, de sous sections, donc pour des cours assez longs, il faudra s’en remettre à une architecture conçue dans un LMS.

Bonus : Avec Moodle et la banque de contenus, vous pouvez centraliser vos contenus H5P et les diffuser dans plusieurs cours. En cas de modification du contenu originel, c’est automatiquement mis à jour dans tous les cours ! Sympa non ?

💡 Et l’IA dans tout ça ?

Dans la version open source, pas d’IA intégrée (au contraire de la version premium qui propose une fonctionnalité IA : le “smart import” dont on parlera dans l’article consacré à H5P premium).

Si vous souhaitez être assisté(e) de l’IA dans la création de vos contenus H5P, il faudra passer par l’IA de votre LMS (IA intégrée dans Moodle par exemple) ou par les IA ou agrégateurs externes comme ChatGPT, Perplexity, Copilot, Gemini, etc.

⛑️ Le temps et le process de digitalisation ?

Cà c’est toujours intéressant d'en parler car les clients ont souvent une estimation basse du temps de digitalisation des contenus. On l’a vu au-dessus, j’ai mis environ 30 mn pour digitaliser 3 pages PDF pour lesquels on avait déjà les questions/réponses. J’ai mis environ 15mn pour rendre interactive une vidéo d’1mn40. Donc ca prend du temps quand même !

Si on s’en tient à digitaliser en texte (onglets, citations, accordéons, flashcards) ca va assez vite, mais dès que l’on ajoute des images (il faut les trouver ou les concevoir), des vidéos (idem), des quiz (surtout s’il faut créer les questions à partir du texte), ainsi que des activités interactives (textes à trous, sorting, …), ca va prendre bien plus de temps !

Et c’est là où les outils de digitalisation sont importants ! Plus l’outil est performant (templates, variétés des activités, ergonomie) plus on gagne du temps sur la digitalisation des contenus.

Alors oui, on peut créer des questions de quiz grâce à l’IA, mais il faut quand même les réviser, les tester, les modifier et juger de leur pertinence. Ensuite il faut paramétrer les quiz ou les autres activités, donc c’est chronophage.

Alors, sans trop digitaliser, avec H5P, en faisant 80% textes interactifs et 20% vidéos et activités/quiz, 10€ la page de PDF ne me semble pas démesuré (quand on regarde les taris moyens sur le marché, ça oscille entre 3€ pour de la transcription à 50€ par page pour de la digitalisation complète)! Plus on intégrera d’activités, de vidéos ou de quiz, plus le tarif par page augmentera. Et si on doit créer les vidéos et les quiz, alors là le tarif se démultiplie.

🎶 Intégration LMS

Si l’édition d’activités H5P est limitée surtout aux LMS open source, leur intégration comme contenu de cours est démocratisé dans la plupart des LMS du marché. Le format H5P permet de récolter les données issues de l’interaction du participant de cours, comme peuvent le faire les formats SCORM ou LTI.

🎂 Bonus : Comme H5P est basé sur HTML/CSS/JS, vous pouvez également les intégrer sur vos pages web (Wordpress, Drupal, etc).

🪖 Les autres fonctionnalités

 👉️ L’accessibilité : 

Quasiment la totalité des activités h5p affiche une compatibilité avec les lecteurs d’écran et une conformité aux normes WCAG 2.1. Les activités les plus imagées peuvent toutefois poser problème. Il manque un plugin d’accessibilité intégré (comme dans Easygenerator ou Moodle par exemple), qui permettrait à l’utilisateur de changer les contrastes, les polices, etc.

👉️ La collaboration : 

On pourrait détourner l’édition des métadonnées de chaque contenu ajouté pour créer des commentaires et du versioning mais ce n’est pas prévu pour et de nouveau ce n’est pas intuitif ! Pour le reste, ça dépendra surtout du workflow collaboratif du LMS dans lequel votre ressource sera intégrée car H5P ne prévoit pas de collaboratif dans sa version gratuite !

👉️ Personnalisation graphique des contenus : 

Selon le type de document/ressource créé, il y a possibilité de changer la couleur dominante et de paramétrer l’affichage du sommaire et quelques autres modifications rudimentaires. Pour le reste, il faut styler avec du CSS.

👉️ Duplication des contenus et templates : 

Concernant le templating, on peut très bien créer un modèle de cours pour ensuite le télécharger et le compléter. On peut également copier des activités dans un livre ou une page pour aller les coller ailleurs. Ca peut faire gagner du temps. Par contre, on ne dispose pas de modèles préformatés où le contenu serait à remplacer comme on peut le voir chez Easygenerator ou Ispring.

👉️ Documentation : 

Le site h5p.org est uniquement en anglais. Il comporte des exemples manipulables de chaque activité H5P et c’est vraiment bien pour deviner la nature pédagogique de l'activité. Il comprend également un espace de documentation pour les concepteurs, les installateurs et développeurs, mais tout est en anglais.

👉️ Export et portabilité : 

On peut exporter les ressources créées en fichiers h5p, intégrables, interchangeables dans les principaux LMS. L’écosystème H5P est cependant mieux intégré dans un LMS comme Moodle que dans d’autres, qui lui dédie un espace centralisé (la banque de contenus) et un éditeur.

🧪 Alors le tarif pour tout ça ?

Et bien vous le savez déjà, c’est gratuit et open source ! Et franchement, pour ce que H5P offre comme choix d’activités, avec un visuel quand même acceptable, c’est juste incroyable !

A voir la version premium dans le prochain article pour comparer les 2 versions !

💎 Conclusion :

H5P est une belle technologie qui risque de peser fort sur le marché dans très peu de temps. Déjà largement employée par les Université françaises qui n’aiment pas les outils propriétaires à base de cloud (forcément car l’hébergement des données leur échappe), la technologie est développée par un groupe privé H5P.com qui est en train de la moderniser et de la développer (voir article prochain sur la version premium). La diversité des activités proposées, sa portabilité et son intégration poussée dans Moodle la rendent attrayante, sa gratuité pousse beaucoup de centres de formation à investir en elle.

La note :

Il faut bien une note finale pour terminer ce test ! Je vous laisse donc la découvrir avec mes critères d'évaluation.

Note générale | 41,5/60 (69%)

Notes critériées :

• ✅️ Variétés de contenus et exercices interactifs | 5/5
• ✅️ Visuel des cours et contenu produits | 3/5
• ✅️ Ergonomie pour concepteur / interface | 2,5/5
• ✅️ Ergonomie pour apprenant / interface | 4/5
• ✅️ Architecture pédagogique (parcours, niveaux de séquençage, niveaux de section) | 2,5/5
• ✅️ Personnalisation des cours et contenus (couleurs, polices, …) | 2,5/5
• ✅️ Workflow collaboratif et versioning | 2/5
• ✅️ Export LMS | 5/5
• ✅️ Export fichiers et portabilité | 5/5
• ✅️ Copie et templating | 2,5/5
• ✅️ Abonnement / Tarif | 5/5
• ✅️ Documentation | 2,5/5

🤩 Nous voilà arrivés à la fin de cet article. J'espère que vous l'aurez trouvé instructif ! Ne loupez pas le prochain article, complémentaire à celui-ci, sur la version premium de H5P ! D'ici-là, Big Up à toute la famille des pédagogues et associé(e)s !

Retrouvez la vidéo interactive H5P : 

Amusez-vous à revoir la vidéo cette fois-ci en version augmentée. Cliquez sur les signets (chapitres) pour aller directement à la partie ciblée. Répondez aux questions interactives et allez bien jusqu'au bout de la vidéo pour découvrir vos résultats !