H5P, C’est quoi ? Et pourquoi votre eLearning en a besoin !

LMS Techno

En tant que Formateur, vous recherchez constamment des moyens de rendre vos cours plus interactifs, plus attrayants et avec la meilleure expérience d’apprentissage possible. Nos ingénieurs pédagogiques (@wincube) ne nous diront pas le contraire ;o)

En matière d’engagement eLearning, l’utilisation de contenu interactif apporte une réelle plus value et peut radicalement améliorer l’engagement de vos apprenants sur vos parcours de digital learning. 

H5P est un plugin qui peut vous aider à améliorer l’interactivité de votre LMS.

Qu’est-ce que H5P ?

H5P est une boîte à outils:

  • Open source et gratuite
  • Intégrable dans la plupart des LMS existants
  • Largement adoptée et utilisée
  • Compatible html5 et mobile
  • Réactive et accessible
  • Intuitive à utiliser sans courbe d’apprentissage abrupte
  • Proposant une librairie de contenus / activités de type vidéos interactives, présentations, jeux, quiz, enquêtes, etc.

Utilisée par plus de 17000 sites Web, l’idée derrière la plate-forme H5P est de rendre la création et le partage de tout type de contenu html5 aussi simple et transparent que possible : tout ce dont vous avez besoin est un navigateur Web (Google Chrome en particulier si vous souhaitez utiliser l’intégralité et un LMS avec le Plug-in H5P.

Que signifie H5P ?

H5P, abréviation de Html-5Package, signifie package de contenu HTML 5, ce qui signifie qu’il fonctionne sur la dernière version du langage HTML, plutôt que sur une technologie propriétaire comme Adobe Flash ou Microsoft Silverlight. L’avantage de ceci est l’ouverture et l’interopérabilité avec d’autres systèmes ouverts. Il est probable que cela reste ainsi à l’avenir, car les navigateurs modernes sont construits autour de HTML5. C’est donc une solution pérenne.

Le projet H5P a commencé son développement en 2013 et a publié des mises à jour fréquentes depuis lors, intégrant de nouvelles fonctionnalités et types d’interactions. Le Framework est donc maintenu régulièrement.

Ce plugin vous permet de créer des vidéos interactives, des images interactives, des présentations complètes de cours, des ensembles de questions, des questions à choix multiples, des glisser-déposer, des jeux de société, des cartes flash et plus encore. Ceux-ci peuvent être créés très simplement dans votre LMS. De plus, vous pouvez choisir de partager des versions modifiables de celles-ci avec les membres de votre équipe, afin qu’ils puissent éditer ou collaborer sur le contenu, via la localisation par exemple.

Plusieurs types de contenu vous permettent même de créer des cours complets en une seule interaction, comme une présentation de cours ou une chronologie. La gamme d’options est bien pensée et s’intègre ensemble pour créer une liste complète de contenus interactifs accrocheurs. Il existe actuellement plus de 40 types de contenu H5P différents sur le site. D’autres types d’interactions sont en cours de développement et seront ajoutés à l’avenir. Une liste complète des types de contenus de H5P est disponible sur le site Web de H5P.

Que faire avec H5P dans votre LMS ?

L’avantage d’avoir du contenu interactif dans votre boîte à outils eLearning est que celui-ci ouvre de nouvelles possibilités pour les apprenants et les formateurs. Pour les apprenants qui suivent des cours à leur propre rythme, la vidéo interactive aide à reproduire l’expérience d’apprentissage en direct, réduisant ainsi le risque de fatigue du défilement.

Pour les cours non linéaires utilisant le micro-apprentissage ou l’apprentissage adaptatif, le contenu interactif devient souvent un aspect fondamental, offrant aux apprenants la possibilité de personnaliser leur expérience.exemple d'éditeur vidéo interactif gifCréez, partagez et réutilisez du contenu html5 interactif depuis votre navigateur (Source: h5p.org ).

L’intégration de H5P dans vos activités d’apprentissage permet de disposer de 3 atouts essentiels en matière de ELearning : la gamification, l’interactivité et l’accessibilité. 

Gamification

Lorsque vous travaillez avec du contenu html5, il est possible d’intégrer des principes de conception de jeux vidéo dans votre apprentissage. Ceux-ci peuvent ne pas apparaître comme un jeu littéral à jouer (bien qu’ils le puissent). Au lieu de cela, H5P peut aider à introduire des mécanismes de jeu subtils, qui exploitent les centres d’activités et de récompenses du cerveau des apprenants, parfaits pour améliorer l’engagement dans la résolution de problèmes ou les tâches compétitives.

  • Rétroaction instantanée 
    Le contenu animé produit des réponses en direct pour signaler le succès de l’apprenant, grâce à des récompenses telles que des badges, des points et des animations amusantes. C’est également une bonne technique pour donner aux apprenants le temps de corriger les erreurs ou d’exécuter des scénarios plusieurs fois.
  • Jeux eLearning. 
    Si vous cherchez à intégrer des jeux d’apprentissage plus traditionnels dans votre système de gestion de l’apprentissage, vous pouvez utiliser H5P pour développer des activités telles que des jeux de mémoire, avec plusieurs étapes et niveaux.

variété d'images de types de contenu h5pQuelques-uns des types de contenus interactifs disponibles avec H5P (Source: h5p.org ). 

Activités interactives

Il est facile de mettre à niveau vos questionnaires, quiz et ressources riches en informations avec H5P, transformant ainsi un contenu statique en un outil personnalisé et réactif.

Prenez les éléments de contenu les plus statiques et secs dont vous disposez – un long document texte, par exemple. En activant l’option d’édition dans votre LMS avec le plugin H5P installé, vous pouvez rapidement ajouter de l’interactivité.

Sélectionnez simplement le type de contenu le plus pertinent, tel que Remplissez les blancs , dans lequel les apprenants complètent les mots manquants d’un texte. Ou Essai , où les formateurs peuvent donner des commentaires instantanés en définissant un ensemble de mots-clés qui déclenchent des réponses individuelles lorsqu’elles sont présentes (ou non) dans les réponses soumises. Configurez les paramètres pour qu’ils fonctionnent pour vos apprenants, copiez-collez ou téléchargez votre contenu, et vous êtes prêt à démarrer !

Accessibilité

L’équipe H5P Core a travaillé avec des universités pour améliorer les fonctionnalités d’accessibilité de leur outil. En tant qu’aspect fondamental de H5P, tout le contenu a des options d’autorisation qui permettent les téléchargements, les partages et l’intégration. Les avantages d’accessibilité comprennent :

  • Pour les plus soucieux de la technologie : l’ajout de son propre code en ligne au contenu H5P (idéal pour ceux qui utilisent H5P pour enseigner la programmation).
  • Pour les traductions : fonctionnalités dans plus de quinze langues.
  • Pour le partage : contenu partageable sur tous les navigateurs compatibles (c’est-à-dire tous les principaux navigateurs Web).

image remplir l'exemple de type de contenu des blancsDans le type d’activité «Remplir les blancs», les apprenants remplissent les mots manquants dans un texte. Une solution est présentée à l’apprenant après avoir rempli tous les mots manquants, ou après chaque mot, selon les paramètres (Source: H5P ).

Quelques exemples d’utilisation

Vidéo interactive


L’un des types de contenus les plus convaincants demeure la vidéo interactive. C’est certainement mon activité favorite dans la librairie H5P pour engager les apprenants et quelque chose que jusqu’à présent, nous aurions dû réaliser en utilisant un outil de création propriétaire tel que Articulate Storyline ou Adobe Captivate. Généralement, avec un cours en ligne basé sur la vidéo, votre apprenant visionnera d’abord les apports en format vidéo, puis les ancrera en répondant à un quiz. Enfin, il recevra peut-être une reconnaissance, sous la forme d’un certificat ou d’un badge.

Avec H5P, vous pouvez intégrer vos vérifications de connaissances et vos questionnaires directement dans la vidéo. Cela vous permet de renforcer immédiatement les apprentissages clés et de garantir que vos apprenants captent les messages clés en temps réel. Les vérifications des connaissances ne sont pas la seule chose que vous pouvez intégrer dans votre vidéo. Vous pouvez également ajouter des invites textuelles telles que des résumés, des listes ou des liens Web à des points clés. Vous pouvez choisir de mettre la vidéo en pause pour chaque élément interactif que vous ajoutez, ou de continuer à la jouer et de faire disparaître l’icône après quelques secondes. Lorsque vous cliquez sur l’un d’entre eux, le contenu s’anime et pour les quiz, les résultats sont affichés clairement avec de superbes graphismes. Il ne fait aucun doute que c’est un excellent moyen de permettre aux apprenants d’interagir, d’explorer et de digérer le contenu à leur propre rythme.

Image interactive


Tout comme le type de contenu vidéo interactif, l’image interactive vous permet de superposer des éléments sur une image statique. Ceux-ci peuvent être constitués par du texte, des listes, des vidéos ou même d’autres images ! Ce type d’activité fonctionnera très bien pour démontrer la disposition d’un bâtiment, diverses parties d’une machine ou des cartes. Avec un peu d’imagination, vous pouvez mener une chasse au trésor ou suivre des événements historiques sur une carte de l’Europe.

Image à retourner

Dans la catégorie ‘images’, l’activité de cartes à retourner permet de réaliser des questions/ réponses ludiques et dynamiques. Vous pouvez réaliser ces activités après chaque séquence d’apport pédagogique : 4 à 5 questions simples pour valider les acquis de l’apprenant et améliorer l’ancrage des connaissances.

Images à cliquer

Une autre activité ludique réalisable ave H5P pour créer des contenus pédagogiques dynamiques est l’image à cliquer.

Idéale pour des cours de langue, pour des apports techniques ou pour apporter des notions théoriques dans un mode décalé, l’image à cliquer est accessible en recherchant la mention “hotspot” dans votre outil auteur.

Présentation du cours

La présentation du cours est un autre type de contenu que vous allez adorer. C’est exactement ce à quoi cela ressemble : un cours interactif complet contenu dans une interaction H5P. À cela, vous pouvez ajouter tous les types de contenu standard : texte (avec formatage), images, audio, vidéo, etc.

Vous pouvez également intercaler des contrôles de connaissances ou des questions de quiz. Les signets vous aident à naviguer dans le cours et, en fonction du contenu que vous ajoutez, un écran de résumé est automatiquement inséré à la fin pour donner aux apprenants des commentaires sur ce qu’ils ont accompli.

Par ailleurs, des indicateurs apparaissent sous le contenu du cours : ils indiquent le nombre de diapositives et la position en temps réel de l’apprenant dans le cours. Cela montre également, discrètement, aux apprenants les différentes étapes du cours, sans les distraire du contenu principal.

Chronologie


L’interaction avec la chronologie fonctionne très bien pour démontrer une progression linéaire d’un objet. Cela fonctionnera parfaitement pour tout ce qui a défini des points de données que vous souhaitez mettre en évidence, comme une entreprise, un historique de produit, ou un diagramme de processus. Pour chaque date de la chronologie, vous pouvez ajouter tous les types de contenu standard, texte (avec mise en forme), images, audio vidéo, etc.

Pour conclure

Le processus pédagogique associé à la conception des capsules est contenu dans les activités et les ressources. Des activités interactives accrocheuses sont la clé pour donner vie à vos cours. Il existe déjà de nombreux types d’activités différents disponibles (forums, glossaires, wikis, devoirs, quiz, choix (sondages), lecteurs scorm, bases de données, etc.) et le plugin H5P est un ajout bienvenu.

Le principal atout de ce plugin basé sur les activités réside dans la combinaison des activités en séquences et en groupes, ce qui peut vous aider à guider les participants à travers les parcours d’apprentissage. Ainsi, chaque activité peut s’appuyer sur les résultats des précédentes.

Le LMS de shifumi intègre le plugin H5P !


Venez le tester en vous enregistrant su notre plateforme de test : ici !

N’hésitez pas à prendre contact avec nous également : là !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *