Cration dexercices interactifs pour les langues avec Hot Potatoes programme auteur v6.

x
Ce tutoriel propose de dcouvrir et de prendre en main le logiciel Hot Potatoes afin de raliser deux des cinq types dexercices quil propose, un texte lacunaire et un questionnaire choix multiple.

Quest-ce quun systme auteur ?

Un programme dit auteur est un logiciel qui va permettre son utilisateur partir de divers documents numriss (texte, son, image, vido) de les organiser en fonction d'objectifs qu'il aura dfinis auparavant pour raliser un certain nombre de tches et dactivits, nombre qui dpend des possibilits du logiciel. Certains programmes se limitent la cration d'une activit ou d'une srie d'activits (on parlera alors dexerciseurs) mais ne permettent pas la numrisation directe partir de leur interface, il faudra alors utiliser d'autres programmes (par exemple le magntophone livr avec Windows ou avec votre carte son) pour crer les documents numriques ncessaires lexercice. Les systmes auteurs proposent en gnral deux interfaces ou deux logiciels : lun destin au crateur (lauteur), lautre destin lutilisateur (llve). Le premier peut ouvrir, crer et modifier un exercice, le second ne peut que lexcuter. Il y a parfois un troisime logiciel, destin effectuer un suivi de llve, lvaluer. Les logiciels auteurs permettent de s'adapter aux besoins du professeur. A la diffrence d'un didacticiel grand public qui propose une srie d'activits qui, mme si elles sont nombreuses et varies, finissent toujours par imposer leur cadre rigide au professeur ( lui de s'adapter!), le logiciel auteur va lui permettre de crer une leon multimdia conue pour ses lves en fonction de leur niveau et de leurs besoins. Elle redonne au professeur son rle de "guidage" et de contrle de l'activit pdagogique. De plus, la leon ainsi cre peut parfaitement s'intgrer dans la programmation du professeur : par exemple, aprs avoir travaill une srie de documents sur un thme, il pourra amener ses lves en salle multimdia pour travailler sur une photographie sur le mme thme, leur permettant ainsi de ractiver tout le lexique acquis en cours et ce, en situation. Le travail au laboratoire n'est alors pas dconnect du travail en cours classique. Enfin, ce programme permet aux lves de travailler sur des documents authentiques (extraits de films, publicits tlvises, publicits en couleur, chansons) qu'on hsite parfois travailler en cours classique du fait des contraintes matrielles (magntoscope ou magntophone caler avec prcision, images parfois peu visibles du fond de la salle de classe, etc.).

Avantages et inconvnients de lutilisation dun systme auteur

Les systmes auteurs, comme tout logiciel ouvert demandent un certain temps de prise en main, temps directement proportionnel la richesse des fonctionnalits offertes. Le plus simple : lexerciseur qui ne permet de ne faire quune seule activit. Le plus complexe : le langage de programmation qui permet de tout faire. De plus, lutilisation de ces logiciels demandent une bonne matrise de loutil informatique et des procdures dacquisition numrique.

Pr-requis ncessaires pour utiliser un programme auteur

- Connatre lenvironnement Windows, savoir se reprer dans larborescence. - Savoir crer des dossiers, les renommer, les dplacer. - Savoir identifier les fichiers, les copier, les dplacer, les renommer et les effacer. - Savoir saisir et modifier du texte. - Savoir se reprer dans un document hypertexte. Pour aller plus loin : - Savoir numriser et retoucher des images. Formats, commandes usuelles. - Savoir numriser et retoucher du son. Formats, commandes usuelles. - Savoir numriser et retoucher de la vido. Formats, commandes usuelles. Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 1 sur 10

Raliser des exercices interactifs avec Hot Potatoes

Prsentation de Hot Potatoes Version 6

Hot Potatoes est un logiciel (pour Mac ou PC sous Windows) qui permet de crer des exercices interactifs et auto-correctifs sous forme de pages web sans avoir connatre les langages de programmation ncessaires (HTML, Javascript, ou DHTML). Ces pages peuvent tre publies sur Internet, un Intranet, ou affiches dans un navigateur sur des ordinateurs isols. Ce logiciel peut tre utilis gratuitement la condition imprative de mettre en ligne les exercices crs (la licence est consultable ladresse : http://www.halfbakedsoftware.com/hot_pot_licence_terms.php#french ). Le logiciel comprend 5 modules dans sa partie auteur : ?? JBQuiz sert raliser des QCM ou des questionnaires demandant une rponse rdige (courte). ?? JMix sert crer des phrases mlanges que llve doit rorganiser. ?? JCross permet de crer des grilles de mots croiss. ?? JMatch sert crer des exercices dassociation (de mots, de mots et dimages, etc.) ?? JCloze enfin, cre des exercices de closure (textes trous).

Quelques remarques
La version 6 apporte de nombreuses amliorations par rapport aux versions prcdentes : intgration facilite des composants audio ou vido, association du module QCM au module Quizz, pages plus conformes aux standards du web et dont laffichage est moins sensible au navigateur utilis, etc. (revers de la mdaille, il vous faudra un navigateur rcent Internet Explorer 6, Mozilla ou Firefox - pour pourvoir voir les exercices crs). Les + de Hot Potatoes : ?? pas besoin de connaissances informatiques pointues ?? exercices aisment transportables et lisibles sur tous les ordinateurs quips dun navigateur internet ?? exercices auto-correctifs ?? grande adaptabilit du logiciel au travail linguistique. On peut raliser des exercices de grammaire trs rapidement mais les modules peuvent servir bien dautres types de tches : comprhension, transcription, remploi, imitation, remdiation, etc. ?? consignes et messages de retour (feedback) entirement modifiables ?? possibilit dimprimer dans un traitement de texte les exercices raliss ?? les exercices (au format du logiciel) peuvent tre modifis a posteriori Les - de Hot Potatoes : ?? demande un certain temps de prise en main et de comprhension des diffrentes options (beaucoup de paramtres) ?? pas de fichier daide en franais ?? pas de vritable intgration dlments multimdias du fait de la technologie du web : la diffusion du son et des vidos associs dpend du systme dexploitation et des plug-ins installs sur la machine qui lit les exercices (le navigateur), pas de standardisation encore de ce ct. ?? ne garde pas de trace de la dmarche de llve (le javascript est un langage ct client et les donnes manipules disparaissent la fermeture du navigateur).

Tlcharger Hot Potatoes :

Tapez ladresse suivante dans un navigateur internet http://web.uvic.ca/hrd/halfbaked/index.htm#downloads puis sur Hot Potatoes for Windows 98/ME/NT4/2000/XP (version 6.0.4, self-extracting, auto-installing zip file) ou une autre en fonction de votre systme dexploitation (Windows ou MacOs). La dernire version ce jour est la 6.04. Le fichier tlcharger (winhotpot6.exe) est un fichier auto-excutable de 7,8 Mo environ.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 2 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Installation, enregistrement et paramtrage du logiciel

Double-cliquez sur le fichier rapatri pour dmarrer linstallation et acceptez les options proposes par dfaut. A la fin de linstallation, choisissez la langue de linterface dans la liste : francais6.hif. Cette francisation de linterface laisse parfois cependant encore dsirer ! Ensuite, la premire chose faire est d'obtenir un numro d'enregistrement pour dbrider le logiciel et rendre votre copie lgale. Rendez-vous http://web.uvic.ca/hrd/halfbaked/ cliquez sur le lien conduisant l'enregistrement (register), un numro (votre cl d'enregistrement) conserver prcieusement vous sera presque immdiatement envoy par courrier lectronique votre adresse lectronique. Pour terminer, lancez Hot Potatoes et sur lcran affichant les 5 patates, cliquez sur le menu Help / Aide slectionnez Enregister et entrez votre nom et votre cl d'enregistrement. Sans cette cl, le logiciel limite vos exercices 5 items en gnral.

Cration dun exercice lacunaire (closure, texte trous) avec le module Jcloze
Trois tapes suivre rigoureusement pour raliser un exercice simple ( base de texte uniquement) : 1. Entrer les donnes : questions et rponses 2. Configurer le rsultat final (version lve) : consignes, aspect, boutons, messages, etc. 3. crer la page dexercice lve au format web 1re tape : entrer les donnes (texte, lments cacher...) Cliquez sur licne Hot Potatoes et ensuite sur JCloze. Saisissez ensuite votre texte dans la fentre du logiciel (il est possible dy copier un texte venant dune page web, dun traitement de texte, ou:encore dun document pdf). :

Tapez ici le titre de lexercice

Saisissez ou collez ici le (futur) texte trous

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 3 sur 14

Raliser des exercices interactifs avec Hot Potatoes Il est possible de faire disparatre un mot mais aussi un groupe de mots voire une partie de mot. Attention ne pas crer de difficults insurmontables pour les lves : il est plus facile de complter une srie de trous successifs pour reconstituer une phrase que den remplir un seul dmesurment long. Pour cacher un mot, slectionnez-le la souris ou double-cliquez dessus puis cliquez sur le bouton Crer un trou , le mot passe en rouge et une fentre saffiche au premier plan :

Saisissez ici (si vous le souhaitez) un indice que llve pourra faire apparatre ou pas. Cet indice peut tre une explication, une traduction, un synonyme, une amorce, une question etc.

Dans ces cases peuvent tre crites des rponses alternatives correctes la rponse initiale.

Validez en cliquant sur Ok . Si vous souhaitez modifier votre indice ou vos rponses alternatives, cliquez sur Voir les mots enlevs et sur le chiffre correspondant au mot effac (Trou#). Pour supprimer un trou, placez le curseur au milieu de celui-ci et cliquez sur Supprimer trou . ce stade il est temps de sauvegarder votre travail (prenez lhabitude de le faire rgulirement !). Cliquez sur licne disquette : une bote de dialogue souvre pour vous permettre de slectionner dans larborescence de votre poste de travail ou du rseau un emplacement pour vos fichiers. A savoir : Hot Potatoes gnre trois types de fichiers : 1. les fichiers sources, ou matrices des exercices, raliss par le professeur au format du logiciel. Chacun des modules gnre un format de fichier diffrent. Ces fichiers sont conserver car ils peuvent tre modifis ou complts plus tard avec Hot Potatoes. Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 4 sur 14

Raliser des exercices interactifs avec Hot Potatoes Voici les extensions des diffrents fichiers sources crs : Extension *.jcl *.jqz *.jmx *.jcw *.jmt Module de Hot Potatoes correspondant Jcloze texte trous Jquiz Qcm/Quiz Jmix phrase mlange Jcross Mots-Croiss Jmatch - Associations

2. Les fichiers lves, eux, sont au format html, format des pages web. Si par erreur on les efface, ils peuvent tre recrs partir du fichier matrice. Attention : pour corriger une imperfection ou un dfaut dans le fichier lve, il faut obligatoirement ouvrir le fichier matrice et re-crer un nouveau fichier lve pour craser la version dfectueuse. 3. Les fichiers des configurations personnalises (*.cfg) qui permettent de retrouver sa langue, ses consignes et ses couleurs prfres (ces points sont abords plus loin). Pour bien organiser votre travail, prenez lhabitude de crer systmatiquement un dossier pour chacun de vos exercices ou chacune de vos sries dexercices. Dans la bote de dialogue qui souvre au moment du premier enregistrement, aprs avoir slectionn lemplacement, crez un nouveau dossier :

Cliquez ici pour crer un nouveau dossier Puis saisissez ici le nom de ce nouveau dossier Validez en tapant Entre

Une fois le dossier cr, ouvrez-le (bouton Ouvrir ou double-clic sur le dossier), puis nommez le fichier enregistrer. Validez le tout. Une fois revenu Hot Potatoes, la barre de titre du module Jcloze doit afficher le nom et lemplacement de votre exercice, ici le fichier se nomme capitulo primero quijote.jcl et se trouve dans le sous-dossier essai du dossier C:\Documents and Settings\Administrateur\Mes documents\Essai du disque dur C::

Si votre fichier nest pas au bon endroit, cliquez sur le bouton (quivalent Menu Fichier , Enregistrer sous ) puis slectionnez dans larborescence le bon emplacement pour enregistrer votre fichier. Ce bouton sert aussi enregistrer une version diffrente de lexercice dorigine en lui donnant un autre nom par exemple. Si vous souhaitez associer des images, du son ou de la vido votre exercice, commencez, avant mme de crer un exercice, par crer un dossier pour celui-ci puis dplacez-y ou copiez-y les images, sons ou vidos ncessaires. Vous accderez ensuite plus rapidement ces lments et viterez les problmes ds aux liens entre les pages web et leurs fichiers associs. Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 5 sur 14

Raliser des exercices interactifs avec Hot Potatoes

2me tape : configurer le rsultat final (instructions affiches, messages, ...) Cliquez sur le menu Options puis sur litem Configurer aspect page web . Une bote de dialogue compose de divers onglets apparat, le nombre de ces onglets et des options quils proposent dpend du module. De faon aboutir un rsultat satisfaisant, il faut sobliger vrifier chaque onglet dans lordre :

Par dfaut apparat un fichier de configuration en anglais lors du premier lancement de Hot Potatoes. Si ce nest pas la langue que vous souhaitez utiliser, il faut charger ( Changer ) lun des fichiers de configuration situs dans le dossier c:\Program Files\hotpotatoes\ Ces fichiers sont des traductions de base dont la langue est parfois approximative ! Il est possible et souhaitable de sauvegarder la configuration si on la modifie pour retrouver rapidement le mme environnement chaque cration dun nouvel exercice. On choisira un nom parlant : cottrel.cfg par exemple, ou espagnol-seconde.cfg. On peut ainsi se constituer plusieurs configurations selon le niveau des lves, le type dexercices etc. et les sauvegarder sur disquette pour une utilisation sur un autre ordinateur.

Si le sous-titre nest pas indispensable, les consignes doivent tre correctement renseignes. On peut y ajouter diverses informations (rappel dune rgle de grammaire, aide pour lexercice etc.).

Le deuxime onglet :

Les commentaires affichs chaque action de llve peuvent tre crits en languecible ou en franais suivant le niveau des lves.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 6 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Le troisime onglet sert configurer les boutons qui apparatront sur la page. Ceux-ci sont de deux types : ?? les boutons de gestion de lexercice (Vrification, Indice, Affichage de la rponse - leur nombre dpend du module choisi) ?? les boutons de navigation peuvent relier la page dexercice dautres pages web (ce qui suppose une bonne matrise du fonctionnement des liens hypertexte des pages web). Pour un premier exercice, dcochez toutes ces cases. Pour comprendre comment fonctionnent ces boutons, lisez ce qui suit. Comprendre le fonctionnement des liens hypertexte des pages web: Prenons lexemple dun mini-site comprenant une page daccueil ( raliser avec un diteur de pages web ou un traitement de texte) et deux exercices raliss avec hot potatoes, donc deux pages web. La page daccueil sappellera index.htm et les exercices exo1.htm et exo2.htm. Voici les liens prvus pour associer les pages : - la page daccueil proposera un lien vers les deux exercices - chaque exercice proposera un lien vers la page daccueil - chaque exercice proposera un lien vers lautre exercice
Exercice

Accueil

exo1.htm Exercice

2
index.htm

exo2.htm

Pour que les liens fonctionnent correctement il faudra imprativement enregistrer toutes les pages web (et leurs fichiers associs, images, sons, etc) dans le mme dossier comme dans le schma suivant :

Pour que le lien de la page daccueil (index.htm) conduise lexercice 1 (exo1.htm), il faudra prciser lemplacement de la page de destination : - Si on le fait de faon absolue, on fera rfrence la position exacte du fichier sur le disque dur : D:\Donnees\Mini-site\exo1.htm ce qui voudra dire afficher la page appele exo1.htm qui se situe sur le disque D: dans le dossier Mini-site . - Si on le fait de faon relative, on donnera la position du fichier par rapport la page de dpart : il suffira dcrire exo1.htm ce qui voudra dire afficher la page appele exo1.htm qui se situe dans le mme dossier que la page index.htm . Les liens absolus sont proscrire . Les pages web de ce site sont faites pour tre publies sur Internet, toute rfrence une organisation locale provoquera un dysfonctionnement : liens rompus, images qui ne saffichent pas, etc. Pour notre exemple de mini-site, voici ce que donnera la configuration des boutons de navigation dans Hot Potatoes (noubliez pas de modifier le libell des diffrents boutons) : Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 7 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Ces deux options permettent aux lves dafficher les indices disponibles pour certains trous et de disposer dun bouton leur donnant une lettre chaque utilisation. Il est possible avec le bouton Parcourir choisir un fichier dj existant, mais il faudra vrifier que le lien cr ne soit pas absolu

Pensez dcocher les boutons de navigation si lexercice nen a pas besoin.

Le quatrime onglet sert dfinir laspect de la page finale. Il est possible de modifier toutes les couleurs des lments de la page. Si cette possibilit laisse une certaine place la crativit, veillez toujours ce que vos exercices restent lisibles !

Lutilisation des couleurs peut aussi devenir signifiante : tel jeu de couleur pour les exercices de comprhension, tel autre pour la grammaire, ou tel jeu de couleur par professeur ou par classe. Longlet Minuteur permet de dfinir et dinclure un compte rebours pour limiter dans le temps la ralisation de lexercice.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 8 sur 14

Raliser des exercices interactifs avec Hot Potatoes Longlet Autre propose les options spcifiques chacun des 6 modules du logiciel et se prsente donc diffremment selon le module. On y trouve une fonction rcente qui permet dinclure un clavier ou des caractres spciaux sous lexercice :

Cette option permet aux lves de faire glisser les mots de la liste vers les trous. Le respect des majuscules/minuscules oblige llve tenir compte de la ponctuation. Saisissez ici les caractres spcifiques ncessaires lexercice.

Les derniers onglets, Personnaliser et Courriel propose des fonctions avances utiles pour qui souhaiterait dfinir des variables personnalises ou pour associer les exercices crs un script denvoi de mail sur un serveur. Cette option est impossible mettre en place sans accs un serveur web et de plus elle nest pas documente par les auteurs. Aprs avoir vrifi et modifi tous les onglets en fonction de vos objectifs, enregistrez si vous le souhaitez la nouvelle configuration (important pour garder ses consignes ou son jeu de couleurs) puis validez (bouton OK ). Sauvegardez alors le fichier matrice pour y conserver les derniers changements. Il ne reste maintenant qu crer la page web lve. 3me tape : crer la page web lve Pour crer la page lve, deux possibilits, soit en passant par le menu Fichier item Crer une page web soit en cliquant sur le bouton de la barre dicnes. Une bote de dialogue saffiche alors :

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 9 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Pour nommer votre fichier au format HTML, nutilisez pas despace, ni de caractres spciaux (*+/ etc.) ni de caractres accentus ou exotiques (, , , etc.). Ecrivez en minuscules et prfrez de plus un nom de fichier court pour une meilleure compatibilit avec le fonctionnement du web.

Choisissez le bon emplacement pour enregistrer votre fichier lve (dans le dossier cr prcdemment pour le fichier source), donnez le nom voulu lexercice puis cliquez sur le bouton Enregistrer . Hot Potatoes propose aussitt dafficher le rsultat dans le navigateur Internet. Cest loccasion de vrifier le fonctionnement correct de lexercice ainsi que les boutons de navigation. Si vous constatez une erreur, revenez au module de cration pour modifier le fichier matrice, enregistrer les modifications puis procder une nouvelle fois la cration de la page web lve (ce qui suppose dcraser la prcdente version). Si vous ne constatez pas derreur, il ne vous reste qu transfrer le dossier de vos exercices (sans les fichiers sources bien sr) vers un emplacement accessible par les postes lves. En rseau, une seule copie des exercices suffit pour tre alors accessible tous.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 10 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Cration d'un QCM avec le module JQuiz en mode dbutant

Trois tapes suivre rigoureusement pour raliser un exercice simple ( base de texte uniquement) : 1. Entrer les donnes : questions et rponses 2. Configurer le rsultat final (version lve) : consignes, aspect, boutons, messages, etc. 3. crer la page dexercice lve au format web Cette procdure est applicable aux autres modules. 1re tape : entrer les donnes (questions, rponses ...) Cliquez sur licne Hot Potatoes et ensuite sur JQuiz. Saisissez ensuite vos questions et vos rponses dans la fentre du logiciel :

Tapez ici le titre de lexercice Tapez ici une question ou une amorce

Choisissez le type de la premire question :

Utilisez ces flches pour faire dfiler les rponses choisir Noubliez pas de cocher la ou les bonnes rponses ! Saisissez dans ces cases le texte des rponses du QCM

Saisissez ici les messages que lira llve aprs chaque rponse (feedback). Ces rponses peuvent tre automatises

Pour choisir le type de question slectionnez-la dans la liste droulante . quoi correspondent les 4 types dexercices ? ?? QCM : question choix multiple. Une ou plusieurs rponses possibles. ?? Quiz : les lves doivent taper une rponse dans une bote de textes de la page web et la vrifier. La page compare la rponse de l'tudiant une liste de rponses correctes ou incorrectes que vous avez dfinies et si les deux lments concident, le feedback saffichera. Dans le cas contraire, la page sappuiera sur la rponse prvue la plus proche de la rponse propose par llve et lui indiquera les parties correctes de sa rponse. ?? Hybride : il sagit dune combinaison de QCM et de Quiz. La page prsentera dabord une bote de texte pour que llve y saisisse sa rponse. Si l'tudiant ne russit pas lexercice aprs un nombre dessais que vous avez dfini, la question se transforme en QCM pour la simplifier. Quand vous Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 11 sur 14

Raliser des exercices interactifs avec Hot Potatoes crez une question hybride, une case cocher supplmentaire apparat sur la droite pour inclure ou non la proposition dans le QCM. ?? Multi-Slection : ce type dexercice demande l'lve de choisir plusieurs propositions parmi un ensemble de rponses. Llve doit choisir seulement les items corrects. Si la rponse est incomplte, le nombre de choix corrects saftichera en retour. Pour saisir une deuxime question et ses rponses :
Cliquez ici (99 questions possibles)

Sauvegardez et passez la 2me tape : Configurer la page web finale (instructions affiches, messages, ...) Aprs avoir renseign les premiers onglets correctement (voir prcdemment), affichez longlet spcifique ce module ( Autres ) :

Cette fonction combine la suivante permet de proposer un questionnaire diffrent chaque chargement de la page pour une mme base de questions. Ces deux options (modifier lordre des questions et des rponses) peut savrer utile pour crer des exercices anti-triche car organiss diffremment chaque chargement de la page.

3me tape : crer la page web lve Pour crer la page lve, deux possibilits, soit en passant par le menu Fichier item Crer une page web soit en cliquant sur le bouton de la barre dicnes. Dans la bote de dialogue qui saffiche nommez correctement votre page web et choisissez le bon emplacement pour lenregistrer (dans le dossier cr prcdemment pour le fichier source) puis cliquez sur le bouton Enregistrer . Hot Potatoes propose aussitt dafficher le rsultat dans le navigateur Internet. Vrifier alors le bon fonctionnement de lexercice et des ventuels liens. En cas derreur, revenez au module de cration pour modifier le fichier matrice, enregistrer les modifications puis procder une nouvelle fois la cration de la page web lve (ce qui suppose dcraser la prcdente version). Sil ny a pas derreurs transfrez le dossier de vos exercices (sans les fichiers sources bien sr) vers un emplacement accessible par les postes lves. Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 12 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Options et conseils supplmentaires

? Insrer un texte, un lien, un tableau, une image, un son, une vido : Suivez rigoureusement le plan de travail suivant pour viter toute erreur de lien vers une image ou un autre type de fichier : 1. Crez un dossier pour le ou les exercices que vous comptez produire. 2. Copiez dans ce nouveau dossier tous les documents devant servir de support ou dillustration correctement prpars (taille, format, etc.). 3. Lancez Hot Potatoes, choisissez votre module, et enregistrez le fichier source dans ce mme dossier. 4. Etablissez les liens vers les images ou les autres fichiers externes. Si le lien cr fait apparatre autre chose que le seul nom du fichier utilis, effacez tout ce qui prcde celui-ci. 5. Etablissez les ventuels liens de navigation dans les options de configuration. 6. Sauvegardez le fichier-source puis exportez au format web, toujours dans le mme dossier. 7. En phase de test, dplacez votre dossier dans votre arborescence et lancez la/les page(s) cres pour vrifier laffichage correct des images et le bon fonctionnement des liens. ? Pour le texte : Hot Potatoes permet dinsrer du texte brut ou avec des balises html. Pour une mise en page complique, prfrer un lien vers un autre document html relis avec un autre logiciel diteur de pages web comme Nvu, Dreamweaver, etc. ? Insrer un lien : Hot Potatoes permet de lier la page dexercices tout type de fichier (page web locale, site web externe, fichier image, fichier son ou vido). Cliquez sur le menu Insrer puis sur Lien . Choisir le type de lien (fichier local ou site web). Dans le cas dun fichier local, il est ncessaire davoir auparavant enregistr le fichier matrice. Un message vous alerte aussi sur les problmes de chemins relatifs et absolus :

Pour viter tout dysfonctionnement ultrieur, pointez toujours sur un fichier se trouvant dans le mme dossier que le fichier source et le futur fichier lve.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 13 sur 14

Raliser des exercices interactifs avec Hot Potatoes

Validez en cliquant sur Ok, un certain nombre de lignes de codes (dans notre exemple : <a style="cursor: pointer; text-decoration: underline;" onclick="window.open('son.mp3');return false;">) viendra se placer lendroit o vous souhaitez insrer le lien. Ce code, incomprhensible premire vue, fera apparatre un lien sur la page de lexercice lve. ? Insertion de tableaux : le tableau est insr sous forme de code HTML. La balise <table ()> indique le dbut du tableau <tr> indique le dbut dune ligne <td> indique le dbut dune cellule, dune case et </td> la fin de celle -ci Il faut donc crire les donnes entre ces deux balises. ? Pour les images : comme la destination finale des exercices est le web, il faut absolument privilgier des formats et des tailles adaptes pour les images. Gif ou mieux PNG pour les schmas et jpeg pour les photos. La taille devra tenir compte des cadres crs pas Hot Potatoes. Pour mmoire, la plupart des ordinateurs sont paramtrs pour afficher un cran de 800x600 pixels, il est donc judicieux de ne pas dpasser le dcran pour garder le maximum dinformation dans un seul cran. Pour manipuler les images : (recadrer, diminuer, convertir) le programme Xnview (http://www.xnview.com) est excellent et gratuit. ? Pour le son : idem, plus le fichier sera petit, plus les pages dexercices se chargeront rapidement. Plutt que le format Wav prfrez un format compress comme le MP3. Le mp3 divise par 10 la taille des fichiers wav. Le gratuiciel Cdex (http://www.cdex.n3.net/ version franaise sur le site http://www.darkcristal.com) permet dextraire des piste de cd-audio et de les convertir ainsi que tout fichier wav au format mp3. Le format Real audio peut aussi tre utilis mais sa compression trs efficace dgrade souvent plus le son que celle du mp3. A rserver aux fichiers longs et ne ncessitant pas une grande qualit. Il faut que le navigateur soit quip du plug-in RealPlayer. Pour convertir un fichier wav en real audio, utiliser le logiciel gratuit Helix RealProducer Basic (en anglais) (http://www.real.com) ou plus pratique DbPowerAmp Audio Converter (gratuit http://www.dbpoweramp.com ). Enfin le format streaming audio de Microsoft (extension asf, wma) peut aussi apporter une compression intressante et est videmment totalement compatible avec les logiciels Microsoft. ? Pour la vido : les fichiers vidos sont les plus gourmands en ressources matrielles. Prfrer un format petit (1/4 dcran, 320*240 pixels), une dure courte (<4-5 minutes) et une compression forte avec un codec reconnu par tous les lecteurs multimdias (Intel Indeo 5.x par exemple, qualit 80/100 pour lAVI ou encore mieux le format MPEG). Les codecs DivX et Xvid sont aussi trs efficaces (MPEG4) et adapts au web mais ne sont pas toujours installs sur toutes les machines. Il est aussi possible dutiliser un format streaming grce aux logiciels RealProducer Basic ou le Codeur Multimdia Windows. Quelques adresses utiles : http://www.sequane.com/hp/home.php Le site des utilisateurs francophones de Hot Potatoes http://www.seminaire-sherbrooke.qc.ca/pays/Monsiteweb/Hot_potatoes/Page4.html http://platea.pntic.mec.es/~iali/CN/Hot_Potatoes/index.htm (tutoriel pour la version 3 en espagnol) http://www.ac-nantes.fr:8080/peda/disc/svt/hotpot6/index.htm (tutoriel pour la version 6) http://www.ac-nantes.fr/peda/disc/lv/espagnol/multimed/multi2.htm#Hot (exemples) http://www.framasoft.net/article676.html La notice sur lannuaire de logiciels libres Framasoft (liens et tutoriels) Etc.

Fiche ralise par D. Cottrel - david.cottrel@ac-nantes.fr Modifi le 10/04/05- Page 14 sur 14