| Les deux révisions précédentes
Révision précédente
Prochaine révision
|
Révision précédente
|
madoc:22-creer_des_ressources_interactives_v2 [2024/04/08 16:15]
aubert-d |
madoc:22-creer_des_ressources_interactives_v2 [2024/04/08 16:37] (Version actuelle)
aubert-d [3. Publier sur Extradoc avec H5P noir, une activité déjà créée] |
| |
| ==Préambule== | ==Préambule== |
| Qu'est-ce que H5P ? C'est un ensemble d'activités (54 à ce jour) à visée pédagogique, à faire en ligne par l'étudiant. Elles peuvent être produites soit via le logiciel gratuit Lumi, soit directement dans Madoc ou Extradoc. Des informations, tutoriels et exemples peuvent être consultés sur la page suivante (en anglais, mais Google chrome propose une traduction de la page) : https://h5p.org/ \\ | H5P est un ensemble d'activités (54 à ce jour) à visée pédagogique, à faire en ligne par l'étudiant. Elles peuvent être produites soit via le logiciel gratuit Lumi, soit directement dans Madoc ou Extradoc. Des informations, tutoriels et exemples peuvent être consultés sur la page suivante (en anglais, mais Google chrome propose une traduction de la page) : https://h5p.org/ \\ |
| |
| **Cet article ne traitera pas de chaque activité H5P en particulier, mais de la création, de l'insertion, et des paramètres généraux.** | **Cet article ne traitera pas de chaque activité H5P en particulier, mais de la création, de l'insertion, et des paramètres généraux.** |
| |
| <note warning> {{:madoc:icones-bloc:attention.png}}Attention : Pour des raisons techniques, H5P ne doit pas être utilisé pour des évaluations sommatives. Cet outil doit plutôt être considéré comme un moyen de permettre aux étudiants de s’entraîner et de s'auto-évaluer.</note> | <note warning> {{:madoc:icones-bloc:attention.png}}Attention\\ Pour des raisons techniques, H5P ne doit pas être utilisé pour des évaluations sommatives. Cet outil doit plutôt être considéré comme un moyen de permettre aux étudiants de s’entraîner et de s'auto-évaluer.</note> |
| |
| == Prérequis== | == Prérequis== |
| Avoir pris connaissance des typologies d'activités H5P (voir références ci-dessus). | Avoir pris connaissance des typologies d'activités H5P (voir références ci-dessus).\\ |
| Avoir choisi au préalable l'activité H5P qui correspond au besoin pédagogique et fonctionnalités souhaitées, et d'en préparer le contenu (textes, images, sons, vidéos le cas échéant) avant de créer l'activité.\\ | Avoir choisi au préalable l'activité H5P qui correspond au besoin pédagogique et fonctionnalités souhaitées, et d'en préparer le contenu (textes, images, sons, vidéos le cas échéant) avant de créer l'activité.\\ |
| Pour la production avec Lumi : avoir téléchargé l’outil ici (Windows, MacOS, ou Linux) : https://app.lumi.education/#download. \\ | Pour la production avec Lumi : avoir téléchargé l’outil à l'adresse suivante (Windows, MacOS, ou Linux) : https://app.lumi.education/#download. \\ |
| Voici également un tuto vidéo de la DRANE Grand Est, pour installer et comprendre le fonctionnement global de Lumi : https://tube-numerique-educatif.apps.education.fr/w/48686f04-6074-4f52-ba13-56c8fed1e76f | Voici également un tutoriel vidéo de la DRANE Grand Est, pour installer et comprendre le fonctionnement global de Lumi : https://tube-numerique-educatif.apps.education.fr/w/48686f04-6074-4f52-ba13-56c8fed1e76f |
| |
| == Objectif == | == Objectif == |
| ---- | ---- |
| |
| ====1. Créer, sauvegarder et modifier une activité avec Lumi==== | ====1. Créer et modifier une activité avec Lumi==== |
| ===1.1. Créer et sauvegarder une activité=== | ===1.1. Créer 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** |
| * Choisir l’activité souhaitée | - Choisir l’activité souhaitée |
| * Remplir les champs nécessaires (titre, description, licence Creative Commons via le bouton « beta données » le cas échéant, questions, propositions de réponses, textes, feedbacks, sons, images, vidéo, etc) propres à l’activité et à votre contenu | - Remplir les champs nécessaires (titre, description, licence Creative Commons via le bouton « beta données » le cas échéant, questions, propositions de réponses, textes, feedbacks, sons, images, vidéo, etc) propres à l’activité et à votre contenu |
| * Enregistrer. **Attention !** Il n’y a dans la version actuelle pas de message à la fermeture pour demander s’il faut sauvegarder, par défaut, Lumi se ferme sans enregistrer les modifications. Il faut donc avoir le réflexe de **toujours sauvegarder la ou les activités h5p ouvertes dans Lumi, avant de fermer Lumi.**\\ | - Enregistrer. **Attention !** Il n’y a dans la version actuelle pas de message à la fermeture pour demander s’il faut sauvegarder, par défaut, Lumi se ferme sans enregistrer les modifications. Il faut donc avoir le réflexe de **toujours sauvegarder la ou les activités h5p ouvertes dans Lumi, avant de fermer Lumi.**\\ |
| L’enregistrement crée sur le disque dur de l’ordinateur, un fichier portant le nom donné à l’activité, avec l’extension .h5p. C’est ce fichier qui sera utilisé sur Madoc ou Extradoc. | L’enregistrement crée sur le disque dur de l’ordinateur, un fichier portant le nom donné à l’activité, avec l’extension .h5p. C’est ce fichier qui sera utilisé sur Madoc ou Extradoc. |
| |
| |
| ===1.2. Modifier une activité avec Lumi=== | ===1.2. Modifier une activité avec Lumi=== |
| * Ouvrir le fichier H5P depuis le disque dur en double cliquant sur son nom. Il s’ouvre dans Lumi. | - Ouvrir le fichier H5P depuis le disque dur en double cliquant sur son nom. Il s’ouvre dans Lumi. |
| * Opérer les modifications nécessaires | - Opérer les modifications nécessaires |
| * Enregistrer les modifications via le menu **fichier** puis **sauvegarder**, situé tout en haut à gauche de la fenêtre de l'application | - Enregistrer les modifications via le menu **fichier** puis **sauvegarder**, situé tout en haut à gauche de la fenêtre de l'application |
| |
| ====2. Publier sur Madoc une activité H5P déjà créée, avec la banque de contenus et H5P bleu==== | ====2. Publier sur Madoc une activité H5P déjà créée, avec la banque de contenus et H5P bleu==== |
| ===2.1.La banque de contenus dans Madoc=== | ===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 : | Pour publier une activité déjà créée dans un espace de cours Madoc, 2 étapes sont nécessaires : |
| * déposer le fichier .h5p de l’activité dans la banque de contenus | - déposer le fichier .h5p de l’activité dans la banque de contenus |
| * créer 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 | - créer 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.1. Déposer un fichier .h5p== | ==2.1.1. Déposer un fichier .h5p== |
| * Dans l’espace de cours, cliquer sur le bouton **Banque de contenus** dans le menu de gauche {{:madoc:img22_1.png?150}}\\ | - Dans l’espace de cours, cliquer sur le bouton **Banque de contenus** dans le menu de gauche {{:madoc:img22_1.png?150}}\\ La banque de contenus s’ouvre : {{:madoc:img22_3.png?1000}} |
| La banque de contenus s’ouvre : {{:madoc:img22_3.png?1000}} | - Pour ajouter le fichier, cliquer sur le bouton (2) **Déposer** puis **Choisir un fichier** et à nouveau **Choisir un fichier** |
| * Pour ajouter le fichier, cliquer sur le bouton (2) **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) | NB : le bouton (1) sert à créer un nouveau contenu H5P (pour les non utilisateurs de Lumi) |
| |
| ===2.2. Publier une activité H5P sur Madoc, à partir de la banque de contenus=== | ===2.2. Publier une activité H5P sur Madoc, à 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 {{:madoc:img22_8.png?100}} | - Dans la fenêtre qui s’ouvre, cliquer sur l’icône portant le logo H5P bleu {{:madoc:img22_8.png?100}} |
| * Renseigner le nom de l’activité qui va figurer sur la page de cours | - Renseigner le nom de l’activité qui va figurer sur la page de cours |
| * Dans la zone **fichier de paquetage**, cliquer sur la flèche : dans la colonne de gauche, cliquer sur **Banque de contenus pour H5P**. Les fichiers apparaissent au milieu | - Dans la zone **fichier de paquetage**, cliquer sur la flèche : dans la colonne de gauche, cliquer sur **Banque de contenus pour H5P**. Les fichiers apparaissent au milieu |
| * Sélectionner le fichier à utiliser, puis sur le bouton **Sélectionner ce fichier**. Le fichier apparaît dans la zone "Fichier de paquetage" | - Sélectionner le fichier à utiliser, puis sur le bouton **Sélectionner ce fichier**. Le fichier apparaît dans la zone "Fichier de paquetage" |
| * Paramétrer ensuite les options Madoc proposées sous la zone de fichier, selon le souhait | - Paramétrer ensuite les options Madoc 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é\\ | - Cliquer sur le bouton **Enregistrer et revenir au cours** ou sur le bouton **Enregistrer et afficher** pour visualiser l’activité\\ |
| |
| ====3. Publier sur Extradoc avec H5P noir, une activité déjà créée==== | ====3. Publier sur Extradoc avec H5P noir, une activité déjà créée==== |
| ===3.1. Créer une activité H5P=== | ===3.1. Créer une activité H5P=== |
| * Se connecter au cours, | - Se connecter au cours, |
| * Activer le mode édition, | - Activer le mode édition, |
| * Dans la section choisie, cliquer sur le lien **Ajouter une activité ou ressource**, sélectionner **Contenu interactif** (avec logo H5P noir). Une fenêtre d'activité s'ouvre, avec les paramètres habituels d’Extradoc, ainsi qu'une zone spécifique à l'activité H5P, \\ | - Dans la section choisie, cliquer sur le lien **Ajouter une activité ou ressource**, sélectionner **Contenu interactif** (avec logo H5P noir). Une fenêtre d'activité s'ouvre, avec les paramètres habituels d’Extradoc, ainsi qu'une zone spécifique à l'activité H5P, \\ Dans la fenêtre h5p qui s’ouvre {{:madoc:img22_9.png?800}}\\ |
| Dans la fenêtre h5p qui s’ouvre {{:madoc:img22_9.png?800}}\\ | - Cliquer sur **Téléverser** : la fenêtre change de configuration |
| * Cliquer sur **Téléverser** : la fenêtre change de configuration | - Cliquer sur **Téléverser un fichier** : l’explorateur de fichiers de l’ordinateur s’ouvre |
| * Cliquer sur **Téléverser un fichier** : l’explorateur de fichiers de l’ordinateur s’ouvre | - Sélectionner le fichier .h5p à insérer, puis cliquer sur **Ouvrir** ; le nom du fichier apparaît, ainsi que 2 bouton : |
| * Sélectionner le fichier .h5p à insérer, puis cliquer sur **Ouvrir** ; le nom du fichier apparaît, ainsi que 2 bouton : | |
| * un bouton « modifier le fichier » à cliquer pour changer le fichier à utiliser, et | * un bouton « modifier le fichier » à cliquer pour changer le fichier à utiliser, et |
| * un bouton « utiliser » pour poursuivre | * un bouton « utiliser » pour poursuivre |
| * Cliquer sur le bouton **utiliser** : le fichier se charge et toutes les informations de l’activité apparaissent | - Cliquer sur le bouton **utiliser** : le fichier se charge et toutes les informations de l’activité apparaissent |
| |
| ===3.2. Paramétrer l'activité=== | ===3.2. Paramétrer l'activité=== |
