--- title: Documentation et tutoriels H5P (drane PC_elea) author: Drane ac-clermont date: 2025 tags: - H5P - tutoriel - drane PC_elea - documentation ---  # Documentation et tutoriels H5P *([ac-clermont](https://pedagogie.ac-clermont.fr/numerique-educatif/category/documentation-et-tutoriels/))* <center>  </center> :::spoiler ✴ **Contact académique :** :::success * Mail accompagnement Eléa sur l'académie : **accompagnement.elea@ac-clermont.fr** ::: :::spoiler 🔍 **Autres documentation et tutoriels** :::info * [**Documentation et tutoriels Éléa**](https://codimd.apps.education.fr/s/ZOYrgcnBJ#) * [**Documentation et tutoriels des services de “apps.education”**](https://codimd.apps.education.fr/s/swCBEVTHZ#) ::: :::spoiler 💥 **Nouveautés tutoriels, documentation, ajoutés** :::info 🔗 [Créer des H5P avec Quizwizard](https://codimd.apps.education.fr/s/NOGuNGqnK#) - 💥 NEW 03/25 🔗 [Créer et diffuser ses H5P avec lumi, avec la Digitale](https://codimd.apps.education.fr/s/lVKsGgPQj) 💥 NEW 02/25 🔗 [Présentation des activités H5P dans Eléa ](https://codimd.apps.education.fr/s/fJMz-7zNE#) 💥 NEW 11/24 🔗 [Créer des H5P avec NOLEJ](https://codimd.apps.education.fr/s/PdNWurUEy) 💥 NEW 06/24 🔗 [Créer-sauvegarder ses H5P et les restaurer dans Éléa](https://codimd.apps.education.fr/s/lVKsGgPQj) 💥 NEW 11/24 ::: <center> NEW 01/25💥/ MAJ 03/25 👁️ </center> ---- :::success **H5P** est un outil **en ligne** qui permet de créer facilement du **contenu interactif** (quiz, vidéos enrichies, jeux éducatifs, etc.) directement intégrable dans des plateformes comme Éléa ou WordPress. Il favorise l’apprentissage actif en rendant les ressources pédagogiques plus engageantes et interactives. ::: ## 🟩 Documentation et tutoriels H5P :::spoiler *(détails)* 🟢 J'intégre des **contenus interactifs H5P** dans Eléa *(documentation nationale)* :::info * 🔗[Créer un contenu interactif](https://dne-elearning.gitlab.io/moodle-elea/documentation/docs/Professeurs/Integrer%20des%20contenus%20interactifs/Creer_Contenus_Interactifs/) * 🔗[Gérer la banque de contenus H5P](https://dne-elearning.gitlab.io/moodle-elea/documentation/docs/Professeurs/Integrer%20des%20contenus%20interactifs/Banque_de_contenus_H5P/) ::: ---- ## 🟧 Les activités H5P :::spoiler *(détails)* 🟡 **Liste des H5P dans Eléa** :::warning * **AR Scavenger** : réalité augmentée à partir de QR code vers des activités H5P ou modèles 3D (s’utilise avec un smartphone) * **Accordion :** menu en accordéon, éléments empilés et extensibles verticalement * **Advanced fill the blanks**: texte à trous avec proposition de remplissage avancé. * **Advent Calendar** : calendrier de l'avent avec des surprises à découvrir chaque jour : image, vidéo, quiz, son.. * **Agamotto :** Séquence d'images qui se superposent comme des informations sur une carte * **Arithmetic quiz :** Quiz d'arithmétique minuté * **Audio :** lecteur audio * **Audio recorder :** enregistrement audio avec la possibilité de le télécharger ou de le réécouter * **Branching scenario :** scénario à embranchements - Apprentissage différencié où l'utilisateur peut choisir son parcours * **Chart :** graphiques en barres et en secteurs à partir de données numériques * **Collage :** collage de plusieurs images avec différents effets et dispositions * **Cornell Notes :** prise de notes à l'aide du système Cornell qui consiste à diviser la page en trois parties : notes, questions et résumé * **Course presentation :** présentation interactive multimédia - images, textes, vidéos, quiz H5P…) * **Crosswords :** jeu de mots croisés à partir d'une grille et d'indices * **Dialog cards :** cartes de mémorisation à retourner, questions/réponses * **Dictation :** dictée audio de mots ou de phrases à saisir avec autocorrection * **Documentation tool :** document qui permet la saisie de contenu guidé pas à pas avec exportation du texte final mis en page * **Drag and drop :** association par glisser-déposer sur une image * **Drag the words :** glisser-déposer les mots manquants * **Essay :** rédaction d’un texte avec feedback immédiat à partir de mots clés attendus * **Fill in the blanks :** texte à trous * **Find multiple hotspots :** cocher les réponses à partir de zones cliquables * **Find the words :** mots mêlés - jeu de recherche de mots en grille * **Find the hotspot :** trouver une zone cliquable comme réponse, avec feed-back * **Flashcards :** cartes de révision. Élégantes cartes de réponse * **Game Map :** jeu de plateau avec gestion d’étapes H5P (contenus multimédias-quiz) et réglages des vies, du temps de jeu * **Greeting Card :** Carte de vœux avec un texte sous une image * **Guess the answer :** image de révision avec bouton réponse pour vérifier son hypothèse * **Iframe embedder :** (intégrateur de contenus interactifs) * **Image hotspot :** image avec points cliquables interactifs (image-texte-vidéo) * **Image juxtaposition :** comparaison d'images avec glissière comme avant/après par exemple * **Image pair :** appariement d’images par glisser-déposer * **Image sequencing :** ordonner les images * **Image slider :** carrousel d’images * **Information Wall :** Catalogue de fiches d’information organisées par champs à définir, avec barre de recherche * **Interactive Book :** livres interactifs (avec texte, images, vidéos, quiz, autres H5P…) * **Interactive video :** vidéos enrichies d'interactions, texte, image… - multimédia - Interactif- pédagogique-quiz * **KewAr Code :** générateur de QR codes * **Mark the words :** mots à surligner, à sélectionner dans un texte * **Memory game :** jeu de memory, paires retournées à associer * **Multimedia Choice** (anciennement Image Choise) : zones cliquables comme réponses * **Multiple choice :** QCM -Question à choix multiples * **Page** (anciennement Column) : mise en page en colonne verticale de contenu H5P - images, textes, vidéos, quiz H5P…) * **Personality Quiz :** test de personnalité par sondage * **Question set :** quiz divers comme choix multiples, remplir les blancs, faire glisser les mots… * **Questionnaire :** sondage avec QCM, réponses ouvertes * **Single choice set :** QCM - ensemble de questions à réponse unique * **Sort the paragraphs :** paragraphes à ordonner * **Speak the words :** réponse vocale (micro à autoriser dans le navigateur) * **Speak the words set :** ensemble d'exercices de prononciation vocale à partir de questions (micro et chrome nécessaire) * **Structure Strip :** Aide à la structure d’un texte, bande de contenu à saisir * **Summary :** reconstruire un résumé, un texte, en fonction de propositions * **Timeline :** frise temporelle illustrée * **True/false question :** question vrai/faux * **Twitter User Feed :** Ajouter un fil twitter * **Virtual tour :** visite virtuelle 360 avec hot spots ::: * [**🟡 Exemple de H5P à tester en ligne : Présentation des activités H5P**](https://codimd.apps.education.fr/s/fJMz-7zNE#) tous les H5P classés par types de contenus (ac-clermont) - NEW **01/26💥** * 🟡 [**Test des activités H5P** dans éléa par le réseau des concepteurs](https://communs.elea.apps.education.fr/course/section.php?id=11712) classées par types de contenus ---- ## 🟪 Créer, sauvegarder et diffuser une activité H5P * 🟣 **Créer** une activité H5P **dans Éléa** : [**Créer-sauvegarder ses H5P et les restaurer dans Éléa**](https://codimd.apps.education.fr/s/lVKsGgPQj) * 🟣 [Créer et diffuser ses H5P **avec lumi**, **avec la Digitale**](https://codimd.apps.education.fr/s/64_xSHcGB#) ---- ## 🟨 Créer des H5P avec l'IA * **[Caramel](http://caramel.forge.apps.education.fr/)** (génération activité H5P et Eléa) - ***[Utilisation](https://markpage.forge.apps.education.fr/#https://codimd.apps.education.fr/s/GeYf5m_ze)*** * [**QCM MD**](https://lmdbt.forge.apps.education.fr/qcm-md/) (Concepteur de diapos avec un QCM interactif) - [***tutoriel***](https://lmdbt.forge.apps.education.fr/qcm-md/info/) * **[HAPI](https://drane-normandie.forge.apps.education.fr/hapi/)** : Le Hub d'Assistance Pédagogique Interactif (génération activité H5P et Eléa) - ***[Utilisation](https://codimd.apps.education.fr/s/x4zUQFbi6)*** ---- ## ⬜ Tutoriels de conception H5P dans Eléa *(ac-clermont/documentation nationale Eléa)* ### 1️⃣ CONTENU PEDAGOGIQUE : entraîner, guider l’étudiant > * **[Dictation](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Dictation_Dictee_Autonome)** : dictée audio de mots ou de phrases à saisir avec autocorrection ***[(exemple)](https://ladigitale.dev/digiquiz/q/69749dcde40a5)***  > * **[Documentation tool](https://codimd.apps.education.fr/s/KnBTvr-dH)** : document qui permet la saisie de contenu guidé pas à pas avec exportation du texte final mis en page (***[exemple](https://ladigitale.dev/digiquiz/q/698f538a4ad39)***)  > * **[Essay](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Essay_Redaction_guidee)** : rédaction d’un texte avec feedback immédiat à partir de mots clés attendus (***[exemple](https://ladigitale.dev/digiquiz/q/698f56df633c3)***)  > * **Speak the words** : réponse vocale (micro à autoriser dans le navigateur) *(exemple)*  ### 2️⃣ PRESENTATION - MULTIMEDIA : présenter, créer ou enrichir des contenus audiovisuels > * **[Accordion](https://codimd.apps.education.fr/s/vaYp7Bqci)** : menu en accordéon, éléments empilés et extensibles verticalement (***[exemple](https://ladigitale.dev/digiquiz/q/698f5d734c86c)***)  > * **Image hotspot**: image avec points cliquables *(exemple)* interactifs (image-texte-vidéo)  > * **Image slider** : carrousel d’images *(exemple)*  > * [**Interactive video**](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Interactive_Video_Video_interactive) : vidéos enrichies d’interactions, texte, image… (***[exemple](https://ladigitale.dev/digiquiz/q/68f707e5b986a)***)  > * **Timeline** : frise temporelle illustrée *(exemple)*  ### 3️⃣ MULTIMEDIA ENRICHI - QUIZ : présenter des activités enrichies de contenus intératifs > * **[Course presentation](https://codimd.apps.education.fr/s/Lem2qVVuG)** : présentation interactive multimédia - images, textes, vidéos, quiz H5P…) (***[exemple](https://ladigitale.dev/digiquiz/q/68f70a005fe81)***)  > * **[Branching scenario](https://codimd.apps.education.fr/s/01U93Bjp_)** : scénario à embranchements - Apprentissage différencié où l’utilisateur peut choisir son parcours (***[exemple](https://ladigitale.dev/digiquiz/q/698f62957250d)***)  > * **Interactive Book** : livres interactifs (avec texte, images, vidéos, quiz, autres H5P…) *(exemple)*  ### 4️⃣ QUIZ - JEU : créer des jeux, des quiz, des activités ludiques > * **[Dialog cards](https://codimd.apps.education.fr/s/IPwUflDu2)** : cartes de mémorisation à retourner, questions/réponses (***[exemple](https://ladigitale.dev/digiquiz/q/68f70cf7cc92f)***)  > * **[Drag and drop](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Drag_and_Drop_Glisser_Deposer)** : association par glisser-déposer sur une image (***[exemple](https://ladigitale.dev/digiquiz/q/69a56c2e0873e)***)  > * **Drag the words** : glisser-déposer les mots manquants *(exemple)*  > * **[Fill in the blanks](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Fill_in_the_Blanks_Texte_a_Trous)** : texte à trous (***[exemple](https://ladigitale.dev/digiquiz/q/69a56d3080f34)***)  > * **[Find multiple hotspots ](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Find_Multiple_Hotspots_Image_reactive_a_points_multiples)**: cocher les réponses à partir de zones cliquables (***[exemple](https://ladigitale.dev/digiquiz/q/69a56b6a5e8f8)***)  > * [**Find the words**](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Find_the_Words_Mots_Meles) : mots mêlés - jeu de recherche de mots en grille (***[exemple](https://ladigitale.dev/digiquiz/q/69a56eff67639)***)  > * **[Flashcards](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Flashcards_Cartes_de_revision)** : cartes de révision. Élégantes cartes de réponse (***[exemple](https://ladigitale.dev/digiquiz/q/69a56c49c5998)***)  > * **Image choice** : zones cliquables comme réponses *(exemple)*  > * **[Image pair](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Images_Pairing_Appariement_Images)** : appariement d’images par glisser-déposer (***[exemple](https://ladigitale.dev/digiquiz/q/69a56b9f60a92)***)  > * **[Image sequencing](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Image_Sequencing_Images_par_ordre_logique)** : ordonner les images (***[exemple](https://ladigitale.dev/digiquiz/q/68fa1a3f18657)***)  > * **[Mark the words](https://moodle-doc.forge.apps.education.fr/elea/docs/Tutoriels/Concevoir_un_parcours/Ajouter_des_activites/Activites_interactives_H5P/Mark_the_Words_Mots_recherches)** : mots à surligner, à sélectionner dans un texte (***[exemple](https://ladigitale.dev/digiquiz/q/69a56dcc0de05)***)  > * **Question set** : quiz divers comme choix multiples, remplir les blancs, faire glisser les mots… *(exemple)*  > * **Single choice set** : QCM - ensemble de questions à réponse unique *(exemple)*  > * **True/false** : question vrai/faux *(exemple)*  ---- ### Exemples divers de H5P à tester ::: spoiler *(détails)* H5P memory (mémorisation vocabulaire audio/transcription) [Memory vêtements](https://ladigitale.dev/digiquiz/q/6792140e7856b) -  * tutoriel : ::: ::: spoiler *(détails)* **les H5P** de Aïe Aïe IA :::success * [**H5P Chasse aux deepfakes**](https://ladigitale.dev/digiquiz/q/67b45a64d1bf2) (deepfake images)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45a64d1bf2" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * **[H5P "vérification de sécurité"](https://ladigitale.dev/digiquiz/q/67b45bd2e0aed)** (captcha)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45bd2e0aed" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * [**H5P Sur les traces de l'IA**](https://ladigitale.dev/digiquiz/q/67b45c1423641) (histoire, learning apps)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45c1423641" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * [**H5P L'ago-rythme**](https://ladigitale.dev/digiquiz/q/67b45db1cd099) (algorythme recette)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45db1cd099" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * [**H5P Prompt-toi pas** ](https://ladigitale.dev/digiquiz/q/67b45df4a67c8)(prompts images)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45df4a67c8" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * [**H5P IA improbable !**](https://ladigitale.dev/digiquiz/q/67b45e2a96480) (articles de presse)  <iframe src="https://ladigitale.dev/digiquiz/q/67b45e2a96480" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> * [**H5P Aïe... c'est du lourd !**](https://ladigitale.dev/digiquiz/q/67cedfdb5b718  <iframe src="https://ladigitale.dev/digiquiz/q/67cedfdb5b718" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe> ::: ---- :::spoiler archives * [~~avec NOLEJ~~](https://codimd.apps.education.fr/s/PdNWurUEy) * [~~avec Quiz wizard~~](https://codimd.apps.education.fr/s/Sg6IY87R4#) * [**H5P "Question Set"**](https://codimd.apps.education.fr/s/GeONTK-Qp#) avec une **IA générative** de Duck Duck Go ai chat par exemple :::