QUEST A

Le QUEST A est plutôt conçu pour l'apprentissage ou l'évaluation formative, l'utilisateur peut recommencer autant de fois qu'il le désire le questionnaire et améliorer sa performance.
Le QUEST B peut être utilisé en évaluation sommative : l'utilisateur ne peut pas revenir sur son travail après la première validation, ce qui permet au professeur de contrôler les résultats en mode sécurisé et de relever la note en toute confiance.

Pour construire le QUEST, il faut compléter deux fichiers : un en html, un en javascript.
Pour générer le fichier html vous avez 2 solutions, utiliser un logiciel adéquat ou le Bloc-Notes.
Le plus facile est de générer le fichier HTML dans un logiciel, sans entrer dans la source des codes HTML *, et il est aisé dans ce cas d'inclure des images. Exemples de logiciels : FRONTPAGE, FrontPage Express (composant de "internet Explorer"), word (mais c'est plus lent dans ce logiciel)…
( * sauf pour indiquer le nom le nom du fichier javascript ).

1^er solution : utliliser un logiciel. Ouvrir le fichier "questmodele.html" dans FrontPage ou autre logiciel générant le langage html.
L'écriture bleue représente ce qui est déjà écrit dans les fichiers programmes
L'écriture rouge représente ce que vous devez écrire.
Mettez un titre du questionnaire dans le champ "TITRE DU QUEST"
Dans la colonne "Question", saisissez au clavier la question 1, EN MAJUSCULES après le chiffre 1 - (vous pouvez aussi écrire en minuscules mais il faudra gérer les accents et la casse)

1 - ECRIRE LA QUESTION 1 ICI

Procéder de la même manière pour les 9 autres questions.
Si vous avez besoin de mettre une image, allez à la ligne après la question et insérez-la.
Ensuite, il vous faut afficher la source des codes html ("onglet HTML" dans FrontPage, "AFFICHAGE- source html" dans word).
La source affichée, il vous reste alors à indiquer le nom de votre futur fichier javascript à la place de "questmodele.js" dans la ligne :

ex: <script LANGUAGE="JavaScript" SRC="questdieux.js"> (attention à l'extension ".js").

Enregistrer ensuite le fichier modèle sous un autre nom, au format html ( ex : sous le nom de " questdieux.html") et dans son répertoire d'origine, quitte à déplacer le fichier après, sinon il indiquera le chemin du fichier dans SRC="questdieux.js"> et il y aura un bogue (il faut donc bien veiller à cette ligne SRC="questdieux.js">, après le SRC=" on doit trouver uniquement le nom du fichier, pas de chemin du genre c:\….). Fermez le fichier et quittez le logiciel.
PS : dans "Composer" de Netscape, on ne peut pas modifier le code html, il faut donc faire cette opération dans le Bloc-notes.
2^ème solution : utliliser le BLOC-NOTES (NOTEPAD)
(si vous n'avez pas les logiciels cités plus haut, exercice plus fastidieux, mais sans doute plus sûr)
Ouvrir le fichier "questmodele.html" dans le bloc-notes (cocher : EDITION - Retour à la ligne automatique.)
Mettre un titre au questionnaire dans le champ <title>Questionnaire modele</title>
Exemple : <title>Questionnaire dieux</title>
Dans la ligne : <script LANGUAGE="JavaScript" SRC="questmodele.js">
indiquer le nom de votre fichier javascript à la place de "questmodele.js"
ex: <script LANGUAGE="JavaScript" SRC="questdieux.js"> (attention à l'extension ".js").

Il faut maintenant écrire les 10 questions posées. Ecrire la question 1 à la place de "écrire la question 1 ici"

Enregistrer votre fichier html sous un nom ex : "questdieux.html" (attention à l'extension ".html") et fermez le fichier.

Ouvrir le fichier "questmodele.js" dans un logiciel gérant ce format (dans le bloc-notes, cocher : EDITION - Retour à la ligne automatique.)
Vous devez repérer pour chaque question les champs à compléter pour les réponses (voir ci-dessous l'exemple pour la question1)

if ((form.box1.value == "REP1") || (form.box1.value == "rep1" )|| (form.box1.value == "Rep1" ))

Vous devez entrer les réponses de vos questions en MAJUSCULES à la place de tous les champs "REP1" "rep1" "rep1" (si vous proposez 3 réponses comme valides), REP1, REP1.
Exemple : "POLYTHEISTES" pour "REP1", la meilleure réponse.
"POLYTHEISTE" pour "rep"1 si vous ne voulez pas pénaliser pour l'accord du "s"
" POLYTEISTE" pour "Rep1" si vous ne voulez pas pénaliser pour l'oubli du "h"
"POLYTHEISTES" pour les 2 derniers "REP1"
Ce qui donnera :

if ((form.box1.value == "POLYTHEISTES") || (form.box1.value == "POLYTHEISTE") || (form.box1.value == "POLYTEISTES"))

Remarque : Si vous n'acceptez qu'une réponse valide, il faudra supprimer (form.box1.value == "rep1" )|| (form.box1.value == "Rep1")

Le texte pour la question 1 sera donc : (attention aux parenthèses ou doubles parenthèses)

Après avoir procédé ainsi pour les 10 questions, il vous reste à enregistrer votre fichier sous le même nom (mais au format .js) que votre fichier html, ex : "questdieux.js" (le même nom que vous avez mis dans le fichier html : " SRC=" questdieux.js ">,) attention à ce que le bloc-notes n'ajoute pas l'extension ".txt" à l'enregistrement du fichier ".js" (ex : questdieux.js.txt).
Rappel : les deux fichiers (questdieux.html et questdieux.js) doivent être obligatoirement enregistrés dans le même répertoire.
Vous n'avez plus qu'à ouvrir le fichier html (questdieux.html) dans votre navigateur Internet explorer ou Netscape Communicator pour tester votre Quest. (mais veillez à ce que ce fichier ne soit pas déjà ouvert dans un autre logiciel).
Encore une fois, attention à être rigoureux, une seule erreur de signe et il faudra "déboguer".
PS : Vous pouvez changer la longueur des champs pour les réponses en intervenant sur le code html : ex ci-dessous pour le champ 1 (box1) : SIZE="25" MAXLENGTH="25" en changeant le "25", vous pouvez agrandir ou réduire la longueur du champ (25 = 22 caractères en majuscules).

<td HEIGHT="24"><div align="center"><center><p><input TYPE="text" NAME="resultat1"

Dans cette version, les élèves peuvent recommencer leur exercice autant de fois qu'ils le désirent, si vous voulez les noter au bout d'un seul essai et en mode "sécurisé" il faut choisir le Quest B (Quest d'évaluation).