Différences

Ci-dessous, les différences entre deux révisions de la page.

--- madoc:22-creer_des_ressources_interactives [2024/02/27 16:33]
pertus-s
+++ madoc:22-creer_des_ressources_interactives [2024/02/28 10:55] (Version actuelle)
pertus-s
@@ Ligne 1: / Ligne 1: @@
-<code>Cet article est en cours de construction - merci pour votre compréhension</code>
+<code>Cet article a été validé le 28/02/2024</code>
-======Créer des ressources interactives (avec H5P) ======
+======Créer des ressources interactives avec H5P (et Lumi) ======
 ==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/ \\
-**1.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.**
-\\ 2. Navigation : Il existe 2 entités H5P, l'un "noir", l'autre "bleu" (uniquement sur Madoc. Afin de n'offrir que les parties de l'article pertinentes à chaque situation, il est proposé une navigation via des liens, à la rubrique Navigation ci-dessous dans le cadre, en fin de chaque chapitre.**
 <note warning> {{:madoc:icones-bloc:attention.png}}Attention : Pour des raisons techniques, H5P ne peut être utilisé pour des évaluation sommatives. Cet outil peut donc être considéré comme un moyen de permettre aux étudiants de mieux comprendre, revoir les notions du cours, de s’entraîner et de s'auto-évaluer.</note>
@@ Ligne 27: / Ligne 26: @@
 ----
-Naviguer dans cet article :
+==Naviguer dans cet article : ==
+Il existe 2 entités H5P, l'une "H5P noir", l'autre "H5P bleu" (cette dernière uniquement sur Madoc). Afin de n'offrir que les parties de l'article pertinentes à chaque situation, il est proposé une navigation via des liens :
+__Si vous utilisez Lumi,__ vous pouvez :\\
-__Si vous utilisez Lumi__ vous pouvez :\\
+  * 	[[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#creer_sauvegarder_et_modifier_une_activite_avec_lumi|1. Créer, sauvegarder et modifier une activité avec Lumi]]
-  * 	 [[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#creer_sauvegarder_et_modifier_une_activite_avec_lumi|1. Créer, sauvegarder et modifier une activité avec Lumi]]
+  * 	[[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#publier_sur_madoc_une_activite_h5p_deja_creee_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]]
-  * 	 [[madoc:22-creer_des_ressources_interactives|2. Publier sur Madoc une activité H5P déjà créée, avec la banque de contenus et H5P bleu]]
+  * 	 [[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#publier_sur_extradoc_avec_h5p_noir_une_activite_deja_creee|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\\
+__Si vous n'utilisez pas Lumi,__
+vous pouvez : \\
-Si vous n'utilisez pas Lumi, vous pouvez : \\
+  * 	[[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#creer_publier_et_modifier_une_activite_h5p_sur_madoc_avec_la_banque_de_contenus_et_h5p_bleu|4. Créer, publier et modifier une activité H5P sur Madoc avec la banque de contenus et H5P bleu]]
-  * 	4. Créer, publier et modifier une activité H5P sur Madoc avec la banque de contenus et H5P bleu
+  * 	[[https://wiki.univ-nantes.fr/doku.php?id=madoc:22-creer_des_ressources_interactives#creer_publicer_modifier_et_sauvegarder_une_activite_h5p_sur_extradoc_avec_h5p_noir|5. Créer, publicer, modifier et sauvegarder une activité H5P sur Extradoc avec H5P noir]]
-  * 	5. Créer, publicer, modifier et sauvegarder une activité H5P sur Extradoc avec H5P noir
 ----
@@ Ligne 47: / Ligne 47: @@
   * 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
-  * 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.
@@ Ligne 60: / Ligne 60: @@
   * 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
-  * Enregistrer les modifications via le menu >> fichier puis **sauvegarder**
+  * 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====
@@ Ligne 69: / Ligne 69: @@
 ==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 [img22_1]. La banque de contenus s’ouvre [img22_3]
+  * Dans l’espace de cours, cliquer sur le bouton **Banque de contenus** dans le menu de gauche {{:madoc:img22_1.png?150}}\\
-  * Pour ajouter le fichier, cliquer sur le bouton **Déposer** puis **Choisir un fichier** et à nouveau **Choisir un fichier**
+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**
   * 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 :\\ [img22_4] qui permet un affichage en icones et\\ [img22_5] qui permet un affichage en liste, avec plus d’indications, notamment combien de fois le fichier est utilisé dans l’espace de cours, la date de dernière modification dans la banque de contenu, etc.\\
+Il existe 2 présentations que l’on peut choisir à l’aide des boutons : bouton (3) de l'image ci-dessus, qui permet un affichage en icones et (4) qui permet un affichage en liste, avec plus d’indications, notamment combien de fois le fichier est utilisé dans l’espace de cours, la date de dernière modification dans la banque de contenu, etc.\\
 __Modification__\\
-Il est possible de modifier un fichier directement dans la banque de données, 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 contenu pour le nouveau fichier modifié.\\
+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**, si le cours possède une image d’illustration, cette roue crantée peut être difficile à discerner. \\
+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, si le cours possède une image d’illustration, cette roue crantée peut être difficile à discerner.** \\
-[img22_7]
+{{:madoc:img22_7.png?1000}}\\
 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, sauf à connaître la date de la modification)\\
+**(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, l’activité ne sera pas récupérable dans la Corbeille)\\
@@ Ligne 91: / Ligne 93: @@
 ===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 la fenêtre qui s’ouvre, cliquer sur l’icône H5P bleue [img22_8]
+  * 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
-  * Dans la zone **fichier de paquetage**, cliquer sur la flèche : par défaut, la fenêtre du sélecteur de fichier s’ouvre sur la banque de contenu de votre espace 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
-  * Sélectionner le fichier à utiliser, puis sur le bouton **Sélectionner ce fichier**
+  * 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 les options 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é\\
@@ Ligne 103: / Ligne 105: @@
   * 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 fenêtre h5p qui s’ouvre [img22_9]\\
+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 un fichier** : l’explorateur de fichiers de l’ordinateur s’ouvre
@@ Ligne 129: / Ligne 131: @@
 ===4.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
-  * Dans le bandeau à gauche de la page, cliquer sur **Banque de contenus**, la page suivante s’affiche : [img22_10]
+  * Dans le bandeau à gauche de la page, cliquer sur **Banque de contenus**, la page suivante s’affiche : {{:madoc:img22_10.png?800}}
   * 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, 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 à au contenu
   * 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, et le fichier, avec une icône apparaît. L’affichage des fichiers peut être modifié pour se présenter en tableau ou revenir à un affichage par icônes, en utilisant les boutons : \\
+  * Cliquer sur le bouton **Fermer** : la page de la banque de contenus s’affiche, et le fichier, avec une icône apparaît.
-[img22_4] et [img22_5]\\
 ===4.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 [img22_8]
+  * Dans la fenêtre qui s’ouvre, cliquer sur l’icône H5P bleue {{:madoc:img22_8.png?100}}
   * 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 : par défaut, la fenêtre du sélecteur de fichier s’ouvre sur la banque de contenu de votre espace de cours
+  * Dans la zone "fichier de paquetage", cliquer sur la flèche : une nouvelle fenêtre s'ouvre, cliquer dans la colonne de gauche sur **Banque de contenus pour H5P**, les fichiers apparaissent au milieu
-  * Sélectionner le fichier à utiliser, puis sur le bouton **Sélectionner ce fichier**
+  * Sélectionner le fichier à utiliser, puis cliquer sur le bouton **Sélectionner ce fichier**. Le fichier apparaît ensuite dans la zone "fichier de paquetage"
   * 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é
+  * Cliquer sur le bouton **Enregistrer et revenir au cours**, ou sur le bouton **Enregistrer et afficher** pour visualiser l’activité
 ===4.3. Gérer la banque de contenus (modifier, supprimer…)===
 __Affichage des fichiers__\\
-Il existe 2 présentations que l’on peut choisir à l’aide des boutons : [img22_4] qui permet un affichage en icones et [img22_5] qui permet un affichage en liste, avec plus d’indications, notamment combien de fois le fichier est utilisé dans l’espace de cours, la date de dernière modification dans la banque de contenu…
+Il existe 2 présentations que l’on peut choisir à l’aide des boutons : {{:madoc:img22_4.png?50}} qui permet un affichage en icones et {{:madoc:img22_5.png?50}} qui permet un affichage en liste, avec plus d’indications, notamment combien de fois le fichier est utilisé dans l’espace de cours, la date de dernière modification dans la banque de contenus…\\
 __Modification__\\
-Il est possible de modifier un fichier directement dans la banque de données : cliquer sur le fichier et effectuer les modifications avant d’enregistrer. A noter que les modifications d’un fichier de la banque de contenus liés dans un cours, seront répercutée instantanément.
+Il est possible de modifier un fichier directement dans la banque de contenus : cliquer sur le fichier et effectuer les modifications avant d’enregistrer. A noter que les modifications d’un fichier de la banque de contenus, lié dans un cours, seront répercutées instantanément dans le cours et visibles par les étudiants. \\
 __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**, si le cours possède une image d’illustration, cette roue crantée peut être difficile à discerner. \\
+En cliquant sur un fichier de la banque de contenus, il s’ouvre et une roue crantée apparaît au coin supérieur droit de l’écran, sous le bandeau bleu Madoc. \\
-[img22_7]
+**Attention, si le cours possède une image d’illustration, cette roue crantée peut être difficile à discerner.** \\
-Au clic, elle affiche les possibilités suivantes :
+{{:madoc:img22_7.png?800}}\\
-**(1)** Rendre non listé [impact non identifié actuellement]
+Au clic, elle affiche les possibilités suivantes : \\
-**(2)** Renommer [il s’agit de renommer le fichier et non le titre de l’activité]
+**(1)** Rendre non listé [impact non identifié actuellement]\\
-**(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 (sauf à connaître la date de la modification)]
+**(2)** Renommer [il s’agit de renommer le fichier et non le titre de l’activité]\\
-**(4)** Télécharger (pour récupérer par exemple un fichier publié par un autre enseignant du cours)
+**(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 (sauf à connaître la date de la modification)]\\
+**(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, l’activité ne sera pas récupérable dans la Corbeille)\\
+===4.4. Sauvegarder sur le disque dur une activité anciennement créée sur Madoc avec H5P noir===
+  * Cliquer sur le menu **Modifier** puis **paramètres** au bout à droite de la ligne de l’activité
+  * En bas de page, dans le menu  « Afficher les options », cocher les cases **Afficher la barre d’action et le cadre** et **Autoriser le téléchargement**, puis **Enregistrer et afficher**
+  * Cliquer sur menu **Réutiliser** situé sous l’activité, puis remonter la page et cliquer sur « Download as an .h5p file ». {{:madoc:img22_11.png?300}} \\
+Le téléchargement s’effectue dans le dossier « téléchargements » de l’ordinateur.
+  * Retourner dans les paramètres de l’activité pour décocher la case de téléchargement pour ne plus permettre le téléchargement de l’activité (notamment par les étudiants qui pourraient ainsi accéder aux réponses).
-====5. Créer, publicer, modifier et sauvegarder une activité H5P sur Extradoc avec H5P noir====
+====5. Créer, publier, modifier et sauvegarder une activité H5P sur Extradoc avec H5P noir====
 ===5.1. Créer une activité H5P===
   * Se connecter au cours, et activer le mode édition.
@@ Ligne 180: / Ligne 188: @@
   * options et textes : permet notamment de choisir la langue de l'interface, et éventuellement de renommer les boutons d'interaction pour l'étudiant.\\
-Avant de terminer, d’autres paramètres, propres à Extradoc, sont disponible, et à renseigner selon le souhait.
+Avant de terminer, d’autres paramètres, propres à Extradoc, sont disponibles, et à renseigner selon le souhait.\\
-Recommandation : décocher la première case dans le sous-menu « Afficher les options ». Ainsi cela évitera aux étudiant de pouvoir télécharger le module. Il est possible néanmoins de cocher la première case et seulement la case « bouton copyright », s’il est important que les étudiants aient accès aux données de droit d’auteur de l’activité.
+//Recommandation :// décocher la première case dans le sous-menu « Afficher les options ». Ainsi cela évitera aux étudiant de pouvoir télécharger le module (et d'accéder aux réponses). Il est possible néanmoins de cocher la première case et seulement la case « bouton copyright », s’il est important que les étudiants aient accès aux données de droit d’auteur de l’activité.
-Ces informations sont à insérer dans le cadre H5P, tout en haut de l’activité, à côté du titre, via le bouton-flèche **Métadonnées**\\
+Ces informations d'auteurs sont à insérer dans le cadre H5P, tout en haut de l’activité, à côté du titre, via le bouton-flèche **Métadonnées**\\
 Une fois les données remplies dans la fenêtre H5P, et les paramètre souhaités sélectionnés, cliquer sur le bouton **Enregistrer et revenir au cours**, ou **Enregistrer et afficher** pour visualiser l’activité.\\
 ===5.3. Modifier l’activité H5P===
-Pour modifier l’activité elle-même ou ses paramètres,
+Pour modifier l’activité elle-même ou ses paramètres,\\
-  * Cliquer sur le menu « Modifier » au bout à droite de la ligne de l’activité concernée, puis sur **Paramètres** ; La page de modification s’affiche
+  * Cliquer sur le menu « Modifier » au bout à droite de la ligne de l’activité concernée, puis sur **Paramètres** ; La page de modification s’affiche\\
   * Effectuer les modifications nécessaires
   * Enregistrer
@@ Ligne 195: / Ligne 203: @@
   * Cliquer sur le menu **Modifier** puis **paramètres** au bout à droite de la ligne de l’activité
   * En bas de page, dans le menu  « Afficher les options », cocher les cases **Afficher la barre d’action et le cadre** et **Autoriser le téléchargement**, puis **Enregistrer et afficher**
-  * Cliquer sur menu **Réutiliser** situé sous l’activité, puis remonter la page et cliquer sur « Download as an .h5p file ». [img22_11] \\
+  * Cliquer sur menu **Réutiliser** situé sous l’activité, puis remonter la page et cliquer sur « Download as an .h5p file ». {{:madoc:img22_11.png?300}} \\
-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.
-  * Retourner dans les paramètres de l’activité pour décocher la case de téléchargement pour ne plus permettre le téléchargement de l’activité (notamment par les étudiants).
+  * Retourner dans les paramètres de l’activité pour décocher la case de téléchargement pour ne plus permettre le téléchargement de l’activité (notamment par les étudiants qui pourraient ainsi accéder aux réponses).

Recherche

Édition

Navigation

Différences