Didacticiel multimédia pour le génie électrique accessible sur la plateforme claroline

II-2-4 Présentation de l'interface de travail par un exemple.

Il est question dans cette section d'illustrer par un exemple l'interface de travail d'Adobe captivate2. Cet exemple a été choisit en fonction de notre centre d'intérêt dans ce logiciel. A savoir la réalisation des évaluations (QCM). Mais nous parlerons aussi de façon sommaire de la capture d'écran qui est la première fonction d'Adobe Captivate.

Lorsque vous ouvrez Adobe captive2, voici la page qui se présente à vous.

Figure II-6 : page d'accueil d'Adobe captivate2

Vous avez la possibilité d'ouvrir un fichier récent, d'enregistrer un nouveau projet, de suivre une formation (didacticiel d'utilisation de Captivate) ou de voir les fonctionnalités supplémentaires d'Adobe Captivate. Choisissons l'option d'enregistrement d'un nouveau projet. Et on a la page ci-dessous.

Figure II-7: fenêtre option du nouveau projet de Captivate

Les éléments de cette fenêtre ont été présentés dans le paragraphe traitant des fonctionnalités de Captivate.

Si vous voulez faire une démonstration, choisissez l'option qui vous correspond le mieux ainsi que ses options d'enregistrement (zone de capture, enregistrement sonore...).

Dans notre cas, il était question d'utiliser Captivate pour la création des QCM. Raison pour laquelle nous allons ouvrir un nouveau document vide dans lequel nous allons insérer nos diapositives de QCM.

Adobe Captivate vous permet de créer des projets d'apprentissage électronique d'apparence professionnelle. Les puissantes fonctionnalités de Quiz facilitent la création de différents types de questions comme des questions à choix multiple, à réponse courte, d'association, vrai/faux, d'échelle d'évaluation et à compléter.

Vous contrôlez entièrement ce qui se passe lorsque des utilisateurs répondent correctement ou incorrectement à des questions. Par exemple, vous pouvez définir une action (telle que « aller à la diapositive suivante ») lorsqu'un utilisateur répond correctement à une question et définir une action différente (telle que « Ouvrir URL ou fichier ») lorsque l'utilisateur donne une mauvaise réponse. Cela s'appelle un embranchement.

Évaluez les performances des étudiants grâce à la fonctionnalité de score adaptée à tout type de Quiz. Suivez le nombre de tentatives, les bonnes et les mauvaises réponses, et envoyez les données d'échec/de réussite à votre système de gestion de l'apprentissage. Vous pouvez également fournir des commentaires aux étudiants selon leurs réponses correctes ou incorrectes.

Vous pouvez créer six types de diapositives de questions dans Adobe Captivate :

> Choix multiple: Cette option permet de créer une question à laquelle les utilisateurs doivent répondre en sélectionnant une ou plusieurs réponses correctes dans une liste.

> Vrai/Faux: Cette option permet de créer une question que les utilisateurs doivent juger vraie ou fausse.

> Champ à compléter: Cette option permet de créer une question à laquelle les utilisateurs doivent répondre en choisissant parmi plusieurs options de texte pour remplir le champ vide dans une phrase.

> Réponse courte : Cette option permet de créer une question à laquelle les utilisateurs doivent répondre en tapant un mot ou un ensemble de mots.

> Association: Cette option permet de créer une question contenant deux listes d'éléments que les utilisateurs doivent associer correctement.

> Échelle d'évaluation (Likert): Sélectionnez cette option afin de créer une déclaration pour laquelle les utilisateurs indiqueront leur degré d'adhésion. Il est possible, par exemple, de proposer à un utilisateur l'affirmation « Ce projet Adobe Captivate m'a apporté des informations intéressantes » et une série de réponses parmi lesquelles choisir : Pas d'accord, plutôt pas d'accord, neutre, plutôt d'accord, d'accord.

Après avoir créer vos diapositives des questions, vous avez ceci :

Figure II-8 : diapositive des QCM

A la fin d'un Quiz, Captivate vous fournit une feuille de résultats personnalisés que voici :

Figure II-9 : feuille de résultats du Quiz

Votre Quiz étant ainsi réalisé, il ne vous reste plus qu'a le publier (au format SWF ou HTML).

II -- 3 AUDACITY :

Comme vous vous en doutiez déjà, pour enregistrer la narration du tuteur lors du développement d'une session e-learning il faut un système performant d'enregistrement sonore (surtout pour les animations commentées sous flash).

Audacity se présente ici comme étant une bonne solution à notre problème grâce à ses multiples fonctionnalités et surtout sa gratuité (freeware).

Présentation de l'interface d'Audacitv :

La figure ci-dessous représente l'interface de travail d'Audacity avec toutes les parties.

Figure présentation de l'espace de travail d'Audacity

Lorsque vous ouvrez Audacity, après réglages préalables, vous pouvez immédiatement lance l'enregistrement.

Dès que l'enregistrement est terminé, commence le traitement du son (Effacer un morceau de la bande sonore, normaliser l'amplitude du son, réduire le bruit de fond, Mixer voix et musique ...). Enfin vous devez Exporter le montage en format WAV ou en format MP3. Le format WAV offre la meilleure qualité sonore mais occupe beaucoup d'espace sur le disque dur. Le format MP3 quant à lui offre une qualité sonore acceptable et est environ 10 fois plus léger que le WAV. C'est le standard d'Internet.

Il est important de noter que pour exporter en MP3, vous devez tout d'abord télécharger l'utilitaire nommé LAME MP3 encoder disponible aussi gratuitement sur internet. Une fois téléchargé, dézippez le et enregistrez le fichier 1ame_;enc.d11 quelque part sur votre ordinateur (de préférence dans le dossier Audacity qui a été créé suite à son installation dans programmes files) Audacity vous le demandera lors de votre première exportation en MP3.

Votre enregistrement sonore étant terminé, il ne vous reste plus qu'a l'introduire dans vos animations flash afin de synchroniser les deux.

II - 4 - MACROMEDIA DREAMWEAVER MX 2004 II-4-1 Présentation de Macromedia Dreamweaver MX 2004

Macromedia Dreamweaver MX 2004 est un éditeur HTML professionnel destiné à la conception, au codage et au développement de sites, de pages et d'applications Web. Quel que soit l'environnement de travail utilisé (codage manuel HTML ou environnement d'édition visuel), Dreamweaver propose des outils qui nous ont aider à personnaliser nos page web.

Les fonctions d'édition visuelles de Dreamweaver permettent de créer rapidement des pages sans rédiger une seule ligne de code. Vous pouvez afficher tous les éléments ou actifs de votre site et les faire glisser directement d'un panneau convivial dans un document. Rationalisez les tâches de développement en créant et en modifiant des images dans Macromedia Fireworks ou toute autre application graphique, puis en les important directement dans Dreamweaver, ou en ajoutant des objets Flash Macromedia.

Dreamweaver propose également un environnement de codage complet comprenant des outils de modification du code (comme la coloration du code et la création de balises) ainsi que des documents de référence sur le langage HTML, les feuilles de style en cascade (CSS - Cascading Style Sheets), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Pages (ASP) et JavaServer Pages (JSP). La technologie Roundtrip HTML de Macromedia permet d'importer des documents HTML codés manuellement sans en modifier le code pour que vous puissiez ensuite reformater ce dernier avec le style de formatage de votre choix.

Dreamweaver permet également de créer des applications Web reposant sur des bases de données dynamiques au moyen de technologies serveur comme CFML, ASP.NET, ASP, JSP et PHP.

Dreamweaver est entièrement personnalisable. Vous pouvez créer vos propres objets et commandes, modifier les raccourcis clavier ou encore rédiger un code JavaScript pour intégrer de nouveaux comportements, inspecteurs de propriétés et rapports de site aux fonctionnalités de Dreamweaver.