Service des réseaux d'information

Exemple d'implantation de questions à choix multiple sur le Web

Sommaire: Le professeur N.M. Holtz , de l'Université Carleton à Ottawa, a développé un modèle de questionnaires à choix multiple sur le Web qui m'a semblé, suite à une question sur ce sujet par les chimistes, digne d'être implanté à l'UCL pour tester cette idée dans le contexte d'une vérification des connaissances acquises. Une description complète de son système est disponible à Carleton. Un exemple d'utilisation à l'UCL est également disponible.

Je donne ici un résumé français de son modèle.

Le coeur du système est un programme appelé "Tutorial", écrit en Perl et respectant les normes CGI, qui intervient entre le client WWW et le serveur WWW.
L'enseignant prépare un questionnaire à choix multiple en fabriquant un document HTML qu'il dépose dans un répertoire du serveur Web où est disponible le programme Tutorial.
Il y a un document HTML par question.

L'enseignant doit aussi rassembler (pointer) les différentes questions disponibles dans un autre document HTML qui sera lui accessible par le consultant [l'étudiant] au travers de n'importe quel client WWW.

Le consultant dispose, grâce au Web, de ce dernier document et choisi les questions auxquelles il veut répondre. Son choix, bon ou mauvais, lui est immédiatement retourné accompagné (ou non) d'un commentaire. Une aide, en rapport avec la question , peut également être disponible.
Comme les questions sont appelées au travers d'un document HTML normal, on peut également mettre dans ce document la théorie correspondant à ses questions.

Structure du document HTML qui contient la question

C'est un document HTML normal, voir le Canevas de l'UCL ,ou simplifié dans lequel on insère des ferrets (tags) propres à la logique des questions à choix multiple. C'est ferrets n'existent par en HTML standard, ils ne sont connus que par le programme Tutorial. Les ferrets en questions se présenteront en général comme suit: 
<html>
...
<QUESTION TYPE=Multiple-Choice>

<CHOICES>            présentation des choix
<CHOICE ANS=A> texte
<CHOICE ANS=B> texte
...
</CHOICES>

<ANSWER ANS=B>       numéro de la bonne réponse

<RESPONSES>          [commentaires facultatifs sur les réponses]
<WHEN ANS=x texte>
<WHEN CORRECT texte>
<WHEN INCORRECT texte>
</RESPONSES>

<HINTS>              [suggestions facultatives pour aider à répondre] 
</HINT texte>
</HINT texte>
</HINTS>

</QUESTION>
...
</html>

Si la structure à l'air un peu lourde, il est clair qu'à l'usage l'enseignant partira d'un texte modèle dans lequel toutes ces constantes sont données une fois pour toutes selon la manière d'interroger de l'enseignant. Cependant, on respectera fidèlement l'agencement (départ des ferrets en première colonne) et l'orthographe (ferrets en majuscules) parce que le programme Tutorial s'est d'abord concentré sur le problème à résoudre.
La source d'un exemple stupide mais réel fera mieux sentir la technique.

Exemple de document HTML qui contient la question

<html> <head>
<title>UCL/HIWA - Cours d'histoire</title>
</head> <body>
<img src=/images/HIWA.gif alt="Unité d'histoire de Waterloo">
<hr>
<!-- Ci-dessus, les composants du canevas. -->

Une description facultative de la bataille de Waterloo
qui peut comporter toutes les techniques HTML

<!-- Ci-dessous, le bloc <QUESTION>...</QUESTION> -->

<QUESTION TYPE=Multiple-Choice>

<H2>Qui a gagné la bataille de Waterloo ?</H2>

<CHOICES>
<CHOICE ANS=A> Napoléon
<CHOICE ANS=B> L'impératrice Marie-Thérèse
<CHOICE ANS=C> Moi
<CHOICE ANS=D> Le général MacArthur
<CHOICE ANS=E> Les alliés
</CHOICES>

<ANSWER ANS=E>

<RESPONSES>
<WHEN ANS=A> petit con
<WHEN ANS=C> grand con
<WHEN CORRECT> Vous avez gagné!
</RESPONSES>

</QUESTION>

<!-- Ci-dessous, on reprend le canevas -->

<p>
Page : <a href=http://www.ucl.ac.be/intro.html><b>UCL</b></a>
 | <a href=http://www.sri.ucl.ac.be/SRI/jpm/testMCQ.html>Tester les QCM</a>
...

Structure du document HTML qui appelle les questions

C'est un document HTML normal dans lequel l'enseignant appelle (regroupe) les questions (qui représentent chacune un document HTML) de la façon qu'il souhaite.
On peut imaginer qu'il soit composé dynamiquement et de façon aléatoire, par exemple, par un programme CGI adéquat.

Dans le cas où l'enseignant procède lui-même au "montage" des questions, il y fera appel comme suit (exemple avec 3 questions): 

<a href="/cgi-bin/tutorial/SRI/jpm/TestCanada.html">Canada/a><p>
<a href="/cgi-bin/tutorial/SRI/jpm/TestWaterloo.html">Waterloo</a><p>
<a href="/cgi-bin/tutorial/SRI/jpm/TestHistoiregen.html">Hist. gén.</a>
On remarquera en gras, derrière le nom du programme CGI, le chemin d'accès à la page qui contient une question.

Conclusions

Le programme Tutorial lit ce texte html non standard et envoit au consultant [étudiant] la partie utile en HTML pur. Il est bien évident que la réponse est retirée au passage. Le plus simple est d'essayer.

On n'a pas implanté les modules permettant les questions

mais ça ne devrait pas faire de gros problèmes.

Autres références

Voici les adresses de quelques sites qui ont également étudié ce problème:

Page : UCL | Tester les QCM | Pointeurs utiles.

3 mai 1996.
Conception : N. M. Holtz, Ottawa
Responsable : Jean-Pierre Mitsch <Mitsch@ipm.ucl.ac.be>