Archives de mai 2011

Comment construire un scénario E-learning

REMARQUE : L’original de cet article en langue anglaise écrit par Tom Kuhlmann est accessible sur le site E-learning Blogs d’Articulate.

Beaucoup de personnes m’ont demandé comment j’avais construit le petit scénario dans mon récent article « not wasting your learner’s time« . Cet article vous dira comment j’ai fait et met à disposition les fichiers PowerPoint vous permettant d’apprendre à le faire vous-même.

Vue d’ensemble rapide

J’ai déjà partagé quelques trucs et astuces que j’utilise lors de la conception de cours avec PowerPoint. En voici trois pertinents pour cet article.

Maintenant, je vais vous montrer comment je combine les astuces des articles ci-dessus pour créer un scénario complet.

Mettre en place les flux de déroulement de votre scénario

Je commence par dresser la cartographie du déroulement du scénario. En règle générale, cela se présente de cette façon:
  • Présenter quelques informations qui incitent l’apprenant à prendre une décision,
  • Présenter des choix à l’apprenant qui en sélectionne un,
  • L’apprenant reçoit des informations correspondant au choix fait et continue ensuite.
Ce processus par ramification peut être simple ou complexe selon ce que vous déterminerez. Tout dépend de vos ressources et de l’objet du cours. Mais comme vous pouvez le voir c’est tout simplement un diagramme à partir duquel l’apprenant est dirigé en fonction des choix effectués. Comment vous créez le déroulement dépend entièrement de vous.

Il y a de nombreuses façons de gérer comment s’organisera le déroulement du contenu du scénario. J’aime utiliser le mind mapping (carte heuristique ou carte mentale). Je ne vais pas entrer dans tous les avantages du mind mapping, mais je considère que c’est un moyen rapide d’organiser ses pensées lors de la construction des flux de déroulement de vos scénarios.

Il y a un certain nombre d’outils de mind mapping. Personnellement, je préfère MindManager pour deux raisons. Du fait de son intégration à Microsoft Office, je peux facilement lier le contenu de mon cours, des sujets développés vers les objets de mind mapping. Par ailleurs Mind Manager convertit facilement le mind mapping en diapositives PowerPoint, ce qui me permet de gagner beaucoup de temps. C’est une caractéristique particulièrement appréciable si votre scénario est complexe, car une fois tracé, vous avez tous les espaces de diapositives disponibles en quelques clics de souris.

Rassembler le contenu du scénario

Une fois les flux du scénario tracés, vous devrez le compléter avec le contenu du projet pour avoir une bonne idée de son déroulement. Le scénario, les décisions subséquentes et les informations doivent être bien ressentis par l’apprenant. Cela doit être comme un défi, pas forcément facile à deviner, sinon vous courez le risque de faire perdre son temps à l’apprenant.

Si vous ne l’avez pas déjà fait, examinez le scénario ci-dessous. En le passant en revue, faites attention aux éléments suivants, ce sont ceux pour lesquels je reçois beaucoup de questions:

  • Il y a une flèche de retour dans le coin inférieur droit. Celle-ci vous amènera au debut du scénario.
  • Que se passe-t-il après un choix et en revenant ? Le premier choix est grisé. Testez-le et essayez l’autre choix en premier. C’est la même chose.
  • Après une sélection, la femme va de l’avant, puis la scène change.

Vous pouvez également télécharger le fichier PowerPoint de ce scénario.

Maintenant que vous avez passé en revue le scénario, laissez-moi vous montrer comment je l’ai construit vous donner quelques indications rapides. Dans le tutoriel ci-dessous, je couvre la façon dont j’ai construit le scénario ci-dessus et je vais vraiment vous accompagner à en construire un.
Vous pouvez également télécharger le fichier PowerPoint du deuxième scénario de référence pour mettre en pratique la construction du vôtre.
C’est essentiellement cela. Le processus est généralement facile.
  1. Cartographie des flux de déroulement du scénario
  2. Création des diapositives avec du contenu
  3. Mise en place des liens hypertextes

Voici un lien pour télécharger le fichier PowerPoint du « chien perdu » et voici un lien pour la version publiée du scénario.

J’espère que cela répond à vos questions et vous aidera à construire des scénarios pour vos prochains cours e-learning. Maintenant que vous avez vu comment c’était fait, le secret c’est de pratiquer. Une fois que vous en aurez bâti plusieurs, vous vous sentirez comme un pro.

, , , , ,

Poster un commentaire

Articulate : comment regrouper simplement plusieurs présentations au sein d’un même menu

Extrait/traduit du blog eLearning Articulate  de Dave Moxon

Si la popularité d’un article peut être mesurer au nombre de commentaires (commentaires sur le blog de Dave Moxon), on peut en conclure que cet article est proche du top des postings les plus lus dans le blog de Dave. Il répond à un besoin de nombre d’entre nous qui est de pouvoir publier et distribuer facilement des groupes de présentations. Cela fonctionne correctement mais c’est un peu coompliqué à paramétrer.

Donc, dans cet article nous examinerons une formule plus simple pour un menu qui remplit les critères principaux d’un menu-type:

  • Vous bâtissez et publiez le menu dans Articulate Presenter
  • Le nouveau module ne s’ouvre pas dans une nouvelle fenêtre mais remplace la fenêtre actuelle

Cette méthode plus simple a deux autres avantages:

  1. Vous pouvez publier toutes vos présentations dans une simple présentation Articulate
  2. Vous pouvez publier le module multi-présentation complet dans un LMS, Articulate Online ou votre serveur.

Démo 1

Regardons une présentation dans laquelle j’ai regroupé un certain nombre de tutoriaux en Français d’Articulate Presenter dans un menu principal. Vous verrez comment chaque case du menu est liée à un tutoriel distinct d’Articulate Presenter, et qu’il est possible de revenir au menu principal en cliquant sur la flèche en bas à droite de l’écran.

 Cliquez sur l’image ci-dessus

Démo 2

Dans cette seconde démo, j’ai utilisé exactement le même contenu mais cette fois-ci avec un effet de levier dans le menu intégré du menu de navigation d’Articulate Presenter et en ne plaçant pas de menu objet sur la page principale. La première page est incluse dans la vue standard. En cliquant sur un item du menu de gauche une présentation Articulate séparée s’affiche en tant qu’objet web.

 
 
 
Cliquez sur l’image ci-dessus
 

Comment procéder ?

Le processus est très simple. Comme vous l’avez vu, le menu principal est dans la première présentation Articulate, et le contenu est imbriqué dans les présentations secondaires Articulate Presenter dans le fomulaire des objets web. Cele consiste simplement à avoir les objet web affichés dans la vue Slide Only pour maximiser la zone de lecture de la présentation imbriquée.

Qu’est-ce qu’un objet web ?

Pour mémoire, l’objet web d’Articulate Presenter est un moyen unique et intelligent d’intégrer du contenu qui pourra être affiché dans une page HTML. Alors que beaucoup l’utilisent pour inclure des sites web externes dans leurs cours, c’est un excellent moyen d’ajouter tout ce qui ne pourrait pas être facilement glissé dans une paga PowerPoint classique.

Si vous souhaitez ajouter un objet elearning se trouvant sur votre ordinateur dans votre présentation Articulate, il vous suffit de nommer la page HTML de lancement en « index.html » (changer le nom manuellement si ce n’est pas le cas) et que les fichiers nécessaires au fonctionnement de votre objet soient également situés dans le même dossier. Articulate Presenter va « tirer » le fichier index.html ainsi que tous les autres fichiers et dossiers de ce même répertoire.

Imbriquer Articulate dans Articulate

Quand vous imbriquez une présentation Articulate Presenter, vous devrez changer le nom du fichier de lancement de player.html en index.html. Articulate tirera automatiquement les données associées et les dossiers du player. Et vous pouvez faire cela autant de fois que vous le souhaitez.

Ce qui est formidable, c’est que vous pouvez regrouper toutes vos présentations en une seule présentation principale et la transférer sur votre serveur ou votre LMS.

Etape par étape

Dans les exemples ci-dessous, il y a 5 présentations imbriquées. 

  • Publiez vos contenus sur le Web
  • Renommer le player.html en « index.html » pour chaque présentation de contenu.
  • Préparez un menu
  • Insérez chacune des présentations dans la présentation principale en utilisant l’objet web.

Votre menu devrait ressembler à cela :

 
Notez que la page de titre principale et les cinq pages objet intègrent
après chaque objet web  une de mes présentations de contenu.
 
 
  • Créez des hyperliens ou des hotspots invisibles qui seront liés à partir des items du menu vers chacune des pages de votre présentation.
  • Utilisez la ramification dans les propriétés des diapositives (Slide Properties) afin que lorsque les gens cliquent sur la flèche de page suivante lorsque qu’il regarde un objet web, vous les renvoyez à la page du menu.
  • Si vous avez le menu dans la diapositive, ensuite désactivez le colonne Change view (changer la vue).  La boîte de dialogue Slide Properties ressemblera à cela:
 
 
 
 
 
 
  • Assurez-vous que votre présentation remplisse l’écran à son lancement, tant le menu que le contenu peuvent sembler trop petit à l’usage. J’utilise ces paramétrages dans les modèles de player (Player Templates) pour optimiser leur taille:
 
 
 
 
 
 
  • Et pour terminer, publiez votre présentation au format que vous souhaitez, sur le Web, dans votre LMS, dans Articulate Online ou sur CD. Articulate intégrera tous vos contenus afin que vous puissiez les distribuer partout selon vos souhaits.
REMARQUES:
  • Vous pouvez également intégrer Engage et Quizmaker dans les objets web ou les avoir inclus dans vos présentation Articulate. Tout devra être téléchargé sur votre serveur ou votre LMS s’il doit être en ligne
  • Si cela va sur un LMS, vous ne pourrez pas suivre les quiz individuels pour chaque contenu mais vous pourrez vérifier si tous les objets web ont été vus ou bien vous pouvez avoir un quiz final en revenant sur la présentation du menu.

, ,

1 commentaire

Articulate : perte de synchronisation lors de la publication

Extrait/traduit du blog eLearning Articulate de Dave Moxon
Nota : La première cause de perte de synchronisation lors de la publication d’une présentation créée avec Articulate Presenter, est le fait que le séparateur décimal des nombres sous Windows est une virgule et non un point décimal (le séparateur de liste en Flash est également une virgule, d’où des pertes de synchronisation et des erreurs diverses lors de la publication).
Pour vérifier ce paramètre :
  • Ouvrez le « panneau de configuration » et sélectionnez les « Options régionales et linguistiques » dans Windows XP ou « Région et langue » dans Vista/Seven
 
  • Si vous regardez le premier champ d’option régionale, vous devriez voir votre langue sélectionnée par défaut. Vous verrez dans le champ « Nombre » si le séparateur décimal des nombres est représenté par un point « . » ou par une virgule », ».
  • Si nécessaire, cliquez sur le bouton « Personnaliser… » et changez le séparateur des nombres (une virgule) en point décimal « . ».
  • Appliquez et fermez la boîte de dialogue
Autres points à vérifier:
  • Dans les noms de fichier lors de la publication : ne pas utiliser de caractères accentués, ni caractères spéciaux (/ ; . ! ), éviter les espaces (les remplacer par – ou par _ )
  • Travailler sur le disque dur local c : où est installé l’application Articulate, avant import de tous fichiers audio et autres, rapatrier (en copier-coller) ses fichiers dans ce même volume disque.

Poster un commentaire

Tutoriels de formations à Articulate Studio et Articulate Online

Nous présentons dans cette page plusieurs modules de formation sur la suite logicielle Articulate. La première décrit tous les logiciels inclus dans la suite Articulate Rapid Elearning Studio Pro ainsi que Articulate Online.

Cliquez sur l’image ci-dessus
 

Cette deuxième présentation intègre en fait plusieurs formations sur les sujet suivants :
Prévisualiser et publier

  • Comment configurer les modèles du lecteur
  • Comment créer vos propres arrangement de couleurs
  • Comment configurer les propriétés de diapositive
  • Comment configurer les options de présentation
Cliquez sur l’image ci-dessus
Remarque : pour revenir au menu principal après avoir visualiser un cours, cliquez sur la flèche en bas à droite du player Articulate.

, , ,

1 commentaire

Quizmaker – Personnaliser les résultats imprimés

Sommaire: Vous pouvez éditer le fichier  report.html pour changer l’apparence de la page “Printed Results” (Résultats imprimées).
Difficulté: Moyen

Personnalisé avec aisance en Quizmaker ’09
Si vous avez acheté ou testé le nouveau Articulate Quizmaker ’09, vous aurez vu à tel point on peut désormais personnaliser l’apparence des quizs. Le modèle rigide où vous pouviez seulement changer les couleurs et le texte a disparu. Quizmaker ’09 vous permet maintenant de placer presque tout objet sur la diapo et vous pouvez donc choisir exactement l’apparence de votre quiz. Mais il y a toujours un elément du quiz qui ne peut pas être changer, la page imprimée des résultats.
Lorsque vous créez votre quiz, vous avez la possibilité de permettre à l’utilisateur d’imprimer leurs résultats à la fin du test. Nous avons vu récemment (en anglais) comment on pouvait changer le report.html dans les fichiers publiés de Quizmaker pour changer le contenu du rapport.
Pourquoi changer le rapport? Il y a plusieurs raisons. Peut être ne voulez vous pas avoir autant d’informations dans le tableau. Vous voulez juste savoir si l’étudiant à réussi ou non le test, et vous avez besoin juste d’un score final. Enfin, vous ne voulez pas montré les réponses correctes afin que l’étudiant puisse éssayer le quiz à nouveau.
Dans cet article, nous allons regarder les changements que nous pouvons effectuer dans ce rapport, et revoir également, comment on peut change de façon permanente le report.html dans Quizmaker ’09 sans avoir à le changer manuellement à chaque fois qu’on publie un quiz.

Activer l’option Print Results dans Quizmaker ’09
Pass Result (Résultat réussi)

Pour activer cette option, cliquer sur le bouton Pass Results dans le ruban de Quizmaker ’09:

(l’image montre à la fois les boutons Pass Results et Fail Results)

Cocher “Allow user to print results”. Option facultative: Vous pouvez également cocher l’option “Prompt the user for their name before printing” (Demander le nom de l’utilasateur avant d’impimer):

 

Ceci permettra à l’utilisateur d’imprimer leurs résultats en cas de réussite du quiz.

Fail Result (Résultat d’échec)

Pour permettre l’impression des résultats en cas d’échec, faites pareil avec le bouton Fail Results dans le ruban comme montré au dessus. La boite de dialog est semblable à la boite pour les Pass Results. Cocher l’option “Permettre aux utilisateurs d’imprimer les résultats.” ( “Allow users to print results” ) et l’options facultatif de demander le nom de l’utilsateur “Prompt the user for their name before printing”.

Report.html

Le fichier Report.html est mà ou est compilé la fiche des Résultats Imprimés et c’est là aussi où nous devons faire des changements. Vous trouverez ce fichier dans les fichiers publiés de votre quiz. Pour Quizmaker ’09, ce fichier se trouver dans le dossier quiz_content mais seulement si vous avez selectionné l’option de faire imprimer les résultats pour vos utilisateurs.

Publier un Quiz tout seul

Si vous publiez votre quiz tout seul, soit sans être inseré dans Presenter, vos fichiers publiés ressembleront à un peu comme ceci:

  • Trouvez le report.html file.

  • Renommer le report.html à report_original.html
     
  • Mettez votre nouveau report.html dans ce même dossier. Vérifiez qu’il a « report.html » comme nom.

Désormais, vous pouvez créer un quiz comme d’habitude, le publier et lorsque vous regardrez les Résultats Imprimés, vous verez le format revisé automatiquement, sans avoir à changer manuellement le fichier report.html.

Vous pouvez garder des versions différentes du report.html dans ce dossier et changer le nom des fichiers quand il le faut. (comme montre l’image ci dessus). Si vous voulez utiliser un modèle en particulier, assurez-vous qu’il s’appelle report.html et renommez les autres fichiers comme report2.html, ou alors report_sans_reponses_etudiants.html etc afin de ne pas confondre Quizmaker. Bien sûr, n’oubliez pas que lorsque vous reinstallerez Quizmaker ’09, votre report.html sera effacé et remplacé par l’original donc prenez une copie d’abord.

REMARQUES

  • Cette méthode fonctionne également avec Quizmaker 2 bien que le report.html utilisé dans cette article provienne de Quizmaker ’09.
  • Vous pouvez également changer la couleur de fond de la page des Résultats Imprimés ou ajouter une image de fond en ajoutant le code dans le HTML.

,

Poster un commentaire

Articulate – Travailler avec des fichiers PDF

Extrait/traduit dublog eLearning Articulate de Dave Moxon

Sommaire: Utiliser le web object dans Presenter ’09 pour insérer vos fichiers PDF facilement.

Difficulté: Facile/Moyenne

Le format “Portable Document Format” (PDF) est un moyen utile et facile pour envoyer de la documentation.Le document apparaît en clair et n’est pas facile à modifier. L’importation de fichiers PDF en PowerPoint est possible, mais les résultats ne sont pas vraiment satisfaisants et impossible avec les des fichiers à plusieurs pages. Alors, comment pouvons-nous ajouter des fichiers PDF à nos présentations Articulate tout en gardant leurs caractéristiques originelles?

Différentes Méthodes Pour Ajouter Des PDFs

Un certain nombre de méthodes ont déjà été discutés sur les forums Articuler et sur les pages de support Articulate:

  1. Ajouter le PDF en pièce jointe.
    En utilisant la fonction Attachments de Articulate Presenter, vous pouvez ajouter une multitude de fichiers PDF que les gens peuvent télécharger et visualiser.
  2. Création d’hyperliens vers un fichier PDF sur une diapositive.. Vous pouvez soit ajouter un lien hypertexte directement à un fichier que vous avez ajouté en pièce jointe en utilisant le format de “data /downloads/lenomdudocument.pdf ou simplement par un hyperlien comme lenomdudocument.pdf et copier le fichier au niveau supérieur de vos fichiers publiés après que vous avez publié.
  3. Utiliser un service en ligne pour télécharger votre fichier PDF, puis afficher via un objet Web Cet article décrit Scribd. Un autre service est Youpublisher décrites dans cet article.

La méthode que vous choisissez dépend de ce que vous rechercher et aussi de votre contenu. Par exemple, les solutions en ligne peuvent ne pas convenir à des documents confidentiels.

Affichage d’un fichier PDF via le Web Object

Et ceci nous amène à une autre méthode d’affichage des fichiers PDF qui ne repose pas sur le téléchargement vers un site tiers, mais vous permet toujours d’afficher le PDF dans sa forme originale dans la diapositive.
Car nous oublions souvent le fait qu’il y a un code HTML qui permet à intégrer un document PDF et si nous utilisons l’objet web dans Articulate, nous pouvons facilement ainsi afficher nos fichiers PDF.Les utilisateurs pourront également zoomer sur l’article ou l’image ou l’imprimer directement. Voici un exemple simple montrant un PDF dans Articulate:

Certains des fichiers PDF dans cet exemple sont assez grands et pourront mettre quelques secondes à charger. Les options de PDF dont vous disposez à l’écran dépendra du navigateur que vous utilisez. Testé dans Chrome, Firefox 3.0 et Internet Explorer 8
Cliquez sur l’image pour lancer la démo
Insérer vos PDFs dans le HTML

Les Web Objects vous permettent de pointer vers des sites externes HTML sur l’Internet et les intégrer dans votre présentation, ou incorporer des pages locales HTML que vous avez préparé sur votre ordinateur. Pour incorporer un fichier PDF en un objet Web

    • Créez un dossier pour votre web objet quelque part sur votre ordinateur.
    • Utilisez votre éditeur HTML favori ou Bloc-notes et coller le code suivant::
      <head>
      </head>
      <body>
      </body>
      </html>

      mondocument.pdf est le nom du document PDF que vous souhaitez intégrer. Le nom que vous avez dans le code doit correspondre au nom de votre fichier PDF.

      Il n’y a rien qui vous empêche de changer le nom du fichier PDF en fonction du code. Par exemple j’ai renommé mon PDF intégré, first.pdf, second.pdf et third.pdf .

      Les variables de taille peut être changée, mais j’ai trouvé que 100% pour la largeur et de 98% pour la hauteur fonctionnait le mieux avec le Web Object dans Presenter ’09.

      Cela permet également à l’utilisateur d’ouvrir la présentation et remplir leur écran puisque le PDF remplit la fenêtre objet Web (ce qui n’est pas le cas si vous spécifiez des tailles de pixels en termes absolus).

    • Enregistrez le document que vous avez créé un fichier HTML et l’appeler index.html. Si vous utilisez le Bloc-notes, enregistrez-le sous un fichier texte et puis renommez-le index.html.
Assurez-vous que le fichier n’est pas nommé index.html.txt que cela ne fonctionnera pas. Cela arrive parfois quand les types de fichiers communs sont cachés dans Windows. Le type de fichier doit être HTML.
  • Maintenant, copiez le fichier PDF que vous souhaitez intégrer dans le même dossier que la page d’index HTML. Votre dossier doit ressembler à ceci:
 
  • Dans Articulate Presenter, créez une nouvelle diapositive, sélectionnez Web Object à partir du menu Articulate et accédez à votre dossier sur votre ordinateur. Presenter permet de détecter le fichier index.html vous avez dans le dossier et de tirer automatiquement le fichier PDF que vous avez aussi dans le même dossier.
  •  Quand vous avez terminé votre présentation, publiez-la et votre PDF s’affichera lorsque vous l’avez mis sur Internet
 

IMPORTANT: Le fichier PDF ne sera certainement pas visible si vous ne publiez pas sur le Web ou à votre LMS. Votre présentation doit d’abord être téléchargée sur votre serveur ou LMS.

Si vous souhaitez incorporer plusieurs PDF dans votre présentation, vous devrez créer un dossier séparé pour chaque fichier PDF.

Poster un commentaire

Quizmaker 09 – Publiez votre quiz en Français

Extrait/traduit dublog eLearning Articulate de Dave Moxon

Sommaire: Créez vos quiz en français en Quizmaker ’09 facilement.
Difficulté: Facile

Quizmaker ’09 nous permet de publier un quiz en français, y compris les boutons et la page des résultats. Voir un exemple. Trois étapes sont nécessaires.

Etape 1
Préparez vos questions et réponses en français à l’intérieur de Quizmaker.

Il y a même un correcteur d’orthographe français intégré à Quizmaker.

  • Aller dans Quizmaker options.
  • Sélectionner “Spelling Options…” puis sur “Main Dictionary language” pour choisir français.
Etape 2
Editer les boutons sur Quizmaker
  • Une fois que vous avez fini votre quiz, aller dans Player Tempate dans le ruban de Quizmaker:
  • Cliquez sur “Edit” pour le template en cours (ou créer un nouveau):
  • Ensuite cliquez sur “Text Labels” à gauche, et choisir la langue française:
  • Puis, en vous assurant que l’option “Display passing result slide page” est coché, cliquer sur Slide View en haut et éditer le texte directement sur la page.
      Votre quiz sera désormais entièrement en français.

Poster un commentaire