Manuel Enseignant


Page: () 1 ... 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 ()

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 MoodleUCL 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 MoodleUCL : étiquette, exercice, forum, et plein d'autres encore…

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

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.
éditeur commandes avancées
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<b>Rendez-vous en <b>groupe</b> - les groupes de rendez-vous <b>correspondent </b>aux groupes dans le cours Moodle UCL <br><i>Ceci n'a d'intérêt que pour un·e enseignant·e qui gère plus d'un groupe. </i><br></b><b>Paramètres du module <b> </b><img src="https://moodleucl.uclouvain.be/brokenfile.php#/22443/user/draft/47701017/rdv.PNG" alt="rdv" style="vertical-align:text-bottom;margin:0 .5em;" class="img-responsive" width="27" height="25"><b> Rendez-vous</b> &gt; Options &gt; Réservation en groupe: <b>oui, pour les groupes de "NOM DU GROUPEMENT VOULU"</b>Paramètres du module <b><b> </b><img src="https://moodleucl.uclouvain.be/brokenfile.php#/22443/user/draft/47701017/rdv.PNG" alt="rdv" style="vertical-align:text-bottom;margin:0 .5em;" class="img-responsive" width="27" height="25"><b> Rendez-vous</b></b> &gt; Réglages courants &gt; Mode de groupe: <b>Groupes visibles / groupes séparés</b>OPTIONNEL: Paramètres du module  <img src="https://moodleucl.uclouvain.be/brokenfile.php#/22443/user/draft/47701017/rdv.PNG" alt="rdv" style="vertical-align:text-bottom;margin:0 .5em;" class="img-responsive" width="27" height="25"><b>Rendez-vous </b>&gt; Restrictions d'accès : ajoutez une restriction d'accès ne donnant accès qu'aux groupe(ment)s de l'enseignant·e.Créez des créneaux pour chacun des enseignant·e·s normalement.<br> la placer puis cliquez sur ce bouton :
intégrer une image
Une boîte de dialogue s'ouvre alors. A partir de là, deux options s'offrent à vous :

  1. ajouter une imageSi 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. insérer une image externeSi 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 icone de gallerie d'imageGalerie d'images^

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 icone de gallerie d'imageGalerie 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 ressourceicone de gallerie d'imageGalerie d'images.
Activez donc le mode d'édition et cliquez sur « Ajouter une activité ou un ressource ».
Dans la catégorie Ressources, choisissez  icone de gallerie d'imageGalerie 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.
paramètres d'une galleri d'images

  •  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 !
création d'une galerie d'images

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.
changer les sous-titres dans une galerie d'images





Finalisé


Page: () 1 ... 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 ()