H5P

A travers ce livre H5P vous pourrez découvrir l'étendue des possibilité offerte par le plugin H5P et suivre les différentes étapes de la construction d'activités et contenus interactifs, à leur intégration dans vos cours Moodle.

Présentation de plugin

Présentation de plugin

Présentation générale des possibilités H5P

Introduction

Le plugin H5P sur Moodle vous offre une vaste étendue de ressources, vous permettant de déposer vos contenus d'apprentissage dans des formats différents. 

Ce plugin contient également une large panoplie de choix d'activités d'apprentissage que vous pouvez créer pour vos étudiant·e·s. 

Certains contenus H5P vous permettent d'intégrer des activités dans le contenu, pour rendre les apprentissages asynchrones de vos étudiant·e·s vivants et interactifs. 

Ce guide vous présente les différents éditeurs (ressources/activités) existants sur H5P et les paramétrages des contenus disponibles dans ce plugin.

Du contenu interactif, pour quoi faire?

Qu'est-ce que H5P?

Transformer des contenus statiques (vidéos, images, présentations…) en objets interactifs en :

Tout cela compatible avec les smartphones, tablettes, ainsi que les ordinateurs classiques.

Vue d'ensemble des activités et contenus H5P

Contenus d’enseignement interactifs

Activités d’apprentissage autonomes

Contenus (adaptatifs ou non) avec activités intégrées

Modules d’enseignement et d’apprentissage interactifs

Accordion

Agamotto

Chart

Collage

Image Hotspots

Timeline

Audio

Dialog Cards

360 Virtual Tour

Image Juxtaposition

Kewar Code

 

Flashcards

Guess the Answer

Crossword

Dictation

Documentation Tool

Drag and Drop

Drag Text

Essay

Fill in the blanks

Find multiple Hotspots

Find the Hotspot

Find the words

Image choice

Image Pair

Image Sequencing

Mark the words

Memory Game

Multiple Choice

Personality Quiz

Questionnaire

Quiz (Question Set)

Single Choice Set

Sort the Paragraphs

Speak the word Set

Speak the words

Summary

True/False Question

Column

Course Presentation

Interactive Video

Branching Scenario

 

 

Interactive Book

 

Contenus interactifs

Contenus interactifs

Présentation des contenus interactifs

Les contenus interactifs H5P

Dans cette présentation, vous retrouverez l'ensemble de contenus interactifs possibles grâce à H5P. 

Pour chaque contenu, une petite présentation vous permettra de comprendre quand et pour quoi utiliser ce type de contenu, illustré d'un visuel. 

Si vous voulez construire l'un de ces contenus dans un de vos cours Moodle, cliquez simplement sur le nom du contenu, vous serez alors redirigé·e·s directement sur la page tutorielle correspondante. 

Accordion

Réduisez la quantité de texte présentée à vos lecteurs sur la page de cours en utilisant cet accordéon interactif. Les apprenants décident quel thème examiner de plus près en développant le titre.

Excellent pour fournir une vue d'ensemble avec des explications détaillées optionnelles.

image-1628149448320.png

Timeline

Le module Timeline vous permet de créer une frise temporelle interactive, en plaçant une séquence d'événements dans un ordre chronologique.

image-1628149459509.png

Pour chaque événement, vous pouvez ajouter des images et des textes. Vous pouvez également inclure des ressources provenant de Twitter, YouTube, Flickr, Vimeo, Google Maps et SoundCloud. Ce module H5P rend les frises temporelles facilement modifiables, partageables et réutilisables.

Dialog Cards

Les cartes de dialogue peuvent être utilisées pour aider les apprenants à mémoriser des mots, des expressions ou des phrases.

Sur le recto de la carte, il y a un indice pour un mot ou une expression. En tournant la carte, l'apprenant révèle un mot ou une expression correspondante.

image-1632233068260.54.30.png

Les cartes de dialogue peuvent être utilisées dans l'apprentissage d'une langue, pour présenter des problèmes de mathématiques ou aider les apprenants à se souvenir de faits tels que des événements historiques, des formules ou des noms.

Image Hotspots

Le module Image hotspots permet de créer une image avec des points cliquables interactifs. Lorsque l'utilisateur clique sur un point, une fenêtre contextuelle contenant un en-tête et du texte ou une vidéo s'affiche.

image-1632233102737.47.27.png

A l'aide de l'éditeur H5P, vous pouvez ajouter autant de points que vous le souhaitez.

Chart

Un type de contenu graphique permettant aux utilisateurs de créer des camemberts et des diagrammes à barres avec H5P, pour présenter graphiquement des données statistiques simples sans créer l'illustration manuellement.

Agamotto

Présentez une séquence d'images que les utilisateurs sont censés regarder les unes après les autres, par ex. des photos d'un élément qui évolue dans le temps, des schémas ou des cartes organisés en différentes couches ou des images révélant de plus en plus de détails. Cette activité permet aux utilisateurs de comparer et d'explorer une séquence d'images de manière interactive. Les auteurs peuvent décider d'ajouter un court texte explicatif pour chaque image.

image-1628149482229.pngimage-1628149494053.png

Collage

Un type de contenu de collage de photos permettant aux utilisateurs de configurer plusieurs photos dans une mise en page personnalisée. Le module Collage vous permet de réaliser une composition d'images

image-1628149519827.png

Image sequencing

Un type de contenu permettant aux utilisateurs de créer des "sliders" d'image réactifs avec un mode plein écran d'une manière conviviale.

image-1628584916020.png

Audio


Déposez un enregistrement audio au format .mp3, .wav, .ogg ou fournissez le lien d'un enregistrement audio.

image-1628149533485.png

Image Juxtaposition

Un type de contenu qui permet aux utilisateurs de comparer deux images de manière interactive.

image-1628149542605.png

Kewar Code

Un type de contenu vous permettant d'intégrer des QR Code renvoyant à des pages internet, des évènements, d'autres activités ou contenus H5P, ou encore du texte, un lieu, un contact.

image-1634565277947.47.17.png

360 Virtual Tour

Ce type de contenu permet de naviguer dans un environnement visuel dynamique, à 360 degrés. 

image-1634633934679.58.43.png

Contenus interactifs

Accordion



Réduisez la quantité de texte présentée à vos étudiant·e·s sur votre page de cours en utilisant l'accordéon interactif : Accordion.



Les apprenants décident quel thème examiner de plus près en développant le titre.

Excellent pour fournir une vue d'ensemble avec des explications détaillées optionnelles. Le texte est structuré en différentes sections que l’utilisateur peut déplier d’un simple clic. Il permet de varier la présentation des contenus de votre Moodle.


Des liens peuvent être insérés mais il n’est possible d’intégrer que du texte.


image-1628175375759.56.10.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Accordion.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Accordion »

image-1628581295973.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Entrez le Titre de votre 1ère section

3. Entrez votre contenu « texte »

image-1628581355379.png

4. Cliquez sur le boutonimage-1628581413929.pngpour créer une 2ème section et recommencer la saisie (Titre, texte)

Vous pouvez ajouter autant de panel que vous le désirez.

A tout moment vous pouvez supprimer ou changer l'ordre de vos sections. En cliquant sur la croix pour supprimer ou à laide des flèches pour monter ou descendre vos sections.

image-1629707774198.36.09.png

5. Cliquez enfin sur « Enregistrer » pour visualiser votre accordéon interactif.

Vous retrouverez facilement votre Accordion dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Accordion à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Agamotto


Présentez une séquence d'images à vos étudiant·e·s. 

Vous pouvez par exemple proposer une séquence d'images qui doivent se succéder, pour marquer une évolution dans le temps, ou révélant de plus en plus de détails.

image-1628512392073.png

Cette activité permet de comparer et d'explorer une séquence d'images de manière interactive.

En tant qu'enseignant·e·s, vous pouvez également décider d'ajouter un texte explicatif court qui accompagnera chaque image.


Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Agamotto.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Agamotto »

image-1628512867846.png


Étape 2 : Création de mon activité Agamotto H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1628512907794.png

2. Nommer votre séquence d’images et ajouter votre première image


image-1628512965322.png

4. Entrez le texte alternatif associé à votre image-prise de vue

image-1628513000117.png

Ainsi qu'un texte de survol si souhaité. Le texte de survol s'affichera lorsque les étudiant·e·s passeront leur souris sur la photo. Il peut inclure des précisions, des définitions, des références, par exemple.

5. Ajouter autant d’images que nécessaires en cliquant sur image-1628513089785.png


6. Enregistrez votre Agamotto en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Agamotto dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Agamotto à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Audio

Vous pouvez déposer un enregistrement audio au format .mp3, .wav, .ogg ou encore fournir un lien URL d'un enregistrement audio. Parfait pour enrichir un parcours d'apprentissage par exemple.

image-1634562302916.04.44.png

Étape 1 : Création du contenu H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Audio.

Dans la barre latérale gauche,

  1. Cliquez sur le menu « Banque de contenus »
  2. Puis sur « Ajouter »
  3. Et sélectionner l’activité « Audio»image-1634562338515.03.09.png

 

Étape 2 : Paramétrer mon contenu H5P

Dans le formulaire qui s’affiche,

1. Nommez votre contenu audio

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634562389261.02.40.png

2. Ajouter votre audio en cliquant sur le +

image-1634562433385.03.25.png

Insérez un fichier depuis votre ordinateur ou saisissez le lien URL correspondant :

image-1634562507367.03.32.png

3. Paramétrez le mode d'affichage que vous souhaitez :

image-1634562523196.03.46.png

Vous pouvez choisir entre :   image-1634562600460.09.46.png

Minimaliste

image-1634562648963.04.29.png

Complet

image-1634562664031.04.44.png

Transparent

Rien ne s'affichera

4. Paramétrez les commandes pour vos étudiant·e·s :

image-1634562733689.04.12.png

5. Cliquez enfin sur « Enregistrer » pour visualiser votre Audio.

Vous retrouverez facilement votre Audio dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Audio à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Chart

Un type de contenu graphique permettant aux utilisateurs de créer des camemberts et des diagrammes à barres avec H5P, pour présenter graphiquement des données statistiques simples sans créer l'illustration manuellement.

Capture d’écran 2023-02-14 à 16.48.30.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Chart.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner le contenu « Chart »

Capture d’écran 2023-02-14 à 15.45.52.png

Étape 2 : Création de mon activité Collage H5P

Dans le formulaire qui s’affiche,

Capture d’écran 2023-02-14 à 15.54.00.png

1. Donnez un titre à votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Choisissez le type de graphique que vous souhaitez créer : Camembert ou Graphique en barre.

3. Entrez vos données en écrivant le nom et la valeur numérique de chaque part du graphique. Choississez la couleur du texte et de la zone du camembert/graphique, faites attention à ce que la couleur de police soit lisible par rapport à la couleur de fond.

4. Enregistrez votre Chart en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Chart dans votre Banque de contenus et pourrez le modifier, à tout moment.

Capture d’écran 2023-02-14 à 16.48.30.png

Étape 3 : Intégrez votre activité Collage à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Collage


Un type de contenu de collage de photos vous permet de configurer plusieurs photos dans une mise en page personnalisée. Le module Collage vous permet ainsi de réaliser une composition d'images.

image-1628580778549.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Collage.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner le contenu « Collage »

image-1628580834354.png


Étape 2 : Création de mon activité Collage H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1628580861959.png

2. Choisissez le modèle de collage désiré


3. Ajoutez votre première image en cliquant sur le image-1628580880777.png


image-1628580930197.png

4. Modifiez votre image

• Zoomez ou dé-zoomez votre image à l'aide du + et - en haut à gauche

image-1628580948970.png

• Avec votre souris image-1628580992996.png, déplacez l’image pour cadrer comme souhaité image-1628581018311.png


5. Réglez l’ergonomie générale de votre collage.

Gérez les espacements entre vos images, leurs tailles, etc.

image-1628581058584.png

6. Enregistrez votre Collage en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Collage dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Collage à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Dialog Cards

Les cartes de dialogue peuvent être utilisées pour aider les apprenants à mémoriser des mots, des expressions ou des phrases. Elles permettent également d'introduire des concepts, de réviser et de réguler leur croyances de maitrise. 

Sur le recto de la carte, il y a un indice ou une interrogation. En tournant la carte, l'apprenant révèle un mot, une expression ou une réponse correspondante.

Les cartes de dialogue peuvent être utilisées dans l'apprentissage d'une langue, pour présenter des problèmes de mathématiques ou aider les apprenants à se souvenir de faits tels que des événements historiques, des formules ou des noms, mais également pour amorcer une réflexion.

image-1632207354270.54.30.png    image-1632207348188.54.37.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Dialog Cards.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Dialog Cards »

image-1632207923929.51.06.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Entrez une entête si vous le désirez

3. Entrez une consigne

image-1632207955175.50.16.png

4. Choisissez le mode de fonctionnement de vos cartes

image-1632208066395.50.28.png

5. Remplissez le recto (question) et verso (réponse) de votre première carte.

image-1632208117002.51.42.png

6. Cliquez sur le boutonimage-1632208213241.09.38.pngpour créer une 2ème carte et recommencer la saisie (Question, Réponse)

Vous pouvez ajouter autant de cartes que vous le désirez.

A tout moment vous pouvez supprimer ou changer l'ordre de vos sections. En cliquant sur la croix pour supprimer ou à laide des flèches pour monter ou descendre vos sections.

image-1632208360806.12.26.png

5. Cliquez enfin sur « Enregistrer » pour visualiser vos dialog cards.

Vous retrouverez facilement vos Dialog cards dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Dialog Cards à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Image Hotspots

Le module Image hotspots permet de créer une image avec des points cliquables interactifs. Lorsque l'étudiant·e clique sur un point, une fenêtre contextuelle contenant une en-tête et du texte, un image ou une vidéo s'affiche.

A l'aide de l'éditeur H5P, vous pouvez ajouter autant de points que vous le souhaitez.

image-1632232081688.47.27.png

image-1632232091632.47.41.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Image Hotspots.

Dans la barre latérale gauche,

  1. Cliquez sur le menu « Banque de contenus »
  2. Puis sur « Ajouter »
  3. Et sélectionner le contenu « Image Hotspots »

Étape 2 : Création de mon contenu cliquable

Dans le formulaire qui s’affiche,

1. Nommez votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Et choisissez l'image d'arrière plan (sur laquelle les étudiant·e·s cliqueront pour voir apparaître des informations).

image-1632232259902.39.24.png


3. Sélectionnez l'emplacement de la puce cliquable, et déplacer la à souhait dans votre image.

image-1632232431886.53.24.png

Si vous voulez agrandir votre image pour repositionner votre puce avec plus de précision, cliquez sur la petite loupe, en bas à gauche :

image-1632232477024.53.32.png

4. Une fois votre puce positionnée, compléter le contenu du pop up qui apparaitra lorsque vos étudiant·e·s cliqueront.

Vous avez le choix du type de contenu : Texte, image ou vidéo. Vous pouvez ainsi insérer une vidéo depuis votre ordinateur ou à l'aide d'un URL (YouTube).

image-1632232278340.39.47.png

5. Ajouter un second ou plusieurs autres contenus si souhaitez et d'autres puces sur la même image en cliquant sur "Ajouter puces cliquables".

6. Enregistrez votre contenu image cliquable en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Image Hotspots dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Image Hotspots à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Image Juxtaposition

Ce type de contenu vous permet de comparer deux images de manière interactive, horizontalement ou verticalement.

image-1633938762817.50.48.png


Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Image Juxtaposition.

Dans la barre latérale gauche,

  1. Cliquez sur le menu « Banque de contenus »
  2. Puis sur « Ajouter »
  3. Et sélectionner le contenu « Image Juxtaposition »

image-1633938825448.48.05.png


Étape 2 : Création de mon contenu Image Juxtaposition 

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Le Titre* n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.


Le Titre serait affiché en haut de votre contenu, lors de la visualisation par les étudiant·e·s.

image-1633938855940.49.10.png

2. Ajouter votre première image en cliquant sur le bouton "+ Ajouter".

3. Ajouter un texte alternatif obligatoire et un texte de survol, facultatif. Par exemple, pour donner des informations complémentaires.

image-1633938930822.49.24.png

4. Renouvelez cette opération pour votre seconde image.

image-1633939097384.50.09.png

5. Définissez les paramètres de comportement.

Par exemple, si vous souhaitez que la juxtaposition soit horizontale ou verticale.

image-1633939158358.50.29.png

6. Enregistrez en cliquant sur image-1628585605915.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Image Juxtaposition dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Image Juxtaposition à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Image Sequencing

Un type de contenu permettant aux utilisateurs de créer de créer un activité d'images à ordonner par glisser-déposer.

Capture d’écran 2023-02-14 à 17.18.36.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Image Sequencing.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Image Sequencing »

Capture d’écran 2023-02-14 à 16.55.42.png

Étape 2 : Création de mon activité Image Sequencing H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Entrez une description de la tâche. Il s'agit de la consigne que les apprenant·e·s doivent suivre.

3. Entrez une description de la tâche alternative pour les personnes avec des déficits visuels.

Capture d’écran 2023-02-14 à 16.56.09.png

4. Dans la partie Images, téléversez une image à trier et donnez lui un nom. Recommencez l'opération pour chaque image en cliquant sur "Ajouter image".

Capture d’écran 2023-02-14 à 16.56.17.png

Capture d’écran 2023-02-14 à 17.00.28.png

5. Enregistrez votre Image Sequencing en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Image Sequencing dans votre Banque de contenus et pourrez le modifier, à tout moment.

Capture d’écran 2023-02-14 à 17.18.36.png

Étape 3 : Intégrez votre activité Agamotto à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Kewar Code

Vous pouvez intégrer des QR Code renvoyant à des pages internet, des évènements, d'autres activités ou contenus H5P, ou encore du texte, un lieu, un contact.

image-1634565339984.47.17.png

Étape 1 : Création du contenu H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Audio.

Dans la barre latérale gauche,

  1. Cliquez sur le menu « Banque de contenus »
  2. Puis sur « Ajouter »
  3. Et sélectionner le contenu « Kewar Code»

image-1634565361696.42.18.png

Étape 2 : Paramétrer mon contenu H5P

Dans le formulaire qui s’affiche,

1. Nommez votre contenu QR Code

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634565386292.42.44.png

2. Choisissez le type de QR code que vous souhaitez générer, parmi une variété de possibilité.

image-1634565443451.42.48.png               

3. Paramétrez le mode d'affichage que vous souhaitez :

image-1634565513552.44.17.png

4. Cliquez enfin sur « Enregistrer » pour visualiser votre QR Code.

Vous retrouverez facilement votre Audio dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Kewar Code à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

Timeline


Vous pouvez créez une frise temporelle interactive, en plaçant une séquence d'événements dans un ordre chronologique.

Pour chaque événement, vous pouvez ajouter des images et des textes. Vous pouvez également inclure des ressources provenant de Twitter, YouTube, Flickr, Vimeo, Google Maps et SoundCloud.

Ce module H5P rend les frises temporelles facilement modifiables, partageables et réutilisables.
Excellent pour fournir une vue d'ensemble chronologique.

image-1628588179015.png


Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Timeline.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner le contenu « Timeline »

image-1628588310783.png

Étape 2 : Paramétrage de mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité
Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Entrez le Titre de votre 1ère section

3. Entrez votre contenu « texte » de présentation

image-1628588375079.png

4. Personnalisez l’arrière plan de votre frise (facultatif) en intégrant une image depuis votre ordinateur ou à l’aide d’un URL

5. Intégrez les crédits de l’image et une légende éventuelle

image-1628588398203.png

6. Remplissez vos évènements :

• Dans la section « Dates » : les évènement qui apparaitront sur la frise

image-1628588413662.png

• Dans la section « Périodes » : les périodes qui s’afficheront en bas de votre frise

Ajouter des « Dates »







1. Entrez les dates de début et de fin de votre évènement




2. Entrez le Titre de votre évènement



3. Entrez le texte éventuel que vous voulez associer à cet évènement (explications, définitions, etc.)


image-1628588518324.png

4. Ajouter un média URL et une miniature pour illustrer votre évènement

Sous "Etiquette", ouvrez le menu déroulant "Média" image-1628588641207.png


image-1628588607957.png

5. Ajouter les crédits et une légende


6. Ajouter une nouvelle date

Cliquez sur « Ajouter item » et reproduire la procédure


Ajouter des « Périodes »

7. Entrez les dates de début et de fin de votre période

8. Entrez le Titre de votre période

9. Entrez le texte éventuel que vous voulez associer à cette période


10. Ajouter une nouvelle période à votre frise


Cliquez sur « Ajouter item » et reproduire la procédure

11. Enregistrez votre Timeline en cliquant sur image-1628513206696.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Timeline dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Timeline à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Contenus interactifs

360 Virtual Tour

Ce type de contenu permet de naviguer dans un environnement visuel dynamique, à 360 degrés. 

image-1634633934679.58.43.png

Étape 1 : Création du contenu H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Virtual Tour.

Dans la barre latérale gauche,

  1. Cliquez sur le menu « Banque de contenus »
  2. Puis sur « Ajouter »
  3. Et sélectionner le contenu « Virtual Tour »

image-1634634536419.08.44.png


Étape 2 : Création de mon contenu Virtual Tour (360)

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Le Titre* n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634634579491.01.15.png

2. Ajouter votre première image ou séquence d'image en cliquant sur le bouton image-1634634615011.01.32.pngEt ajouter un texte alternatif obligatoire. Par exemple, la source.

3. Ajouter de l'interactivité à votre contenu :

image-1634635467580.23.03.png

4. Paramétrez les comportements généraux de votre contenu (eg. piste audio, qualité de rendu, ect.)

image-1634634665804.03.18.png

5. Définissez les paramètres de comportement.

Par exemple, si vous souhaitez que la juxtaposition soit horizontale ou verticale.

image-1633939158358.50.29.png

6. Enregistrez en cliquant sur image-1628585605915.pngpour visualiser votre contenu interactif.

Vous retrouverez facilement votre Image Juxtaposition dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité 360 Virtual Tour à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Activités interactives

Présentation des activités H5P

Les activités H5P pour les révisions

Flashcards

Ce type de contenu permet aux auteurs de créer une seule flashcard ou un ensemble de flashcards.

image-1628149557577.png

Chaque carte contient des images associées à des questions et à des réponses. Les apprenants sont tenus de remplir le champ de texte, puis de vérifier l'exactitude de leur réponse.

Guess the Answer

Ce module permet aux auteurs de déposer une image et d'ajouter une description appropriée. Les apprenants peuvent deviner la réponse (mentalement) et appuyer sur la barre située sous l'image pour obtenir la solution.

image-1632403977190.32.37.png

Activités avec une question

Dictation

Un type d'activité qui vous permet de créer des exercices de dictée. Vous pouvez ajouter des échantillons audio contenant une phrase pour la dictée et entrer la transcription correcte.

Vos apprenants peuvent écouter les exemples et entrer ce qu'ils ont entendu dans un champ de texte. Leurs réponses seront évaluées automatiquement. Plusieurs options vous permettront de contrôler la difficulté de l'exercice.

Essay

Le contenu Essai permet aux étudiants de recevoir des commentaires instantanés sur un texte qu'ils ont composé.

Les enseignants peuvent définir un ensemble de mots-clés qui déclencheront des réponses individuelles s'ils sont trouvés ou manquants dans le texte.

image-1632746374577.38.09.png

Drag and Drop

Les questions Drag and Drop (par glisser-déposer) permettent à l'apprenant d'associer deux ou plusieurs éléments et d'établir des connexions logiques de manière visuelle.

L'auteur crée des questions en utilisant à la fois du texte et des images.

Les questions Drag and Drop H5P prennent en charge les relations un à un, un à plusieurs, plusieurs à un et plusieurs à plusieurs entre les questions et les réponses.

image-1632743278112.47.16.png

Fill in the blanks

Les apprenants remplissent les mots manquants dans un texte. Une solution est présentée à l'apprenant après la saisie de tous les mots manquants ou après chaque mot, en fonction des réglages choisis.

Les auteurs entrent du texte et marquent les mots à remplacer par un astérisque.

Outre l'apprentissage de la langue maternelle et des langues étrangères, le module Fill in the blanks peut être utilisé pour tester la capacité de l'apprenant à reproduire des faits ou à produire des inférences mathématiques.

Drag Text

Le module Drag Text permet aux concepteurs de contenu de créer des expressions textuelles avec des morceaux de texte manquants.

L'apprenant fait glisser un morceau de texte manquant au bon endroit pour former une expression complète. Cette activité peut être utilisée pour vérifier si l'apprenant se souvient d'un texte qu'il a lu ou s'il l'a bien compris. Elle peut l'aider à examiner un texte en détails. 

image-1632749040374.23.23.png

Mark the Words

Le module Mark the words permet aux concepteurs de contenu de créer des expressions textuelles incluant une série de mots corrects. L'apprenant sélectionne des mots en fonction des consignes et se voit attribuer un score.

image-1632752267308.15.34.png

True/False Question

La question Vrai / Faux est un module simple et direct qui peut fonctionner seul ou être inséré dans d'autres modules tels que Course presentation. Une question plus complexe peut être créée en ajoutant une image ou une vidéo.

image-1632753618779.39.37.png

Multiple Choice

Un type d'activité permettant de créer des défis où l'utilisateur doit identifier un ou plusieurs choix corrects. 

Les questions à choix multiples peuvent être un outil d'évaluation efficace. L'apprenant reçoit immédiatement un feedback sur ses performances. 

Find the Hotspot

Ce module permet aux utilisateurs de cliquer sur la zone d'une image et d'obtenir un commentaire indiquant si celle-ci était correcte ou incorrecte, en fonction des consignes données.

L'auteur télécharge une image et définit diverses zones cliquables correspondant à des détails ou à des sections de l'image. Les zones cliquables peuvent être définies comme correctes ou incorrectes et l'auteur fournit un commentaire approprié dans les deux cas. L'auteur peut également prévoir un commentaire si l'utilisateur clique sur une zone qui n'est définie ni comme correcte ni comme incorrecte.

image-1632823186388.57.59.png

Activités avec plusieurs questions (Set)

Quiz (Question Set)

Le module Quiz sert à constituer un ensemble de questions complet. Il permet à l'apprenant de résoudre une séquence de divers types de questions tels que Multiple choice, Drag and drop et Fill in the blanks dans une série de questions.

En tant qu'auteur, vous pouvez utiliser de nombreux paramètres pour qu'il se comporte exactement comme vous le souhaitez. Vous pouvez, par exemple, personnaliser l'activité avec des images d'arrière-plan et définir un pourcentage de réussite pour l'apprenant.

Le quiz vous permet également d'ajouter des vidéos qui seront jouées à la fin : une vidéo en cas de réussite, une autre vidéo en cas d'échec. Possibilité d'empêcher le retour en arrière dans le Test, de randomiser l'ordre des propositions et/ou des questions, et de créer des questions « aléatoires », comme dans l'activité Test. 

Single Choice Set

Single choice set permet aux concepteurs de contenu de créer des ensembles de questions à réponse unique. L'apprenant reçoit un commentaire immédiat après avoir soumis chaque réponse.

Summary

Les résumés aident l'apprenant à mémoriser les informations clés dans un texte, une vidéo ou une présentation, en créant un résumé complet sur le sujet à traiter.

Lorsque l'apprenant a terminé un résumé, une liste complète des déclarations clés sur le sujet est affichée.

Autres activités

Documentation Tool

Un type de contenu permettant de créer des guides pour les processus d'écriture structurés (e.g. projets). 

image-1628149605685.png


Activités interactives

Dictation

Un type d'activité qui vous permet de créer des exercices de dictée. Vous pouvez ajouter des échantillons audio contenant une phrase pour la dictée et entrer la transcription correcte.

Vos apprenants peuvent écouter les exemples et entrer ce qu'ils ont entendu dans un champ de texte. Leurs réponses seront évaluées automatiquement. Plusieurs options vous permettront de contrôler la difficulté de l'exercice.

Capture d’écran 2023-02-15 à 08.55.31.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Dictation.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Dictation »

Capture d’écran 2023-02-15 à 08.10.00.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

Capture d’écran 2023-02-15 à 08.11.40.png

2. Dans la section Medias, entrez une description/un titre pour retrouver votre première phrase facilement. Attention, cette description est visible dans le module.

3. Déposez votre échantillon sonore. Il s'agit d'un audio de la phrase dictée. Vous avez la possibilité de téléverser un fichier audio depuis votre ordinateur, depuis un lien URL ou d'enregistrer directement votre audio.

4. Vous pouvez également déposez un deuxième échantillon sonore de la même phrase, mais prononcée plus lentement cette fois.

5. Dans Texte, écrivez la phrase qui a été lue dans les audios.

6. Vous pouvez ajouter une nouvelle phrase en cliquant sur "Ajouter phrases" et recommencez les 3 étapes précédentes.

Capture d’écran 2023-02-15 à 08.11.58.png

7. Dans la section Feedback général, vous pouvez définir des retours présentés de manière automatique en fonction des scores des apprenant·e·s.

Capture d’écran 2023-02-15 à 08.13.08.png

8. Cliquez enfin sur « Enregistrer » pour visualiser votre Dictation interactif.

Vous retrouverez facilement votre activité Dictation dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Dictation à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Documentation Tool

Un type de contenu permettant de créer des guides pour les processus d'écriture structurés (e.g. projets). 

image-1628149605685.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plateforme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Documentation Tool.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Documentation Tool »

Capture d’écran 2023-02-15 à 09.00.40.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité, dans la zone Titre.

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Dans l'en-tête, nommez votre outils de documentation. Cette fois, ce nom sera visible par les utilisateurs. 

Capture d’écran 2023-02-15 à 09.06.28.png

3. Dans la partie "Eléments", vous pouvez créer les différentes pages de votre outil de documentation. Vous avez 4 types de page à disposition que vous pouvez combiner à volonté : 

Capture d’écran 2023-02-15 à 09.06.53.png

Type de page Description Capture d'écran
Standard page

C'est une page de contenu assez classique, dans laquelle vous pouvez insérer des éléments de texte des images et des accordéons. Vous pouvez également créer des zones de saisie de texte ("text input field editor element") qui seront exporté dans la page "Document export page".


Capture d’écran 2023-02-15 à 09.07.08.png

Goal page Cette page permet de rentrer des objectifs qui seront réutilisés dans la page de type "Goal Assessment page".


Capture d’écran 2023-02-15 à 09.07.53.png

Goal assessment page Cette page reprend les objectifs définis dans la "Goal page" et permet de les évaluer sur une échelle à 3 degrés personnalisables (notation insuffisante, notation moyenne et bonne notation). A placer de préférence après la "Goal page".


Capture d’écran 2023-02-15 à 09.08.26.png

Document export page Cette page permet de réunir tout le texte  entré dans le Documentation Tool et de l'exporter en format wordx ou de le copier-coller.


Capture d’écran 2023-02-15 à 09.08.48.png

4. Lors de la création de chacun des 4 types de page, vous avez de nombreuses options pour personnaliser (ou les traduire) les textes et les boutons.

5. Lorsque vous avez créé votre outil de documentation, cliquez enfin sur « Enregistrer » pour visualiser votre Documentation Tool interactif.

Vous retrouverez facilement votre activité Documentation Tool dans votre Banque de contenus et pourrez le modifier, à tout moment.

Le Documentation Tool ne permet pas de conserver le travail du participant. Il est important de bien exporter ou copier-coller le résultat et de l'enregistrer ailleurs.

Étape 3 : Intégrez votre activité Documentation Tool à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Drag and Drop

Les questions Drag and Drop (par glisser-déposer) permettent à l'apprenant d'associer deux ou plusieurs éléments et d'établir des connexions logiques de manière visuelle.

L'auteur crée des questions en utilisant à la fois du texte et des images.

Les questions Drag and Drop H5P prennent en charge les relations un à un, un à plusieurs, plusieurs à un et plusieurs à plusieurs entre les questions et les réponses.


Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Drag and Drop.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Drag and Drop »

image-1632731644223.40.14.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634642973400.png

2. Les étiquettes peuvent être déposées sur un arrière plan neutre ou sur une image insérée par l'enseignant·e.

3. L'étape 1 concerne les réglages et permet donc d'insérer une image. Il n'est pas nécessaire qu'elle possède déjà des cases prédéfinies ou de supprimer des textes préexistants car cela peut se faire dans l'étape 2. Définissez la taille de la zone d'activité en fonction de l'image d'arrière-plan ou de l'espace dont vous avez besoin.

4. L'étape 2 consiste en la création des éléments de l'activité. Premièrement , la création de la zone de dépôt

image-1634652243495.png

image-1634652360767.png

La première étape consiste à créer une zone de dépôt. La traduction française peut porter à confusion, mais sous "étiquette", il faut donner un nom à la zone de dépôt. Décidez si le nom de la zone de dépôt apparaitra ou non dans l'activité.

image-1634801577565.png

Sélectionnez aussi le niveau d'opacité de la zone de dépôt. Une opacité de 100% couvrira l'image, alors qu'une opacité de 0% laissera apparaitre l'arrière plan.

Les deux dernières options à cocher ou non sont le fait qu'une zone de dépôt ne puisse accueillir qu'une seule ou plusieurs étiquettes. Ainsi, deux étiquettes peuvent convenir pour la même zone. Attention, si vous cliquez sur autoriser un seul élément, alors il faudra vous assurer qu'il y a effectivement une seule solution possible.

Le dernier bouton est l'alignement automatique de l'étiquette dans la zone de dépôt. Si l'option n'est pas cochée, l'étiquette se placera exactement là où vous l'avez posée, si l'option est activée, alors l'étiquette s'adaptera à la zone de dépôt.


5.1. La création d'une étiquette en format texte

image-1634652268706.png

image-1634893516927.pngDonnez un nom à votre étiquette au format texte puis sélectionner toutes les zones de dépôt où l'étiquette peut être déposée. Il ne s'agit pas ici de sélectionner la bonne réponse, mais de sélectionner les possibilités de réponses. Si vous ne sélectionnez qu'une seule zone de dépôt (la bonne) alors lorsque l'étudiant·e clique sur l'étiquette, il·elle aura l'indice de la bonne réponse.

Astuce 1 : sélectionnez les zones de dépôt en lien avec le type d'étiquette. Faites la différence entre les zones de dépôt pour un texte ou pour une image.

Astuce 2 : pour un visuel plus agréable et ne pas divulguer d'indices, pensez à créer des zones de dépôt ainsi que des étiquettes de taille identiques. Pour cela, cliquez simplement sur les zones et étiquettes et redimensionnez les avec les flèches.

En sélectionnant "nombre illimité d'instances", cela crée autant de fois l'étiquette qu'il existe de zones de dépôt, permettant ainsi de placer l'étiquette à plusieurs endroits.


5.2. La création d'une étiquette en format image :

image-1634652281868.png

image-1634894051267.png

Ajoutez une image et donnez lui un titre qui sera affiché si l'image n'apparait pas dans le navigateur.

Tout comme pour l'étiquette au format texte, sélectionnez les zones de dépôts dans lesquelles les images vont pouvoir être insérées.

Astuce 1 : sélectionnez les zones de dépôt en lien avec le type d'étiquette. Faites la différence entre les zones de dépôt pour un texte ou pour une image.

Astuce 2 : pour un visuel plus agréable et ne pas divulguer d'indices, pensez à créer des zones de dépôt ainsi que des étiquettes de taille identiques. Pour cela, cliquez simplement sur les zones et étiquettes et redimensionnez les avec les flèches.

En sélectionnant "nombre illimité d'instances", cela crée autant de fois l'étiquette qu'il existe de zones de dépôt, permettant ainsi de placer l'étiquette à plusieurs endroits.


6. Associez les étiquettes avec les zones de dépôt. Pour cela, revenez dans les paramètres de zones de dépôt en cliquant sur chacune des zones. Cette fois-ci, il s'agit uniquement de sélectionner la ou les bonnes réponses.

image-1634902052077.png

7. Vous en avez terminé avec la création des éléments de l'activité drag and drop. Organisez à présent les différents éléments en fonction de l'image d'arrière plan ou selon le schéma qu'ils doivent représenter. Les étiquettes doivent être placées comme vous souhaitez qu'elles apparaissent dans l'activité, et non pas dans les bonnes zones de dépôt.

8. Définissez des textes feedback en fonction du taux de réussite de l'étudiant·e.

9. Réglez les options générales. Normalement, les paramètres sélectionnés remplissent les attentes d'une majorités d'enseignant·e·s. À vous de décider si vous souhaitez les modifier.

10. Cliquez enfin sur « Enregistrer » pour visualiser votre Drag and Drop interactif.

Vous retrouverez facilement votre activité Drag and Drop dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Drag and Drop à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Drag the Words

Le module Drag The Words permet aux concepteurs de contenu de créer des expressions textuelles avec des morceaux de texte manquants.

L'apprenant fait glisser un morceau de texte manquant au bon endroit pour former une expression complète. Cette activité peut être utilisée pour vérifier si l'apprenant se souvient d'un texte qu'il a lu ou s'il l'a bien compris. Elle peut l'aider à examiner un texte en détails. 


Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Drag the Words.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Drag the Words »

Capture d’écran 2023-02-15 à 09.01.53.png

Étape 2 : Paramétrer mon activité H5P

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1635257907253.png

2. Rédigez la consigne de votre exercice.

3. Rédigez la question, qui est en fait une ou plusieurs phrases à trous. Une seule réponse peut être correcte pour chaque espace à remplir.

Un feedback peut être diffusé à la fin de l'exercice. Utilisez les signes "\+" et "\-" puis votre feedback. (*Réponse\+Bravo, c'est correcte*)

Pour consulter les informations sur comment rédiger les réponses, ou les indices, cliquez sur le bouton jaune "afficher les instructions".

4. Définissez des textes feedback en fonction du taux de réussite de l'étudiant·e.

5. Réglez les options générales. Normalement, les paramètres sélectionnés remplissent les attentes d'une majorités d'enseignant·e·s. À vous de décider si vous souhaitez les modifier.

image-1635406363873.png

6. Cliquez enfin sur « Enregistrer » pour visualiser votre Drag The Words interactif.

Vous retrouverez facilement votre activité Drag the Words dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Drag the Words à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Essay

L'activité "Essay" permet une correction automatisée d'un texte écrit par un·e étudiant·e grâce à des commentaires instantanés sur le texte. L'enseignant·e pose une question, accompagnée ou non d'une image ou vidéo pour soutenir sa question, puis il indique un nombre de mots-clé qui constituent les réponses attendues.

En fonction de la présence ou non de ces mots-clé dans le texte de l'étudiant·e, ce·tte dernier·ère reçoit différents feedbacks.

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Essay.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Essay »

image-1632732750888.35.23.png


Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634621348282.29.02.png

2. Si un média est associé ou soutient la question posée, ajoutez-le dans l'onglet Média.

2.1. Lors de l'ajout d'une image vous devez lui donner un nom, mais aussi sélectionner ou non la possibilité de zoomer sur l'image.

image-1634621779449.png

2.2. Lors de l'ajout d'une vidéo il vous faudra lui donner un titre, mais aussi régler les métadonnées telles que la license d'utilisation de la vidéo.

image-1634622329518.png

Des réglages complémentaires peuvent ensuite être paramétrés. L'apparence de la vidéo, mais aussi sa lecture ou encore les réglages d'accessibilités pour les personnes mal-entendantes peuvent être modifiés. 

image-1634622547698.png

3. Décrivez l'activité, telle que vous souhaitez qu'elle soit réalisée par les étudiant·e·s. Vous pouvez même insérer une phrase de départ qui guidera l'étudiant·e dans la rédaction de sa réponse. image-1634623169928.png

4. Entrez les mots clés attendus comme réponse correcte de l'étudiant·e. 

image-1634627086314.png

4.1. Le mot clé peut être un mot ou une phrase. Utilisez un astérisque pour remplacer des caractères. Attention aux fautes d'orthographe. À vous de juger de la pertinence d'utiliser des astérisques pour contourner certaines fautes.

4.2. Il est aussi possible de proposer des réponses alternatives ou synonymiques à la réponse initiale.

4.3. Paramétrez les points et feedbacks pour chaque mot clé.


image-1634627531631.png


Définissez le nombre de points que chaque mot clé fait gagner à l'étudiant·e, combien de fois le mot clé apporte des points, si la réponse donnée doit être identique à la réponse attendue ou si des fautes d'orthographe sont tolérées. Si vous le souhaitez, un feedback en cas de bonne ou de mauvaise réponse peut être ajouté. Dans ce cas là, la possibilité d'afficher ou non le mot clé, la réponse entrée ou le mot clé alternatif s'offre à vous.

5. Le feedback global renvoie un message d'appréciation, paramétrable par l'enseignant·e, en fonction du taux de réussite de l'étudiant·e.

image-1634629694083.png

6. Si vous le souhaitez, des paramètres comportementaux traitant du nombre de caractère à entrer, la possibilité de recommencer l'activité ou encore de définir un seuil de réussite ou de maitrise, peuvent être réglés.

image-1634629660564.png

7. Cliquez enfin sur « Enregistrer » pour visualiser votre Essay interactif.

Vous retrouverez facilement votre activité Essay dans votre Banque de contenus et pourrez le modifier, à tout moment.


Étape 3 : Intégrez votre activité Essay à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Fill in the Blanks

Les apprenants remplissent les mots manquants dans un texte. Une solution est présentée à l'apprenant après la saisie de tous les mots manquants ou après chaque mot, en fonction des réglages choisis.

Les auteurs entrent du texte et marquent les mots à remplacer par un astérisque.

Outre l'apprentissage de la langue maternelle et des langues étrangères, le module Fill in the Blanks peut être utilisé pour tester la capacité de l'apprenant à reproduire des faits ou à produire des inférences mathématiques.

Capture d’écran 2023-02-15 à 17.25.37.png

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Fill in the Blanks.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Fill in the Blanks »

Capture d’écran 2023-02-15 à 17.19.13.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

Capture d’écran 2023-02-15 à 08.11.40.png

2. Cliquez sur la section extensible grise pour paramétrer l'en-tête de l'activité. Vous pouvez y mettre en place une image, une vidéo ou un audio dans l'en-ête de votre activité Fill in the Blanks. Téléversez le média de votre choix et ajoutez un texte alternatif pour les images, une image à la une pour les vidéos et choisissez un mode d'affichage du lecteur pour les audios.

Capture d’écran 2023-02-15 à 17.26.06.png

3. Entrez une description de la tâche. Cette description correspond aux consignes à donner aux participants.

4. Dans la section Blocs de texte, entrez votre texte à trou. Signalez les mots à trouver en les entourants d'astérisques "*".

Dans l'exemple "Les chiens sont des *animaux* domestiques.", le mot "animaux" sera remplacé par une zone de saisie de texte et le participant devra trouvé le mot correspondant.

Vous pouvez signaler des réponses alternatives en les séparant avec un slashs "/". Vous pouvez également donner un indice en plaçant un double-point ":" avant l'indice.

Par exemple : "Les chiens sont des *animaux/canidés:type d'être vivant* domestiques."

Capture d’écran 2023-02-15 à 17.27.01.png

5. Recommencez l'opération pour toutes vos phrases à trous en cliquant sur le bouton "ajouter bloc de texte".

6. Dans la section Feedback général, vous pouvez définir des retours présentés de manière automatique en fonction des scores des apprenant·e·s. Vous pouvez utiliser les expressions "@score" et "@total" pour afficher respectivement le score du participant et le total des points de l'activité dans le feedback.

Capture d’écran 2023-02-15 à 17.27.11.png

7. Cliquez enfin sur « Enregistrer » pour visualiser votre Fill in the Blanks interactif.

Vous retrouverez facilement votre activité Fill in the Blanks dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Fill in the Blanks à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Find the hotspot

Ce module permet aux utilisateurs de cliquer sur la zone d'une image et d'obtenir un commentaire indiquant si celle-ci était correcte ou incorrecte, en fonction des consignes données.

L'auteur télécharge une image et définit diverses zones cliquables correspondant à des détails ou à des sections de l'image. Les zones cliquables peuvent être définies comme correctes ou incorrectes et l'auteur fournit un commentaire approprié dans les deux cas. L'auteur peut également prévoir un commentaire si l'utilisateur clique sur une zone qui n'est définie ni comme correcte ni comme incorrecte.

image-1632823186388.57.59.png

Activités interactives

Flashcards

Ce type de contenu permet aux auteurs de créer une seule flashcard ou un ensemble de flashcards.

image-1628149557577.png

Activités interactives

Guess the Answer

L'activité "Guess the Answer" propose d'observer une image ou une vidéo et d'imaginer mentalement la réponse avant de la révéler. Une activité représente une image. Pour créer un parcours d'apprentissage avec plusieurs images, il faudra créer plusieurs "Guess the Answer" et les regrouper sous une activité column par exemple.

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Guess the Answer.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « Guess the Answer »

image-1632731934977.38.50.png


Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

2. Décrivez l'activité, telle que vous souhaitez qu'elle soit réalisée par les étudiant·e·s.

image-1632398880094.05.54.png

3. Sélectionnez le type de média : "image" ou "vidéo" et chargez la.

4. Donner un texte alternatif dans le cas où l'image n'apparaîtrait pas sur votre navigateur. 

image-1632401817839.56.53.png

5. Modifiez si désiré le texte du bouton cliquable.

image-1632402574925.00.13.png

6. Formulez la réponse/solution attendue. Elle figurera ensuite sous l'image ou la vidéo.

7. Cliquez enfin sur « Enregistrer » pour visualiser votre Guess the Answer interactif.

Vous retrouverez facilement votre Guess the Answer dans votre Banque de contenus et pourrez le modifier, à tout moment.

Étape 3 : Intégrez votre activité Guess the Answer à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Activités interactives

Mark the words

Le module Mark the words permet aux concepteurs de contenu de créer des expressions textuelles incluant une série de mots corrects. L'apprenant sélectionne des mots en fonction des consignes et se voit attribuer un score.

image-1632752267308.15.34.png

Activités interactives

Multiple choice

Un type d'activité permettant de créer des défis où l'utilisateur doit identifier un ou plusieurs choix corrects. 

Les questions à choix multiples peuvent être un outil d'évaluation efficace. L'apprenant reçoit immédiatement un feedback sur ses performances. 

Activités interactives

Quiz

Le module Quiz sert à constituer un ensemble de questions complet. Il permet à l'apprenant de résoudre une séquence de divers types de questions tels que Multiple choice, Drag and drop et Fill in the blanks dans une série de questions.

En tant qu'auteur, vous pouvez utiliser de nombreux paramètres pour qu'il se comporte exactement comme vous le souhaitez. Vous pouvez, par exemple, personnaliser l'activité avec des images d'arrière-plan et définir un pourcentage de réussite pour l'apprenant.

Le quiz vous permet également d'ajouter des vidéos qui seront jouées à la fin : une vidéo en cas de réussite, une autre vidéo en cas d'échec. Possibilité d'empêcher le retour en arrière dans le Test, de randomiser l'ordre des propositions et/ou des questions, et de créer des questions « aléatoires », comme dans l'activité Test. 

Activités interactives

Single Set Choice

Single choice set permet aux concepteurs de contenu de créer des ensembles de questions à réponse unique. L'apprenant reçoit un commentaire immédiat après avoir soumis chaque réponse.

Activités interactives

Summary

Les résumés aident l'apprenant à mémoriser les informations clés dans un texte, une vidéo ou une présentation, en créant un résumé complet sur le sujet à traiter.

Lorsque l'apprenant a terminé un résumé, une liste complète des déclarations clés sur le sujet est affichée.

Activités interactives

True/False Question

L'activité True/false, permet à l'enseignant·e de poster une question qui peut être répondue par vrai ou faux. Cette question peut être soutenue par l'ajout d'une image ou d'une vidéo. La question peut aussi porter directement sur le média.

L'activité peut fonctionner seule ou être insérée dans un module d'apprentissage tel que column ou interactive book.

Étape 1 : Création de l’activité H5P

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu True/False Question.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »

2. Puis sur « Ajouter »

3. Et sélectionner l’activité « True/False Question »

image-1632732220735.37.36.png

Étape 2 : Paramétrer mon activité H5P

Dans le formulaire qui s’affiche,

1. Nommez votre activité

Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.

image-1634905288837.png

2. Pour soutenir votre question, insérez si vous le désirez un média (image ou vidéo).

3. Rédigez votre question et indiquez la réponse correcte.

4. Dans les options générales cochez les critères que vous souhaitez et insérez un commentaire/feedback en cas de bonne ou mauvaise réponse. Le feedback peut être différent entre les deux situations.

image-1634913033754.png

5. Cliquez enfin sur « Enregistrer » pour visualiser votre True/false interactif.

Vous retrouverez facilement votre activité True/false dans votre Banque de contenus et pourrez le modifier, à tout moment.

 

Étape 3 : Intégrez votre activité True/False Question à votre cours Moodle

Vous pouvez maintenant diffuser votre module H5P dans votre page Moodle. Vous pouvez l'intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette ou la diffuser à l'aider d'une activité H5P.

Parcours d'apprentissage mêlant contenu et activités intégrées

Ces contenus vous permettent de construire tout un parcours d'apprentissage pour vos étudiant·e·s. Vous pouvez ainsi regrouper l'ensemble de vos contenus et activités H5P afin d'en faire un véritable parcours d'apprentissage.

Parcours d'apprentissage mêlant contenu et activités intégrées

Column

Organisez vos contenus sous forme de colonne avec le module Column. Les types de contenu qui traitent de matériel similaire ou partagent un thème commun peuvent maintenant être regroupés pour créer une expérience d'apprentissage cohérente. En outre, les auteurs sont libres d'être créatifs en combinant la quasi-totalité des types de contenu H5P existants.

Intégration d'un contenu ou d'une activité H5P dans mon cours Moodle

Intégration d'un contenu ou d'une activité H5P dans mon cours Moodle

Option 1 : Intégration dans la page de cours

Les activités H5P peuvent être ajoutées dans une activité, une ressource ou tout autre contenu/question où un éditeur est disponible.

1a. Pour l'ajouter dans un cours, Activez le mode édition, puis cliquez sur image-1628513317379.png

1b. Pour l'ajouter à une question, la procédure est différente. Celle-ci est expliquée à la page suivante ( Option 2: https://wiki.unil.ch/cse/books/h5p/page/option-2-integration-dans-une-question ).

2. Puis cliquez sur l'icône d'intégration H5P :

image-1628175914332.png

3. Dans la boîte de dialogue qui s'ouvre, cliquez sur "Parcourir les dépôts" et recherchez votre activité dans la banque de contenu. 

image-1628513431167.png 

Sélectionnez l'option de votre choix (Copie ou Lien) et "Sélectionner ce ficher"

image-1632377099831.03.39.png

COPIE : L’animation sera indépendante de celle de votre banque de contenus. Quelques soient les modifications effectuées sur l’une ou l’autre, l’autre n’en sera pas affectée.

LIEN-ALIAS : Les activités sont interdépendantes, les modifications effectuées sur l’activité de la banque de contenus produiront les mêmes modifications sur celle présente sur votre cours.

4. Cliquez sur le bouton « Insérer H5P ».

image-1628176132742.png

Le logo H5P s’affiche dans l’éditeur de texte.

image-1628513597223.png

5. Cliquez sur « Enregistrer et revenir au cours ».


Intégration d'un contenu ou d'une activité H5P dans mon cours Moodle

Option 2 : Intégration dans une question

Lorsque l'on utilise la procédure de l'Option 1, un message d'erreur s'affiche lors de l'aperçu de l'activité.

Capture d’écran 2024-02-01 à 09.09.52.png

Il faut donc procéder autrement.

1. Dans la page du Cour, créez une nouvelle activité avec Capture d’écran 2024-02-01 à 09.12.29.png

2. Sélectionnez par exemple l'activité Page, donnez un nom puis cliquez sur l'icône d'intégration H5P dans le Contenu.

Capture d’écran 2024-02-01 à 09.51.26.png

3. Dans la boîte de dialogue qui s'ouvre, cliquez sur "Parcourir les dépôts" et recherchez votre activité dans la Banque de contenus.

4. dans Options H5P, cochez "Bouton intégration".

Capture d’écran 2024-02-01 à 09.41.43.png

5. Cliquez sur le bouton "Insérer H5P".

Capture d’écran 2024-02-01 à 09.19.22.png

Le logo H5P s’affiche dans l’éditeur de texte.

(Pour modifier les paramètres du contenu H5P, double-cliquez sur le logo.)

6. Dans Réglages courants, sous Disponibilité, choisissez "Rendre disponible, mais invisible sur la page du cours"

Capture d’écran 2024-02-01 à 09.45.21.png

7. Cliquez sur "Enregistrer et afficher".

8. Cliquez sur "Intégrer" pour afficher le code du contenu. Copiez le code.

Capture d’écran 2024-02-01 à 09.54.53.png

9. Retournez sur votre Banque de questions (page du Cours, Plus, Banque de questions) puis cliquez sur "Modifier la question", à côté de la question à laquelle vous souhaitez ajouter le contenu H5P (ou "Créer une question...")

10. Dans l'icône de la flèche Capture d’écran 2024-02-01 à 10.00.18.png, sélectionner l'icône HTML Capture d’écran 2024-02-01 à 10.02.38.png. Collez le code copié à la suite de la ligne qui apparaît.

Capture d’écran 2024-02-01 à 10.04.02.png

11. Enregistrez.

12. Finalement, vous pouvez contrôler en sélectionnant "Aperçu". L'activité devrait apparaître correctement avec le logo.

Capture d’écran 2024-02-01 à 10.10.49.png


Intégration d'un contenu ou d'une activité H5P dans mon cours Moodle

Option 3 : Diffusion de l’activité ou du contenu H5P

Intégrez directement votre contenu ou activité par diffusion.

Le contenu et·ou l'activité ne s'affichera pas directement sur votre cours Moodle, cette manipulation nécessite de cliquer sur le contenu ou l'activité, afin de l'ouvrir.

image-1628514158947.png

1. Dans votre espace de cours Moodle > Activez le mode édition

Dans la section de votre choix > Cliquez sur image-1629709715233.08.30.pnget sélectionnez l’activité H5P image-1629709735231.08.51.png.

2. Nommez votre activité

image-1628513766658.png


Et dans la description, inscrivez par exemple vos consignes (Si vous voulez que cette description apparaisse dans le cours, cochez la case  « afficher la description… »

3. Dans le fichier de paquetage, cliquez sur l’icône document.

image-1628513789657.png


4. Puis cliquez sur « banque de contenus » et sélectionnez votre activité.

image-1628176251652.png

5. Cochez l’option de votre choix (copie/lien) et sélectionnez votre fichier.

COPIE : L’animation sera indépendante de celle de votre banque de contenus. Quelques soient les modifications effectuées sur l’une ou l’autre, l’autre n’en sera pas affectée.

LIEN-ALIAS : Les activités sont interdépendantes, les modifications effectuées sur l’activité de la banque de contenus produiront les mêmes modifications sur celle présente sur votre cours.

6. Votre activité s’affiche dans le fichier de paquetage.

image-1628513866656.png

Il ne reste plus qu’à « enregistrer et revenir au cours ».

FAQ

Vous retrouverez dans ce chapitre les questions les plus fréquentes concernant la création et l'intégration d'activités ou de contenus H5P

FAQ

Quelle différence entre créer un lien et faire une copie lors de l'intégration de mon activité ou contenu dans mon espace de cours Moodle?

Qu'il s'agisse d'intégrer votre fichier H5P au travers d'une ressource étiquette (option 1) ou d'une activité H5P (option 2) , vous devez choisir entre créer un lien vers le fichier ou faire une copie.

Créer un lien :

Dans cette option, vous intégrez une extension du fichier original présent dans votre banque de contenu. Il s'agit, en somme, du même fichier. Lorsque vous apportez des modifications au fichier présent dans votre banque de contenu ou à celui présent dans votre cours, cela affecte identiquement le second. 

Faire une copie :

Dans cette option, vous générer un nouveau fichier, une copie de l'original présent dans votre banque de contenu. Le fichier intégré à votre cours est donc indépendant de son original. Les modifications effectuées sur ce dernier comme sur son original n'affecte ainsi pas l'autre.

FAQ

Puis-je intégrer le contenu ou l'activité H5P d'un de mes collègues ou d'un autre de mes cours ?

Oui, il est en effet possible d'intégrer un contenu ou une activité H5P d'une banque de contenu à une autre.

Copier le contenu ou l'activité depuis la banque de contenu originale

Pour cela, rendez-vous dans la banque de contenu dans laquelle se trouve le fichier H5P à copier.

image-1630324215685.44.20.png

Cliquez sur le contenu ou l'activité que vous désirez copier.

La prévisualisation de l'activité ou du contenu s'affiche alors.image-1630324278609.44.37.png


Cliquez sur "Modifier"

image-1630324362749.44.50.png

Puis cliquez sur "Copier".

Coller le contenu ou l'activité dans la nouvelle banque de contenu

Rendez-vous maintenant dans la banque de contenu dans laquelle vous désirez intégrer le fichier H5P copié.

Cliquez sur "Ajouter" et sélectionner le type d'activité ou de contenu correspondant au fichier copié.

image-1630324399059.46.10.png

Cliquez sur "Copier et remplacer"

image-1630324578749.46.18.png

Puis "Remplacer le contenu"

image-1630324610740.46.40.png

Il ne vous reste plus qu'à relire et "Enregistrer" votre contenu ou activité.

Ce·tte dernier·e est désormais présent·e dans votre banque de contenu. Pour l'intégrer dans votre cours suivez l'une des procédures d'intégration >ici<

FAQ

Quelle est la taille maximale des fichiers H5P dans le Moodle de l’Unil?

La taille limite de contenu est identique pour tou·te·s les utilisateurs de l’Unil.

Je souhaite utiliser l'activité ou le contenu H5P d'un·e collègue dans l'un de mes cours

Importer une activité H5P dans sa banque de contenus

Vous désirez intégrer un fichier H5P dans votre banque de contenu, afin de pouvoir le modifier et l’utiliser dans un de vos cours, alors la limitation est de 10Mo.

Pour ce faire, rendez-vous dans votre banque de contenu, et sélectionnez « déposer ».

Réutiliser une activité H5P telle quelle, sans la modifier

Vous souhaitez utiliser l'activité ou le contenu d'un·e collègue enseignant·e sans y apporter de modification.

Il vous suffit alors d'intégrer directement le fichier H5P dans votre cours Moodle, en suivant l'une des procédures expliquée >> ici <<

La taille maximale du fichier est dans ce cas de 50Mo

Pour information, une activité H5P « Interactive Book » (Cette activité est une des plus riches, qui permet de regrouper plusieurs activités, présentation de données, et activités d’apprentissage), fait en moyenne 8.5Mo. Vous avez donc une grande marge avant d’atteindre la limite de taille.

FAQ

Comment partager mes activités H5P avec mes collègues?

Vous pouvez facilement partager vos activités et contenus H5P avec vos collègues.

Pour cela, il est d'abord nécessaire d'intégrer ce contenu ou cette activité à l'un de vos cours.

1. Autoriser le téléchargement d'un contenu ou activité H5P

Une fois votre contenu ou activité implémenter dans votre cours Moodle, cochez, dans la catégorie "Option H5P", l'option de téléchargement.

image-1632814610032.27.56.png

2. Télécharger un contenu ou activité H5P

Rendez-vous dans la page de cours où a été intégré·e le contenu ou l'activité que vous désirez télécharger.

Cliquez sur l'activité ou le contenu souhaité, pour le voir s'afficher image-1632814922907.29.11.png

Si le téléchargement a convenablement été accepté comme dans le point 1 décrit ci-dessus, un bouton "Réutiliser" s'affiche en bas à gauche de l'activité ou du contenu.

image-1632815045766.30.29.png

Cliquez sur "Réutiliser" et télécharger le fichier .h5p en cliquant sur le lien bleu "Download as an .h5p file"

image-1632815126237.30.40.png

Le fichier est désormais stocké dans votre ordinateur.

3. Intégrer un contenu ou activité depuis votre ordinateur

Comme pour intégrer une activité ou un contenu depuis votre banque de contenu, choisissez l'intégration par une activité H5P ou à l'aide d'une Ressource Etiquette (cf. Page wiki Intégrer une activité ou un contenu H5P dans mon cours Moodle)

Au lieu de télécharger un fichier depuis la banque de contenu de votre cours, choisissez "Déposer un Fichier"

image-1632815424796.31.49.png

Et déposez le fichier .h5p téléchargé sur votre ordinateur en le recherchant dans "Choisir un fichier"

Une fois le fichier souhaité sélectionné, cliquez sur "Déposer ce fichier", il s'affiche alors dans votre fichier de paquetage.

image-1632815488540.32.20.png

Il ne vous reste plus qu'à nommer votre activité ou contenu (Nom apparaissant sur la page de cours" et enregistrer pour le voir s'afficher sur votre page de cours.

FAQ

Comment utiliser une activité ou un contenu H5P que j'ai créé, dans un autre de mes cours?

Il vous est possible de réutiliser vos activités ou contenus dans d'autres cours. Pour cela, vous avez deux options.

Option 1 : Intégrer un fichier H5P depuis votre ordinateur

Dans cette première option, vous intégrer à l'un de vos cours, une activité ou un contenu H5P téléchargé·e depuis un autre de vos cours.

Il s'agit de la même procédure que pour partager vos activités avec vos collègues enseignant·e·s. Vous retrouverez la marche à suivre >>ici<<

Option 2 : Copier Coller vos activités et contenus d'une banque de contenu à une autre

Dans cette seconde option, vous copier une contenu ou un activité créée dans la banque de contenu de l'un de vos cours, directement dans la banque de contenu d'une autre de vos cours.

Copier votre contenu ou activité

  1. Rendez-vous dans l'espace de cours Moodle correspondant à votre activité originale (celle que vous désirez copier)
  2. Rendez-vous dans la banque de contenu et cliquez sur l'activité ou le contenu que vous désirez copier.
  3. Lorsque celle-ci s'affiche, cliquez sur "Modifier"

image-1632837251983.53.47.png


4. En haut à droite, cliquez sur "Copier"

image-1632837357552.54.55.png

Le contenu de votre activité H5P se copie alors dans votre presse papier.

Coller votre contenu ou activité 

5. Rendez-vous maintenant dans l'espace de cours Moodle où vous désirez coller votre activité ou contenu H5P

6. Rendez-vous dans la banque de contenu

7. Comme pour créer une nouvelle activité cliquez sur "Ajouter" et sélectionnez le type de contenu ou activité que vous désirez coller, dans cet exemple "Dialog Cards"

image-1632837555583.59.06.png

8. Cliquez sur "Coller et Remplacer", puis Enregistrez. 

Votre activité ou votre contenu est désormais présent dans votre nouvelle banque de contenu.

Attention : le fichier H5P initial copié depuis la banque de contenu de votre cours 1 et le nouveau fichier intégré dans la banque de contenu de votre cours 2 sont indépendants l'un de l'autre. Il n'est pas possible de modifier l'un, en espérant modifier l'autre également.