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.
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 :
LEFT
RIGHT
Le Corbeau et
le Renard
Le Lion et
le Rat
La Cigale et
la Fourmi
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 !
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.