• Ciel cherche: rédacteurs/trices

Résultat de recherche pour "H5P"

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.



Dynamiser un cours de langue hybride avec des activités interactives par H5P et Learningapps

Ce billet est co-proposé par Jue Wang Szilas du CFCD et Roberto Paternostro de la Maison des langues

La Maison des Langues de l’Université de Genève a conçu un dispositif hybride d’enseignement-apprentissage appelé « FLE (Français Langue Etrangère) Pré Mobilité », destiné à préparer les étudiant-es d’échange ayant un niveau de français débutant et élémentaire à s’intégrer à l’environnement linguistique et socio-culturel genevois et suisse romand avant leur arrivée à l’Université de Genève. Ce projet a obtenu le soutien de la Commission informatique de l’Université de Genève (COINF) pour l’année 2019.

Ce dispositif hybride permet aux étudiant-es d’acquérir rapidement les bases du français et d’entrer en contact avec le milieu socio-culturel et universitaire genevois et suisse romand avant même d’arriver sur place.

Il comporte deux parties, qui articulent distanciel (asynchrone et synchrone) et présentiel. La première partie se déroule à distance, grâce à une plateforme interactive où les étudiant-es travaillent en autonomie. De plus, ils/elles sont accompagné-es par un-e enseignant-e en visioconférence une à deux fois par semaine. La deuxième partie du cours se déroule sur place, à l’Université de Genève. Par le travail en présentiel, les étudiant-es consolident ce qu’ils/elles ont appris à distance et sont ainsi prêt-es pour leur immersion à l’Université de Genève.

Le cours en ligne s’organise autour de 10 situations relatives à la vie quotidienne et académique (par exemple, la présentation, l’orientation en ville, les achats, le logement, les démarches administratives, les sorties, etc.). Chaque situation comporte des vidéos et des activités interactives, des exercices, des documents explicatifs, qui permettent aux étudiant-es de travailler la compréhension orale et écrite, la grammaire, le vocabulaire ainsi que la prononciation. Lors des visioconférences avec l’enseignant-e et les autres participant-es, ils/elles pratiquent l’expression orale.

Dans ce billet, nous montrons quelques exemples de ces activités interactives qui proposent un apprentissage ludique et motivant, construites grâce à l’outil H5P et à l’application Learningapps.



Rendez vos cours sur Moodle plus créatifs et interactifs à l’aide de H5P

(Ce billet est proposé par Jue Wang Szilas avec la contribution de Patrizia Birchler Emery et Patrick Roth)

H5P devient un outil de plus en plus intéressant pour créer, partager et réutiliser du contenu d’apprentissage interactif. Le Pôle e-learning de l’Université de Genève, après une période d’essai, a installé cet outil sur la plateforme Moodle institutionnelle et encourage les enseignant-es à l’utiliser depuis juillet 2019. Dans ce billet, nous vous présentons quelques-unes des fonctionnalités de H5P retenues pour l’intégration dans moodle@UNIGE: Interactive Video, Drag and Drop, Drag the Words, QCM, et l’outil Presentation.

H5P : qu’est-ce c’est ?

  • H5P est l’abréviation de HTML5 Package : il s’agit d’un logiciel libre de création de contenu interactif (licence MIT).
  • Que peut-on faire avec H5P ? Le site h5p.org met à disposition 43 types de « contenus », dont 28 sont des outils pour des quiz et 13 peuvent être insérés dans l’outil Interactive video.
  • L’un des avantages évidents de ce logiciel est de pouvoir être inséré ou intégré dans un certain nombre de plateformes et LMS (Moodle, Drupal, Canvas, Blackboard, WordPress).
  • H5P dans moodle : quels avantages ? En effet, la plateforme Moodle met déjà à disposition des outils de quiz et l’outil leçon, qui a la même fonction que Presentation de H5P. En fait, H5P met beaucoup plus d’outils à disposition, permettant ainsi une plus grande variation dans l’interactivité, les auto-évaluations et les évaluations formatives. Les outils H5P sont aussi plus agréables visuellement et plus simples à utiliser par les apprenant-es. De plus, leur insertion directe sur la plateforme permet à Moodle d’inclure tous les résultats de quiz dans le suivi des étudiant-es (onglet « Notes »), répondant ainsi aussi aux directives en matière de protection des données des utilisateurs et utilisatrices.

Intégrer H5P dans Moodle

«Moodle est la plate-forme d’apprentissage la plus populaire au monde et cette nouvelle intégration apportera des centaines de millions de nouveaux utilisateurs-trices à H5P. H5P est déjà l’extension de contenu la plus populaire parmi les utilisateurs-trices de Moodle et l’intégration plus étroite et le support officiel propulseront les deux projets vers leurs objectifs.  » a déclaré Sander Bangma, chef de produit pour Moodle LMS.

Depuis juillet 2019, le pôle e-Learning de l’Université de Genève a installé cet outil sur Moodle avec des fonctionnalités les plus populaires. Comment ajouter une activité H5P dans un espace du cours ?

Dans un espace de cours, activez le mode d’édition, puis cliquez sur « Ajouter une activité ou ressource ». Choisissez H5P dans le menu puis choisissez un type d’activité, comme un exemple ici « Interactive Video ». Vous pouvez ensuite mettre un ligne une vidéo ou le lien vers cette vidéo et puis ajouter les interactions.

Quel est-l’intérêt d’intégrer H5P dans Moodle ?

L’intégration de H5P dans Moodle permet non seulement de tracer l’historique de l’apprentissage des étudiant-es, mais aussi de noter les exercices intégrés dans l’activité H5P.

Voici quelques exemples pratiques que nous avons réalisé dans le cadre de notre accompagnement en termes de e-Learning que nous proposons au Centre pour la formation continue et à distance (CFCD). Dans chaque exemple, nous montrons brièvement comment créer ce type de contenu H5P et comment ce se présente pour les apprenant-es.

Exemples 1. Interactive Video

Ce type d’activité permet de construire une vidéo interactive, à partir d’une vidéo importée ou d’un service en ligne d’hébergement de vidéo (Mediaserver ou You Tube). Il est ainsi possible de chapitrer la vidéo, d’insérer des images, des indications écrites, des liens et d’émailler le visonnement de questions (QCM, phrases à trous). Dans cet exemple, il y a une question QCM insérée au milieu d’une vidéo YouTube. L’objectif de la question QCM est de vérifier si les apprenant-es ont bien compris le contenu abordé dans la vidéo. Il a été utilisé dans un atelier H5P organisé par l’Université de Genève lors des Eduhub Days 2019.

  • Comment ajouter un QCM dans une vidé? Nous vous invitons à consulter ce tutoriel si vous voulez aller plus loin.

  • Comment cela se présente pour les apprenant-es

Exemple 2. Drag and Drop (Glisser-déposer)

Ce type d’activité permet d’associer deux ou plusieurs éléments et d’établir des connexions logiques de manière visuelle. L’auteur-trice crée des questions en utilisant à la fois du texte et des images. Il-elle prend en charge les relations une à une, une à plusieurs, plusieurs à une et plusieurs à plusieurs entre les questions et les réponses. En plus, il-elle peut aider à mémoriser des mots, des expressions, des phrases, etc.  L’exemple ci-dessous est tiré d’un module du “Master of Advanced Studies in European and International Governance”.

  • Comment créer une activité Drag and Drop? Pour aller plus loin, consultez ce document très pratique.

  • Comment cela se présente pour les apprenant-es

Exemple 3. Course Presentation

Ce type d’activité permet de créer une présentation sous forme de diapositives en ligne très interactive. Des éléments tels que les titres de diapositives, les liens, les images, les clips audio et vidéo, ainsi que des types de question peuvent être intégrés de manière transparente directement dans la présentation, résultant en une expérience d’apprentissage enrichissante pour l’apprenant-e. Des pistes pédagogiques restent à explorer : construire un module sur une partie du cours, utiliser en classe inversée, approfondir une notion spécifique, etc. L’exemple suivant a été construit pour une partie d’un module du cours en FLE pour les étudiant-es d’échange de l’Université de Genève.

  • Comment créer un Course Presentation? Ce document pourrait vous intéresser si vous voulez aller plus loin

  • Types de questions ajoutés dans la présentation: choix multiple, glisser-déposer et une série de questions choix multiple.

 

  • Comment cela se présente pour les apprenant-es dans Moodle

Conclusion

Ce billet, à travers l’exploration de quelques exemples, permet d’avoir un aperçu des possibilités offertes par H5P. L’intégration de cet outil dans la plateforme Moodle de l’UNIGE représente une opportunité à saisir pour rendre les activités d’apprentissage plus variées et interactives. Le Centre pour la Formation Continue et à Distance (CFCD) organisera des ateliers à partir de janvier 2021 pour les intervenants des programmes de formation continue, afin de les accompagner dans la prise en main de l’outil et à son intégration dans les espaces de cours en ligne.



Moodle@UNIGE: H5P, plugin Mediaserver et les autres nouveautés de la rentrée 2019

Cet été, Moodle@UNIGE a été mis à jour et près de la moitié des espaces de cours actifs sur Chamilo a été migré sur Moodle. L’occasion d’enrichir la plateforme de nouvelles fonctionnalités:

Plugin Mediaserver

Dans la liste des activités, vous trouverez l’activité « Mediaserver » qui permet d’intégrer facilement un document Mediaserver à votre espace de cours. Vous pouvez l’insérer en renseignant l’URL de la vidéo sur Mediaserver, ou vous pouvez rechercher le document via le titre du cours, le nom de famille de l’enseignant·e ou la date de publication de la vidéo.

Il s’agit de la 1ère version du plugin, n’hésitez pas à nous contacter pour suggérer des améliorations!

H5P - créer des vidéos intéractives

L’activité « H5P » vous permet de créer des ressources interactives dans un espace de cours. Elle vous permet entre autres d’intégrer des quiz comprenant diverses questions (question à réponse unique ou multiple, texte à trous, etc.) dans une vidéo (voir exemple ci-dessous).


D’autres activités sont également disponibles sur « H5P » comme « glisser un mot.    

Dupliquer les activités d'un espace de cours à l'autre

Vous avez créé un quiz, un glossaire ou une autre activité que vous souhaitez dupliquer dans un autre espace de cours? Le bloc « panier d’activités » permet d’effectuer ces opérations. Le panier est lié à votre compte, vous pouvez le remplir avec des activités provenant de différents espaces de cours, puis le rouvrir dans l’espace de cours où vous souhaitez dupliquer l’activité.

 

 



Une approche à trois niveaux pour soutenir la transformation numérique de la formation continue

Ce billet est proposé par la Dr. Patrizia Birchler Emery et la Dr. Jue Wang Szilas du CFCD.

La transformation numérique des programmes de formation continue à l’Université de Genève date de bien avant la pandémie de COVID et de son effet de catalyseur sur l’enseignement à distance. En effet, le public s’intéressant aux programmes de formation continue est composé avant tout de professionnel-les actifs, pour qui une plus grande flexibilité et autonomie dans le parcours d’apprentissage constitue une véritable plus-value, permettant d’éviter la multiplicité des déplacements, ainsi que les frais et le temps perdu qui en découlent.  

C’est pour cette raison que dès 2015, le Centre pour la formation continue et à distance (CFCD) a introduit une véritable dynamique de transformation numérique, pour les nouveaux programmes surtout, mais aussi pour ceux existant déjà, car une telle transformation donne aussi la possibilité de repenser un programme et de mettre en place une conception efficace de l’apprentissage.  

Dès 2018, l’annonce de la fermeture de la plateforme Chamilo, qui avait précédé l’adoption de Moodle par l’institution, a précipité les choses. Il nous a semblé que ce passage d’une plateforme d’enseignement à une autre pouvait offrir aux programmes concernés une opportunité pour réfléchir au scénario pédagogique d’un cours ou d’un programme, pour structurer ou restructurer le contenu du cours de manière plus pédagogique.  

C’est pourquoi le pôle Programme, Pédagogie et Partenariats du CFCD a développé en 2018-2019 une stratégie pour faciliter le passage de Chamilo à Moodle et la numérisation des programmes en général. Environ 200 programmes de formation ont ainsi été transférés sur Moodle.