Formation : Activités H5P

Objectif : Former les animatrices/animateurs de Centre de Ressources à l’utilisation des activités H5P.

Modalités

  • Une journée de formation
  • Organisée à Merdrignac
  • Se munir d’une ou plusieurs activités qu’on souhaiterait mettre avec H5P sur Moodle ou autres.

Supports au format PDF :


1- Découverte de H5P

« H5P – abréviation de HTML5 Package – est un logiciel libre de création de contenu interactif, basé sur HTML5 et JavaScript. Il est développé depuis 2014.

H5P comporte un éditeur de contenu intuitif qui permet de générer aisément des contenus interactifs bien que l’interface soit uniquement en langue anglaise. Les contenus créés peuvent être utilisés en ligne directement sur le site, téléchargés pour être transmis ou intégrés dans une autre plateforme H5P.

H5P peut être interfacé dans Drupal, Moodle et WordPress. » wikipédia

Le Barcamp sur H5P est toujours disponible ici.

1.1- Pourquoi H5P ?

H5P est utilisable sur de nombreuses plateformes, dont Moodle, et permet la réalisation de nombreuses activités pédagogiques. Il est unanimement reconnu comme LA solution open source pour créer des activités interactives et a été intégré au core de Moodle.

1.2- Pour quoi faire ?

À ce jour, on peut créer 50 types d’activités :

  • Accordion : Créer des éléments extensibles empilés verticalement
  • Advanced fill the blanks : Compléter les mots manquants avec un système de feedbacks avancés.
  • Advent Calendar (beta) : Créer un calendrier de l’Avent permettant aux utilisateurs d’ajouter des vidéos, des audios, des images, des textes et des liens dans chaque porte.
  • Agamotto : Comparer et explorer une séquence d’images de manière interactive.
  • Arithmetic Quiz : Créer des quiz arithmétiques basés sur le temps.
  • Audio Recorder : Enregistrer un son.
  • Branching Scenario : Présenter une variété de contenus interactifs aux apprenants. Les apprenants font des choix qui déterminent le contenu qu’ils verront.
  • Chart : Générer rapidement des barres et des graphiques circulaires.
  • Collage : Créer un collage d’images multiples.
  • Column : Créer des colonnes de contenus H5P.
  • Crossword : Créer une grille de mot croisés.
  • Course Presentation : Créer une présentation avec diapositives interactives
  • Dialog Cards : Créer des cartes de jeu tournantes basées sur du texte
  • Dictation : Créer des exercices de dictée.
  • Documentation Tool : Créer un assistant de formulaire avec exportation de texte
  • Drag and Drop : Créer des tâches de glisser-déplacer avec des images
  • Drag the Words : Créer des tâches de glisser-déplacer avec des textes
  • Essay : Créer un essai.
  • Fill in the Blanks : Créer des textes à trous
  • Find Multiple Hotspots : Trouver les bons endroits sur une image.
  • Find the Hotspot : Trouver le bon endroit sur une image.
  • Find the words : Créer une grille de mots mêlés.
  • Guess the Answer : Créer une image avec une question et affichage de la réponse
  • Flashcards : Créer des flashcards comprenant des images associées à des questions et des réponses.
  • Guess the Answer : Créer une image avec une question et une réponse.
  • Iframe Embedder : Intégrer des éléments à partir d’une url ou d’un ensemble de fichiers
  • Image Choice : Créer une tâche où les alternatives sont des images.
  • Image Hotspots : Créer une image avec plusieurs points cliquables avec des informations
  • Image Juxtaposition : Comparer deux images de manière interactive.
  • Image pairing : Faire correspondre des images par glisser-déposer.
  • Image Sequencing : Placer les images dans le bon ordre.
  • Image Slider : Créer un diaporama d’images.
  • Impressive Présentation : Créer un diaporama avec des effets de zoom et de déplacement
  • Interactive Book : Créer des cours, des livres ou des tests.Créer des cours, des livres ou des tests.
  • Interactive Video : Créer des vidéos enrichies avec des interactions.
  • KewAr Code : Créer des QR codes.
  • Mark the Words : Créer une tâche où les utilisateurs mettent en évidence des mots.
  • Memory Game : Créer un jeu classique d’appariement d’images.
  • Multiple Choice : Créer des questions à choix multiples.
  • Personality Quiz : Créer des quiz de personnalités.
  • Questionnaire : Créer un questionnaire pour recevoir des commentaires.
  • Quiz (Question Set) : Créer une séquence avec différents types de questions.
  • Single Choice Set : Créer des questions à choix unique.
  • Sort the Paragraphs : Créer un ensemble de paragraphes à trier.
  • Speak the Words : Répondre à une question en utilisant la voix.
  • Speak the Words Set : Répondre à une série de questions en utilisant la voix.
  • Summary : Créer des tâches avec une liste d’instructions.
  • Timeline : Créer une chronologie avec des objets multimédia.
  • True/False Question : Créer des questions vrai / faux.
  • Virtual Tour (360) : Créer des environnements interactifs à 360°.

2- Outils possibles

2.1- Logiquiz / Digiquiz

« Le logiciel multiplateforme (Windows, macOS ou Linux) Logiquiz permet de créer et de lire des contenus H5P directement sur votre ordinateur et sans connexion Internet. Les contenus créés ou récupérés sur d’autres plateformes peuvent alors être utilisés en classe en présence (avec un vidéoprojecteur ou un tableau blanc interactif) ou à distance (en utilisant le partage d’écran de votre outil de visioconférence). » La Digitale

Téléchargement : https://ladigitale.dev/logiquiz/

2.2- Lumi

« Lumi est une application de bureau qui vous permet de créer, modifier, afficher et partager du contenu interactif avec des dizaines de types de contenu différents. C’est gratuit et open source. Créez, modifiez et visualisez les fichiers H5P directement sur votre ordinateur. » Lumi

Téléchargement : https://lumi.education/#download

2.3- Moodle

H5P est dorénavant intégré au cœur de Moodle depuis la version 3.8. Son utilisation a un peu changé. Ce tutoriel vidéo est là pour vous aider dans l’utilisation de ce nouveau système.


3- Travaux pratiques

3.1- Activité Find the words

https://ladigitale.dev/digiquiz/q/61854dd42cf77/

La liste des mots et les consignes : Find-the-words.pdf

3.2- Fill in the blanks

https://ladigitale.dev/digiquiz/q/61864e0902924/

Le texte et les consignes : Fill-in-the-blanks.pdf

3.3- Activité Crossword

https://ladigitale.dev/digiquiz/q/618556b913dba/

Le texte, les images et les consignes : Crossword.zip

3.4- Activité Memory

https://ladigitale.dev/digiquiz/q/618667e9df2b1/

Les images et les consignes : Memory.zip

3.5- Activité Image Juxtaposition

https://ladigitale.dev/digiquiz/q/618a935b15d49/

Les images et les consignes : Image-juxtaposition.zip

3.6- Activité Image Pairing

https://ladigitale.dev/digiquiz/q/618a9488959fe/

Les images et les consignes : Image-pairing.zip

3.7- Activité Image Sequencing

https://ladigitale.dev/digiquiz/q/618a95e624cbf/

Les images et les consignes : Image-sequencing.zip

3.8- Image Hotspots

https://ladigitale.dev/digiquiz/q/6186595370929/

Les images et les consignes : Image-hotspots.zip

3.9- Activité Dialog Cards

https://ladigitale.dev/digiquiz/q/618a98807934d/

Les images et les consignes : Dialog-cards.zip

3.10- Activité Timeline

https://ladigitale.dev/digiquiz/q/618673cc4628b/

Les images et les consignes : Timeline.zip

3.11- Activité Interactive Vidéo

https://ladigitale.dev/digiquiz/q/618a9c002048e/

Les images et les consignes : Interactive-video.zip

3.12- Activité Course Presentation

https://ladigitale.dev/digiquiz/q/618a9d0dec761/

Les images et les consignes : Course-presentation.zip