Contenus interactifs

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.

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.

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.

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.

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.

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 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.

Audio

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

Image Juxtaposition

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

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.

360 Virtual Tour

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

É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 »

É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 »

4. Cliquez sur le boutonpour 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.

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.

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.

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 »

É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.

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

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

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

6. Enregistrez votre Agamotto en cliquant sur pour 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.

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.

É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»

É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.

2. Ajouter votre audio en cliquant sur le +

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

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

Vous pouvez choisir entre :  

Minimaliste
Complet
Transparent	Rien ne s'affichera

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

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.

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.

É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 »

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

Dans le formulaire qui s’affiche,

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 pour visualiser votre contenu interactif.

Vous retrouverez facilement votre Chart 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.

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.

É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 »

É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.

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

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

4. Modifiez votre image

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

• Avec votre souris , déplacez l’image pour cadrer comme souhaité

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

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

6. Enregistrez votre Collage en cliquant sur pour 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.

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.

É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 »

É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

4. Choisissez le mode de fonctionnement de vos cartes

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

6. Cliquez sur le boutonpour 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.

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.