H5P est un outil de production de contenu gratuit et open source que vous trouverez ici sur atingi. H5P est l’abréviation de HTML5 Package et donne la possibilité à toute personne de créer, partager et réutiliser facilement du contenu HTML5 interactif. Des vidéos, des présentations et des chronologies interactives, ainsi que des quiz peuvent être créés, et bien plus encore.
Remarque : le contenu H5P peut être créé directement sur atingi, depuis le menu des activités et la « banque de contenus » ; il n’est nullement besoin de créer un compte sur h5p.org. Cependant, si vous souhaitez en savoir plus sur les outils et exemples de H5P, cette page peut vous être utile.
Deux solutions s’offrent à vous pour commencer à développer votre contenu H5P. D’une part, dans la barre supérieure de votre cours, cliquez sur « Banque de contenus ».
D’autre part, vous pouvez également activer le « Mode d’édition », cliquer sur le signe « + » pour ajouter une activité ou une ressource, et choisir H5P dans le menu des activités.
Dans le Mode d’édition de l’activité, donnez un nom à votre activité H5P, puis sélectionnez votre fichier H5P. Si vous devez encore créer une activité H5P, cliquez sur « Utiliser la banque de contenus (s’ouvre dans une nouvelle fenêtre) pour gérer vos fichiers H5P ».
Une nouvelle fenêtre s’ouvrira, qui est la même page que celle sur laquelle
vous arrivez lorsque vous cliquez sur « Banque de contenus » dans la
barre de menu en haut.
La banque de contenus est liée à votre catégorie, ce qui signifie que tout le contenu H5P créé dans votre catégorie s’affichera ici. Lorsque vous commencerez sur atingi, cette zone sera probablement vide, car vous devez d’abord ajouter du contenu.
Vous pouvez choisir le type de contenu, en cliquant sur « Ajouter » et en parcourant le menu déroulant.
Voici tous les types de contenu disponibles avec H5P :
Nous allons examiner plus en détail deux activités H5P qui vous seront utiles et vous montrer comment les télécharger dans votre cours : Accordéon et vidéo interactive.
Accordéon
L’accordéon est un outil très simple qui vous permet de définir des titres, des mots-clés ou des questions déroulantes qui révèlent des informations supplémentaires en cliquant dessus.
Pour commencer, choisissez « Accordéon » dans le menu « Ajouter ». Vous arriverez dans les paramètres de l’activité H5P:
Il doit y avoir un titre pour l’ensemble de l’activité et un titre par panneau pliable. Dans la zone de texte, vous placez le texte en fonction du titre du panneau.
Vous pouvez ajouter plusieurs panneaux en cliquant sur « Ajouter un panneau » :
La police, la couleur et la taille du texte sont également personnalisables.
Chaque fois que vous avez terminé, cliquez sur « Enregistrer ». Vous verrez un aperçu de votre activité H5P. Vous pouvez bien évidemment revenir en arrière et la modifier.
Le fichier H5P que nous venons de créer est « accordion-6373 », nous allons donc choisir celui-ci.
Vous pouvez modifier le nom du fichier, saisir le nom de l’éditeur et choisir une licence de contenu. De plus, vous pouvez soit « Faire une copie du fichier » ou « Associer au fichier ».
L’avantage de l’association réside dans le fait que les modifications ultérieures du fichier H5P seront synchronisées avec l’activité sur atingi. Cependant, si par exemple vous avez plusieurs catégories sur atingi et que vous envisagez de déplacer votre fichier H5P ultérieurement, vous devez en faire une copie afin qu’il ne se perde pas lors de la transition.
Ensuite, cliquez sur « Sélectionner ce fichier ». Complétez les paramètres habituels « Restriction d’accès » et « Achèvement d’activité ». Pour l’accordéon, vous devez choisir « Vue requise », car il ne s’agit pas d’une tâche interactive.
Cliquez sur « Enregistrer et afficher ».
Votre Accordéon H5P s’affiche désormais dans votre cours atingi !
Vidéo interactive
Les vidéos interactives sont un excellent moyen de présenter des informations à vos apprenantes et apprenants tout en les impliquant grâce à des petits quiz ou des informations supplémentaires.
Pour choisir l’activité H5P, veuillez naviguer dans la banque de contenus et suivre les étapes décrites ci-dessus. Après avoir sélectionné « Vidéo interactive », vous devez lui donner un titre, puis télécharger une vidéo ou insérer une URL YouTube.
Ensuite, vous devez ajouter des interactions. Plusieurs options permettent d’y parvenir.
Vous découvrirez également un petit tour d’horizon des solutions d’édition.
Plus important encore, si vous choisissez une interaction, elle s’affichera
dans un nouvel onglet.
Pour cet exemple, nous avons choisi d’intégrer une question
vrai/faux :
Vous pouvez définir le temps d’affichage de la question, si la vidéo doit s’arrêter pendant que la question s’affiche et si vous souhaitez la voir sous forme de bouton ou d’affiche. Nous recommandons généralement d’utiliser l’option affiche, car la zone de texte peut être ajustée et est clairement visible pour les apprenantes et apprenants, contrairement au bouton qui se révèle moins évident et peut couper une partie du texte.
Ensuite, saisissez votre question et définissez si la déclaration est vraie ou fausse. Vous pouvez également définir d’autres paramètres comportementaux, par exemple si vous autorisez vos apprenantes et apprenants à réessayer ou à voir la solution :
Cliquez sur « Terminé » pour revenir à votre vidéo
(remarque importante : ne cliquez pas immédiatement sur
« Enregistrer » tout en bas de la page, car cela enregistre et ferme
toute l’activité). Vous voyez maintenant la question s’afficher dans la vidéo et
pouvez ajuster sa taille ou la déplacer :
En plus des interactions, vous pouvez également ajouter des Signets pour permettre à vos apprenantes et apprenants de retrouver plus rapidement certaines parties de la vidéo.
Remarque : si vous avez désactivé la fonction « passer » dans votre vidéo, les signets ne s’afficheront pas.
La dernière étape consiste à ajouter une question récapitulative à votre vidéo interactive. Celle-ci contient au moins deux affirmations, dont une est vraie et les autres sont fausses.
Il est également possible de définir un feedback personnalisé en fonction du score atteint dans le résumé :
Après avoir ajouté la vidéo, l’ensemble des interactions ainsi qu’un
résumé, veuillez consulter les paramètres comportementaux globaux :
Vous pouvez par exemple définir si vous souhaitez lire automatiquement la vidéo, empêcher de la passer, afficher les signets ou la démarrer à un certain moment.
Vous pouvez maintenant cliquer sur « Enregistrer ». Une fois encore, la vidéo s’affichera en mode aperçu dans la banque de contenus :
Dans ce cas, les petits points dans la barre de progression indiquent les
différentes interactions qui apparaîtront une fois que vous les atteindrez.
Pour ajouter cette fonctionnalité à votre cours sur atingi, veuillez suivre le même processus que celui décrit ci-dessus pour l’accordéon, à une exception près : Pour les vidéos interactives contenant des quiz ou d’autres types de questions, vous pouvez définir une option « Note requise » dans les paramètres d’achèvement de l’activité atingi. Cela garantit que vos apprenantes et apprenants ont réellement regardé la vidéo dans son intégralité et répondu à toutes les questions.
Il existe de nombreuses autres options pour les activités H5P, mais nous espérons que ce chapitre vous a aidé à comprendre comment créer du contenu H5P, choisir les bons paramètres et l’intégrer dans votre cours atingi.