Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
madoc:guide:22-creer_des_ressources_interactives [2024/09/11 15:22] pertus-s |
madoc:guide:22-creer_des_ressources_interactives [2025/02/07 11:11] (Version actuelle) aubert-d [5.3. Consulter les données d'apprentissage des étudiants] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | < | + | < |
- | <note warning> | + | |
- | ======Créer des ressources interactives avec H5P (et Lumi) ====== | + | ======Créer des ressources interactives avec H5P et la banque de contenus |
==Préambule== | ==Préambule== | ||
- | Qu' | + | Qu' |
**Cet article ne traitera pas de chaque activité H5P en particulier, | **Cet article ne traitera pas de chaque activité H5P en particulier, | ||
- | <note warning> | + | <note warning>__Attention__\\ |
== Prérequis== | == Prérequis== | ||
Ligne 20: | Ligne 20: | ||
==Avant de commencer== | ==Avant de commencer== | ||
- | <note tip> | + | <note tip>__Astuce__\\ |
* H5P gère en autonomie les tailles de fichiers photos, vidéos et textes, il est conseillé de tester et visualiser une petite partie de l' | * H5P gère en autonomie les tailles de fichiers photos, vidéos et textes, il est conseillé de tester et visualiser une petite partie de l' | ||
* H5P accepte le LaTeX, il suffit d’insérer le code entre des double dollars. Ex : $$//code LateX//$$ | * H5P accepte le LaTeX, il suffit d’insérer le code entre des double dollars. Ex : $$//code LateX//$$ | ||
Ligne 27: | Ligne 27: | ||
====1. Créer, sauvegarder et modifier une activité avec Lumi==== | ====1. Créer, sauvegarder et modifier une activité avec Lumi==== | ||
- | ===1.1. Créer et sauvegarder une activité=== | + | ===1.1. Créer et sauvegarder une activité |
* Ouvrir Lumi | * Ouvrir Lumi | ||
* Cliquer sur la tuile **Editer H5P** puis sur **créer un nouveau H5P** | * Cliquer sur la tuile **Editer H5P** puis sur **créer un nouveau H5P** | ||
Ligne 47: | Ligne 47: | ||
* Enregistrer les modifications via le menu **fichier** puis **sauvegarder**, | * Enregistrer les modifications via le menu **fichier** puis **sauvegarder**, | ||
- | ====2. | + | ====2. |
- | ===2.1.La banque de contenus dans Madoc=== | + | |
- | Pour publier dans un espace de cours Madoc, une activité déjà créée, 2 étapes sont nécessaires | + | |
- | * déposer le fichier .h5p de l’activité dans la banque de contenus | + | |
- | * créer | + | |
- | ==2.1.1. Déposer un fichier .h5p== | + | Pour publier dans un espace de cours Madoc/ |
- | * Dans l’espace de cours, cliquer sur le bouton | + | * créer l' |
- | La banque | + | * déposer le fichier .h5p de l’activité, |
- | * Pour ajouter le fichier, cliquer sur le bouton (2) **Déposer** puis **Choisir un fichier** et à nouveau **Choisir un fichier** | + | * insérer une activité « H5P bleu » dans l’espace de cours, pour lier le fichier présent dans la banque de contenus et le présenter sur l’espace de cours. |
+ | |||
+ | ===2.1. | ||
+ | * Aller dans l’espace de cours Madoc, et activer le mode édition | ||
+ | * En haut de la page, dans le menu déroulant « Plus », cliquer sur **Banque de contenus**, la page suivante s’affiche :\\ | ||
+ | {{:madoc:22_ressinter1.png?800}}\\ | ||
+ | Il est possible | ||
+ | * Cliquer sur le bouton (1) « Ajouter » : une boîte à liste s’ouvre, développant les types d’activités H5P | ||
+ | * Sélectionner (2) l’activité souhaitée | ||
+ | * Remplir les champs nécessaires (titre, description, | ||
+ | * Cliquer sur le bouton **Enregistrer** | ||
+ | * Cliquer sur le bouton **Fermer** | ||
+ | |||
+ | ===2.2. Déposer un fichier .h5p dans la banque de contenus=== | ||
+ | Pour ce faire, le fichier doit être présent sur le disque dur de l' | ||
+ | * Dans l’espace de cours, cliquer sur le menu **Plus** puis **Banque de contenus**. La banque de contenus s’ouvre.\\ | ||
+ | * Pour ajouter le fichier, cliquer sur le bouton (3 sur la figure précédente) **Déposer** puis **Choisir un fichier** et à nouveau **Choisir un fichier** | ||
* Dans l’explorateur de fichiers qui s’est ouvert, sélectionner le fichier .h5p souhaité, puis cliquer sur le bouton **Ouvrir**, puis **Déposer ce fichier**, et enfin **Enregistrer**\\ | * Dans l’explorateur de fichiers qui s’est ouvert, sélectionner le fichier .h5p souhaité, puis cliquer sur le bouton **Ouvrir**, puis **Déposer ce fichier**, et enfin **Enregistrer**\\ | ||
Après quelques instants, l’activité H5P importée s’ouvre. Cliquer sur le bouton **Fermer** pour revenir à la vue générale de la banque de contenus.\\ | Après quelques instants, l’activité H5P importée s’ouvre. Cliquer sur le bouton **Fermer** pour revenir à la vue générale de la banque de contenus.\\ | ||
- | NB : le bouton (1) sert à créer un nouveau contenu H5P (pour les non utilisateurs de Lumi) | ||
- | |||
- | ==2.1.2. Gérer la banque de contenus== | ||
- | __Affichage des fichiers__\\ | ||
- | Il existe 2 présentations que l’on peut choisir à l’aide des boutons : bouton (3) de l' | ||
- | __Modification__\\ | ||
- | Il est possible de modifier un fichier directement dans la banque de contenus, mais pour plus de cohérence il est recommandé de modifier le fichier du disque dur via Lumi, et de remplacer le fichier de la banque de contenus par le nouveau fichier modifié.\\ | ||
- | __Autres actions possibles :__\\ | ||
- | En cliquant sur un fichier de la banque de contenu, il s’ouvre et une roue crantée apparaît au coin supérieur droit de l’écran, sous le bandeau bleu Madoc.\\ **Attention, | ||
- | {{: | ||
- | Au clic, elle affiche les possibilités suivantes :\\ | ||
- | **(1)** Rendre non listé [impact non identifié actuellement]\\ | ||
- | **(2)** Renommer (il s’agit de renommer le fichier et non le titre de l’activité)\\ | ||
- | **(3)** Remplacer avec le fichier (notamment pour le cas d’un fichier modifié sur le disque dur avec Lumi. Si l’activité a été faite par certains étudiants avant le changement, l’historique des rapports de tentatives sur l’ancien fichier restera, et ne sera pas distingué des tentatives sur le nouveau fichier)\\ | ||
- | **(4)** Télécharger (pour récupérer par exemple un fichier publié par un autre enseignant du cours)\\ | ||
- | **(5)** Supprimer (attention, l’action est irréversible, | ||
- | ===2.2. Publier une activité H5P sur Madoc, à partir de la banque de contenus=== | + | ===2.3. Publier une activité H5P sur Madoc/Extradoc, à partir de la banque de contenus=== |
* Dans l’espace de cours, en mode édition, cliquer sur **Ajouter une activité ou ressource** dans la section souhaitée | * Dans l’espace de cours, en mode édition, cliquer sur **Ajouter une activité ou ressource** dans la section souhaitée | ||
* Dans la fenêtre qui s’ouvre, cliquer sur l’icône portant le logo H5P bleu {{: | * Dans la fenêtre qui s’ouvre, cliquer sur l’icône portant le logo H5P bleu {{: | ||
Ligne 85: | Ligne 81: | ||
* Cliquer sur le bouton **Enregistrer et revenir au cours** ou sur le bouton **Enregistrer et afficher** pour visualiser l’activité\\ | * Cliquer sur le bouton **Enregistrer et revenir au cours** ou sur le bouton **Enregistrer et afficher** pour visualiser l’activité\\ | ||
- | + | ====3. | |
- | ====3. | + | |
- | ===3.1. Créer un nouveau contenu H5P bleu via la banque de contenus=== | + | |
- | * Aller dans l’espace de cours Madoc, et activer le mode édition | + | |
- | * En haut de la page, dans le menu déroulant « Plus », | + | |
- | * Cliquer sur le bouton « Ajouter » : une boîte à liste s’ouvre, développant les types d’activités H5P | + | |
- | * Sélectionner l’activité souhaitée : la page spécifique à l’activité s’ouvre | + | |
- | * Remplir les champs nécessaires (titre, description, | + | |
- | * Cliquer sur le bouton **Enregistrer** : l’activité s’affiche en mode lecture (il peut alors être visualisé et testé) | + | |
- | * Cliquer sur le bouton **Fermer** : la page de la banque de contenus s’affiche, | + | |
- | + | ||
- | ===3.2. Publier le contenu dans l’espace de cours avec l’activité H5P bleu=== | + | |
- | * Dans l’espace de cours, en mode édition, cliquer sur **Ajouter une activité ou ressource** dans la section souhaitée | + | |
- | * Dans la fenêtre qui s’ouvre, cliquer sur l’icône H5P bleue {{: | + | |
- | * Renseigner le nom de l’activité qui va figurer sur la page de cours | + | |
- | * Dans la zone " | + | |
- | * Sélectionner le fichier à utiliser, puis cliquer sur le bouton **Sélectionner ce fichier**. Le fichier apparaît ensuite dans la zone " | + | |
- | * Paramétrer les options proposées sous la zone de fichier, selon le souhait | + | |
- | * Cliquer sur le bouton **Enregistrer et revenir au cours**, ou sur le bouton **Enregistrer et afficher** pour visualiser l’activité | + | |
- | + | ||
- | ===3.3. Gérer la banque de contenus (modifier, supprimer…)=== | + | |
__Affichage des fichiers__\\ | __Affichage des fichiers__\\ | ||
- | Il existe 2 présentations que l’on peut choisir à l’aide des boutons : {{: | + | Il existe 2 présentations que l’on peut choisir à l’aide des boutons : bouton (4) de l' |
__Modification__\\ | __Modification__\\ | ||
- | Il est possible de modifier un fichier directement dans la banque de contenus | + | Il est possible de modifier un fichier directement dans la banque de contenus, en cliquant dessus, puis sur le bouton **Modifier**. Il est également possible de modifier le fichier |
__Autres actions possibles :__\\ | __Autres actions possibles :__\\ | ||
- | En cliquant | + | Cliquer |
- | **Attention, si le cours possède une image d’illustration, | + | {{:madoc:22_ressinter2.png?700}}\\ |
- | {{:madoc:img22_7.png?800}}\\ | + | |
- | Au clic, elle affiche les possibilités suivantes : \\ | + | |
**(1)** Rendre non listé [impact non identifié actuellement]\\ | **(1)** Rendre non listé [impact non identifié actuellement]\\ | ||
- | **(2)** Renommer | + | **(2)** Renommer |
- | **(3)** Remplacer avec le fichier | + | **(3)** Remplacer avec le fichier |
**(4)** Télécharger (pour récupérer par exemple un fichier publié par un autre enseignant du cours)\\ | **(4)** Télécharger (pour récupérer par exemple un fichier publié par un autre enseignant du cours)\\ | ||
**(5)** Supprimer (attention, l’action est irréversible, | **(5)** Supprimer (attention, l’action est irréversible, | ||
+ | |||
====4. Récupérer une activité H5P noir pour la convertir en H5P bleu ==== | ====4. Récupérer une activité H5P noir pour la convertir en H5P bleu ==== | ||
Les activités H5P noir (picto noir), sont issues d'un plugin qui présente des dysfonctionnement avec les mises à jour de Madoc/ | Les activités H5P noir (picto noir), sont issues d'un plugin qui présente des dysfonctionnement avec les mises à jour de Madoc/ | ||
- | * Cliquer sur l' | + | |
* En bas de page, dans le menu « Afficher les options », | * En bas de page, dans le menu « Afficher les options », | ||
* Cliquer sur menu **Réutiliser** situé sous l’activité, | * Cliquer sur menu **Réutiliser** situé sous l’activité, | ||
Le téléchargement s’effectue dans le dossier « téléchargements » de l’ordinateur. | Le téléchargement s’effectue dans le dossier « téléchargements » de l’ordinateur. | ||
- | Pour réutiliser l' | + | Pour réutiliser l' |
- | Supprimer ensuite l' | + | Supprimer ensuite l' |
- | + | ===== 5. Pour aller plus loin ===== | |
- | ==== Pour aller plus loin ==== | + | |
- L' | - L' | ||
- | - Il est possible, pour une activité H5P déjà produite, de : | + | D' |
- | * la dupliquer | + | ==== 5.1. Sauvegarder sur son disque dur==== |
- | * la sauvegarder sur son disque dur | + | Se reporter au paragraphe 3 de cet article, et cliquer sur Télécharger (option 4 sur le visuel). |
- | * l'intégrer au moyen du lien iframe (h5p noir) et de l'éditeur | + | ==== 5.2. Intégrer |
- | * Consulter les données d' | + | Une activité H5P peut être intégrée de 2 façon dans une ressource Madoc comportant un éditeur de texte : |
- | Pour plus de détails | + | === 5.2.1. Via le bouton " |
+ | <note warning> | ||
+ | Dans la ressource choisie (Page, Livre, Zone texte et media...), \\ | ||
+ | * Cliquer sur le bouton **H5P** | ||
+ | * Sélectionner le fichier depuis l' | ||
+ | * Ajuster les **Options H5P**, puis | ||
+ | * Valider en cliquant sur le bouton **Insérer H5P**. L' | ||
+ | === 5.2.2. Via l'ajout de l' | ||
+ | Ce mode d' | ||
+ | Le principe est d' | ||
+ | * Dans la section souhaitée, créer la ressource destination, | ||
+ | {{: | ||
+ | * Dans la même section (par comodité) créer une activité H5P bleu, comme indiqué en 2.3. ; | ||
+ | * Paramétrer cette activité selon le choix (achèvement d' | ||
+ | * Une fois l' | ||
+ | {{: | ||
+ | * Remonter en haut de la page, et cliquer dans le texte en script, qui commence par "< | ||
+ | * Dans la Page, sélectionner | ||
+ | * Cliquer à nouveau sur le bouton <> | ||
+ | * Sauvegarder la ressource Page. | ||
+ | Les données d' | ||
+ | |||
+ | |||
+ | ====5.3. | ||
+ | Dans l' | ||
+ | * Cliquer sur l' | ||
+ | * Cliquer sur **consulter les tentatives utilisateur**, | ||
+ | * Cliquer sur **Consulter le rapport** permet de voir les réponses de l' | ||
+ | <note important> | ||
+ | |||
+ | |||
+ | Pour consulter quelques tutoriels | ||
---- | ---- | ||
- | **[[moodle:faq|Retour à la FAQ]]**\\ | + | **[[madoc:faq|Retour à la FAQ]]**\\ |
**[[: | **[[: | ||