Tutoriel Hot Potatoes

 

1.Qu'est-ce que Hot Potatoes ?

Hot Potatoes est un logiciel gratuit, téléchargeable sur Internet et conçu par Stewart Arneil, Martin Holmes et Hilary Street du University of Victoria Language Centre.

Ce logiciel(disponible pour PC et Mac) permet grâce à une interface simple de concevoir des exercices interactifs au format html et dhtml, c'est à dire des documents web visualisables sur un navigateur(Internet explorer, Netscape Navigator, etc...). Seule contrepartie à ce logiciel gratuit, s'enregistrer à l'adresse suivante une fois le logiciel installé, pour recevoir par e-mail votre clé d'enregistrement qui vous permettra d'utiliser un logiciel non bridé.

http://inigo.call.uvic.ca/admin/register.htm

Plus techniquement, ce logiciel génère des javascripts qui permettent de rendre les pages html plus interactives.

Pour plus de renseignements, n'hésitez pas à consulter le site http:web.uvic.ca/hrd/halfbaked ou à consulter cette page.

1.1 Où et comment télécharger Hot Potatoes ?

Le logiciel est téléchargeable à l'adresse suivante : http:web.uvic.ca/hrd/halfbaked

Plusieurs versions sont disponibles et la plus récente est la version béta 4.0. Celle-ci fonctionne jusqu'ici très bien, même si certaines fonctions ne sont pas tout à fait terminées. Vous pouvez faire des mises à jour régulières et celles-ci, ainsi que les procédures de mise à jour sont à votre disposition à la même adresse.

 

Pour télécharger le logiciel, il vous suffit de cliquer sur le lien indiquant la version que vous souhaitez télécharger. Suivez ensuite les instructions de téléchargement, votre ordinateur vous demande alors où enregistrer le fichier. Créez un répertoire pour l'accueillir si besoin (ex: C:/Mes Document/HotPotatoes) puis enregistrez-le. Le taille du fichier est de 3,19 Mo.

1.2 Installation de Hot Potatoes

Une fois le téléchargement (ou enregistrement) terminé. Déplacez-vous dans le répertoire d'enregistrement choisi (par exemple c:\Mes Documents\HotPotatoes). Vous trouverez alors un fichier zippé (c'est à dire compressé) dans le répertoire choisi. Il vous suffit alors de dézipper (ou décompresser ce fichier hp4beta4 à l'aide de Winzip (téléchargeable à l'adresse suivante http://www.winzip.com/) ou de tout autre logiciel de compression/décompression(Stuffit Expander, Pkzip). Décompressez le fichier dans le répertoire, une fois le fichier dézippé vous obtiendrez alors un répertoire hp4beta4, ouvrez-le puis lancez le fichier setup en le double-cliquant. Suivez ensuite la procédure d'installation, celle-ci est automatisée, cliquez next ou yes chaque fois que l'on vous le demande.

1.3 Lancement de Hot Potatoes

Si vous avez suivi la procédure d'installation par défaut. Le programme se trouve alors dans C:\Program Files\Half-Baked Software.

La procédure d'installation a également créé un raccourci dans votre menu Démarrer/Programmes/Hot Potatoes qui vous permettra alors de lancer le logiciel.

2. Les différents formats d'exercices

Hot Potatoes vous propose six formats d'exercices, vous pouvez choisir à partir du menu Démarrer/Programmes/Hot Potatoes de lancer chacun des formats d'exercices mais il semble plus simple de choisir alors de lancer Hot Potatoes (v4 si il s'agit de la version 4) et d'avoir accès à tous les exercices.

L'appellation barbare des différents exercices ne doit pas vous effrayer et plutôt que de passer des lignes et des lignes à vous expliquer les différences entre les différents formats, je vous proposerai les exemples suivants :

[Remarque: Si vous souhaitez télécharger les fichiers d'exemple, assurez-vous d'avoir tout d'abord téléchargé Hot Potatoes afin de pouvoir les lire.]

JBC

L'interface graphique

 

Un exemple de page générée avec JBC

Le fichier d'exemple

JQuiz

L'interface graphique

Un exemple de page générée avec JQuiz

Le fichier d'exemple

JMix

L'interface graphique

Un exemple de page générée avec JMix

Le fichier d'exemple

JCross

L'interface graphique

Un exemple de page générée avec JCross

Le fichier d'exemple

JMatch

L'interface graphique

Un exemple de page générée avec JMatch

Le fichier d'exemple

JCloze

L'interface graphique

Un exemple de page générée avec JCloze

Le fichier d'exemple

Après cet aperçu des différents formats d'exercice, je vous propose un exercice d'application sur l'un des formats, en l'occurence JBC.

Il vous suffira ensuite d'essayer les autres formats qui sont assez semblables au format étudié ici.

3. Un exemple : Utilisation de JBC

3.1 Utilisation de base

Pour lancer JBC, cliquez sur Démarrer/Programmes/Hot Potatoes/JBC ou bien lancer Hot Potatoes puis choisir JBC. Vous arrivez alors sur l'interface suivante.

 

Vous êtes alors prêt à commencer

Taper un titre à votre questionnaire

Taper votre première question

Taper vos différentes propositions de réponses

Remplir les cases feedback avec un commentaire pour permettre un retour sur les propositions de réponses faites par les utilisateurs.

Sélectionner les cases à l'extrême gauche pour signifier la ou les bonnes réponses.

Passer à la question 2 en cliquant sur une des deux flèches à côté de Q1.

Et ainsi de suite...

REMARQUE: Raccourcis clavier pour aller plus vite dans la saisie

Tab vous permet de passer d'une case à l'autre

Maj+tab même chose dans le sens inverse

Barre espace pour sélectionner ou déselectionner les bonnes réponses à l'extrême gauche.

 

Enregistrement

Ne pas confondre deux choses:

-l'enregistrement ou enregistrement sous (save ou save as) qui vous permet d'enregistrer votre fichier dans un format de travail non visualisable dans un navigateur, mais que vous pourrez ensuite retravailler(l'extension de fichier est ici .jbc).

-l'exportation (export to HTML et export to DHTML) qui génère ici votre travail sous forme de fichier html visualisable dans un navigateur.

Conclusion : Après avoir travaillé sur un document enregistrez-le et exportez-le dans un même répertoire au départ, pour pouvoir ensuite faire des modifications.

Une fois cette distinction faite vous pourrez à loisir utiliser Hot Potatoes.

3.2 Les différents menus, réglage des paramètres avancés.

Je ne rentrerai pas ici dans les détails de tous les menus, visitez-les et voyez ce qu'ils vous proposent.

Un menu intéressant est cependant le menu Options/Configure Output qui vous permet de modifier les types de retour générés par défaut, vous pourrez donc y remplacer les "Try again" et autres prompts.

La différence entre Export to HTML et Export to DHTML.

HTML et DHTML sont deux des formes standards des formats consultables sur un navigateur. Je ne rentrerai pas ici dans les détails mais le DHTML (Dynamic HTML) est plus récent et permet d'utiliser des frames, des calques des CSS, bref des options permettant de rajouter un petit peu d'interactivité aux pages. Le DHTML est plus récent et ne peut pas toujours être visualisé sur des navigateurs plus anciens(<=3.0). Faites votre choix en fonction des navigateurs utilisés dans vos établissements.

Vous remarquerez qu'il n'est pas toujours possible d'exporter au format DHTML notamment pour JCross. Essayez et vous verrez, cela tient peut-être du fait qu'il s'agisse d'une version bêta.

3.3 Modifier l'aspect de la page html générée.

Une fois la page html générée. Vous pouvez si vous le souhaitez, changez la couleur de fond, la police et différents autres attributs avec des éditeurs WYSIWYG(What You See Is (normally) What You Get)HTML comme FrontPage Express, Frontpage 98 et 2000, Dreamweaver,etc...Ou en modifiant les attributs du code source en ouvrant vos documents HTML dans le bloc-notes(connaissances en HTML requises si vous ne voulez pas tout casser...)

 

 

 

 

Bref Tutoriel de Hot Potatoes 4.0 Beta version

réalisé le mercredi 09/02/2000

gilles.bouler@wanadoo.fr