H5P - Historique des versions

Henri.maigne ac-aix-marseille : /* Intégrer une « activité H5P » suivie dite furtive */

2024-03-13T17:13:50Z

Intégrer une « activité H5P » suivie dite furtive

Henri.maigne ac-aix-marseille : /* Intégrer une « activité H5P » suivie dite furtive */

2024-03-13T17:13:09Z

Intégrer une « activité H5P » suivie dite furtive

Henri.maigne ac-aix-marseille : /* Intégrer une « activité H5P » suivie dite furtive */

2024-03-13T17:11:11Z

Intégrer une « activité H5P » suivie dite furtive

Henri.maigne ac-aix-marseille : /* Intégrer une « activité H5P » suivie dite furtive */

2024-03-13T16:59:19Z

Intégrer une « activité H5P » suivie dite furtive

Henri.maigne ac-aix-marseille : /* Intégrer une ressource interactive H5P via une « activité H5P » */

2024-03-13T16:51:42Z

Intégrer une ressource interactive H5P via une « activité H5P »

Henri.maigne ac-aix-marseille : Ajout d'une rubrique « intégrer une « activité H5P » suivi dit furtive » renvoyant vers un autre article du wiki

2024-03-13T16:32:07Z

Ajout d'une rubrique « intégrer une « activité H5P » suivi dit furtive » renvoyant vers un autre article du wiki

Henri.maigne ac-aix-marseille : /* Produire une ressource interactive H5P */

2024-02-26T17:41:44Z

Produire une ressource interactive H5P

Henri.maigne ac-aix-marseille : /* Intégrer une ressource interactive H5P via une « activité H5P » */

2024-02-26T17:40:20Z

Intégrer une ressource interactive H5P via une « activité H5P »

Henri.maigne ac-aix-marseille : Insertion d'un titre « intégrer une ressource interactive H5P ». Remplacement de l'expression « activité H5P » par « ressources interactives H5P » pour désigner l'objet créé via la banque de contenu. Pour éviter la confusion entre l'objet créé dans la banque de contenu, et l'activité H5P bleue, au sens du sélecteur d'activité…

2024-02-26T17:39:09Z

Insertion d'un titre « intégrer une ressource interactive H5P ». Remplacement de l'expression « activité H5P » par « ressources interactives H5P » pour désigner l'objet créé via la banque de contenu. Pour éviter la confusion entre l'objet créé dans la banque de contenu, et l'activité H5P bleue, au sens du sélecteur d'activité…

Michel.dumortier ac-versailles : /* Présentation générale */

2023-11-27T08:04:33Z

Présentation générale

@@ Ligne 146 : / Ligne 146 : @@
 *ajouter dans le parcours une « activité H5P » (bleue) via le bouton « ajouter une ressource ou une activité »,
 *puis paramétrer la rubrique « achèvement d'activité » comme ceci :
 [[Fichier:Paramétrer l'achèvement d'activité.png|centré|vignette|678x678px|Paramétrer l'achèvement d'activité pour suivre les stagiaires ]]
@@ Ligne 155 : / Ligne 155 : @@
-Il est possible de faire en sorte néanmoins que le contenu de cette activité H5P s'affiche directement dans la page sans faire apparaître ce bloc bleu : on parle alors d'activité H5P « furtive ».
+Il est possible de faire en sorte néanmoins que le contenu de cette activité H5P s'affiche directement dans la page, de façon plus esthétique, sans faire apparaître ce bloc bleu : on parle alors d'activité H5P « furtive ».
 Pour ce faire vous devez :

@@ Ligne 146 : / Ligne 146 : @@
 *ajouter dans le parcours une « activité H5P » (bleue) via le bouton « ajouter une ressource ou une activité »,
-*puis paramétrer la rubrique « achèvement d'activité » en choisissant le « suivi d'achèvement » « afficher l'activité comme terminé dès que les conditions sont remplies » puis en cochant la case « note requise : les participants doivent recevoir une note pour terminer cette activité ».
+*puis paramétrer la rubrique « achèvement d'activité » comme ceci :
 [[Fichier:Paramétrer l'achèvement d'activité.png|centré|vignette|678x678px|Paramétrer l'achèvement d'activité pour suivre les stagiaires ]]
@@ Ligne 152 : / Ligne 152 : @@
 Si l'on s'arrête là, alors la ressource interactive H5P « suivie » s'affichera dans la page sous la forme d'un rectangle bleu et les utilisateurs devront cliquer sur le bouton « accéder » ou le carré correspondant dans le bloc « suivi des activités » pour afficher la ressource interactive H5P. Exemple ici avec cette ressource interactive « testons-nous ! » :
-[[Fichier:Bloc bleu activités H5P suivie non-furtif.png|vignette|Bloc bleu activité H5P non-furtive (obligation de cliquer sur « accéder »)]]
+[[Fichier:Bloc bleu activités H5P suivie non-furtif.png|vignette|Bloc bleu activité H5P non-furtive (obligation de cliquer sur « accéder »)|alt=|centré|393x393px]]

@@ Ligne 148 : / Ligne 148 : @@
 *puis paramétrer la rubrique « achèvement d'activité » en choisissant le « suivi d'achèvement » « afficher l'activité comme terminé dès que les conditions sont remplies » puis en cochant la case « note requise : les participants doivent recevoir une note pour terminer cette activité ».
-Si l'on s'arrête là, alors la ressource interactive H5P « suivi » s'affichera dans la page sous la forme d'un rectangle bleu et les utilisateurs devront cliquer sur le bouton « accéder » ou le carré correspondant dans le bloc « suivi des activités » pour afficher la ressource interactive H5P. Exemple ici avec cette ressource interactive « testons-nous ! » :
+[[Fichier:Paramétrer l'achèvement d'activité.png|centré|vignette|678x678px|Paramétrer l'achèvement d'activité pour suivre les stagiaires ]]
 [[Fichier:Bloc bleu activités H5P suivie non-furtif.png|vignette|Bloc bleu activité H5P non-furtive (obligation de cliquer sur « accéder »)]]
@@ Ligne 160 : / Ligne 163 : @@
 ##Dans la rubrique réglage courant, choisir « rendre disponible mais invisible sur la page du parcours »,[[Fichier:Paramétrage de la disponibilité – disponible mais invisible.png|centré|vignette|604x604px|Paramétrage de la disponibilité – disponible mais invisible]]<br />
 #puis vous récupérez son code d'intégration.[[Fichier:Récupération du code d'intégration H5P suivi furtif 2.png|centré|vignette|444x444px|Afficher l'activité pour récupérer le code d'intégration : bouton en bas à gauche « intégrer »]][[Fichier:Code d'intégration H5 P furtif.png|centré|vignette|443x443px|copier le code d'intégration ]]<br />
-#Vous intégrez le code  (le code iframe) dans le code HTML de la description d'une section, d'une activité ou dans une étiquette .
+#Vous intégrez le code  (le code iframe) dans le code HTML de la description d'une section, d'une activité ou dans une étiquette . Et l'activité apparaît directement dans la page.
 <br />

@@ Ligne 156 : / Ligne 156 : @@
 Pour ce faire vous devez :
-# dans les paramètres de l'activité H5P ajoutée avec le bouton « ajouter une ressource ou une activité » :
+#dans les paramètres de l'activité H5P ajoutée avec le bouton « ajouter une ressource ou une activité » :
-## cocher l'option H5P "permettre l'intégration".[[Fichier:Réglage des options H5P et note pour passer.png|centré|vignette|445x445px|Réglage des options H5P « permettre l'intégration » et note pour passer]]
+##cocher l'option H5P "permettre l'intégration", renseigner une note pour passer.[[Fichier:Réglage des options H5P et note pour passer.png|centré|vignette|445x445px|Réglage des options H5P « permettre l'intégration » et note pour passer]]
-## Dans la rubrique réglage courant, choisir « rendre disponible mais invisible sur la page du parcours »,[[Fichier:Paramétrage de la disponibilité – disponible mais invisible.png|centré|vignette|604x604px|Paramétrage de la disponibilité – disponible mais invisible]]<br />
+##Dans la rubrique réglage courant, choisir « rendre disponible mais invisible sur la page du parcours »,[[Fichier:Paramétrage de la disponibilité – disponible mais invisible.png|centré|vignette|604x604px|Paramétrage de la disponibilité – disponible mais invisible]]<br />
-# puis vous récupérez son code d'intégration.[[Fichier:Récupération du code d'intégration H5P suivi furtif 2.png|centré|vignette|444x444px|Afficher l'activité pour récupérer le code d'intégration : bouton en bas à gauche « intégrer »]]<br />
+#puis vous récupérez son code d'intégration.[[Fichier:Récupération du code d'intégration H5P suivi furtif 2.png|centré|vignette|444x444px|Afficher l'activité pour récupérer le code d'intégration : bouton en bas à gauche « intégrer »]][[Fichier:Code d'intégration H5 P furtif.png|centré|vignette|443x443px|copier le code d'intégration ]]<br />
-# Vous intégrez le code  (le code iframe) dans la description d'une section, d'une activité ou dans une étiquette .
+#Vous intégrez le code  (le code iframe) dans le code HTML de la description d'une section, d'une activité ou dans une étiquette .
 <br />

@@ Ligne 140 : / Ligne 140 : @@
 <br />
-== Intégrer une « activité H5P » suivie dite furtive ==
+==Intégrer une « activité H5P » suivie dite furtive==
 On l'a vu, certaines ressources interactives H5P transmettent des données de réalisation par les stagiaires au parcours : quiz, etc.…
 Lorsque l'on veut que les formateurs et les stagiaires puissent suivre leurs résultats au-delà du carnet de notes, via le bloc « suivi des activités », le concepteur doit :
-* ajouter dans le parcours une « activité H5P » (bleue) via le bouton « ajouter une ressource ou une activité »,
+*ajouter dans le parcours une « activité H5P » (bleue) via le bouton « ajouter une ressource ou une activité »,
-* puis paramétrer la rubrique « achèvement d'activité » en choisissant le « suivi d'achèvement » « afficher l'activité comme terminé dès que les conditions sont remplies » puis en cochant la case « note requise : les participants doivent recevoir une note pour terminer cette activité ».
+*puis paramétrer la rubrique « achèvement d'activité » en choisissant le « suivi d'achèvement » « afficher l'activité comme terminé dès que les conditions sont remplies » puis en cochant la case « note requise : les participants doivent recevoir une note pour terminer cette activité ».
 Si l'on s'arrête là, alors la ressource interactive H5P « suivi » s'affichera dans la page sous la forme d'un rectangle bleu et les utilisateurs devront cliquer sur le bouton « accéder » ou le carré correspondant dans le bloc « suivi des activités » pour afficher la ressource interactive H5P. Exemple ici avec cette ressource interactive « testons-nous ! » :
-[[Fichier:Bloc bleu activités H5P suivie non-furtif.png|vignette|522.992x522.992px|Bloc bleu activité H5P non-furtive (obligation de cliquer sur « accéder »)]]
+[[Fichier:Bloc bleu activités H5P suivie non-furtif.png|vignette|Bloc bleu activité H5P non-furtive (obligation de cliquer sur « accéder »)]]
 Il est possible de faire en sorte néanmoins que le contenu de cette activité H5P s'affiche directement dans la page sans faire apparaître ce bloc bleu : on parle alors d'activité H5P « furtive ».
-Consulter ici cet article du wiki pour savoir comment faire.
+Pour ce faire vous devez :
 <br />
 ==Convertir une activité==

@@ Ligne 137 : / Ligne 137 : @@
 #Cliquer sur "Ajouter un écran de soumission à xxx (date d'apparition de l'écran de soumission).
 <br />
 ==Convertir une activité==
 Il s'agit de mettre à jour '''les activités conçues avec l'ancien plugin''' (avant la version 4.18).

@@ Ligne 37 : / Ligne 37 : @@
 ==Produire une ressource interactive H5P==
 Ici '''[https://podeduc.apps.education.fr/video/1685-tuto_h5pdepuislabanquedecontenusmp4/ un petit tuto]''' vidéo (3min30) qui montre le geste pour '''créer un H5P depuis la banque de contenu'''.
 ==Intégrer une ressource interactive H5P  via une « activité H5P »==

@@ Ligne 38 : / Ligne 38 : @@
 Ici '''[https://podeduc.apps.education.fr/video/1685-tuto_h5pdepuislabanquedecontenusmp4/ un petit tuto]''' vidéo (3min30) qui montre le geste pour '''créer un H5P depuis la banque de contenu'''.
-== Intégrer une ressource interactive H5P  via une « activité H5P » ==
+==Intégrer une ressource interactive H5P  via une « activité H5P »==
 certains types de ressources interactives H5P génèrent des données réalisations (« question set », « course presentation », « interactive video »,…). Afin que ces données remontent dans le '''bloc « suivi des activités »''', et de permettre aux formateurs de connaître la réalisation de l'activité par les participants via ce bloc, les ressources interactives H5P créées, modifiées ou déposées via la banque de contenus, doivent être intégrées en passant par le bouton du sélecteur d'activité « '''ajouter une activité ou une ressource''' » et la création d'une activité H5P.
 <br />
@@ Ligne 60 : / Ligne 60 : @@
 L'activité s'ouvre pour création ou modification. '''Elle ne pourra en l'état être affichée dans le parcours'''.
 |}
-À l'issue de cette étape il sera possible d'afficher cette nouvelle ressource interactive dans n'importe quelle activité ou ressource du parcours.
+<br />
 ===Configurer les notes et les tentatives===

@@ Ligne 35 : / Ligne 35 : @@
 b) Afficher l'activité sur la section considérée du parcours
-==Produire une activité H5P==
+==Produire une ressource interactive H5P==
-En passant par le bouton du sélecteur d'activité vous pouvez créer ou modifier une activité H5P qui sera rattachée à la banque de contenus du parcours.
+Ici '''[https://podeduc.apps.education.fr/video/1685-tuto_h5pdepuislabanquedecontenusmp4/ un petit tuto]''' vidéo (3min30) qui montre le geste pour '''créer un H5P depuis la banque de contenu'''.
 {| class="wikitable"
 |+
@@ Ligne 43 : / Ligne 49 : @@
 *Nommer sa nouvelle activité.
 *La décrire.
-*Utiliser la banque de contenus (s'ouvre dans une nouvelle fenêtre) pour créer ou modifier vos fichiers H5P.
+*Sélectionner une ressource interactive H5P déjà conçue avec le sélecteur de fichiers (bouton cerclé en rouge)
 |-
 |[[Fichier:Banque de contenus H5P.png|centré|sans_cadre|600x600px|alt=]]
+|
-*Liste des activités H5P de la banque de contenus déjà créées pour modification éventuelle.
+*Liste des ressources interactives H5P de la banque de contenus déjà créées pour modification éventuelle.
-*"Ajouter" pour créer de nouvelles activités H5P (cercle rouge).
+*"Ajouter" pour créer de nouvelles ressources interactives H5P (cercle rouge).
 L'activité s'ouvre pour création ou modification. '''Elle ne pourra en l'état être affichée dans le parcours'''.
 |}
-À l'issue de cette étape il sera possible d'afficher cette nouvelle activité dans n'importe quelle activité ou ressource du parcours.
+À l'issue de cette étape il sera possible d'afficher cette nouvelle ressource interactive dans n'importe quelle activité ou ressource du parcours.
 ===Configurer les notes et les tentatives===
@@ Ligne 62 : / Ligne 67 : @@
 [[Fichier:H5P note et tentative.png|centré|vignette|800x800px]]
 <br />
-==Afficher une activité H5P==
+==Afficher une ressource interactive H5P==
 Après avoir choisi une activité ou une ressource du parcours, est affiché dans l'éditeur de texte (ATTO) le bouton H5P:
 [[Fichier:ATTO H5P.png|centré]]
-En cliquant dessus, puis sur "Parcourir les dépôts", vous aurez accès la banque de contenus (mais aussi à l'ensemble du sélecteur de fichiers) pour rechercher l'activité H5P que vous souhaitez afficher sur le parcours. Une fois sélectionnée, il suffit de cliquer sur "Insérer H5P" et l'activité sera affichée sur le parcours, après avoir enregistrée l'activité support.
+En cliquant dessus, puis sur "Parcourir les dépôts", vous aurez accès la banque de contenus (mais aussi à l'ensemble du sélecteur de fichiers) pour rechercher la ressource interactive H5P que vous souhaitez afficher sur le parcours. Une fois sélectionnée, il suffit de cliquer sur "Insérer H5P" et la ressource interactive sera affichée sur le parcours, après avoir enregistrée l'activité support.
 [[Fichier:Insérer H5P.png|gauche|vignette]]

@@ Ligne 6 : / Ligne 6 : @@
 ==Présentation générale==
-H5P est un plugin qui permet d'intégrer des ressources ou activités interactives dans un parcours. Les activités H5P les plus appréciées sont :
+H5P est un plugin qui permet d'intégrer des ressources ou activités interactives dans un parcours. Les activités H5P les plus appréciées sont détaillées dans les points suivants :
-*'''L'image interactive''' (hotspot) : pour enrichir une image avec du contenu multimédia. Cela peut être utile pour présenter le déroulé d'un parcours ou donner une cohérence à un ensemble de ressources.
+===L'image interactive (hotspot)===
 Cet épisode de "la Minute M@gistère" vous montre comment concevoir une image interactive dans un parcours. '''Attention l'ajout et l'affichage concernent l'ancienne version des activités H5P.'''
 {{#ev:podeduc|https://podeduc.apps.education.fr/video/5778-minute-mgistere-les-images-interactives-5mp4/}}
-*'''Le diaporama interactif''' (course presentation) : pour enrichir un diaporama avec des questions, des liens hypertextes, ...
+===Le diaporama interactif (course presentation)===
 Cet épisode de "la Minute M@gistère" vous montre comment créer et afficher un diaporama interactif dans un parcours '''selon la nouvelle version des activités H5P.'''
 {{#ev:podeduc|https://podeduc.apps.education.fr/video/6668-minute-mgistere-15-comment-proposer-un-diaporama-interactif/}}
-*'''La vidéo interactives''' (interactive video) : pour enrichir une vidéo avec des questions, des liens hypertextes, ...
+===La vidéo interactive (interactive video)===
 Cet épisode de "la Minute M@gistère" vous montre comment concevoir une vidéo interactive H5P. '''Attention l'ajout et l'affichage concernent l'ancienne version des activités H5P.'''
 {{#ev:podeduc|https://podeduc.apps.education.fr/video/5781-minute-mgistere-video-interactive-8mp4/}}
 Vous trouverez sur le [https://h5p.org/ site officiel de H5P] (en anglais) un ensemble de ressources présentant les différentes activités possibles et des tutoriels de mise en œuvre.