H5P est une boite à outils qui permet de créer des activités interactives.
C'est un outil en ligne qui s'utilise directement depuis n'importe quel navigateur.
C'est aussi un plug-in (extension) pour WordPress, Drupal ou Moodle. Il est ainsi possible de l'installer pour avoir accès à l'outil directement depuis ces différents gestionnaires de contenus et de publications.
Nous allons nous intéresser à l'outil en ligne.
Il est en anglais. On peut néanmoins le traduire en partie en utilisant le navigateur Chrome et son outil "traduction".
1/ Rendez-vous sur le site : https://h5p.org/
2/ Se connecter (se créer un compte à la première connexion) :
3/ Cliquez sur
4/ Puis sur
6/ Il ne vous reste plus qu'à compléter le formulaire en suivant les différentes étapes :
N'hésitez pas à regarder le tutoriel vidéo en cliquant sur le bouton
Step 1 : Vous devez tout d'abord ajouter la vidéo avec laquelle vous souhaitez travailler.
Vous pouvez uploader une vidéo depuis votre ordinateur (16 Mo max) ou indiquer l'URL d'une vidéo présente sur YouTube en cliquant sur .
Ajoutez un titre et une description à votre vidéo en complétant la partie
Spep 2 : Insérez des interactions.
Pas moins de 14 types d'interactions sont possibles : du texte, des images, des liens menant vers d'autres ressources, des boutons pour ouvrir des formulaires, des question à choix simples ou multiples, etc...
Vous choisissez l'activité voulue dans la barre de menus, vous la glissez/déposez sur la vidéo en choisissant le moment où vous voulez qu'elle apparaisse pendant la diffusion de votre vidéo.
Un nouveau formulaire à remplir apparaît : (ex qcm)
N'oubliez pas de mettre la vidéo en pause
Une fois le formulaire rempli, bien le sauvegarder : bouton en bas à gauche.
Une page de visualisation du résultat final s'affiche.
Vous pouvez voir sur la timeline en bas des puces qui indiquent l'endroit où vous avez inséré des interactions.
Pour modifier votre travail, utilisez le bouton en haut à gauche du formulaire.
Sur la timeline,
cliquez sur la puce correspondant à l’interaction que vous voulez modifier.
Un picto apparaît sur la vidéo
Cliquez sur ce picto, un menu apparaît
Cliquez sur le crayon pour modifier les paramètres de l'interaction ou sur pour supprimer cette interaction.
7/ Une fois votre travail terminé, il ne vous reste plus qu'à récupérer le code pour l'intégrer dans votre solution de publication :
Bouton en dessous de la timeline :
Puis copier le code <iframe....
Pour compléter ....⚓
- Un tuto vidéo réalisé par le Prof T.i.m. à partir du plugin sous Moodle :
- Un tuto de Olivier Legrand :