INBMI

Centre Régional de Béja

Réaliser des exercices en JavaScript
au format HTML avec HotPot

HotPot est un bouquet réunissant six logiciels indépendants les uns des autres, une suite (gratuite) mise au point par Half-Baked Software et l'équipe de recherche et développement de l'Université Victoria (Canada) et qui permet de créer facilement des exercices pour le Web.
L'écran d'accueil de HotPot se présente ainsi :

- JCLOZE : Faire des exercices à trous
- JMIX : Mélanger des mots
- JQUIZ : Poser des questions
- JMATCH : Faire des appariements
- JBC : Faire des QCM
- JCROSS : Faire des mots croisés

______________________________________________________________________________

A. PHASE PREPARATOIRE :

- Créez un dossier dans : C:/ Mes Documents / Nommez ce dossier : Fontaine.
On enregistrera dans ce dossier tous les fichiers crées.

______________________________________________________________________________

B. CREATION DES EXERCICES :

N°1 : Exercices à trous avec JCLOZE

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

ETAPE n°2 : CREATION DE L'EXERCICE
TITLE : Le Corbeau et le Renard
ZONE DE TEXTE :
Maître Corbeau sur un arbre perché
Tenait en son bec un fromage

- Maître : Double-clic sur ce mot (sélectionné) / Gap / OK. De même pour les autres mots.

Options :  - Gap : choisir les mots qui vont disparaître  - Delete Gap : annuler les choix un par un  - Clear Gaps : annuler tous les choix à la fois  - Auto-Gap : laisser le logiciel trouer le texte selon une fréquence  choisie  - Show Words : pour proposer éventuellement des équivalences

 

ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : cloze / Enregistrer. Le fichier prendra l'extension .jcl . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : cloze / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

N°2 : Phrases en désordre avec JMIX

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

ETAPE n°2 : CREATION DE L'EXERCICE
TITLE : Le Lion et le Rat
ZONE DE TEXTE :
on / a / souvent / besoin / d'un / plus / petit / que /soi /

ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : mix / Enregistrer. Le fichier prendra l'extension .jmx . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : mix / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

N°3 : Questions avec JQUIZ

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

ETAPE n°2 : CREATION DE L'EXERCICE
TITLE : Le renard dans Les Fables
QUESTION : Qui est le plus malin dans "Le Corbeau et le Renard"?
ANSWER 1 : Le renard

* Remarque :  - Si je tape plusieurs réponses, elles sont toutes bonnes.


<div align="left"></div>
ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : quiz / Enregistrer. Le fichier prendra l'extension .jqz . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : quiz / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

N°4 : Associations avec JMATCH

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

 

 

ETAPE n°2 : CREATION DE L'EXERCICE
TITLE : Associations
ZONES DE TEXTE :

 

 

 

 

<div align="left">

LEFT                                            RIGHT

 Le Corbeau et                               le Renard

 Le Lion et                                     le Rat

 La Cigale et                                  la Fourmi


</div>

ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : match / Enregistrer. Le fichier prendra l'extension .jmt . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : match / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

N°5 : QCM avec JBC

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

ETAPE n°2 : CREATION DE L'EXERCICE
- TITLE : Les Fables
- QUESTION : Qui a écrit “Les Fables” ?
- ZONES DE TEXTE :

 

               Answers                             Feedback                               

   X         La Fontaine                         Bravo !                                     

               Racine                                Non !

               Molière                               Non !

<div align="left">

Option : Inclure un texte de lecture à l'exercice :  - File / Add Reading Text / Include a reading text / Include a timer / (Taper le texte dans la zone de texte ou importer un texte au format HTML ) / OK (Texte qu’on a déjà enregistré dans : Fontaine)

ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : jbc / Enregistrer. Le fichier prendra l'extension .jbc . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : jbc / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

 

N°6 : Mots croisés avec JCROSS

ETAPE n°1 : CONFIGURATION DU LOGICIEL
a - Options
- Configure Output
- Load
- Hotpot4 / French / Ouvrir /
b - Button Captions : cochez la case Include "Next Exercice" button /
- Button Captions : cochez la case Include "Back" button / Save / OK

ETAPE n°2 : CREATION DE L'EXERCICE
a - Verticalement : RAT
- Horizontalement : RENARD
b - Add Clues : RAT > Définition : de ville et des champs
- RENARD : animal rusé

ETAPE n°3 : ENREGISTREMENT ET VISUALISATION DU FICHIER
a - File / Save as / Nommez le fichier : cross / Enregistrer. Le fichier prendra l'extension .jcw . C'est un fichier modifiable.
b - Cliquez sur l'icône V3 ou V4 selon le navigateur qui servira à lire les pages HTML / Nommez le fichier : cross / Enregistrer. Le fichier prendra l'extension HTM . C'est un fichier non modifiable.
- HotPot vous propose de visualiser aussitôt le résultat. Acceptez et vérifiez que tout marche très bien.

______________________________________________________________________________

C. CHAINAGE DES FICHIERS :

1. Chaînage cloze.htm > mix.htm > quiz.htm > match.htm > jcb.htm > cross.htm
> Dans Fontaine : ouvrir
- cloze.jcl / Options / Configure Output / Settings/URLS : Next exercice URL / Ecrire : mix.htm / File: Save/ V4 (cloze/oui)
- mix.jmx / Options / Configure Output / Settings/URLS : Next exercice URL / Ecrire : quiz.htm / File: Save/ V4 (mix/oui)
- quiz.jqz / Options / Configure Output / Settings/URLS : Next exercice URL / Ecrire : match.htm / File: Save/ V4 (quiz/oui)
- match.jmt / Options / Configure Output / Settings/URLS : Next exercice URL / Ecrire : jbc.htm / File: Save/ V4 (match/oui)
- jbc.jbc / Options / Configure Output / Settings/URLS : Next exercice URL / Ecrire : cross.htm / File: Save/ V4 (jbc/oui)

2. Chaînage : Index.htm avec les 6 fichiers au format HTML :
- Dans FrontPage : créer un fichier. Nommer ce fichier : Index / Fichier / Enregistrer dans C:/ Mes Documents/ Fontaine
- page Index > écrire : Exercices à trous > créer un lien avec : cloze.htm / Enregistrer (Aperçu)
- page Index > écrire : Phrases en désordre > créer un lien avec : mix.htm / Enregistrer (Aperçu)
- page Index > écrire : Questions > créer un lien avec : quiz.htm / Enregistrer (Aperçu)
- page Index > écrire : Associations > créer un lien avec : match.htm / Enregistrer (Aperçu)
- page Index > écrire : QCM > créer un lien avec : jbc.htm / Enregistrer (Aperçu)
- page Index > écrire : Mots croisés> créer un lien avec : cross.htm / Enregistrer (Aperçu)

3. Chaînage des 6 fichiers au format HTML avec Index.htm
> Dans Fontaine :
- Ouvrir le fichier : cloze.jcl / Options / Configure Output / Settings/URLS : Contents page URL / Ecrire : Index.htm
- De même pour : mix.htm / quiz.htm / match.htm / jcb.htm / cross.htm

* Important : vous allez constatez que Index.htm est une URL par défaut dans HotPot ; donc, le chaînage des 6 fichiers au format HTML avec Index.htm se fait automatiquement.