Moodle UCLouvain

Construire mon scénario pédagogique  :  Intégrer des images

Les images peuvent illustrer de nombreux concepts et les cours en ligne facilitent leur diffusion en couleur.
Deux modalités d'intégration sont possibles : dans un contenu ou sous forme d'une galerie.

Intégrer une image dans un contenu^

La manière la plus simple d'ajouter des images dans Moodle est de le faire sous la forme d'une ressource de type fichier.
Dans ce cas, l'image de ne s'affichera pas directement sur la page d'accueil mais il faudra cliquer sur le nom de l'image pour qu'elle s'affiche.

Il est aussi possible d'intégrer des images dans la plupart des ressources ou activités de Moodle : étiquette, exercice, forum, et plein d'autres encore…

En fait, c'est tout simple : dès que vous voyez quelque chose qui ressemble à ceci...
...il est possible d'y ajouter des images ! 
Oui, vous l'avez bien reconnu : il s'agit de l'éditeur de texte par défaut de Moodle !

Si vous n'êtes pas encore familiarisé avec ce petit traitement de texte allégé, observez la série de boutons situés au-dessus de la page blanche. Chaque bouton correspond à une commande (comme « mettre en gras » ou « créer un liste »). Mais le bouton qui permet d'ajouter une image n'est pas visible, car afin de ne pas envahir l'écran d'éléments inutiles, seules les commandes de base sont affichées par défaut.

Pour faire apparaître les commandes « avancées », cliquez sur le premier bouton situé en haut à droite.

Pour ajouter une image, placer votre curseur à l'endroit où vous souhaitez la placer puis cliquez sur ce bouton :
Une boîte de dialogue s'ouvre alors. A partir de là, deux options s'offrent à vous :

1. Si vous souhaitez insérer un image diponible sur votre ordinateur, cliquez sur le bouton « Parcourir les dépôts » et choisissez l'option "Déposer un fichier".
   
   
   

   Les dépôts vous permettent aussi de naviguer dans vos fichiers déjà disponibles sur MoodleUCL et choisir celui que vous souhaitez insérer.
   
   
2. Si vous désirez afficher une image qui se trouve sur un site web externe (Wikipédia par exemple), il vous suffit de copier/coller son URL dans le champ « Saisir l'URL »
   
   

Diffuser plusieurs images sous forme d'une galerie d'image H5P^

Parmi les outils pour créer des contenus interactifs, H5P est un nouvel outil très complet qui a été intégré à Moodle comme une nouvelle activité !
Vous le trouvez donc parmi dans la liste d'activités et de ressources que vous pouvez ajouter à votre cours ....

Voici un bel exemple de galerie d'image qu'il est possible de créer avec le contenu H5P Image Slider:

Diffuser plusieurs images sous forme d'une Galerie d'images (déconseillé au profit de H5P)^

Si vous désirez présenter à vos étudiants une série d'images, vous pouvez bien évidemment utiliser la méthode décrite plus haut pour chaque image… mais le résultat risque de ne pas être très heureux, car les images occupent beaucoup de place à l'écran.

A cette fin, il existe sur MoodleUCL un type de ressource appelée Galerie d'images. Cette dernière vous permet de présenter au sein de votre cours une grande quantité d'images de manière élégante avec une navigation aisée.

Pour cela, commencez par créer une ressourceGalerie d'images .
Activez donc le mode d'édition et cliquez sur « Ajouter une activité ou un ressource ».
Dans la catégorie Ressources, choisissez  Galerie d'images.

Dans la page qui s'affiche, remplissez comme d'habitude les champs « Titre » et « Description ».
Dans la section « Avancé », vous pouvez définir la manière dont votre galerie s'affichera.

•  L'option « image par page » vous permet de présenter vos images par « lots » de 10, 25, 50, 100 ou 200. Cela est très utile, si votre galerie comporte un très grand nombre d'éléments. Des boutons de navigation apparaîtrons alors pour permettre aux utilisateurs de parcourir les « pages ». Par défaut, toutes les images sont affichées d'un coup.
•  L'option « image par ligne » à une grande influence sur le « look » de votre galerie. Choisir une grande valeur pour cette option donnera à votre galerie un aspect plus « mosaïque ». Cela peut grandement faciliter la navigation au sein de votre collection d'image, mais les vignette seront d'autant plus petites et cela peut nuire à leur lisibilité. Une valeur de « 4 » est en général un bon compromis. 
• Vous pouvez également autoriser les commentaires...
  

Une fois votre galerie créée, entrez-y et cliquez sur Ajouter les images pour alimenter votre galerie.
Comme dans les autres outils de MoodleUCL, vous pouvez ajouter vos images par un simple « glisser-déposer » dans la zone interactive signalée par le grosse flèche bleue.

Et voilà ! Votre galerie prête !

Vous remarquerez toutefois un petit problème : le commentaire en dessous de chaque vignette est tout simplement le nom du fichier déposé… Il serait sans doute préférable de changer cela, en remplaçant ce nom par un commentaire un peu plus explicite.

Pour ce faire, activez le mode « Edition ». Vous remarquerez, qu'un menu déroulant apparaît alors en dessous de chaque vignette.
Pour changer le sous-titre d'une vignette, cliquez sur le menu déroulant correspondant et choisissez « sous-titre ». Vous serez alors redirigé vers une page vous permettant de changer ce texte.





Finalisé