Title: Créer, gérer et intégrer des H5P à D2L et Moodle. Un petit guide.

Authors: sushumnarao (Author); Dominique Scheffel-Dunand (Author); Philippe Morin (Author)
Years: 2025–2099
Licence: CC BY-SA 4.0

H5P, un outil open-source pour créer du contenu interactif, est devenu une ressource essentielle pour les enseignants cherchant à personaliser leurs cours.

Ce guide propose des instructions étape par étape pour vous aider à créer, archiver et intégrer des ressources H5P dans des LMS tels D2L et Moodle.

Credits: by sushumnarao (Author); source https://astica.ai/design/generate-images/.; licence CC BY-NC 4.0; "Create an image of Interactive learning experience in an Educational context, without ant text depiction" Created by astica cognitive services, January 31, 2025. Image generated using astica cognitive services, January 2025 Licensed under CC BY-NC 4.0.

Introduction

Voici un petit guide pour vous aider à ajouter et partager des activités H5P avec vos apprenants

Mais avant de commencer, il faut considérer ceci:

Assurez-vous de permettre aux usagers de la plateforme de pouvoir télécharger et sauvegarder le contenu des H5P ajoutés à une plateforme en ligne comme Camerise.

Pour ce faire, dans le Studio Camerise, cochez la case Allow users to download the content au bas de la page H5P editor.

Ceci donnera accès aux options de réutilisation, d’étiquetage des droits d’auteurs et d’intégration des ressources H5P.

Voici une capture d’écran montrant l’onglet H5P Editor sélectionné au haut de la page ainsi que les boîtes à cocher au bas de cette même page.

Credits: by sushumnarao (Author); licence CC BY 4.0

Si vous n’avez pas accès à un LMS, vous pouvez simplement copier-coller le lien des activités H5P avec vos élèves.

Comment intégrer un H5P à un LMS

Cliquez sur le bouton Embed du menu situé jsute au-dessous de votre activité H5P.

Une fenêtre contenant le code d'intégration apparaîtra. Voici une capture d'écran montrant où se situe le bouton Embed ainsi que le code d'intégration.

Copiez ce code pour intégrer le contenu de ce H5P à une autre ressource H5P sur laquelle vous travaillez.

Voici un exemple de code d'intégration:

<iframe src="https://studio.camerisefsl.ca/h5p/206/embed" width="885" height="523" frameborder="0" allowfullscreen="allowfullscreen" lang="en" title="Introduction and an Overvew of UDL"></iframe><script src="https://studio.camerisefsl.ca/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resizer.js" charset="UTF-8"></script>

Dans D2L Brightspace, sélectionnez "Insert Stuff" pour faire apparaître un menu contextuel. Sélectionnez "Enter Embed Code", comme on peut le voir sur les deux captures d'écran ci-dessous.

Il ne vous reste qu'à coller le code d'intégration, de cliquer sur Insert et puis Save. Assure-vous de permettre la fonction d'intégration pour le site. Si cela n'est pas possible, contactez l'administrateur du LMS pour de l'aide à ce sujet.

Comment créer un H5P avec Moodle

Tout d'abord, ajoutez le contenu désiré à la banque d'activité Moodle, puis ajoutez ce contenu à vos classes.

Vous pouvez créez, éditez et ajoutez du contenu H5P à la a banque de contenus.

En tant qu'enseignant il vous est possible d'ajouter du contenu H5P provenant de la banque de contenus à vos différentss classes.

Où trouver la banque de contenus dans Moodle

Vous pouvez trouver le lien vers la banque de contenus à partir d'une classe sous Course Navigation, puis More (Boost-based themes). Ou encore sur la page de gestion des classes (Classic-based themes).

Vous pouvez créer votre propre contenu H5P en cliquant sur le bouton Add. Il est aussi fort utile de téléverser une ressource H5P dans la banque de contenus pour pouvoir l'éditer au besoin.

Comment créer/ajouter du contenu H5P à la banque de contenus

- Accédez à votre banque de contenus.
- Cliquez sur Add.
- Sélectionnez le type d'activité H5P à créer
- Utilisez l'éditeur H5P pour créer votre ressource.
- Sauvegardez la ressource dans la banque de contenus.

Vous trouverez ci-dessous une capture d'écran montrant la banque de contenus, avec les boutons Add et Upload surlignés.

En cliquant sur le bouton Add, un menu défilant proposant les différents types de contenus H5P apparaît.

Comment téléverser du contenu H5P à la banque de contenus

- Accédez à la banque de contenus.
- Cliquez sur Upload pour faire apparaître un menu déroulant.
- Sélectionnez un fichier .h5p à téléverser. Veillez à respecter la limite de données permise.
- Cliquez sur Upload this file, puis sur Save changes.
- La ressource va se déployer dans la banque de contenus.
- Vous pouvez alors modifier ce contenu ou encore appuyer sur Exit pour retourner à la liste de contenus de la banque.

Voici une capture d'écran de la banque de contenus. On peut y voir le bouton Upload ainsi que le fenêtre qui s'ouvre lorsque ce bouton est sélectionné.

Comment ajouter des ressources H5P à la page de cours

1. Assurez-vous que le contenu que vous désirez ajouter se trouve dans la banque de contenus.
2. En mode édition, choisissez H5P dans le sélecteur d'activités sur une page de cours.
3. Ajoutez un nom ou même une description si dériré.
4. Cliquez sur Package file > File picker,  choisissez la banque de contenus, puis sélectionnez un fichier H5P. Deux options se présentent à vous:
  1. Make a copy of the file
  2. Link to the file

Si vous choisissez la première option, Make a copy of the file, toutes les modifications apportées à la ressource H5P située dans la banque de contenus ne se reflèteront pas dans les pages de cours.

Si vous choisissez la second option, Link to the file, les modifications apportées à vos contenus H5P de la banque de contenus seront appliquées à ces ressources existantes dans pagfes de cours.

5. Utilisez les autres menus, comme Completion Settings, Common module settings, etc. pour compléter vos modifications. N'oubliez pas de cliquer sur Save avant de retourner à la page du cours.

Référez-vous au document d'aide Moodle pour plus d'informations.

Moodle Docs help (https://docs.moodle.org/405/en/H5P#Adding_an_H5P_activity_to_a_course)

Questions ou commentaires?

Voici un lien vers un groupe de discussion incluant un enregistrement (en anglais) des étapes mentionnées dans cette ressource. N'hésitez pas à venir y afficher des questions ou des commentaires.   https://padlet.com/embed/nla2xua3zgb1ubpt