créer des séquences de formation avec exelearningcréer des séquences de formation avec...

Créer des séquences de formation avec eXeLearning

1.Interface et commandes...............................11.1.Barre des menus...................................11.2.L'espace de travail................................2

2.Propriétés d'une séquence...........................42.1.Onglet "Dossier"....................................42.2.Onglet "Métadonnées"..........................42.3.Onglet "Exportation"..............................5

3.L'éditeur de texte TinyMCE...........................53.1.Rédiger du texte....................................53.2.Commandes d'édition...........................53.3.Formater du texte..................................53.4.Créer des ancres...................................63.5.Insérer des liens....................................63.6.Insérer des images................................63.7.Insérer un tableau.................................7

4.Contenu des pages d'une séquence............84.1.Les types de contenus .........................84.2.Insérer et modifier des contenus ..........84.3.Insérer un article Wikipédia...................84.4.Afficher une page Web (Lien)...............94.5.Intégrer un flux RSS..............................94.6.Vidéos YouTube et Dailymotion............94.7.Texte à trous........................................104.8.Exercice "VRAI ou FAUX"...................114.9.QCM et sélection multiple...................114.10.Quiz SCORM.....................................114.11.Galerie d'images................................124.12.Insérer une image sous la loupe.......124.13.Insérer une applet Java....................13

5.Exporter une séquence...............................136.Utilisation avancée......................................137.Crédits et license........................................14

Le logiciel auteur eXeLearning est un éditeur decontenus éducatifs libre et gratuit (licenceGPLv3.0) qui permet de créer, dans tous les do-maines de l'enseignement, des séquences deformation intégrant textes, images, exercices in-teractifs (textes à trous, QCM, etc.) et contenusmultimédias.

Simple, efficace, multiplate-forme (Windows, Mac,Linux, BSD) il séduira autant l'enseignant, qui ytrouvera une manière simple de créer des coursattractifs, que l'apprenant qui pourra s'en servirpour produire des travaux et s'initier à une utilisa-tion correcte des ressources d'Internet.

ExeLearning s'avère un environnement de créationde ressources indispensable en amont de plate-formes LMS telles que Moodle, Claroline, Ganesha,etc.

Développé initialement à l’Université d’Aucklanden Nouvelle-Zélande, puis mis en standby parmanque de fonds, son développement a été ré-cemment relancé, grâce au support du Ministère

Espagnol de l'Éducation, par une nouvelle équipede développeurs, à l'adresse suivante :http://exelearning.net/?lang=en.

Sous Windows, eXeLearning est disponible en deuxversions :– Une version installable (exe_install_windows.exe) :

il suffit de double-cliquer sur le fichier téléchargépour démarrer l'installation sur le disque durcomme pour n'importe quel autre logiciel. Par dé-faut, le programme s'installe dans le répertoireC:/Program Files/eXe/.

– Une version portable (exe_ready_to_run_file) : di-rectement exécutable par un double clic .Vouspouvez emporter cet exécutable sur une clé USBpour faire tourner eXe sur n'importe quelle ma-chine sous Windows.

1. Interface et commandesLa fenêtre du programme est représentée par unonglet qui apparaît dans la barre des onglets devotre navigateur Internet (Iron si vous utilisez laclé SEP). Cet onglet affiche le nom du programme"eXe" suivi de l'intitulé du noeud sélectionné dansl'arborescence.

Le bouton de fermeture de l'onglet marqué d'un Xaffiche la boîte de message ci-dessous.

En cliquant sur le bouton Quitter cette page vousrefermez l'application. En cliquant sur le boutonRester sur cette page, vous restez dans eXe.

1.1. Barre des menusSous la zone de commande de votre navigateurInternet se trouve la barre des menus de eXe,avec ses menus Fichier, Outils, Styles, Aide.

– Fichier : renferme les commandes d'ouverture,d'enregistrement, d'exportation, d'impression,ainsi que la commande de fermeture du pro-gramme. On y trouve également la commande

www.softenpoche.com Version : 27.04.14 License : GPLv3.0

de 14

http://exelearning.net/?lang=en

http://opensource.org/licenses/GPL-3.0


http://www.softenpoche.com/


Fusion en cours, qui permet d'insérer ou d'ex-traire un noeud, et les commandes Importationet Exportation pour importer un cours HTMLdans la session active ou exporter la séquencede formation active dans différents formats.

– Outils : renferme la commande Préférencesque vous utiliserez pour choisir la langue de l'in-terface.

– Styles : cette commande renferme une liste dethèmes prédéfinis dans laquelle vous pouvez ef-fectuer votre choix.

– Aide : ce menu comporte des liens vers des ma-nuels d'utilisation et notamment le manuelTutoriel eXe au format .elp du logiciel (si vousl'affichez, vous refermerez automatiquement ledocument en cours puisque eXe ne peut affi-cher simultanément plusieurs documents). Lelien Manuel eXe vous conduit à un manuel enligne en anglais. Les notes de réalisation vousafficheront un fichier texte avec des infos deversion du logiciel. Vous trouverez encore desliens vous permettant d'atteindre le site web duprojet, son forum, ou encore une page dédiéepour remonter les bugs rencontrés. Enfin lacommande À propos affiche une fenêtre d'infosde version ainsi que la liste des auteurs du logi-ciel.

1.2. L'espace de travailSous la barre des menus apparaît votre espacede travail constitué de 3 panneaux redimension-nables par un cliquer-glisser sur leurs barres deséparation.

Le volet de gauche se compose de deux pan-neaux superposés : le panneau Plan (supérieur)et le panneau Outils pédagogiques (inférieur). Levolet de droite est réservé à l'affichage et à lacomposition des pages de la séquence.

Le plan de la séquenceIl occupe la zone supérieure du volet gauche etpermet de créer le plan de la séquence de forma-tion. Il se présente sous forme d'unearborescence de noeuds subordonnés à unnoeud racine situé au sommet. À chaque noeudcorrespond une page qui s'affiche dans le voletdroit lorsque le noeud est sélectionné.

Au dessus de la zone d'affichage du plan, 3 bou-tons commande permettent la création denouveaux noeuds (subordonnés au noeud sélec-tionné), leur suppression ou leur renommage.

– Ajouter une page : insère un nouveau noeud su-bordonné au noeud sélectionné.

– Supprimer : supprime le noeud sélectionné avectous ses enfants (noeuds qui lui sont subordon-nés dans l'arborescence).

– Renommer : permet de renommer le noeud sé-lectionné. Remarquez qu'un double clic sur unnoeud ouvre également la boîte permettant dele renommer.

Chaque noeud de l'arborescence possède unmenu contextuel composé de deux commandes :

– Insérer le dossier : permet d'importer les conte-nus d'un fichier .elp (format des fichiers eXe)dans la séquence en construction.

– Extraire le dossier : permet d'enregistrer séparé-ment une partie de la structure. Pour extraire unnoeud, le sélectionner, choisir sa commandecontextuelle Extraire le dossier. Dans la fe-nêtre affichée, inscrire un nouveau nom etenregistrer. Cette opération ne supprime pas lenoeud sélectionné.

Au bas du volet une barre comprenant 4 boutonspermet de gérer l'arborescence de la séquence :le premier bouton permet de remonter le noeudsélectionné d'un niveau dans la hiérarchie, le se-cond de le descendre d'un niveau. Les deuxderniers boutons permettent simplement de mon-ter/descendre le noeud sélectionné sans rien


de 14




changer à son niveau hiérarchique dans l'arbores-cence.

Lorsqu'on ajoute des pages (noeuds), le pro-gramme leur attribue un nom par défaut, selonleur position hiérarchique dans le plan, comme re-présenté ci-dessous.

Ces noms par défaut peuvent être changés dansl'onglet Propriétés – Dossier dans le volet droit,comme on le verra dans la rubrique décrivant levolet droit de l'interface.

Vidéo sur la création du plan d'une séquence.

Outils pédagogiques (iDevices)

C'est dans cette zone que se trouvent les outilspédagogiques à insérer lors de la compositiondes pages de la séquence. Vous ne pouvez en ef-

fet pas écrire directement dans les pages d'uneséquence : leur contenu est entièrement construitpar insertion d'outils pédagogiques, aussi bienpour du texte (outil Texte libre) que pour desexercices, pages web ou galeries d'images, etc.Ces outils seront choisis en fonction du type d'ac-tivité à intégrer dans les pages.

Volet de droiteLe volet de droite est réservé à l'affichage et à lacomposition des pages de la séquence, par inser-tion des outils pédagogiques ad hoc.

On n'édite donc rien directement dans le volet dedroite, on ne fait qu'y insérer des outils pédago-giques en fonction des activités qu'on souhaite voirfigurer dans la page de la séquence correspondantau noeud sélectionné dans l'arborescence.

Une page se compose donc d'un jeu d'outils insé-rés l'un à la suite de l'autre, mais dont on peutréorganiser la succession, comme on le verraplus loin.

En haut de la zone d'affichage des pages, ontrouve deux onglets : Création de page et Pro-priétés.

Création de page : cet onglet doit être activépour pouvoir travailler sur les pages du projet.

Propriétés : en cliquant sur cet onglet, on quittele mode d'édition des pages et trois onglets sup-plémentaires apparaissent : Dossier, Exportationet Métadonnées.

– Dossier : permet de saisir dans un formulaire lesinformations à faire figurer dans les zones d'en-têtes/pieds de page du projet une fois que celui-ci aura été exporté sous forme de pages HTML.Vous remarquerez au passage que si le jargonutilisé par le logiciel pour nommer les noeudsdes 3 premiers niveaux de plan ne vousconvient pas, vous pouvez remplacer les mots "Sujet", "Section" et "Unité" par des intitulés devotre choix. Mais cela n'a pas grande impor-tance, puisque de toute façon, vous allez lesrenommer au cours de votre travail, puisqu'ilssont destinés à apparaître comme titres dansles pages de votre projet.

– Métadonnées : permet de saisir dans un formu-laire standardisé les métadonnées à renseigneraux moteurs de recherche.


de 14

https://www.youtube.com/watch?v=zoEaaUbR4AY




– Exportation : permet de spécifier une optiond'exportation pour le format SCORM.

Une fois vos propriétés définies, appuyez sur lebouton Sauvegarder pour les valider, puis cliquezsur l'onglet Création de page pour revenir à lacréation des pages du projet.

2. Propriétés d'une séquenceLes propriétés d'un projet eXe se définissent,comme vu précédemment, au niveau des 3 on-glets supplémentaires qui apparaissent lorsqu'onclique sur l'onglet Propriétés en haut du volet dedroite de l'interface. Au bas de la fenêtre dechaque onglet, un bouton Sauvegarder permetd'enregistrer les données fournies.

2.1. Onglet "Dossier"

Cet onglet permet de saisir dans un formulaire lesinformations à afficher en en-tête/pied de pagedes pages une fois qu'elles auront été exportéesau format HTML.

– En-tête : titre du projet, éventuellement accom-pagné d'un logo et d'un arrière-plan.

– Pied de page : nom d'auteur, licence, descrip-tion.

– Vocabulaire : permet de définir la terminologieutilisée par défaut pour les niveaux du plan.

Cliquez sur le bouton Sauvegarder au bas du for-mulaire pour enregistrer le remplissages desformulaires.

Le remplissage du formulaire ci-dessus donne unexemple de ce qui peut être fait.

2.2. Onglet "Métadonnées"Les métadonnées sont des informations qu'un au-teur rajoute à ses documents pour mieux lesqualifier et améliorer la pertinence des réponsesdes moteurs de recherche aux demandes qui leursont faites.

Pour que ces données soient utilisables, ellesdoivent être publiées selon certains schémas biendéfinis correspondants à des modèles largementreconnus par les acteurs du Web. Plusieurs orga-nismes de standardisation ont donc proposé etpublié des schémas de métadonnées suscep-tibles d'être utilisés par le plus grand nombre.

Le plus utilisé est proposé par l'organisation Du-blin Core Metadata Initiative (DCMI) ; on l'appellele plus souvent le Dublin Core. C'est ce schémad'une quinzaine de champs descriptifs qui est re-


de 14




produit dans le formulaire que eXeLearning de-mande de remplir sous l'onglet "Métadonnées" etdont un exemple est fourni ci-dessous.

Sur la droite de certains champs, un bouton permet d'obtenir de l'aide pour le remplis-sage du champs correspondant.

2.3. Onglet "Exportation"

Ici également, des boutons d'aide facilitent lechoix des options d'exportation au formatSCORM.

3. L'éditeur de texte TinyMCEL'éditeur WYSIWYG par défaut de eXeLearningest TinyMCE. C'est lui qui est intégré dans tousles outils d'édition de textes (outils textes et exer-cices). Il permet la saisie et la mise en forme destextes, ainsi que l'insertion de tableaux, images etcontenus multimédias.

Utiliser TinyMCE pour la saisie des textes.

3.1. Rédiger du texteL'interface de l'éditeur se compose d'une barred'outils qui intègre, sous forme de boutons toutesses fonctionnalités. Sous cette barre d'outils, setrouve l'espace de travail dans lequel vous pou-vez saisir votre texte.

Lorsque celui-ci est trop long pour s'afficher entiè-rement dans l'espace disponible, une barre dedéfilement verticale permet d'accéder aux partiesnon affichées. Il est également possible d'adapterl'espace d'affichage en hauteur et en largeur en

faisant glisser le bouton situé en bas à droitede l'écran.

Le bouton permet d'afficher le code sourcede la page.

3.2. Commandes d'édition

Le bouton permet l'insertion de caractèresspéciaux.

Le bouton permet d'insérer des formules.

Les boutons suivants per-mettent, respectivement de couper, copier, collerdu texte brut, coller du texte Word.

En copiant simplement le texte et en le collant telquel dans l'éditeur, les formatages ne sont pastoujours bien conservés. Les résultats peuventdifférer d'un document à l'autre, mais la manièrela plus sûre d'obtenir un résultat optimal est d'utili-ser les fonctions suivantes :

– Coller depuis Word ouvre une fenêtredans laquelle vous devez d'abord coller votretexte copié depuis Word avant de l'insérer danseXe en cliquant sur le bouton Insérer. Le résul-tat n'est toutefois pas garanti, en raison dugrand nombre de versions de Word existantes.

– Coller comme texte brut ouvre une fe-nêtre dans laquelle il faut d'abord coller le textecopié avant de l'insérer dans eXe sans aucunformatage en cliquant sur le bouton Insérer. Lamanière la plus sûre consiste toutefois à fairetransiter la copie par un éditeur de texte simple,comme le Bloc note, ou Notepad pour la débar-rasser de tous ses formatages avant de larecopier dans l'éditeur d'eXe.

L'insertion de la date et de l'heure peuvent se

faire à l'aide des boutons suivants : .

Les boutons correspondent aux com-mandes commandes Annuler et Refaire.

3.3. Formater du texteTinyMCE dispose d'outils pour la mise en formedes caractères et des paragraphes.

– Lorsqu'il s'agit de mettre en forme les carac-tères d'un passage de texte, celui-ci doit êtrecomplètement sélectionné au préalable.

– S'il s'agit d'appliquer une simple mise en formede paragraphe, comme un alignement parexemple, le simple fait de placer le point d'inser-tion à l'intérieur du paragraphe concerné suffit, iln'est pas nécessaire de le sélectionner en en-


de 14

https://www.youtube.com/watch?v=uLesMCTU-1M




tier, sauf si on veut également en formater lescaractères.

Mise en forme des caractères

Gras, italique, souligné, taille de police, couleurdes caractères, stabilo, indice, exposant.

Type de police de caractères

Suppression d'un formatage de caractères .

Mise en forme de paragraphes

1 Alignement à gauche.2 Alignement centré.3 Alignement à droite.4 Alignement justifié.5 Liste à puce.6 Liste numérotée.7 Retirer l'indentation.8 Indenter.9 Style "Citation"10 Liste de styles de paragraphe prédéfinis.

3.4. Créer des ancresLes ancres permettent de créer des points liablesà l'intérieur des pages, lorsque celles-ci sontlongues et qu'on désire faire pointer des liens surcertaines parties.

Pour créer une ancre :

1 Choisissez le point que vous désirez définircomme ancre.

2 Cliquez sur le bouton 3 Spécifiez un nom pour l'ancre (lettres minus-

cules, sans espaces, et sans caractèresaccentués ou spéciaux).

4 Validez.5 L'icône apparaît alors dans le texte et

l'ancre créée est répertoriée dans la liste dé-roulante Ancres et nœuds de la boîte decréation de liens.

3.5. Insérer des liensLe bouton permet de créer un lien externevers une image, une URL ou un document. Procé-dez dans l'ordre suivant :

Commencez par sélectionner le passage de texte(ou l'image) qui servira d'intitulé au lien.

Cliquez ensuite sur le bouton pour ouvrir laboîte de dialogue ci-dessous.

– URL du lien : pour un lien externe vers unepage web, saisir l'adresse web complète,comme par exemple, http://www.google.ch/.Pour créer un lien vers un document local, cli-

quez sur l'icône pour parcourir les fichiers etimages disponibles sur le système et pouvoirchoisir le fichier vers lequel devra pointer votrelien.

– Ancre et noeuds : crée un lien vers une ancrede la page courante ou un noeud. L'ancre doitexister dans la page pour figurer dans la listedéroulante.

– Cible : on choisit généralement l'option "open innew window (_blank)" pour que le lien créés'ouvre dans une nouvelle fenêtre du naviga-teur, et ne fasse pas quitter le site au visiteur.

– Titre : permet de définir un texte s'affichant surun lien lorsqu'on pointe (sans cliquer) dessus.

– Classe.

3.6. Insérer des images

Cliquez sur l'icone pour ouvrir le dialogue ci-dessous et pouvoir insérer une image deformat .png ou .jpg dans le texte.

La boîte qui s'ouvre comporte 3 onglets.

Onglet "Général"Pour intégrer des images locales, en provenancede votre système, et utilisables en toute légalité,cliquez sur le bouton Parcourir pour ouvrir un na-vigateur et pouvoir les choisir sur votre disque. Lataille des images ne devrait jamais dépasser celledes pages de votre site (400 à 600 pixels consti-tue généralement un bon choix).

Vous pouvez aussi saisir l'URL externe d'uneimage sur Internet, mais dans ce cas, il faudraêtre connecté pour qu'elle s'affiche, car elle n'estpas rapatriée en local dans votre document.


de 14

http://www.google.ch/




Ce comportement du logiciel évite de se mettredans l'illégalité avec des images pour lesquelles lesdroits de rapatriement ne sont pas fournis.

Onglet "Apparence"

L'onglet Apparence permet de paramétrer l'affi-chage de l'image, son alignement, la largeur desa bordure (en pixels), ainsi que l'écart (en pixels)à ménager entre son contour et le texte avoisi-nant.

Onglet "Avancé"

3.7. Insérer un tableauVidéo

TinyMCE dispose d'une série de boutons com-mande pour insérer et gérer des tableaux. Cesoutils sont contextuels et ne deviennent actifs quelorsqu'un tableau a été créé et que le point d'in-sertion se trouve à l'intérieur. En dehors de cettesituation, tous ces boutons sont inactifs et appa-raissent grisés, à l'exception du premierpermettant l'insertion d'un tableau.

1. Insérer un nouveau tableau : ouvre la boîte dedialogue ci-dessous permettant de choisir les di-mensions du tableau à construire ainsi qu'unesérie d'options.

2. Propriétés de la ligne : ouvre une boîte de dia-logue permettant de définir des propriétés commele type d'alignement des contenus des cellules dela/les ligne(s) sélectionnée(s).

3. Propriétés de la cellule : ouvre une boîte dedialogue permettant de définir des propriétéscomme le type d'alignement des contenus dansla/les cellule(s) sélectionnée(s).

4. Insérer une ligne avant : insère une ligne au-dessus de celle qui renferme le point d'insertion.

5. Insérer une ligne après : insère une ligne au-dessous de celle qui renferme le point d'insertion.

6. Effacer la ligne : supprime la ligne qui renfermele point d'insertion. Cette commande, répétéepour toutes les lignes d'un tableau permet la sup-pression de celui-ci.

7. Insérer une colonne avant : insère une colonneà gauche de celle qui renferme le point d'inser-tion.


de 14

https://www.youtube.com/watch?v=Mo0pzzFWOIo




8. Insérer une colonne après : insère une colonneà droite de celle qui renferme le point d'insertion.

9. Effacer la colonne : supprime la colonne quirenferme le point d'insertion. Cette commande, ré-pétée pour toutes les colonnes d'un tableaupermet la suppression de celui-ci.

10. Scinder les cellules fusionnées : permet defractionner une cellule issue de la fusion de plu-sieurs autres cellules.

11. Fusionner les cellules : permet de fusionnerun groupe de cellules adjacentes sélectionnées.

4. Contenu des pages d'une séquence

Les pages d'un projet ne sont pas directementéditables, mais construites de façon modulairepar insertion d'outils pédagogiques spécifiques autype d'information qu'on souhaite y intégrer.

4.1. Les types de contenus Les outils disponibles peuvent être classés en 4catégories :

1 Les outils d'édition de textes : ils se présententet se manipulent tous de la même façon (édi-teur TinyMCE) et ne se distinguent entre euxque par leur titre. Seul l'outil Texte libre placedu texte directement sur la page, sans enca-drement. De tels outils servent souvent àprésenter et commenter les activités quisuivent.

2 Les outils d'intégration de contenus du Web :site Web (lien), flux RSS (intégration), articleWikipédia (intégration).

3 Les outils de création d'exercices interactifs :QCM, OUI/NON, textes à trous, etc.

4 Les outils d'intégration d'images (galerie,loupe).

4.2. Insérer et modifier des contenus Pour insérer un outil, cliquer simplement sur sonnom dans la partie inférieure du volet gauche del'interface.

L'insertion de ces différents outils confère auxpages une structure en succession de "blocs" quipeuvent être réorganisés, modifiés, supprimés, oudéplacés à tout moment vers une autre page. Cesopérations d'édition et de déplacement de blocssont réalisées de manière standard par l'intermé-diaire d'une barre d'outils qui apparaît sous

chaque outil inséré, quel que soit son type, lors-qu'il se trouve en mode Édition.

1 Permet de valider le contenu de l'outil inséré.Un clic sur ce bouton fait quitter le mode Édi-

tion et laisse apparaître une barre avecl'icône Éditer qui permet d'y revenir à tout mo-ment, et l'icône Supprimer permettant desupprimer l'outil de la page. Attention toutefois,un clic sur le bouton de validation n'enregistrepas le contenu de votre outil dans le fichier duprojet. Il ne vous dispense donc pas d'utiliserrégulièrement la commande Fichier > Enre-gistrer pour assurer la sauvegarde de votreprojet.

2 Permet de renoncer aux changements quevous êtes en train de faire dans l'outil en coursd'édition.

3 Permet de supprimer, après un messaged'avertissement, l'outil pédagogique en coursd'édition.

4 Permet de supprimer un outil inséré (sansmessage d'avertissement).

5 Permet de remonter un outil sur la page.6 Permet de descendre un outil sur la page.7 Permet de déplacer l'outil en cours d'édition

vers une autre page de la séquence. La listedéroulante affiche le plan du projet pour per-mettre à l'utilisateur de sélectionner la pagedestinataire.

8 Ce bouton d'aide fournit des conseils sur l'utili-sation de l'outil en cours d'édition.

4.3. Insérer un article WikipédiaCliquez sur l'outil Article Wiki. Le formulaire sui-vant apparaît dans la page pour permettre dechoisir l'encyclopédie dans laquelle effectuer larecherche et spécifier un critère de recherche.Une fois le formulaire rempli, cliquez sur le boutonCharger.

L'article correspondant au critère de recherches'affiche dans la fenêtre d'édition intégrée à l'outil


de 14




Article Wiki et vous pouvez le modifier avant devalider son insertion dans votre page en cliquantsur le bouton de validation classique des outilspédagogiques .

Il s'agit ici d'un rapatriement de contenu dans unepage de votre séquence, accompagné d'un lienpointant sur l'article wikipédia original. Vous n'avezdonc aucun souci de publication lié au respect desdroits d'auteur tant que vous ne supprimez pas lesréférences à Wikipédia et le lien pointant vers l'ar-ticle original. Si vous avez apporté des modifications à l'article, in-diquez-le simplement dans une notice, sans le détaildes modifications que vous avez faites, ce n'est pasnécessaire.

4.4. Afficher une page Web (Lien)Cliquez sur l'outil Site Web externe, puis complé-tez le formulaire qui vous est proposé enindiquant l'adresse du site à atteindre. Vous êtesencore invité à préciser la hauteur du cadre danslequel s'affichera le site dans la page (petit,moyen, grand, très grand). Comme d'habitudedes points d'interrogation sont présents au niveaudes différents champs/rubriques du formulairepour vous aider à les remplir.

Une fois le formulaire rempli, cliquez sur le clas-sique bouton de validation . La page Web ciblée s'affiche dans un cadre de votre page, si bien sûr vous êtes connecté à Internet.

Il s'agit ici d'une liaison, le contenu de la page Webn'est pas rapatrié dans votre séquence, vous êtesobligé d'être connecté à Internet pour l'afficher.

4.5. Intégrer un flux RSSL'outil Flux RSS permet d'afficher et d'éditer descontenus actualisés à l'intérieur même des pagesd'une séquence.

La première étape consiste à retrouver l'adresseURL du flux. Nous allons prendre l'exemple d'unflux RSS pris sur le site "Comment ça marche?"et dont l'adresse est :

http://www.commentcamarche.net/rss/

On commence par copier cette adresse, puis onclique sur l'outil Flux RSS pour afficher le formu-laire ci-dessous.

Il suffit alors de remplir le formulaire en indiquantl'adresse du flux dans le champ de saisie RSSURL avant de cliquer sur le bouton Charger pourle faire apparaître dans la fenêtre de l'éditeur detexte associé à l'outil. Une fois le flux affiché, vali-dez en cliquant sur le classique bouton devalidation .

4.6. Vidéos YouTube et DailymotionIl est possible de visionner dans un cadre, à l'inté-rieur même des pages d'un projet eXe, des vidéosen provenance de Dailymotion, YouTube ouautres, sans recourir à l'outil Site Web externe,car celui-ci présente l'inconvénient d'afficher éga-lement tout l'environnement publicitaire quiaccompagne la vidéo.

Les vidéos ne sont pas réellement intégrées dans lapage, elles n'y sont que visionnées lorsque laconnexion Internet est active.

Vidéos YouTubeCliquez avec le bouton droit de la souris sur la vi-déo et choisissez la commande Copier le coded'intégration.

La fenêtre ci-dessous apparaît.


de 14

http://www.commentcamarche.net/rss/




1 Sélectionnez complètement le code qui appa-raît et recopiez-le dans le presse-papiers deWindows.

2 De retour dans votre séquence de formation età la page dans laquelle vous souhaitez intégrerla vidéo, sélectionnez l'outil Activité pour créerune nouvelle activité qui intégrera votre vidéo,ou choisissez une activité existante dans la-quelle insérer votre vidéo.

3 Une fois dans l'éditeur, affichez le code HTMLde la page en cliquant sur le bouton HTML.

4 Si votre activité contient déjà du texte avant lavidéo tapez sur Entrée pour ménager uneligne vide à la suite du code existant, puis col-lez le code d'intégration de la vidéo avant decliquer sur le bouton Mettre à jour.

5 Validez par le classique bouton . Votre vidéoest insérée et vous pourrez la visualiserchaque fois que vous êtes connecté à Internet.Vous pouvez bien sûr remplacer l'intitulé "Acti-vité" de votre outil par le titre de votre vidéo.

Vidéos DailymotionCliquez avec le bouton droit de la souris sur la vi-déo et choisissez la commande Copier le coded'intégration.

De retour dans la page où la vidéo doit être vi-sionnée, sélectionnez l'outil Activité. Une foisdans l'éditeur, affichez le code HTML de la pageen cliquant sur le bouton HTML et recopiez lecode d'intégration de la vidéo dans celui de lapage (Ctrl+V)avant de cliquer sur le boutonMettre à jour.

Validez par le classique bouton . Votre vidéoest insérée et vous pourrez la visionner chaquefois que vous êtes connecté à Internet.

Remarquez que la procédure est plus courte avecDailymotion. La simple sélection de la commande decopie du code d'intégration suffit pour que le codecorrespondant se retrouve dans le presse-papiers deWindows.

4.7. Texte à trousUn tel exercice permet de tester la compréhen-sion d'un domaine particulier, comme par exemplela grammaire, le vocabulaire ou la compréhensionorale. Un bon exercice à trous possède un motmanquant tous les cinq ou dix mots. Les motsmanquants peuvent être des verbes, des préposi-tions ou un vocabulaire spécifique.

Commencez par sélectionner l'outil Activité"Rremplir les blancs" pour obtenir, dans votrepage, l'écran suivant :

Les boutons affichent, lorsqu'on clique dessus,une bulle d'aide pour la réalisation de l'exercice.

ConsignesTapez dans la fenêtre de l'éditeur votre consignepour la réalisation de l'exercice.

Texte à trousC'est ici que vous devez taper ou coller le texte devotre exercice, en agrandissant éventuellement lahauteur de l'espace d'affichage s'il est un peulong (cliquez glissez sur le coin en bas à droitede la fenêtre de saisie).

Il reste maintenant à double cliquer sur les motsdu texte à remplacer par des trous, puis à cliquersur le bouton Cacher/Montrer le mot. Les mots àmasquer apparaissent alors soulignés dans letexte.

Vous pouvez paramétrer les contraintes à appli-quer à l'exercice à l'aide de 3 options :

– Marquage strict : si l'option n'est pas active, leprogramme admet une tolérance de 1 caractèredifférent dans les réponses fournies par l'appre-nant.


de 14




– Valider les majuscules : en validant cette option,la casse sera prise en compte dans l'évaluationdes réponses fournies.

– É criture instantanée : si cette option est cochée,chaque mot tapé est validé au fur et à mesurede l'avancement de l'exercice et non pas uni-quement à la fin de celui-ci.

Écho en retourUne fois le paramétrage de votre exercice termi-né, vous disposez de cet espace d'édition poursaisir le commentaire qui s'affichera lorsque l'ap-prenant validera ses réponses.

Il ne vous reste plus qu'à enregistrer votre exer-cice en cliquant sur le classique bouton devalidation .

Le travail de l'apprenant consiste alors à saisir lesmots qui manquent dans le texte. S'il est bloquéet ne trouve pas toutes les réponses, il peut sefaire aider en cliquant sur le bouton Montrer lesréponses après avoir cliqué sur le bouton Vali-der. Un bouton Recommencer lui permet derecommencer l'exercice. Après validation, les ré-ponses exactes apparaissent sur fond vert et lesfausses sur fond rouge. Le score obtenu pourl'exercice est affiché.

Vous pouvez visualiser une vidéo exemple ici.

4.8. Exercice "VRAI ou FAUX"Affichez la page sur laquelle l'exercice doit être in-tégré, puis cliquez sur l'outil Exercice "VRAI ouFAUX" pour insérer le formulaire de création.

– Consignes : permet de fournir à l'apprenant desconsignes pour réaliser l'exercice.

– Question : rédigez ici la question de base fai-sant l'objet de l'exercice. Elle doit être sansambiguïté. Vous devez encore cocher l'optionVrai/Faux correspondant à la réponse attendue.

– Écho en retour : vous pouvez laissez vide. Unécho par défaut est automatiquement générépour indiquer à l'apprenant si sa réponse estexacte ou pas.

– Indice : facultatif. Permet de fournir un conseilpour aider l'apprenant à faire son choix.

Le bouton Ajouter une autre question permetd'enchaîner avec une autre question.

4.9. QCM et sélection multipleCes exercices se ressemblent mais ne sont pasidentiques : dans le QCM (outil Choix Multiple),plusieurs propositions de réponses sont faites à

une question, mais une seule est exacte. Parcontre, dans un exercice de type Sélection mul-tiple, l'exercice est posé de la même manière,mais plusieurs réponses sont possibles. La créa-tion de ces deux types d'exercices est assezsimilaire.

On commence par rédiger la question, puis onfournit éventuellement des indices pour aider l'ap-prenant à bien comprendre ce qu'on lui demande(rubriques Question et Indices).

– Dans le cas d'un QCM (Choix multiple), on éditeensuite, dans la partie Option du formulaire, lesdifférentes réponses proposées, avec un com-mentaire associé à chacune d'elles dans lazone Écho en retour. Pour rajouter une optionde réponse supplémentaire, on clique sur lebouton Ajouter une option. Cela fait apparaîtreà chaque fois deux nouvelles rubriques viergesOption et Écho en retour . Lorsqu'on arrive àl'option de réponse correcte, on clique sur lebouton radio situé à sa droite.

– Dans le cas d'un exercice à sélection multiple, ilne faut pas oublier de cliquer sur le bouton radiositué à la droite des options de réponse cor-rectes. L’ajout d'options supplémentaires se faitégalement en cliquant sur le bouton Ajouterune option, mais cette fois, seule une zone Op-tion est rajoutée, la rubrique Écho en retour estici destinée à un message général adressé àl'apprenant à l'issue de son exercice.

Une fois le premier exercice terminé, on peut en-chaîner un second en cliquant sur le boutonAjouter une autre question.

Une fois la création de l'exercice terminée, onclique sur le bouton de validation .

4.10. Quiz SCORMGroupe plusieurs questions pour créer une éva-luation qui peut être gérée par la suite par unLMS.

Ce type d'exercice se compose d'une suite dequestions de type QCM, mais ici les scores réali-sés par l'apprenant dans la série sont enregistréset comparés à un pourcentage requis et défini parle créateur de l'exercice pour que celui-ci soitconsidéré comme réussi.

On commence par cliquer sur l'outil QuizSCORM, puis on crée la série de questions à inté-grer dans l'exercice dans des zones Questionsuccessives et les réponses correspondantesdans dans des fenêtres Option. Ensuite on spéci-


de 14

http://www.youtube.com/watch?v=EmmIa2AbgGI




fie le score à atteindre dans la liste déroulanteChoisissez un taux de réussite, avant de valideren cliquant sur le bouton .

4.11. Galerie d'images

Pour insérer une galerie, utilisez l'outil Galeried'images, puis insérez les images une à unedans la galerie. Pour ce faire, cliquez à chaquefois sur le bouton Ajouter les images pour ouvrirla boîte d'ouverture de fichiers et choisir l'image àinsérer.

Chaque image insérée peut être légendée et unesérie de boutons permettent de :

1 Modifier l'image : affiche la boîte d'ouverturede fichiers pour remplacer l'image par uneautre.

2 Déplacer l'image à gauche : fait reculer l'imaged'une position vers la gauche dans la galerie.

3 Déplacer l'image à droite : fait avancer l'imaged'une position vers la droite dans la galerie.

4 Supprimer l'image : supprime l'image de la ga-lerie.

Une fois la galerie constituée, cliquer sur le clas-sique bouton de validation .

Lorsqu'on clique sur une image, elle s'affichedans une fenêtre avec des liens permettant d'at-teindre la précédente/suivante dans la galerie.

Un menu contextuel permet de copier l'image, co-pier son URL, ou encore de l'enregistrer en local.

Une galerie ne peut pas être constituée d'imagesliées, on ne peut y intégrer que des images dispo-nibles en local.

4.12. Insérer une image sous laloupe


de 14




L'outil Loupe permet d'insérer une image sousune loupe dont on peut régler la taille et le gros-sissement. L'outil insère une image par défautqu'il faut remplacer par l'image de son choix encliquant sur le bouton Choisissez une image(jpg). L'image doit être disponible en local, il n'estpas possible d'intégrer une image liée.

Le formulaire qui apparaît lorsqu'on sélectionnel'outil Loupe permet de légender l'image, de luiassocier un commentaire, de choisir sa taille d'af-fichage de départ ainsi que sa position sur lapage. On peut encore spécifier le niveau d'agran-dissement maximum de la loupe en tenantcompte du fait qu'un agrandissement trop impor-tant peut dégrader la qualité de l'image.

Une fois les réglages effectués il reste à validerpar le classique bouton pour voir apparaîtrel'image sous la loupe comme ci-dessous.

L'affichage de l'image est accompagné de deuxoutils :

– Le premier permet de régler le niveau du gros-sissement de la loupe à l'aide d'un curseur oude la molette de la souris.

– Le second, représenté par 4 loupes, permet dechoisir la taille de la zone couverte par la loupe.

Pour examiner l'image à la loupe, il suffit de dé-placer la loupe sur elle, puis de cliquer sur lebouton gauche de la souris pour obtenir l'agran-dissement d'un détail.

Vidéo sur l'outil Loupe.

4.13. Insérer une applet JavaUn plug-in iDevice qui permet de lancer une ap-plet java à l'intérieur du contenu d'une page.

Vidéo sur l'insertion d'une applet Java.

5. Exporter une séquenceLorsque vous travaillez sur votre projet dans eXe-Learning, vous devez régulièrement enregistrervotre travail dans un fichier de format .elp (formatinterne de eXeLearning). C'est sur ce fichier qu'ilfaut travailler pour apporter des modifications àune séquence de formation.

Une fois votre travail terminé, vous devez l'expor-ter au format HTML pour en obtenir une versionaffichable dans tout navigateur Web, version quepourrez alors également tranférer directementdans un Intranet ou sur une plateforme de forma-tion de type Claroline, Moodle, Ganesha, etc.

Le résultat de l'exportation est un dossier conte-nant tous les fichiers nécessaires à l'affichage dela séquence dans un navigateur. Il suffira alors decréer un raccourci de démarrage vers le fichierindex.html contenu dans ce dossier, pour pouvoirafficher la séquence de formation dans le naviga-teur Web.

Les diverses possibilité d'exportation (commandeFichier > Exporter) d'un projet eXeLearning sontles suivantes :

– Site web : nous venons d'en discuter, c'est lecas le plus fréquent. Sous cette forme, votreprojet peut être directement téléchargé et réfé-rencé par un LMS ou distribué sur cédérom.Pour envoyer un projet sur une plateforme, utili-sez l'option Fichier compressé.zip.

– SCORM 1.2 : exportation sous forme de paquetau format SCORM 1.2 pour intégration dans unLMS.

– Page web unique : exportation sous forme depage web unique.

– Fichier de texte : exportation du contenu textedans un fichier texte.

6. Utilisation avancéeeXe dispose de plusieurs styles de mise en pagefournis en standard avec le programme. Maisvous pouvez créer vos propres styles personna-lisés en les modifiant. De même, vous pouvezaussi développer vous-mêmes vos propres outilspédagogiques.

Comme je ne maîtrise pas ces techniques, je neferai que vous fournir un lien où vous trouverezquelques indications utiles si vous souhaitez vouslancer dans de telles réalisations.

http://edutechwiki.unige.ch/fr/EXe#Informations_techniques


de 14



http://www.youtube.com/watch?v=Cp3X_pYcbCo

http://www.youtube.com/watch?v=mlufbdiWLiw




3.5.Styles

3.6.Éditeur d'outils pédagogiques

Cet article traite également de l'importation d'unmodule de formation dans un LMS de typeMoodle.

7. Crédits et licenseTitre : Créer des séquences de formation aveceXeLearning.

Auteur : Guy Waterval

Licence : GPLv3.0

Cette version est une actualisation du "Tutoriel eXe-Learning" – Version 1 du 05.02.11. Copyright (c) 2011 - GUY WATERVAL. réalisé àl'époque à l'aide de eXeLearning et sous licenceGFDL.


de 14




créer des séquences de formation avec exelearningcréer des séquences de formation avec...

Documents