• Ateliers pratiques en enseignement - automne 2021
    Ateliers pratiques en enseignement - Dès le 15 octobre 2021 - Inscriptions ouvertes!
  • bbs
    BBS 7décembre - La question de la vie privée du point de vue des médias sociaux : enjeux publics et politiques

Utilisation de contenus interactifs H5P pour enrichir l’expérience des participant-es sur Moodle

Utilisation de contenus interactifs H5P pour enrichir l’expérience des participant-es sur Moodle

Les enseignant-es de pédiatrie de l’Université de Genève avaient par le passé développé un site web très complet contenant toutes les ressources d’apprentissage nécessaires à la formation pré-graduée de médecine. Afin de bénéficier des fonctions d’un véritable environnement numérique d’apprentissage et de distribuer la tâche de mise à jour aux enseignant-es et à leurs secrétariats, ce site web a été transféré dans le courant de l’année passée sur l’instance Moodle de l’université. Ce transfert a permis de repenser l’organisation du contenu et d’exploiter une large palette de ressources et activités disponibles sur Moodle. Dans ce contexte, ce billet présente l’utilisation de trois contenus interactifs H5P: accordion, branching scenario, et linked image swap.

H5P

H5P est un plugin utilisable par différentes plateformes de contenu comme, par exemple, WordPress, Drupal ou Moodle, et qui permet de créer du contenu interactif  tel que des vidéos interactives, des présentations intégrant des questions ou des jeux. H5P est développé par la société norvégienne Joubel qui propose H5P comme service (c’est leur source de revenu) mais qui met aussi à disposition de la communauté internet ses développements en mode open source afin que des développeurs/euses puissent enrichir la collection. Pour en savoir plus sur l’usage de H5P sur Moodle à l’Université de Genève, consultez les billets précédents de ce blog.

Accordion

Le contenu de l’ancien site web de pédiatrie étant trop important pour le mettre dans un seul espace de cours, il a donc été réorganisé sous la forme de 19 espaces de cours regroupés dans une catégorie. La navigation entre ces espaces de cours est facilitée par un menu de navigation créé à l’aide de la fonction H5P Accordion. Ce menu est affiché sur la droite de la page d’accueil de chacun des 19 espaces de cours. Un clic sur un élément du menu affiche le sous-menu de cet élément comme illustré ci-dessous avec le sous-menu ouvert de Chirurgie pédiatrique. Un clic sur un deuxième élément ferme le sous-menu précédent et ouvre le contenu de ce deuxième élément. Ce jeu d’ouverture et de fermeture à la manière d’un accordéon donne son nom à cette fonction H5P.

Capture d'écran montrant le menu de navigation

En pratique, l’activité H5P Accordion est créée dans l’un des espaces de cours (dans notre cas Accueil: organisation et objectifs) de la catégorie Pédiatrie, et elle est cachée aux participant-es. Un bloc de type HTML , dans lequel nous avons mis un iframe pointant vers le menu de navigation H5P créé précédemment, est ajouté dans chacun des 19 espaces de cours. Le menu de navigation n’existant qu’à un seul endroit, il est donc facile de le modifier et de répercuter de facto ces modifications dans tous les espaces de cours.

Toutefois, pour que ce menu de navigation soit visible aux utilisateurs/trices dans tous les espaces de cours de cette catégorie Pédiatrie, ils et elles doivent être inscrit-es à l’espace de cours dans lequel l’activité H5P Accordion a été créé. Lors de la journée d’introduction de stage en pédiatrie, les étudiant-es sont informé-es qu’ils et elles doivent s’auto-inscrire à l’espace de cours d’accueil et, ce faisant, ils et elles sont automatiquement inscrit-es aux 18 autres espaces de cours car ces derniers contiennent la méthode d’inscription « Lien méta-cours » qui pointe vers l’espace de cours d’accueil.

Ainsi cette activité H5P Accordion permet de créer un menu de navigation unique entre plusieurs espaces de cours Moodle.

Branching scenario

L’activité H5P Branching scenario permet de créer un parcours d’apprentissage dont le chemin dépend des choix des utilisateurs/trices comme démontré dans le brillant exemple en lien.

Chaque étape du parcours peut être composée de l’un des six types de contenu suivants:

  • présentation de cours: équivalent à une série de dias PowerPoint. Chaque dia peut contenir des blocs de texte, des éléments multimédia, ou divers types de questions
  • texte
  • image simple ou avec zones interactives
  • vidéo simple ou interactive

Selon les besoins du scénario, le parcours d’apprentissage peut devenir arborescent en insérant des questions de branchement entre les étapes.

Nous avons utilisé cette fonction pour développer des cas cliniques courts, de 10 à 15 étapes. Typiquement, l’étudiant-e est mis-e dans une situation clinique qu’il/elle doit gérer comme montré dans les deux étapes successives ci-dessous.

L’interface graphique de ces cas est séduisante et appréciée par les enseignant-es et les étudiant-es. Toutefois, le contenu de type Présentation de cours, qui est le plus versatile, a une taille de présentation limitée et restreint donc son usage à des textes courts. Si le parcours d’apprentissage doit contenir beaucoup d’informations théoriques, il est préférable d’utiliser l’activité Leçon de Moodle.

Linked image swap

Linked image swap n’est pas une fonction de base disponible sur H5P mais un nouveau type de contenu H5P créé par un développeur indépendant et mis à disposition de la communauté Internet. C’est un exemple parfait des bénéfices que peut apporter la mise à disposition en open source d’un projet développé originellement par une compagnie informatique privée.

Pour l’historique, un enseignant d’anatomie de notre université cherchait un outil permettant à ses étudiant-es de revoir de manière interactive les différents éléments d’un objet anatomique. Curieux et déterminé, cet enseignant a trouvé sur le forum de H5P le développement d’un collègue qui correspondait à ses besoins. A sa requête, cet outil a été évalué puis intégré dans la liste des fonctions H5P de Moodle de l’Université de Genève.

Étant donné que toutes les fonctions H5P peuvent être intégrées dans les ressources de type Page ou Livre de Moodle, la fonction Linked image swap est utilisée dans quelques chapitres de Livres des sites Moodle de pédiatrie, comme celui pour la révision des bases de l’audition montré ci-dessous. Un clic sur l’un des boutons de gauche (exemple: Osselets: Enclume) affiche de manière colorée l’élément correspondant sur le schéma de droite. En pratique, pour chaque élément d’anatomie du menu de gauche, il faut créer une image correspondante contenant un marqueur permettant d’identifier la pièce anatomique, en l’occurrence en la mettant en couleur.

Conclusion

Moodle est parfois critiqué parce que son interface n’est pas aussi attrayante que celle de produits commerciaux. Ces quelques exemples montrent en revanche que l’on peut créer avec Moodle un environnement numérique d’apprentissage non seulement riche et interactif mais aussi pérenne parce que Moodle est un choix institutionnel.



Scénariser son enseignement à l’aide de la méthode ABC learning design

Vous devez préparer un nouveau cours et vous aimeriez innover en intégrant des activités d’apprentissage, mais vous ne savez pas quoi et comment faire? Ou alors vous êtes responsable d’une formation, d’un module dont vous aimeriez repenser l’organisation avec les enseignants, mais vous ne savez pas comment vous y prendre ? Alors l’application en ligne « Learning designer » (LD) ou le kit « ABC learning design » (ABC ld) peuvent vous aider.

Le kit et la méthode ABC learning design

En réponse au besoin de repenser la stratégie éducative de l’University College of London (UCL), Clive Young et Nataša Perović, du groupe Digital Education de l’UCL, ont développé un kit, appelé ABC learning design, permettant d’animer des ateliers regroupant des équipes d’enseignants travaillant ensemble à la représentation visuelle et tangible des séquences d’activités d’enseignement (des storyboards) prévues dans leur formation, module ou programme.

Ce kit est composé de trois éléments :

  1. plusieurs jeux de cartes imprimées représentant chacun 6 modalités d’apprentissage (figure 1),
  2. un plan de travail (storyboard) représentant la structure temporelle de la formation prévue (figure 4) ,
  3. une feuille permettant de visualiser (figure 3):
    1. l’importance relative de chacune des modalités d’apprentissage
    2. le positionnement de la formation entre les deux extrêmes: tout en classe et tout à distance


Les 7 choses que vous devriez savoir sur … le Team-Based Learning (TBL)

1. Qu’est-ce que c’est ?

Le TBL est une forme de classe inversée dont la séquence des activités est très structurée. Elle se pratique avec une grande classe d’étudiants, jusqu’à une centaine, répartis en petites équipes de 5-7 étudiants qui doivent résoudre des problèmes authentiques par une séquence d’activités incluant travail individuel, travail en équipe et feed-back immédiat [réf. 1].



Les 7 choses que vous devriez savoir sur … les classes inversées (flipped classroom)

1. Qu’est-ce que c’est ?

noun_27469_100x100La classe inversée est un modèle pédagogique où l’ordre habituel de l’enseignement frontal en classe suivi par le travail à faire à la maison est inversé. Typiquement, les étudiant∙e∙s apprennent les notions de base du cours à la maison et ensuite viennent en classe pour clarifier et appliquer les connaissances acquises par le biais d’activités faites en groupe et sous la guidance de l’enseignant∙e.



Les 7 choses que vous devriez savoir sur … l’instruction par ses pairs (peer instruction)

1. Qu’est-ce que c’est ?

La force de l'instruction par ses pairs

C’est une méthode d’enseignement interactive en grand groupe qui incite les étudiant∙e∙s à réfléchir sur des questions conceptuelles posées par l’enseignant∙e et à convaincre leur pairs sur leur choix de réponse (peer instruction). Cette méthode a été développée dans les années 1990 par Eric Mazur, professeur de physique à Harvard (réf. 2).