Formation Moodle Insérer des ressources

Transcription

1 3. INSÉRER DES RESSOURCES Accéder aux ressources... page 2 Déposer des fichiers depuis un disque dur, une clé... page 4 Rendre accessible un fichier qui a été déposé sur l espace de stockage... page 4 Utiliser la ressource Fichier... page 9 Utiliser le glisser-poser pour déposer un fichier... page 10 Ajouter des URL... page 12 Ajouter des fichiers vidéo... page 14 Créer un lien vers la vidéo... page 14 Intégrer une vidéo dans une étiquette de votre page de cours à l aide du code d intégration... page 14 Intégrer une vidéo dans une page à l aide du code d intégration... page 17 Déposer une vidéo afin de la rendre accessible... page 20 Ajouter des fichiers audio... page 22 Intégrer un son dans votre page de cours... page 22 Déposer le fichier audio par un Glisser-Poser... page 23 Ajouter des pages... page 24 Insérer du texte... page 24 Insérer un tableau... page 25 Insérer un lien... page 27 Insérer une image... page 29 Insérer un fichier multimédia... page 30 Ajouter des exercices interactifs... page 32 Un exercice Hot Potatoes... page 32 Un exercice réalisé avec Images Actives... page 34 Ajouter un livre... page 37 Ajouter une galerie d images... page 40 F. Debesson : francois.debesson@ac-orleans-tours.fr 1

2 L un des intérêts pédagogiques de Moodle est de mettre à disposition des utilisateurs (élèves) des ressources variées : des cours, des exercices, des corrigés, des ressources audio ou vidéo, des images, des présentations, des sites Web Comment partager ces ressources? Les ressources Pour accéder aux différentes ressources disponibles, vous devez tout d abord passer en mode édition. Pour cela, cliquez sur le bouton. Cliquez ensuite sur le lien Ajouter une activité ou une ressource : Dans la fenêtre qui s ouvre, utilisez la barre de défilement pour faire apparaître la liste des ressources. La liste des ressources Par défaut, seules les activités et ressources standards. Cliquez une fois sur l une des ressources pour afficher un descriptif de la ressource sélectionnée dans le volet de droite. F. Debesson : francois.debesson@ac-orleans-tours.fr 2

3 Les ressources pour un utilisateur avancé Pour passer en mode utilisateur avancé, cliquez sur le lien situé au-dessus de la liste des activités et des ressources puis cliquez sur OK dans la boîte de dialogue qui s affiche. La fenêtre Ajouter une activité ou une ressource se ferme. Vous devez à nouveau cliquer sur le lien pour afficher la liste des ressources pour un utilisateur avancé. En mode utilisateur avancé, l enseignant accède à l ensemble des ressources disponibles. Cliquez une fois sur l une des ressources pour afficher un descriptif de la ressource sélectionnée dans le volet de droite. Pour repasser en mode utilisateur standard, il suffit de cliquer sur le lien. F. Debesson : francois.debesson@ac-orleans-tours.fr 3

4 Déposer des fichiers depuis un disque dur, une clé USB Pour mettre à disposition des utilisateurs inscrits à votre cours un fichier (.doc,.odt,.pdf,.zip, ) Moodle offre plusieurs possibilités pour déposer un fichier : Rendre accessible un fichier qui a été déposé sur l espace de stockage. Avant de rendre accessible un fichier, nous allons ajouter une Étiquette dans la section 1 (CHAPITRE 1) ; pour ce faire, cliquez sur le lien Ajouter une activité ou une ressource. Dans la fenêtre qui s affiche, faites défiler la barre de défilement vers le bas puis cochez Étiquette. Cliquez sur le bouton. Remarque : un double clic sur Étiquette permet d afficher directement le formulaire Ajouter une étiquette. Cliquez sur l outil pour afficher tous les outils de l éditeur de texte. Saisissez le texte. Vous pouvez également : - Faire des Réglages courants (visibilité), - Restreindre la période de disponibilité. Cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 4

5 Pour ajouter un fichier dans la section 1, cliquez sur le lien Ajouter une activité ou une ressource située sous l étiquette puis cochez Fichier afin d afficher l aide à son sujet. Cliquez sur le bouton Ajouter. Vous accédez à un formulaire qui contient cinq onglets. Ici, les rubriques sont pliées. Pour déplier un onglet, cliquez sur la flèche située à gauche du libellé de la rubrique. Pour déplier tous les onglets, cliquez sur le lien. Dépliez l onglet Généraux. Saisissez un nom. Celui-ci doit être suffisamment explicite, car c est lui qui s affichera dans le cours sous la forme d un lien vers le fichier. Vous pouvez saisir un court texte décrivant la ressource. Pour que la description soit visible par les utilisateurs, n oubliez pas de cocher l option Afficher la description sur la page de cours. Vous pouvez obtenir de l aide en cliquant sur l icône. Comme le fichier est déjà stocké sur le serveur (voir pages 14 à 18 du tutoriel 2), vous n avez qu à sélectionner le fichier. Dans la zone Sélectionner des fichiers, cliquez sur Ajouter ou sur la flèche bleue afin de faire apparaître le Sélecteur de fichiers ; F. Debesson : francois.debesson@ac-orleans-tours.fr 5

6 Dans le Sélecteur de fichiers, cliquez sur Fichiers personnels ; vous retrouvez le(s) dossier(s) que vous avez créé(s) précédemment (voir tutoriel 2). Cliquez sur le dossier contenant le fichier que vous souhaitez rendre accessible. Cliquez sur le fichier que vous voulez rendre accessible à vos élèves. F. Debesson : francois.debesson@ac-orleans-tours.fr 6

7 Dans la fenêtre de sélection du fichier, cochez l option Créer un alias du fichier. Cette option permet de créer un lien vers le fichier déjà stocké sur votre espace. Si vous optez pour Faire une copie du fichier, vous risquez de très vite atteindre la limite globale de votre espace de stockage (1 Go). Cliquez sur cliquez sur. Le fichier chargé, La ressource (ici un fichier.pdf) et son bref descriptif sont désormais accessibles à tous les utilisateurs inscrits à votre cours. Pour le vérifier, prenez le rôle élève puis cliquez sur le libellé de la ressource. Si vous souhaitez modifier cette ressource (remplacer le fichier, modifier la description), cliquez sur le lien Modifier situé à droite de la ressource puis sélectionnez Paramètres. F. Debesson : francois.debesson@ac-orleans-tours.fr 7

8 Remarques : Vous pouvez de la même manière mettre à disposition des élèves un fichier.doc, XLS,.PPS (diaporama),.html... Il est possible de paramétrer l affichage du fichier à partir de l onglet Présentation. Vous pouvez tester les différents types d affichage : l affichage dans une nouvelle fenêtre (un nouvel onglet), dans une fenêtre surgissante, forcer le téléchargement. Vous pouvez aussi paramétrer des Réglages courants et Restreindre la disponibilité (par exemple, la date à partir de laquelle le fichier sera accessible par les élèves). F. Debesson : francois.debesson@ac-orleans-tours.fr 8

9 Si vous n avez pas déposé le fichier sur l espace de stockage, vous pouvez tout de même le rendre accessible grâce à la ressource Fichier. Cliquez sur le lien Ajouter une activité ou une ressource, cochez la ressource Fichier, puis cliquez sur le bouton Ajouter. Donnez un nom à votre fichier dans l onglet Généraux. Dans l onglet Contenu cliquez sur Ajouter. Si le fichier n est pas stocké sur l espace de stockage, cliquez sur Déposer un fichier dans le Sélecteur de fichiers puis cliquez sur. Dans la fenêtre Ouvrir, sélectionnez le fichier que vous souhaitez déposer puis cliquez sur le bouton Ouvrir. Cliquez sur le bouton. Le fichier déposé, cliquez sur. Un deuxième fichier (un.doc) est accessible pour tous les utilisateurs de votre cours. F. Debesson : francois.debesson@ac-orleans-tours.fr 9

10 Glisser-poser des fichiers Mettre à disposition des utilisateurs un fichier qui n a pas été au préalable déposé dans l espace de stockage en utilisant le Glisser-poser. Cliquez sur le lien Ajouter une activité ou une ressource, cochez la ressource Fichier, puis cliquez sur Ajouter, - Donnez un nom à votre fichier dans l onglet Généraux, - Réduisez votre navigateur de sorte qu il occupe la moitié de votre écran, - Ouvrez le répertoire contenant le fichier que vous souhaitez déposer et mettez les deux fenêtres côte à côte, - Cliquez sur le fichier puis, tout en maintenant le bouton gauche de la souris enfoncé, déplacez le curseur de la souris sur la flèche bleue située dans la zone Sélectionnez des fichiers, - Lâchez le fichier au-dessus de la flèche bleue en relâchant le bouton gauche de la souris. Le fichier déposé, cliquez sur. Glisser-Poser un fichier image directement sur votre page de cours. Affichez votre page de cours et réduisez votre navigateur de sorte qu il occupe la moitié de votre écran. - Ouvrez le répertoire contenant l image que vous souhaitez déposer et mettez les deux fenêtres côte à côte, - Cliquez sur le fichier zippé puis, tout en maintenant le bouton gauche de la souris enfoncé, déplacez le curseur de la souris là où vous souhaitez le déposer dans votre page de cours. - Ajoutez le fichier en relâchant le bouton gauche de la souris. Comme il s agit d un fichier image, Moodle vous propose d Ajouter une image à la page de cours ou de Créer une ressource fichier. Choisissez l une des deux options puis cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 10

11 Si la première option a été choisie, l image apparaîtra directement dans la page de cours. Si la seconde option a été choisie, un lien vers le fichier image sera créé ; l utilisateur devra cliquer sur ce lien pour afficher l image dans une fenêtre surgissante. Si vous cliquez sur le lien Modifier \ Paramètres, vous constaterez qu avec la première option, une ressource Fichier a été créée et, qu avec la seconde option, une ressource Etiquette a été créée. Glisser-Poser un fichier compressé (zippé) directement sur votre page de cours. Affichez votre page de cours et réduisez votre navigateur de sorte qu il occupe la moitié de votre écran. - Ouvrez le répertoire contenant le fichier zippé que vous souhaitez déposer et mettez les deux fenêtres côte à côte, - Cliquez sur le fichier zippé puis, tout en maintenant le bouton gauche de la souris enfoncé, déplacez le curseur de la souris là où vous souhaitez le déposer. Comme il s agit d un fichier zippé, Moodle vous propose de Décompresser les fichiers et créer un dossier (avec l arborescence du dossier) ou de Créer une Ressource fichier (seul le fichier zip sera déposé). Cochez la première option puis cliquez sur. Moodle lance la décompression des fichiers. Le dossier contenant les fichiers a été ajouté comme nouvelle ressource. Quand l utilisateur clique sur le nom de la ressource, il accède à une nouvelle page qui affiche les fichiers contenus dans le dossier. F. Debesson : francois.debesson@ac-orleans-tours.fr 11

12 Insérer un lien Internet (URL) Créez une étiquette que vous nommerez Ressources en ligne. Cliquez sur le lien Ajouter une activité ou une ressource puis double-cliquez sur URL. Dans l onglet Généraux, - saisissez un nom. Celui-ci doit être suffisamment explicite, car c est lui qui s affichera dans le cours sous la forme d un lien. - saisissez l URL de la page Internet dans la zone Contenu. - vous pouvez saisir un texte décrivant la ressource. Pour que la description soit visible par les utilisateurs, n oubliez pas de cocher l option Afficher la description sur la page de cours. Dans l onglet Présentation, sélectionnez Nouvelle fenêtre ou Dans une fenêtre surgissante comme mode d affichage de la page Internet. Cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 12

13 Par un clic sur le lien, l utilisateur ouvre une fenêtre surgissante qui affiche la page Web. F. Debesson : francois.debesson@ac-orleans-tours.fr 13

14 Ajouter des fichiers vidéo Avec Moodle vous pouvez mettre à disposition des utilisateurs une vidéo de plusieurs manières. Avant de commencer, créez une étiquette que vous nommerez Insérez des vidéos. Créer un lien vers la vidéo La première manière de faire consiste à créer un lien vers le site contenant la vidéo ( par exemple). Pour cela, procédez comme précédemment (Insérer un lien Internet (URL) p 12). En cliquant sur le lien, l utilisateur accède à la page Web contenant la vidéo. Cette méthode présente plusieurs inconvénients : - la vidéo peut disparaître à tout moment, - l élève peut avoir accès à des publicités problématiques, - l élève peut «quitter» le cours. Intégrer une vidéo dans une étiquette de votre page de cours à l aide du code d intégration La deuxième manière de faire consiste à intégrer une vidéo par le biais d une étiquette. Cliquez sur le lien Ajouter une activité ou une ressource puis double-cliquez sur Étiquette. Affichez tous les outils d édition de l éditeur de texte en cliquant sur le bouton Ajouter plus de boutons. Cliquez ensuite sur source HTML. pour afficher l Éditeur de F. Debesson : francois.debesson@ac-orleans-tours.fr 14

15 Ouvrez ensuite un nouvel onglet dans votre navigateur et rendez-vous sur YouTube ; affichez la page contenant la vidéo que vous souhaitez intégrer à votre cours ( par exemple). Sur la page YouTube, vous n utiliserez pas l URL de la page contenant la vidéo. Cliquez sur le bouton. Cliquez ensuite sur. Le code d intégration de la vidéo s affiche. Comme il est déjà sélectionné, faites un clic droit avec votre souris et cliquez sur Copier. Revenez à votre cours. Dans l éditeur de texte, collez le code d intégration (langage HTML) ; faites un clic droit avec votre souris puis cliquez sur Coller. Cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 15

16 Dans l éditeur de texte, le lecteur vidéo s affiche et non l intégralité de la page Web contenant la vidéo. Cliquez sur. La vidéo est accessible directement depuis la page de votre cours. Cette méthode est intéressante, car l élève reste sur votre cours. En revanche, elle alourdit la présentation de votre cours si vous avez beaucoup de vidéos et vous n êtes pas certain que la vidéo soit toujours accessible. F. Debesson : francois.debesson@ac-orleans-tours.fr 16

17 Intégrer une vidéo dans une page à l aide du code d intégration Cliquez sur le lien Ajouter une activité ou une ressource puis double-cliquez sur Page. Dans l onglet Généraux, saisissez le nom de votre page ; vous pouvez saisir une brève description de la page. Dans l onglet Contenu, cliquez sur afficher l Éditeur de source HTML. pour F. Debesson : francois.debesson@ac-orleans-tours.fr 17

18 Ouvrez un nouvel onglet dans votre navigateur et rendez-vous sur YouTube ; affichez la page contenant la vidéo que vous souhaitez intégrer à votre cours ( Lancez la vidéo puis faites un clic droit sur le lecteur afin d afficher un menu contextuel ; cliquez sur Copier le code d intégration. Revenez à votre page de cours puis collez le code d intégration dans l Éditeur de source HTML. Cliquez sur. À la différence de la méthode précédente, la vidéo n est plus directement accessible depuis la page du cours. Un lien a été ajouté ; un clic sur ce lien permet l ouverture de la fenêtre qui contient un lecteur vidéo. F. Debesson : francois.debesson@ac-orleans-tours.fr 18

19 La vidéo est intégrée dans la page. Dans l onglet Présentation, choisissez l option d affichage Dans une fenêtre surgissante. Vous pouvez également définir la taille de la fenêtre surgissante (Largeur et Hauteur). Cliquez sur. Un clic sur le lien ouvre une fenêtre depuis laquelle l utilisateur pourra lancer la lecture de la vidéo. F. Debesson : francois.debesson@ac-orleans-tours.fr 19

20 Déposer une vidéo afin de la rendre accessible Avec les trois méthodes précédentes, nous n avons pas déposé le fichier vidéo sur le serveur, nous nous sommes contentés de créer des liens vers la vidéo. Mais rien ne dit que ces vidéos seront toujours en ligne. Avec cette quatrième méthode, nous allons déposer le fichier vidéo sur le serveur, de sorte que si la vidéo n est plus en ligne, elle sera toujours accessible depuis votre cours. Toutefois, cette façon de procéder présente elle-même un inconvénient majeur : rien ne dit qu elle pourra être lue depuis l ordinateur de l utilisateur (en raison de problèmes de codecs vidéo). Par ailleurs, cette façon de faire suppose que sous ayez «capturé» la vidéo au préalable c està-dire que vous avez enregistré le streaming. Pour capturer une vidéo diffusée en streaming (permet la lecture d'un flux audio ou vidéo à mesure qu'il est diffusé), vous pouvez par exemple utiliser : - Firefox et le module Unplug (version sur - Internet Dowload Manager (IDM) (23 euros sur Il est conseillé de déposer sur Moodle des fichiers vidéo au format.flv ou.mp4 ; Si les fichiers capturés sont dans un autre format, utilisez le logiciel FormatFactory (logiciel gratuit à télécharger sur Une fois le fichier téléchargé et, si nécessaire, converti au format.mp4 ou.flv, vous allez le déposer comme tout autre fichier (voir page 9) : Cliquez sur le lien Ajouter une activité ou une ressource, cochez la ressource Fichier, puis cliquez sur le bouton Ajouter, - Donnez un nom à votre fichier dans l onglet Généraux, - Réduisez votre navigateur de sorte qu il occupe la moitié de votre écran, - Ouvrez le répertoire contenant le fichier vidéo que vous souhaitez déposez et mettez les deux fenêtres côte à côte, - Cliquez sur le fichier puis, tout en maintenant le bouton gauche de la souris enfoncé, déplacé le curseur de la souris sur la flèche bleue située dans la zone Sélectionner des fichiers, - Lâchez le fichier au-dessus de la flèche bleue en relâchant le bouton gauche de la souris ; attendez la fin du téléchargement de la vidéo. Dans l onglet Présentation, choisissez l une des options d affichage. Cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 20

21 Un lien a été ajouté ; un clic sur ce lien permet l ouverture de la fenêtre qui contient un lecteur vidéo. Remarques : Déposez le fichier MP4 puis le fichier.flv afin de comparer leurs modes d affichage. En effet, il arrive que le fichier.mp4 ne soit pas lu. En cas de problème de lecture des fichiers vidéo, il est conseillé de choisir l option d affichage Forcer le téléchargement dans l onglet Présentation. Cette méthode garantit l accès à la vidéo puisque vous l avez déposée sur le serveur, mais attention, car l espace de stockage sur le serveur dont dispose chaque enseignant est limité. F. Debesson : francois.debesson@ac-orleans-tours.fr 21

22 Ajouter des fichiers audio Avant de commencer, créez une étiquette que vous nommerez Insérer des fichiers audio. Comme pour les fichiers vidéo, vous devez capturer les fichiers audio. Pour cela, vous pouvez utiliser : - le podcasting via l application itunes qui permet de télécharger directement une émission de radio, - un logiciel qui permet d enregistrer le son en streaming comme Audacity ( Il est conseillé de déposer sur Moodle des fichiers audio au format.mp3 ; si les fichiers récupérés sont dans un autre format, utilisez le logiciel FormatFactory (logiciel gratuit à télécharger sur Intégrer un son qui a, au préalable, été déposé dans vos fichiers personnels dans votre page de cours Vous pouvez intégrer une vidéo par le biais d une étiquette. Cliquez sur le lien Ajouter une activité ou une ressource puis double-cliquez sur Étiquette. Saisissez un texte de présentation puis allez à la ligne (touche Entrée du clavier), Cliquez sur l outil Média. Dans la fenêtre Insérer média Moodle, cliquez sur Chercher ou déposer un son Dans le Sélecteur de fichiers, : - cliquez sur Fichiers personnels puis ouvrez le dossier contenant votre fichier audio puis sélectionnez-le en cliquant dessus. - ou cliquez sur Déposer un fichier si vous n avez pas déposé au préalable le fichier audio sur le serveur. F. Debesson : francois.debesson@ac-orleans-tours.fr 22

23 Cochez l option Créer un alias du fichier puis cliquez sur. Dans la fenêtre Insérer média Moodle, cliquez sur. Cliquez sur. La ressource audio a été intégrée dans la page de cours. L utilisateur peut lancer la lecture du fichier en cliquant sur le lecteur MP3. Déposer le fichier audio sur la page de cours par un glissé posé Affichez votre page de cours et réduisez votre navigateur de sorte qu il occupe la moitié de votre écran. - Ouvrez le répertoire contenant le fichier audio que vous souhaitez déposer et mettez les deux fenêtres côte à côte, - Cliquez sur le fichier audio puis, tout en maintenant le bouton gauche de la souris enfoncé, déplacez le curseur de la souris là où vous souhaitez le déposer. - Relâchez le bouton gauche de la souris puis laissez Moodle télécharger votre fichier. Cliquez sur. La lecture du fichier audio se lance dans une fenêtre surgissante. La ressource audio a été intégrée dans la page de cours. L utilisateur peut lancer la lecture du fichier en cliquant sur le lien. La lecture se fait dans une fenêtre surgissante qui affiche un lecteur audio. Remarque : Si vous cliquez sur le lien Modifier situé à droite de la ressource, vous constaterez que Moodle a automatiquement créé une ressource fichier. Vous pouvez modifier le titre de la ressource ainsi que différents paramètres. F. Debesson : francois.debesson@ac-orleans-tours.fr 23

24 Ajouter des pages Ajouter une Page peut permettre d alléger la page d accueil de votre cours en donnant accès à des ressources (textes, images, URL ) via une page. Avant de commencer, créez une étiquette que vous nommerez Ajouter une page. Pour Ajouter une page cliquez sur le lien Ajouter une activité ou une ressource puis doublecliquez sur Page. Insérer du texte Dans l onglet Généraux, saisissez le nom de votre page ; vous pouvez saisir une brève description de la page. Dans l onglet Contenu, vous pouvez saisir du texte ou copier-coller du texte depuis un fichier texte, depuis un PDF, depuis une page Internet Vous pouvez mettre en forme le texte à l aide des outils de la barre d outils. Pour faire apparaître tous les outils, cliquez sur l outil Afficher plus de boutons. L onglet Présentation propose deux modes d affichage : - Ouvrir : ouvre la page dans la même fenêtre, - Dans une fenêtre surgissante : ouvre une nouvelle aux dimensions de votre choix. Cliquez sur Enregistrer et revenir au cours. F. Debesson : francois.debesson@ac-orleans-tours.fr 24

25 Insérer un tableau Dans l éditeur de texte cliquez sur Insérer/modifier tableau. Dans la boîte de dialogue saisissez les paramètres de votre tableau puis cliquez sur. Complétez ensuite le tableau. Pour modifier un tableau, sélectionnez-le puis faites un clic droit. Vous accédez à un menu contextuel qui vous permettra de modifier le tableau. F. Debesson : francois.debesson@ac-orleans-tours.fr 25

26 Cliquez sur. Un lien a été ajouté ; un clic sur ce lien permet l ouverture de la fenêtre surgissante qui contient le texte et le tableau. Pour ajouter d autres éléments à la page créée cliquez sur le lien Modifier situé à droite du lien puis sélectionnez Paramètres. F. Debesson : francois.debesson@ac-orleans-tours.fr 26

27 Insérer un lien - vers une page Web Saisissez le texte auquel vous allez affecter le lien. Sélectionnez ensuite le mot ou l expression. Cliquez sur l outil. Dans la fenêtre Insérer / éditer un lien, saisissez ou copiez-collez l adresse de la page web (l URL), puis sélectionnez l option Ouvrir dans une nouvelle fenêtre. Cliquez sur. Cliquez sur. Le lien est désormais actif. F. Debesson : francois.debesson@ac-orleans-tours.fr 27

28 - vers un fichier (texte, tableur, pdf, audio, vidéo) Comme pour un lien vers une page Web, saisissez le texte auquel vous allez affecter le lien puis sélectionnez le mot ou l expression. Cliquez sur l outil. Dans la fenêtre Insérer / éditer un lien, cliquez sur. Dans le Sélecteur de fichiers, cliquez sur Déposer un fichier si vous ne l avez pas déposé sur le serveur ou sur Fichiers personnels si vous l avez déposé sur le serveur. Le fichier déposé, sélectionnez l option Ouvrir dans une nouvelle fenêtre puis cliquez sur. Cliquez sur. Le fichier est désormais accessible depuis la page. F. Debesson : francois.debesson@ac-orleans-tours.fr 28

29 Insérer une image Positionnez le curseur de la souris à l endroit où vous voulez insérer une image. Cliquez sur l outil. Dans la fenêtre Insérer / éditer une image cliquez sur Chercher ou déposer une image Dans le Sélecteur de fichiers, cliquez sur Déposer un fichier si vous n avez pas déposé l image sur le serveur ou sur Fichiers personnels si vous l avez déposée sur le serveur. Le fichier sélectionné, cochez l option Créer un alias du fichier puis cliquez sur. Dans la fenêtre Insérer / éditer une image cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 29

30 Cliquez sur. L image a été intégrée dans votre page. Insérer un fichier multimédia Positionnez le curseur de la souris à l endroit où vous voulez insérer une vidéo. Cliquez sur l outil. Dans la fenêtre Insérer média Moodle cliquez sur Chercher ou déposer un son, une vidéo Dans le Sélecteur de fichiers, cliquez sur Déposer un fichier si vous n avez pas déposé la vidéo sur le serveur ou sur Fichiers personnels si vous l avez déposée sur le serveur. Le fichier sélectionné, cochez l option Créer un alias du fichier puis cliquez sur. Dans la fenêtre Insérer média Moodle cliquez sur. Pour un fichier audio, procédez de la même manière. F. Debesson : francois.debesson@ac-orleans-tours.fr 30

31 Cliquez sur. Un clic sur le lien de la page de cours permet l affichage de la page qui contient un texte, un tableau, des liens vers une page Web et vers des fichiers, une image, un son et une vidéo. Cette solution permet de ne pas encombrer sa page de cours. F. Debesson : francois.debesson@ac-orleans-tours.fr 31

32 Insérer des exercices réalisés avec Hot Potatoes, Didapages ou Images actives Prérequis : avoir réalisé l exercice avec l un des logiciels et l avoir généré au format.html (Hot Potatoes ou LearningApps) ou au format.swf (Images Active). Avant de commencer, créez une étiquette que vous nommerez Des exercices interactifs. Un exercice Hot Potatoes Pour ajouter un exercice Hot Potatoes ou LearningApps : Cliquez sur le lien Ajouter une activité ou une ressource puis double-cliquez sur Fichier. Dans la zone Généraux, - saisissez un nom puis une brève description de l exercice. - cliquez sur, saisissez le nom du dossier (le nom de l exercice) dans la boîte de dialogue puis cliquez sur. Choisissez le mode d affichage Cliquez sur le dossier nouvellement créé afin de l ouvrir puis y déposer tous les fichiers de l exercice (le fichier.html, mais aussi tous les autres fichiers utilisés, une image ici). Si plusieurs fichiers sont dans le dossier, faites un clic droit sur le fichier portant l extension.htm puis, dans la boîte de dialogue qui s affiche, cliquez sur s ouvrira sur la page. Cliquez sur. pour définir le fichier qui F. Debesson : francois.debesson@ac-orleans-tours.fr 32

33 Un lien a été ajouté ; un clic sur ce lien permet l ouverture d une fenêtre qui contient l exercice. Remarque : Vous pouvez compresser au format.zip le dossier contenant le fichier.htm et les documents utilisés dans l exercice, puis vous déposez et décompressez ce fichier.zip. F. Debesson : francois.debesson@ac-orleans-tours.fr 33

34 Un exercice réalisé avec Images Actives Images Actives génère un dossier contenant plusieurs fichiers. Si vous voulez insérer ce type d exercice dans votre cours, vous devrez déposer tous les fichiers dans un même dossier. Pour ajouter un exercice dans une section d un cours, cliquez sur le lien Ajouter une activité ou une ressource, puis double cliquez sur Fichier. Procédez ensuite comme pour un exercice Hot Potatoes. Surtout, n oubliez pas de déposer l ensemble des fichiers générés par Images Actives. Pour gagner de temps, vous pouvez déposer le fichier compressé contenant tous les fichiers. Décompactez ensuite le fichier.zip F. Debesson : francois.debesson@ac-orleans-tours.fr 34

35 Les fichiers déposés, cliquez sur le fichier au format.html (ici, c est le fichier previsualisation.html) ; c est le fichier qui lancera dans le navigateur l animation flash générée par Images). Dans la boîte de dialogue qui s affiche, cliquez sur. Dans la zone Présentation, choisissez Nouvelle fenêtre comme mode d affichage. Cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 35

36 Un lien a été ajouté ; un clic sur ce lien permet l ouverture d une fenêtre qui contient l exercice. F. Debesson : francois.debesson@ac-orleans-tours.fr 36

37 Insérer un livre Un livre est un ensemble de pages. Si vous savez créer une page, vous saurez créer un livre. Un livre permet de rendre accessible un ensemble de ressource à partir d un seul lien. Avant de commencer, créez une étiquette que vous nommerez Ajouter un livre. Pour ajouter un livre dans la nouvelle section du cours, cliquez sur le lien Ajouter une activité ou une ressource, puis double cliquez sur Livre. Dans l onglet Généraux, donnez un titre à votre livre puis saisissez une courte description. Puis dans l onglet Présentation, sélectionnez Nombres dans Format des titres des chapitres. Cliquez sur. Le livre a été ajouté, mais il s agit d une enveloppe. Il faut maintenant ajouter des pages à votre livre. Pour cela, cliquez sur le lien. F. Debesson : francois.debesson@ac-orleans-tours.fr 37

38 Saisissez le titre du premier chapitre puis insérez du contenu comme dans une page (voir pages 24 à 30). Cliquez sur. Le premier chapitre du cours a été créé. Un bloc Table des matières a été ajouté. À partir de celui-ci, vous pouvez : - modifier votre premier chapitre, cliquez sur, - ajouter un chapitre, cliquez sur - supprimer le chapitre, - cacher le chapitre. Dans le bloc Administration, la rubrique Administration du livre a été ajoutée. Vous pouvez, par exemple, modifier les paramètres de votre livre. Cliquez sur puis ajoutez un second chapitre. Le nouveau chapitre apparaît dans la table des matières. Saisissez du contenu dans ce nouveau chapitre. Un deuxième chapitre a été ajouté. Il est possible de déplacer les chapitres vers le haut ou vers le bas en cliquant sur les flèches. F. Debesson : francois.debesson@ac-orleans-tours.fr 38

39 Prenez le rôle Elève. L utilisateur peut naviguer dans le livre par l intermédiaire de la Table des matières ou en cliquant sur les flèches de navigation Quand il est arrivé à la fin du livre, l utilisateur peut sortir du livre en cliquant sur la flèche. Dans un chapitre, il est possible de créer des sous-chapitres. Cliquez sur situé à droite du chapitre dans lequel vous voulez insérer un sous-chapitre. Saisissez le titre du chapitre puis cochez l option sous-chapitre. Saisissez une brève présentation puis cliquez sur le bouton. Un sous-chapitre a été ajouté au chapitre 1. Un sous-chapitre a été ajouté au chapitre 1. F. Debesson : francois.debesson@ac-orleans-tours.fr 39

40 Insérer une galerie d images Avant de commencer, créez une étiquette que vous nommerez Ajouter une galerie d images. Pour ajouter une galerie d images dans une section du cours, cliquez sur le lien Ajouter une activité ou une ressource, puis double cliquez sur Galerie d images. Dans l onglet Généraux, saisissez un nom puis une courte description de la ressource. Dans l onglet Avancé, vous pouvez configurer des options d affichage des images. Cliquez sur ajouter des images dans votre galerie. pour F. Debesson : francois.debesson@ac-orleans-tours.fr 40

41 Dans votre page de cours, cliquez sur le lien de votre Galerie d images. Dans la fenêtre Galerie d affichage cliquez sur Ajouter des images. Pour déposer des images, vous pouvez : - passer par le Sélecteur de fichiers en cliquant sur Ajouter, - ou utiliser le glisser-poser sur la flèche bleue. Si vous désirez charger plusieurs fichiers en une seule fois, vous pouvez utiliser un fichier zip contenant toutes les images. Cliquez sur le bouton images de votre galerie. pour afficher les Votre galerie affiche des miniatures. Pour afficher une image, il faut cliquer sur sa miniature. L image s affiche dans une fenêtre. Vous pouvez télécharger l image. Pour fermer l image, cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 41

42 Si vous souhaitez modifier votre galerie d images, vous pouvez : - soit cliquer sur le bouton, pour modifier les paramètres de votre galerie d images, - soit sur le bouton, pour modifier les paramètres d affichage de vos images. Cliquez sur le bouton. Sous chaque image apparaît une liste déroulante qui va vous permettre d effectuer différentes tâches : - Sous-titre : par défaut, c est le nom du fichier qui s affiche ; si vous cliquez sur Sous-titre vous pouvez modifier le texte qui s affichera sous l image. - Effacer : permet de supprimer l image. - Miroir : permet de créer un effet miroir. - Redimensionner : permet de modifier la taille de l image. - Rotation : permet d appliquer un angle de rotation à l image. - Tags : c est la même chose que Sous-titre. - Miniature : permet de modifier des paramètres des miniatures. Vous pouvez utiliser les onglets pour paramétrer l image sélectionnée. Pour retourner à la galerie en mode édition, cliquez sur. Ensuite, cliquez sur. F. Debesson : francois.debesson@ac-orleans-tours.fr 42