figure
0 (QCM : Questionnaire à Choix Multiple - QROC : Question à Réponse Ouverte Courte)
Il s'agit d'apprendre à :
* mettre en forme un exercice interactif,
* enregistrer les fichiers correspondants,
* ajouter des images, des liens ou une ressource,
* gérer les différentes questions.
Lancer le programme par "Démarrer" - "Programmes" - "Hot Potatoes 6" (installation locale sur disque dur) ou en cliquant sur le raccourci de Hot Potatoes dans la barre de lancement rapide (installation sur serveur).
Choisir le module JQuiz par un simple clic sur l'image correspondante.
On ouvre la fenêtre ci-dessous (figure 1).
Indiquer, dans le premier champ, le titre de l'exercice puis le texte de la première question (Q1) dans le champ suivant.
On choisira pour chaque question la présentation souhaitée : QCM, QROC, Hybride (d'abord QROC pendant x essais puis QCM) ou Multi-sélection (plusieurs réponses possibles à une même question).
Taper ensuite les réponses qui seront proposées à l'utilisateur. Indiquer, en vis à vis, le commentaire qui sera fourni après la sélection d'une réponse par ce dernier.
Terminer en cochant, dans la marge gauche, la (les) bonne(s) réponse(s) de cette première question.
figure 1
A ce stade, la question 1 de cet exercice simple (sans image, ni vidéo, ni lien ...) est terminée. On peut passer à la question 2 (Q2), remplir les nouveaux champs, et ainsi de suite.
Au lieu de taper les différents textes on peut utiliser la procédure "copier-coller" à partir de n'importe quelle application sous Windows vers Hot Potatoes.
Il reste à enregistrer le fichier (extension automatique jbc) et à l'éditer au format html. Pour cela on utilisera le menu "Fichier" suivi de "Enregistrer sous" puis, dans le même menu, "Créer page Web".
Il est vivement recommandé de créer un répertoire qui porte le même nom que les fichiers d'extensions jbc et htm créés et d'enregistrer tous les fichiers se rapportant au même exercice dans ce répertoire.
Exemple pour un exercice sur l'avancement d'une réaction :
figure
2
On peut également utiliser la barre d'outils :
On peut configurer l'aspect de la page Web :
* sous-titre, consignes, messages (pour annoncer si la réponse est juste, fausse, le score, …), limiter la durée de l'exercice , ... .
* inclure ou non des boutons, les nommer, choisir les couleurs (pour le titre, la barre de navigation, les arrière-plans, les liens, le texte …)
Pour cela, cliquer sur le bouton "Configurer aspect page Web" (cf. figure 3 ci-dessus). On obtient la fenêtre ci dessous :
En cliquant le bouton "Changer" charger le fichier francais6.cfg qui se trouvent dans répertoire "translations" de Hot Potatoes sur le disque dur (ou le serveur).
Personnaliser éventuellement (et franciser obligatoirement) cet environnement en remplissant les différents champs des onglets "Titre / Consignes", "Messages", "Boutons", …
Enregistrer (bouton "Enregistrer sous" pour la première fois sinon bouton "Enregistrer") cette configuration dans le répertoire créé précédemment sous le même nom que les fichiers jbc et htm. Il ne saurait y avoir confusion avec les autres fichiers car ce dernier portera l'extension cfg.
Ce fichier de configuration est normalement chargé lorsqu'on retravaillera le fichier jbc. Dans tous les cas ne pas oublier de terminer par "OK" pour que la configuration soit prise en compte dans le fichier html qui sera généré par la suite.
A tout moment, on peut insérer une image ou un lien (vers une adresse Internet ou un fichier local) par le menu "Insérer" suivi, respectivement, de "Image" ou de "Lien".
Pour l'image ("à partir d'un Fichier local") il suffit de sélectionner, dans l'arborescence du disque dur, l'image (au format gif ou jpg) souhaitée.
Pour un lien, après avoir indiqué l'adresse (URL) ou sélectionné le fichier (comme pour l'image), taper dans le champ "Lien Texte" le mot ou l'expression qui sera l'hypermot dans le format html. Terminer par un clic sur le bouton "OK".
Exemple (pour une adresse URL) :
figure 5
On peut également prévoir d'intégrer à l'exercice une ressource (texte, images,…) qui sera présentée à l'utilisateur dans une fenêtre occupant la moitié gauche de l'écran.
Pour cela, à partir du menu "Fichier" de JQuiz choisir la commande "Ajout Ressource". On obtient la fenêtre suivante :
figure
6
On peut gérer l'ensemble des questions par le menu "Gestion_Questions" suivi de "Effacer (ou Insérer) Question" ou de "Aperçu de l'exercice" (pour modifier l'ordre en les faisant "glisser" à la souris de préférence à l'option "Déplacer Question").
* Ne pas oublier d'enregistrer une dernière fois le fichier (extension jbc) avant de quitter le module (voir figure 3).
* Il est possible de consulter le didacticiel (en anglais) par un clic sur la commande "Tutorial" du menu "Aide" de la page d'accueil de Hot Potatoes (voir figure 0).* Il est possible de modifier, à l'aide d'un éditeur tel que Dreamweaver, le fichier html obtenu.
Quitter Hot Potatoes par la commande "Quitter" du menu "Fichier" (voir figure 0) ou par CTRL+Q ou ALT+F4.
Lancer le programme par "Démarrer" - "Programmes" - "Hot Potatoes 6" (installation locale sur disque dur) ou en cliquant sur le raccourci de Hot Potatoes dans la barre de lancement rapide (installation sur serveur).
Choisir le module JMix par un simple clic sur l'image correspondante. On obtient la fenêtre suivante :
figure 7
Attention : la phrase principale sera tapée en revenant à la ligne après chaque mot (groupe de mots) où l'on souhaite créer une césure. Ne pas revenir à la ligne après le dernier mot.
Enregistrer le fichier (extension jmx) et l'éditer au format html. Pour cela on utilisera, comme précédemment, le menu "Fichier" suivi de "Enregistrer sous" puis, dans le même menu, "Créer page Web".
Remarques :
* On pourra créer un fichier DHTML par : "Fichier" suivi de "Créer page Web" puis de "Page Web (Drag / Drop) pour navigateur V6".
* La barre d'outils est la même que celle du module JQuiz (voir figure 3).
* Pour modifier la configuration : voir § 1.3 et figure 4.
* Ne pas oublier d'enregistrer une dernière fois le fichier (extension jmx) avant de quitter le module (voir figure 3).
* Il est possible de modifier, à l'aide d'un éditeur tel que Dreamweaver, le fichier html obtenu.
Quitter Hot Potatoes par la commande "Quitter" du menu "Fichier" (voir figure 0) ou par CTRL+Q ou ALT+F4.
Lancer le programme par "Démarrer" - "Programmes" - "Hot Potatoes 6" (installation locale sur disque dur) ou en cliquant sur le raccourci de Hot Potatoes dans la barre de lancement rapide (installation sur serveur).
Choisir le module JMatch par un simple clic sur l'image correspondante. On obtient la fenêtre suivante :
figure 8
Enregistrer le fichier (extension jmt) et l'éditer au format html. Pour cela on utilisera, comme précédemment, le menu "Fichier" suivi de "Enregistrer sous" puis, dans le même menu, "Créer page Web".
Remarques :
* On pourra créer un fichier DHTML par : "Fichier" suivi de "Créer page Web" puis de "Page Web (Drag / Drop) pour navigateur V6".
* La barre d'outils est la même que celle du module JQuiz ou Jmix (voir figure 3).
* On ne peut insérer une image ou un lien que dans le titre de l'exercice et dans la liste (ordonnée) des items de gauche.
* Pour modifier la configuration : voir § 1.3 et figure 4.
* Ne pas oublier d'enregistrer une dernière fois le fichier (extension jmt) avant de quitter le module (voir figure 3).
* Il est possible de modifier, à l'aide d'un éditeur tel que Dreamweaver, le fichier html obtenu.
Quitter Hot Potatoes par la commande "Quitter" du menu "Fichier" (voir figure 0) ou par CTRL+Q ou ALT+F4.
Lancer le programme par "Démarrer" - "Programmes" - "Hot Potatoes 6" (installation locale sur disque dur) ou en cliquant sur le raccourci de Hot Potatoes dans la barre de lancement rapide (installation sur serveur).
Choisir le module JCloze par un simple clic sur l'image correspondante. On obtient la fenêtre suivante :
figure 9
Enregistrer le fichier (extension jcl) et l'éditer au format html. Pour cela on utilisera, comme précédemment, le menu "Fichier" suivi de "Enregistrer sous" puis, dans le même menu, "Créer page Web".
Remarques :
* La barre d'outils est la même que celle du module JQuiz ou Jmix (voir figure 3).
* Au lieu de taper le texte on peut utiliser la procédure "copier-coller" à partir de n'importe quelle application sous Windows vers Hot Potatoes.
* Pour modifier la configuration : voir § 1.3 et figure 4.
* On peut insérer une image ou un lien dans le titre de l'exercice et dans le texte.
* On peut insérer un tableau "à trous" par "Insérer" suivi de "Tableau". On choisira le nombre de lignes (n) et le nombre de colonnes (m). Chaque ligne commence par . Les lignes sont classées de 1 à n Dans une ligne on trouve chaque colonne entre . Les colonnes sont classées de 1 à m dans chaque ligne. On tapera donc le texte entre les correspondant à chaque cellule du tableau.
* Ne pas oublier d'enregistrer une dernière fois le fichier (extension jcl) avant de quitter le module (voir figure 3).
* Il est possible de modifier, à l'aide d'un éditeur tel que Dreamweaver, le fichier html obtenu.
Quitter Hot Potatoes par la commande "Quitter" du menu "Fichier" (voir figure 0) ou par CTRL+Q ou ALT+F4.
Lancer le programme par "Démarrer" - "Programmes" - "Hot Potatoes 6" (installation locale sur disque dur) ou en cliquant sur le raccourci de Hot Potatoes dans la barre de lancement rapide (installation sur serveur).
Choisir le module JCross par un simple clic sur l'image correspondante. On obtient la fenêtre suivante :
figure
10
Grille de définitions des mots (accessible par le bouton "définitions") :
figure 11
Enregistrer le fichier (extension jcw) et l'éditer au format html. Pour cela on utilisera, comme précédemment, le menu "Fichier" suivi de "Enregistrer sous" puis, dans le même menu, "Créer page Web".
Remarques :
* La barre d'outils est toujours la même.
* Pour modifier la configuration : voir § 1.3 et figure 4.
* On ne peut insérer une image ou un lien que dans le titre de l'exercice.
* Ne pas oublier d'enregistrer une dernière fois le fichier (extension jcw) avant de quitter le module (voir figure 3).
* Il est possible de modifier, à l'aide d'un éditeur tel que Dreamweaver, le fichier html obtenu.
Quitter Hot Potatoes par la commande "Quitter" du menu "Fichier" (voir figure 0) ou par CTRL+Q ou ALT+F4.
Extrait de la page http://www.halfbakedsoftware.com/hot_pot_licence_terms.php
figure 12
Se connecter au site : http://web.uvic.ca/hrd/halfbaked/
On arrive ainsi aux hyperliens qui permettent le téléchargement selon le système d'exploitation utilisé. Par exemple pour Windows :
Hot Potatoes for Windows 98/ME/NT4/2000/XP (version 6.0.4, self-extracting, auto-installing zip file)
Enregistrer le fichier correspondant - winhotpot60.exe (8 Mo) - dans le répertoire souhaité.
Exécuter le fichier winhotpot60.exe.
Suivre les indications et passer d'une fenêtre à l'autre par le bouton "Next".
Choisir l'option de lancer le logiciel ("Launch Hot Potatoes").
On obtient la fenêtre suivante pour choisir la langue de l'interface :
figure 13
Choisir francais6.hif et cliquer sur OK.
Dans tous les cas, la version obtenue est limitée.
Aussi il est indispensable de demander une clef pour pouvoir bénéficier de toutes les potentialités.
Ouvrir un module (par exemple Jquiz) : Aide - S'enregistrer.
On obtient la fenêtre suivante :
figure 14
En cliquant sur le bouton "Obtenir une clef", on accède, si l'on est connecté à Internet, à la page suivante :
figure 15
Cocher les cases et remplir les champs proposés (dans l'ordre : patronyme, prénom, adresse mél et pays).
Puis cliquer sur le bouton "Submit".
Une nouvelle fenêtre s'ouvre dès que l'enregistrement de la demande est effectué :
figure 16
Quasiment par retour de courriel on reçoit :
* un nom d'utilisateur (user name) du type "prénom nom"
* une clef (key) : XXXX-XXXX-XXXX (les tirets font partis de la clef).
Lancer le logiciel par un double clic sur le fichier HotPot.exe.
On obtient la page d'accueil suivante sur laquelle figurent les cinq modules qui permettent de créer les exercices interactifs :
figure 17
JQuiz pour les QCM, QROC, Hybride ou Multi-sélection
JMix pour la remise en ordre des éléments d'une phrase
JCross pour les mots croisés
JMatch pour associer deux éléments (mots, phrases, images, ...)
JCloze pour les textes de closure ("à trous").
Lancer un quelconque des cinq modules par un simple clic (par exemple : JQuiz). Dans la barre des menus : Aide - S'enregistrer . On obtient la fenêtre :
figure 18
Saisir son "Nom d'utilisateur" (user name) et sa "clef" (sans oublier les tirets) reçus par courriel (cf. paragraphe 3 ci-dessus) dans les champs correspondants.
Terminer par un clic sur les boutons "OK" (deux fois).
Dorénavant l'option "S'enregistrer" n'apparaîtra plus dans aucun menu "Aide" et les cinq modules sont "débridés".
|
Pour souligner :
|
<u>mot(s) à souligner</u>
|
|
Pour mettre en gras :
|
<b>mot(s) à mettre en gras</b>
|
|
Pour mettre en italique :
|
<i>mot(s) à mettre en italique</i>
|
|
Pour mettre en indice :
|
<sub>mot(s) à mettre en indice</sub>
|
|
Pour mettre en exposant :
|
<sup>mot(s) à mettre en exposant</sup>
|
| Pour utiliser un caractère grec : | α β ... ω Ω σ Σ ... (ne pas oublier le point virgule !) |
|
Pour modifier la police :
|
<font face=symbol>mot(s) dont on veut modifier
la police</font> (1)
|
|
Pour mettre en couleur :
|
<font color=#FF00FF>mot(s)
à mettre en couleur</font>
(2)
|
|
Pour modifier la taille :
|
<font size=4>mot(s)
dont on veut modifier la taille</font>
(3)
|
|
Pour centrer :
|
<center>mot(s) à centrer </center>
|
|
Pour forcer un retour à la ligne :
|
<BR>
|
|
Pour sauter une ligne :
|
<BR><BR>
|
|
Pour indiquer le symbole ±
|
<font face=symbol>±</font>
|
|
Pour indiquer le symbole ®
|
<font face=symbol>®</font>
|
|
Pour indiquer le symbole ³
|
<font face=symbol>³</font>
|
|
Pour indiquer le symbole £
|
<font face=symbol>£</font>
|
|
Pour indiquer le symbole »
|
<font face=symbol>»</font>
|
|
Pour indiquer le symbole ¹
|
<font face=symbol>¹</font>
|
(1) : La police choisie dans l'exemple est Symbol : a, b, c, d, e, f, g, h, l, q, ...
(2) : Le code de la couleur indiqué par 6 caractères après le caractère dièse est en hexadécimal. Les deux premiers caractères correspondent au rouge, les deux suivants au vert et les deux derniers au bleu (RVB). Chaque paire de caractères peut varier de 00 (pas de couleur) à FF (couleur "maximale"). En jouant sur chaque couleur on obtient, par synthèse additive, la couleur souhaitée définie par sa teinte, sa saturation et sa luminance. Dans l'exemple ci-dessus la couleur est magenta.
(3) : La valeur 3 correspond à la taille "moyenne" du navigateur. Plus on augmente la valeur (maximum 7) plus la taille de la police affichée augmente ; plus on la diminue (minimum 1) plus les caractères sont petits. Attention, les tailles sont toujours choisies par l'utilisateur du navigateur.
Remarques :
* On peut associer plusieurs balises. Ne pas oublier de les fermer dans le bon ordre !
* Exemple d'association : <font size=4 color=#FF0000> α<sub>1</sub> = 90° </font>
qui donnera α1 = 90° (en rouge et dans une taille immédiatement supérieure à la "moyenne").
* Ne pas oublier le "copier-coller" lorsqu'on aura plusieurs balises du même type à mettre dans un document !
figure
3 
figure
4