Guide logiciel auteur myudutu

Transcription

1 Guide logiciel auteur my Ce document est mis à disposition selon le Contrat Attribution-ShareAlike 3.0 Unported disponible en ligne ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.

2 Guide En guise d'apéritif : Se connecter à my : Créer un nouveau cours ou ouvrir un cours existant : Construire la structure du cours : Insérer des écrans...10 Basic screen...10 Télécharger un média pour l'insérer dans un écran...15 Composer un texte pour l'insérer dans un écran...16 Assessment screen : Exporter le cours...23 Pour aller plus loin...24 Advanced screen...24 Scenario...30 Library...33 Liens utiles...35 [2]/35

3 En guise d'apéritif... En guise d'apéritif... est un logiciel auteur qui permet de créer des supports pédagogiques de type elearning. Il s'utilise en ligne en se connectant à l'adresse du site, aucune installation n'est nécessaire sur l'ordinateur, tout se fait via un navigateur Web (Firefox par exemple). Le logiciel est actuellement disponible en anglais, espagnol et turc mais une version française est en préparation. Comment créer des cours? Voici les différentes étapes : 1. se connecter 2. créer un nouveau cours ou ouvrir un cours déjà existant 3. créer/modifier la structure du cours (son scénario global) et y insérer des pages 4. paramétrer le contenu de chaque page 5. exporter le cours au format SCORM sur son ordinateur puis le déposer dans un LMS La structure du cours et son contenu découlent directement du scénario que vous avez préparé durant la phase de conception. Le cours peut correspondre à la notion de séquence et les groupes aux différentes étapes au sein de la séquence. Voici un exemple de cours : Le cours Un 1er groupe (subdivision du cours) 2 pages de présentation («basic screen») Un 2eme groupe 5 pages d'exercices («assessment screens») 1 page de conclusion («basic sreen») Un 3eme groupe contenant une alternance de «basic screens» et «assessment screens» [3]/35

4 1 : Se connecter à my 1 : Se connecter à my Dans votre navigateur, entrez l'url : votre login : votre mot de passe : et cliquez pour vous connecter La page d'accueil présente 3 onglets principaux : Workspace C'est dans cet onglet que vous travaillerez la plupart du temps. C'est ici que se créent et modifient les contenus de cours. Library La librairie contient tous les documents téléchargés pour être intégrés dans les pages de cours (images, sons...) Administration Gestion des utiliateurs, du compte... [4]/35

5 2 : Créer un nouveau cours ou ouvrir un cours existant 2 : Créer un nouveau cours ou ouvrir un cours existant Vous devez être sur l'onglet Create et dans Workspace Pour créer un nouveau cours : entrez son nom ici et cliquez sur le bouton create new course Pour modifier un cours existant : cliquez sur son titre après l'avoir repéré dans la liste [5]/35

6 2 : Créer un nouveau cours ou ouvrir un cours existant L'onglet «author», celui dans lequel vous bâtissez le contenu du cours, s'est ouvert automatiquement Une structure de départ a été créée : elle contient un seul groupe. Vous pouvez modifier le nom du cours... Choisissez dans la liste déroulante le style du cours (habillage graphique d'ensemble)... et lui donner une description N'oubliez pas d'enregistrer vos modifications en cliquant sur le bouton «save» [6]/35

7 3 : Construire la structure du cours 3 : Construire la structure du cours Votre espace de travail : Cette zone contient une série de boutons vous permettant d'ajouter au cours des groupes ou des pages. Cette zone présente la structure de votre cours : l'ensemble des groupes et des pages y est listé. Vous pouvez déplacer un élément en le faisant glisser verticalement. Cliquez sur un élément pour le sélectionner et travailler sur son contenu. Cette zone varie selon l'élément sélectionné dans la zone de gauche. C'est ici que vous construisez le contenu de chaque page. Le bouton «delete» permet de supprimer l'élément sélectionné dans le zone de gauche. Il faudra confirmer la suppression en entrant le mot DELETE en majuscules dans une fenêtre popup. [7]/35

8 Pour commencez, sélectionnez le 1er groupe créé en cliquant sur son nom. 3 : Construire la structure du cours Et donnez lui l'intitulé de la 1ere section de votre séquence. N'oubliez pas de valider en cliquant sur «save» Vous allez maintenant créer les différentes sections de votre séquence. Cliquez sur le nom du cours pour le sélectionner et sur le bouton «group» pour insérer la 2eme section de votre séquence. Comme précédemment, entrez l'intitulé du nouveau groupe et sauvez. [8]/35

9 3 : Construire la structure du cours Si votre séquence comporte des sous-sections vous les ajouterez de la même façon, en sélectionnant le nom de la section «parente» avant de la créer (au lieu de sélectionner le nom du cours comme précédemment). En un mot : chaque nouveau groupe est créé à l'intérieur de celui qui était sélectionné lorsque vous avec cliqué sur le bouton d'ajout. Votre structure est en place? Vous allez maintenant y insérer des «écrans» (screens). Mais vous pourrez à tout moment ajouter ou supprimer des groupes dans votre cours, modifier leurs attributs (titre, description...) en les sélectionnant à nouveau dans le zone de gauche ou modifier la structure du cours en déplaçant un groupe (cliquez sur le groupe à déplacer et faites le glisser en maintenant enfoncé le bouton de la souris pour l'amener vers le haut ou le bas). [9]/35

10 4 : Insérer des écrans 4 : Insérer des écrans Vous travaillerez principalement avec 2 types d'écrans : des «basic screens» : destinés à présenter du contenu (texte, images, vidéos, commentaires audio...) des «assessment screens» : destinés à réaliser des exercices Sélectionnez le groupe qui va contenir le nouvel écran et choisissez «basic screen»... ou «assessment screen» Basic screen Après avoir inséré un nouvel écran, le fenêtre de travail se présente ainsi : Vous retrouvez la structure de votre cours à gauche, les boutons permettant d'ajouter des éléments en haut, et la partie centrale présente maintenant les outils grâce auxquels vous allez pouvoir enfin entrer du contenu dans votre écran. [10]/35

11 4 : Insérer des écrans Il faut en premier lieu choisir un type d'écran (une configuration générale) en cliquant sur l'une des icônes de la partie supérieure : De gauche à droite : 1 objet multimédia (image ou vidéo) + 1 zone de texte «riche» (texte dans lequel on pourra également insérer des images, des liens, etc.) 2 objets multimédias + 1 zone de texte «riche» 1 objet multimédia + 1 zone de texte (comme le 1er mais disposés l'un sous l'autre) 2 objets multimédias + 1 zone de texte (disposés l'un sous l'autre) 1 seule zone de texte «riche» 1 seul objet multimédia une liste de liens dans la partie gauche et un contenu à droite qui variera selon le lien cliqué par l'apprenant dans la partie gauche. Le contenu de la partie droite peut être un objet multimédia, un texte ou les 2 superposés. 1 objet multimédia + 1 zone de texte suivis d'une série de boutons (de 1 à 4) pour faire des liens vers les autres pages du cours (par exemple «revoir l'introduction» ou «passer à l'exercice») 1 seul objet multimédia suivi des boutons comme ci-dessus [11]/35

12 4 : Insérer des écrans 1 seule zone de texte suivie des boutons comme ci-dessus 1 document PDF qui s'affichera comme contenu de l'écran Pour comprendre ces différentes configurations, le mieux est de les essayer : le bouton «preview» en haut de l'espace de travail, vous permet à tout moment d'avoir un aperçu de l'écran tel que le verront les utilisateurs. [12]/35

13 4 : Insérer des écrans La zone de travail varie selon le type d'écran choisi. Voici sa configuration lorsqu'on choisit le 1er type «1 Media + 1 Rich Text» Le nom de l'écran et sa description (facultative) Glissez la souris sur cette zone puis cliquer sur «add» pour ajouter une image depuis votre ordinateur ou sur «library» si celle-ci a déjà été téléchargée. (voir plus loin) Ce bouton permet d'inverser la disposition de l'écran. N'oubliez pas d'enregistrer vos modification! Glissez la souris sur cette zone puis cliquer sur «add» pour composer un texte ou sur «library» pour récupérer un texte déjà enregistré. (voir plus loin) [13]/35

14 4 : Insérer des écrans En faisant défiler votre écran vers le bas, vous accédez à une zone qui permet de lui associer un commentaire audio. Votre fichier audio doit avoir été préalablement enregistré (avec le logiciel Audacity par exemple) et sauvegardé sur votre ordinateur au format MP3. Cliquez sur «add» pour télécharger un fichier audio depuis votre ordinateur ou sur «library» si le fichier audio a déjà été téléchargé. Et n'oubliez pas «save» pour enregistrer toutes vos modifications! [14]/35

15 4 : Insérer des écrans Télécharger un média pour l'insérer dans un écran Lorsque vous cliquez sur le bouton add dans une zone d'insertion de média, une fenêtre popup apparaît : Cliquez d'abord sur ce bouton pour sélectionner le fichier sur votre ordinateur. Vous pouvez lui donner un titre et une description pour le retrouver plus facilement dans la «library». En cliquant sur «save» le fichier sera à la fois inséré dans l'écran et placé dans la «library» : vous pourrez ainsi le ré-utiliser dans un autre écran. [15]/35

16 4 : Insérer des écrans Composer un texte pour l'insérer dans un écran Lorsque vous cliquez sur le bouton add dans une zone d'insertion de texte, une fenêtre popup apparaît : [16]/35

17 4 : Insérer des écrans Assessment screen Les écrans d'exercice s'insèrent dans la structure du cours comme les écrans de base : sélectionner le groupe ou sous-groupe dans lequel insérer l'exercice puis cliquer sur «assessment screen». Vous pouvez choisir parmi les 16 types d'exercices disponibles : De gauche à droite : 1 image sur la gauche + une question à choix multiple sur la droite (6 propositions de réponses possible, il peut y avoir plusieurs bonnes réponses) une question à choix multiple sans image (8 propositions de réponses possible, il peut y avoir plusieurs bonnes réponses) une série d'images (jusqu'à 4) auxquelles il faudra associer des étiquettes une série d'images comme précédemment mais permettant de proposer jusqu'à 8 images [17]/35

18 4 : Insérer des écrans une question à choix multiple dans laquelle il faut cocher des images (jusqu'à 4 images) un exercice de remise en ordre d'étiquettes par glisser-déposer une série de 9 images dont une ou plusieurs devront être déplacées pour répondre à la question une image qui sera découpée selon un quadrillage de 9 cases, il faudra cocher la bonne case une série de phrases à placer correctement dans une liste une autre variante de QCM avec 1 image à gauche [18]/35

19 4 : Insérer des écrans une image dans laquelle il faudra cocher une ou plusieurs zones une série d'images (4) et un son à entendre avant de sélectionner une ou plusieurs images une série de sons à écouter et une image : il faut sélectionner un ou plusieurs sons. QCM avec 1 image et 1 son (4 propositions de réponses) 1 image et 1 son : il faut enregistrer sa voix pour répondre (ré-écoute possible) remise en ordre d'étiquettes d'images par glisser-déposer (jusqu'à 12 images) [19]/35

20 4 : Insérer des écrans Quel que soit le type de question, chaque «assessment screen» présente des options communes. Prenons l'exemple du premier type de question : QCM avec image. Nom de l'écran Description (facultative) Self assessment : plusieurs tentatives autorisées Scored : une seule tentative La zone D dépend du type de question et correspond à son contenu : Consigne Cliquer sur add pour télécharger une image ou sur library si elle est déjà téléchargée. Question Réponses, cocher la ou les réponses correcte(s). [20]/35

21 4 : Insérer des écrans Plus bas dans l'écran, la zone E correspond aux rétroactions et aux intitulés des boutons : Branchement (facultatif) vers un autre écran du cours après une bonne réponse (idem au dessous pour une réponse incorrecte ou incomplète) Commentaire audio en cas de bonne réponse (idem au dessous en cas de réponse incorrecte) Commentaire affiché si la réponse est correcte Commentaire affiché si la réponse est incorrecte Commentaire affiché si la réponse est incomplète Commentaire affiché si l'utilisateur clique sur le bouton pour voir la réponse Texte du bouton de validation Texte du bouton «voir la réponse» (ne s'affiche que pour les questions de type «self assessment») Texte du bouton «revoir la consigne» Texte du bouton de fermeture des popup [21]/35

22 4 : Insérer des écrans Enfin, la zone F permet d'insérer un commentaire audio qui sera joué à l'affichage de l'écran. Cliquer sur «add» pour télécharger un fichier son depuis l'ordinateur ou sur «library» pour reprendre un fichier déjà téléchargé. Le bouton «save» enregistre l'ensemble des paramètres de l'écran! [22]/35

23 5 : Exporter le cours 5 : Exporter le cours Une fois le cours terminé (ou pour conserver une sauvegarde du travail en cours) : Sélectionner l'onglet «distribute» dans l'espace de travail Vérifiez le titre du cours qui va être enregistré et cliquez sur «extract» Vous devez attendre l'affichage de cette fenêtre : Cliquez sur le lien pour transférer le cours vers votre ordinateur. [23]/35

24 Pour aller plus loin Pour aller plus loin Advanced screen Ils sont comparables aux écrans de base enrichis en animations et interactivités. Dans un «advanced screen», les apprenants peuvent visualiser un enchaînement de diapositives (un peu comme un diaporama de type Powerpoint) ou une série d'images qui donneront des informations supplémentaires au survol de la souris. 8 types d'écrans «avancés» sont disponibles : De gauche à droite : Enchaînement de diapositives. Le même que précédemment avec des boutons (1 à 4) au bas de l'écran pour branchements vers d'autres écrans du cours. Une série d'images avec un texte s'affichant au survol de chaque image. Le même que précédemment avec des boutons (1 à 4) au bas de l'écran pour branchements vers d'autres écrans du cours. [24]/35

25 Pour aller plus loin Une image dans laquelle on définit des zones : un commentaire s'affichera au survol de chaque zone. Le même que précédemment avec des boutons (1 à 4) au bas de l'écran pour branchements vers d'autres écrans du cours. Un texte en forme de liste dont les lignes s'afficheront pas à pas. Le même que précédemment avec des boutons (1 à 4) au bas de l'écran pour branchements vers d'autres écrans du cours. [25]/35

26 Pour aller plus loin Premier exemple : Advanced screen de type Slideshow On définit une série de diapositives qui défileront automatiquement sur l'écran. Description (facultative) Nom de l'écran Durée d'affichage de chaque diapositive pour le défilement automatique (en nombre de secondes) N'oubliez pas de sauver! Ici s'affiche un aperçu des diapositives que vous insérez dans l'écran Cliquez pour sélectionner la diapositive à modifier Ces boutons permettent de déplacer les diapositives : modifier leur ordre d'apparition. Insérer une nouvelle diapo Supprimer la diapo sélectionnée [26]/35

27 Pour aller plus loin Zone de contenu de la diapositive sélectionnée : Cliquez sur add ou library pour ajoutez une image depuis l'ordinateur ou à partir de la library. Ecrivez ici le texte de commentaire qui s'affichera au dessus ou au dessous de l'image. Position du texte dans l'écran Position de l'image dans l'écran Durée d'affichage spécifique pour cette diapo On peut ajouter un commentaire audio associé à cette diapo Chaque diapositive doit être enregistrée avant de passer à la suivante! [27]/35

28 Pour aller plus loin Deuxième exemple : Advanced screen de type Image Rollover L'écran se présentera sous la forme d'une bande d'images, au passage de la souris s'affichera un commentaire (écrit et/ou audio) associé à chaque image. Description (facultative) Nom de l'écran Ici s'affiche un aperçu des images que vous insérez dans l'écran Cliquez pour sélectionner l''image à modifier Insérer une nouvelle image Supprimer l'image sélectionnée Ces boutons permettent de déplacer les images. [28]/35

29 Pour aller plus loin Zone d'édition du commentaire associé à l'image sélectionnée : Ces boutons permettent de modifier l'image elle-même Ecrivez ici le titre du commentaire à afficher au survol de l'image Téléchargez ou choisissez dans la library le fichier audio à jouer au srvol de l'image. (peut être omis si l'on souhaite juste un commentaire écrit) Texte du commentaire. (Titre et texte peuvent être omis si l'on souhaite juste un commentaire audio) Chaque image doit être enregistrée avant de passer à la suivante! [29]/35

30 Pour aller plus loin Scenario Ils permettent de générer automatiquement un ensemble d'écrans selon la structure choisie. Les pages générées seront vides de contenus (il faudra les reprendre une à une pour les compléter) mais comporteront déjà les liens entre écrans pour proposer aux apprenants un parcours personnalisé selon leurs choix et leurs réponses aux exercices. Il n'est pas conseillé d'utiliser les scénarios en débutant mais ils peuvent vous faire gagner du temps si votre séquence correspond bien à l'un des schémas proposés. C'est par exemple le cas d'une séquence dans laquelle vous avez prévu de passer à la question suivante en cas de réussite et de renvoyer à un rappel du cours en cas d'échec. Les icones ci-dessus symbolisent bien la structure de chaque scénario et permettent de comprendre intuitivement son fonctionnement : Ecran de base Ecran de question Branchement pour réponse correcte Branchement pour réponse incorrecte Le scénario fournit un point de départ, vous pouvez ensuite ajouter ou supprimer des écrans et bien sûr modifier leurs contenus. [30]/35

31 Pour aller plus loin Par exemple, le scenario «advanced assessment 2 deep» génère la structure suivante : Un écran d'introduction avec un bouton de branchement vers la 1ere question 2 Un écran de question avec des branchements différents selon que la réponse est correcte ou incorrecte [31]/35

32 Pour aller plus loin 3 Un écran de commentaire suite à la réponse correcte avec un bouton pour passer ensuite à la question suivante 4 Un écran de commentaire suite à la réponse incorrecte avec un bouton pour passer ensuite à la question suivante 5 La question 2 (suivant une réussite de la question 1) avec des branchements différents selon que la réponse est correcte ou incorrecte etc... [32]/35

33 Pour aller plus loin Library Elle contient l'ensemble des médias (images, sons...) qui ont été insérés dans les différentes page de cours. Lorsqu'on crée un écran, on peut également l'ajouter à la librairie pour le réutiliser dans un autre cours. La librairie est commune à tous les cours de l'espace de travail et permet donc de réutiliser des medias d'une page à l'autre, d'un cours à l'autre. Chaque fois qu'un média peut être inséré, vous avez le choix : Soit le télécharger depuis l'ordinateur Soit le choisir parmi les ressources de la librairy Chaque bouton d'insertion comporte également une flèche sur fond vert pour aller sélectionner dans la library l'élément à insérer : En glissant la souris sur la flèche un lien vers la library apparaît [33]/35

34 Pour aller plus loin L'onglet Library permet de consulter son contenu Sélectionnez éventuellement un type de média à afficher et cliquez sur search pour afficher les médias [34]/35

35 Liens utiles Liens utiles site du logiciel : tutoriels animés (en anglais) : Ce document est mis à disposition selon le Contrat Attribution-ShareAlike 3.0 Unported disponible en ligne ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA. [35]/35