---
title: Présentation des activités H5P dans Eléa dans ELEA (drane PC_elea)
author: Drane ac-clermont
date: 2024
tags:
- H5P
- drane PC_elea
- activités
---

# Toutes les activités H5P *(classées avec exemples en ligne)* *([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 🔍 **Documentation et tutoriels H5P**
* [Documentation et tutoriels H5P (ac-clermont)](https://codimd.apps.education.fr/s/sGHImIX2u#)
:::
<center>
NEW 11/24💥/ **MAJ 03/25** 👁️
</center>
----
**Parcours Eléa** en auto-inscription avec des **exemples H5P** téléchargeables pour chaque H5P accessible dans Eléa :
:::success
:::spoiler *(détails)* **Pourquoi utiliser H5P ?**
H5P est un outil en ligne (**intégré dans Éléa**, WordPress) qui permet de créer facilement **du contenu interactif** en ligne pour les élèves (quiz, vidéos enrichies, jeux éducatifs, etc.). Il favorise l’apprentissage actif en rendant les ressources pédagogiques plus engageantes et interactives.
* Accès au parcours Éléa de démonstration dans le réseau des concepteurs
:::
## 1️⃣ CONTENU PEDAGOGIQUE : entraîner, guider l’étudiant
::: spoiler 🔴 *(détails)* **🔈 AUDIO - Contenu pédagogique**
:::warning
1. **Dictation** : *dictée audio de mots ou de phrases à saisir avec autocorrection*
2. **Speak the words** : *réponse vocale (micro à autoriser dans le navigateur)*
3. **Speak the words set** : *ensemble d'exercices de prononciation vocale à partir de questions (micro et chrome nécessaire)*
:::info
- *Cliquer sur les images pour les agrandir :*
**🟥 1.1.1 Dictation** : 
<center>

<iframe src="https://ladigitale.dev/digiquiz/q/69749dcde40a5" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
</center>
**🟥 1.1.2. Speak the words** : 
<center>

<iframe src="https://ladigitale.dev/digiquiz/q/6974a08f1bf0e" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="200"></iframe>
</center>
**🟥 1.1.3. Speak the words set** : 
<center>

<iframe src="https://ladigitale.dev/digiquiz/q/6974a10bdfe06" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="300"></iframe>
</center>
:::
::: spoiler 🟠 *(détails)* **⌨ TEXTE - Contenu pédagogique**
:::warning
1. **Cornell Notes** : *prise de notes à l'aide du système Cornell qui consiste à diviser la page en trois parties : notes, questions et résumé*
2. **Documentation tool** : *document qui permet la saisie de contenu guidé pas à pas avec exportation du texte final mis en page*
3. **Essay** : *rédaction d’un texte avec feedback immédiat à partir de mots clés attendus*
4. **Questionnaire** : *sondage avec QCM, réponses ouvertes*
5. **Structure Strip** : *Aide à la structure d’un texte, bande de contenu à saisir*
6. **Summary** : *reconstruire un résumé, un texte, en fonction de propositions*
:::info
- *Cliquer sur les images pour les agrandir :*
🟧 1. Cornell Notes : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5350e59f6" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟧 2. Documentation Tool : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f538a4ad39" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟧 3. Essay : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f56df633c3" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟧 4. Questionnaire : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f581237113" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="300"></iframe>
🟧 5. Structure Strip : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f590709478" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="800"></iframe>
🟧 6. Summary : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f58668b294" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="300"></iframe>
:::
## 2️⃣ PRESENTATION - MULTIMEDIA : présenter, créer ou enrichir des contenus audiovisuels
::: spoiler 🟢 *(détails)* **🖼 IMAGE - Présentation - multimédia**
:::success
1. **Image juxtaposition :** *comparaison d'images avec glissière comme avant/après par exemple*
2. **Collage :** *collage de plusieurs images avec différents effets et dispositions*
3. **Image hotspot :** *image avec points cliquables interactifs (image-texte-vidéo)*
4. **Image slider :** *carrousel d’images*
5. **Agamotto :** *Séquence d'images qui se superposent comme des informations sur une carte*
6. **Chart :** *graphiques en barres et en secteurs à partir de données numériques*
:::warning
- *Cliquer sur les images pour les agrandir :*
🟩 1. Image juxtaposition : 

<iframe src="https://ladigitale.dev/digiquiz/q/69147722b596e" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="450"></iframe>
🟩 2. Collage : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f59dedf89f" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="420"></iframe>
🟩 3. Image hotspot : 

<iframe src="https://ladigitale.dev/digiquiz/q/68f66906a73e3" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="550"></iframe>
🟩 4. Image slider : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5aa3041c5" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="600"></iframe>
🟩 5. Agamotto : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f599b44eb1" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="550"></iframe>
🟩 6. Chart : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5acd3e6b2" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="350"></iframe>
:::
::: spoiler 🟡 *(détails)* **🔈 AUDIO - Présentation - multimédia**
:::success
1. **Audio :** *lecteur audio*
2. **Audio recorder :** *enregistrement audio avec la possibilité de le télécharger ou de le réécouter*
:::warning
🟨 1 Audio : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5b7a8acd1" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="100"></iframe>
🟨 2 Audio recorder : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5b9a66eaa" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
::: spoiler 🟤 *(détails)* **🎥 VIDEO - Présentation - multimédia**
:::success
1. **Interactive video :** *vidéos enrichies d'interactions, texte, image…*
:::warning
🟫 1 Interactive video : 

<iframe src="https://ladigitale.dev/digiquiz/q/68f707e5b986a" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
::: spoiler 🟡 *(détails)* **🛠 AUTRES - Présentation - multimédia**
:::success
1. **Timeline :** *frise temporelle illustrée*
2. **Accordion :** *menu en accordéon, éléments empilés et extensibles verticalement*
3. **Information Wall** : *Catalogue de fiches d’information organisées par champs à définir, avec barre de recherche*
4. **Iframe embedder :** *(intégrateur de contenus interactifs)*
:::warning
🟨 1. Timeline : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa1117ec6fa" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟨 2. Accordion : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5d734c86c" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟨 3. Information Wall : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5e19ad786" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟨 4. Iframe embedder : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5e40bcf88" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
::: spoiler 🟢 *(détails)* **🥽 RA-RV - Présentation - multimédia**
:::success
1. **AR Scavenger :** *réalité augmentée à partir d'une captation d'un marqueur qui renvoie vers des activités H5P ou un modèles 3D (s’utilise avec un smartphone)*
2. **KewAr Code :** *générateur de QR codes avec des infos préformatées*
3. **Virtual tour :** *visite virtuelle 360° et image classique avec hot spots*
:::warning
🟩 1. AR Scavenger : 
<iframe src="https://ladigitale.dev/digiquiz/q/698f5c3ee9130" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="200"></iframe>
🟩 2. KewAr Code : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f5c45e7014" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="300"></iframe>
🟩 3. Virtual tour : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa14bf96c8b" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
<iframe src="https://ladigitale.dev/digiquiz/q/698f5c4a0c58a" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
:::
## 3️⃣ MULTIMEDIA ENRICHI - QUIZ : présenter des activités enrichies de contenus intératifs
::: spoiler ⚪ *(détails)* **🌟 MULTIMEDIA+QUIZ - Présentation enrichie**
:::info
1. **Course presentation :** *présentation interactive multimédia - images, textes, vidéos, quiz H5P…)*
2. **Page** (Column) : *mise en page en colonne verticale de contenu H5P - images, textes, vidéos, quiz H5P…)*
3. **Interactive Book :** *livres interactifs (avec texte, images, vidéos, quiz, autres H5P…)*
4. **Game Map :** *jeu de plateau avec gestion d’étapes H5P (contenus multimédias-quiz) et réglages des vies, du temps de jeu*
5. **Branching scenario :** *scénario à embranchements - Apprentissage différencié où l'utilisateur peut choisir son parcours*
6. **Advent Calendar :** *calendrier de l'avent avec des surprises à découvrir chaque jour : image, vidéo, quiz, son...*
:::success
⬜ 1 Course presentation : 

<iframe src="https://ladigitale.dev/digiquiz/q/68f70a005fe81" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
⬜ 2 Page (Column) : 

<iframe src="https://ladigitale.dev/digiquiz/q/4e7c68b9fb5b6b9d" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
⬜ 3 Interactive Book : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f61980f418" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
⬜ 4 Game Map : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f6327eddbf" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="550"></iframe>
⬜ 5 Branching scenario : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f62957250d" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
⬜ 6 Advent Calendar : 
*(audio ; image ; link ; text ; vidéo) dans des fenêtres type calendrier de l'avent*
<iframe src="https://ladigitale.dev/digiquiz/q/69a569fb55e67" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
:::
## 4️⃣ QUIZ - JEU : créer des jeux, des quiz, des activités ludiques
::: spoiler 🔵 *(détails)* **🖼🤔 IMAGE - Quiz**
:::info
1. **Find multiple hotspots :** *cocher les réponses à partir de zones cliquables*
2. **Find the hotspot :** *trouver une zone cliquable comme réponse, avec feed-back*
3. **Image choice :** *zones cliquables comme réponses*
4. **Image pair :** *appariement d’images par glisser-déposer*
5. **Image sequencing :** *ordonner les images*
6. **Memory game :** *jeu de memory, paires retournées à associer*
:::warning
🟦 1. Find multiple hotspots : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56b6a5e8f8" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 2. Find the hotspot : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa187951266" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 3. Image choice : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56ada8e0b2" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 4. Image pair : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56b9f60a92" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 5. Image sequencing : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa1a3f18657" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="800"></iframe>
🟦 6. Memory game : 

<iframe src="https://ladigitale.dev/digiquiz/q/698f4798dc934" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
::: spoiler 🟣 *(détails)* **🖼✏🤔 IMAGE/MOT - Quiz**
:::info
1. **Dialog cards :** *cartes de mémorisation à retourner, questions/réponses*
2. **Drag and drop :** *association par glisser-déposer sur une image*
3. **Flashcards :** *cartes de révision. Élégantes cartes de réponse*
4. **Guess the answer :** *image de révision avec bouton réponse pour vérifier son hypothèse*
:::warning
🟪 1. Dialog cards : 

<iframe src="https://ladigitale.dev/digiquiz/q/68f70cf7cc92f" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 2. Drag and drop : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56c2e0873e" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
🟪 3. Flashcards : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56c49c5998" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="700"></iframe>
🟪 4. Guess the answer : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56c735fd2d" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="400"></iframe>
:::
::: spoiler 🟣 *(détails)* **✏🤔 MOT - Quiz**
:::info
1. **Arithmetic quiz :** *Quiz d'arithmétique minuté*
2. **Drag the words :** *glisser-déposer les mots manquants*
3. **Fill in the blanks :** *texte à trous*
4. **Mark the words :** *mots à surligner, à sélectionner dans un texte*
5. **Sort the paragraphs :** *paragraphes à ordonner*
6. **Multiple choice :** *QCM -Question à choix multiples*
7. **Question set :** *quiz divers comme choix multiples, remplir les blancs, faire glisser les mots…*
8. **Single choice set :** *QCM - ensemble de questions à réponse unique*
9. **True/false :** *question vrai/faux*
:::warning
🟪 1. Arithmetic quiz : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa1b925aef3" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 2. Drag the words : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56d1275f17" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 3. Fill in the blanks : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56d3080f34" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 4. Mark the words : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56dcc0de05" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 5. Sort the paragraphs : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56deabf6e3" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 6. Multiple choice : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56e11b4f89" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟪 7. Question set : 

**7 types de questions différentes à associer** *(Choix multiple, glisser-déposer, texte à trous, marquer le mot, vrai/faux, texte à saisir, choix d'une image)*
<iframe src="https://ladigitale.dev/digiquiz/q/68f716a50dd43" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="600"></iframe>
🟪 8. Single choice set : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56e67b253a" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="350"></iframe>
🟪 9. True/false : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56e8d642de" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
::: spoiler 🔵 *(détails)* **🕹🤔 JEUX - Quiz**
:::info
1. **Crosswords :** *jeu de mots croisés à partir d'une grille et d'indices*
2. **Find the words :** *mots mêlés - jeu de recherche de mots en grille*
3. **Personality Quiz :** *test de personnalité par sondage*
:::warning
🟦 1. Crosswords : 

<iframe src="https://ladigitale.dev/digiquiz/q/68fa216e8b6f0" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 2. Find the words : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56eff67639" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
🟦 3. Personality Quiz : 

<iframe src="https://ladigitale.dev/digiquiz/q/69a56f2167753" allow="fullscreen; autoplay;" frameborder="0" width="100%" height="500"></iframe>
:::
##
:::spoiler icones-images
🎥 🎦 🧿 🔘 🥽 🎬 🔎 📊 🗓 🤔 🧠 🌀 🎯 🕹 🎮 🎤 🔊 🎧 🏁 🔆 🔅 ☀ ⭐ 🚸 ✨ 🔥 🌟
⌨ 📃 📄 📝 📸 🖼 ✏
💡 🔗 ⚙ 🛠 🧷 ⚠ ⛔ ➡ ⬆ ⬇ 🔄 ▶ ⏹ ❓ ⁉
0️⃣ 1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 8️⃣ 🔟
🟥 🟧 🟨 🟩 🟦 🟪 🟫 ⬛ ⬜
🔴 🟠 🟡 🟢 🔵 🟣 🟤 ⚫ ⚪
💥🆕
:::