Création d’un QCM en HTML

Il est très difficile de réaliser un questionnaire de type QCM en HTML pur, en effet il est nécessaire de
vérifier les réponses ce qui implique la mise en oeuvre de scripts en langage de programmation intégré
au code HTML de la page.

L’apprentissage de ce type de langage de programmation, en l’occurrence le Javascript, étant

relativement complexe, mieux vaut se tourner vers des utilitaires générant automatiquement les pages
de QCM ainsi que la programmation associée.

Dans cet exemple, nous mettons en oeuvre le générateur écrit G Béraud du CARMI de l’Académie de
Grenoble.

Installez le logiciel en cliquant sur “qcm_installe.exe”, sélectionnez un dossier d’installation à la racine

du disque C:\ ou à l’intérieur du dossier C:\Program Files

L’installateur ne crée pas d’icône dans le menu Démarrer mais cela n’a pas beaucoup d’importance.

Examinons un exemple de QCM réalisé grâce à cet utilitaire: avec l’explorateur, ouvrez le dossier
d’installation. Vous y trouvez un certain nombre de fichiers:

GENQCM est le générateur de pages de QC M. Il

s’alimente d’un fichier de définition du QCM, sorte de
fichier texte contenant les questions et les réponses.
LISEZ MOI es t la notice fournie par l’auteu r.
Les deux fichiers DLL sont des librairies indispensables
utilisées par GENQCM.
Et e nfin, l’exe rcic e de dém ons trat ion fo urni:
COULEURS est le fichier de définition qui a servi à
générer trois pages différentes (C OU LEUR1,
COULEUR2, COU LEU R3) don t la dernière dispose d’un
fond d’écran dont l’image est FOND.JPG. Vous pouvez
cliquer sur les pages HTML pour évaluer le QCM.

Pour aboutir à la création d’un exercice, le mode opératoire est le suivant:

1 Avec un éd iteur de texte (le bloc-notes est suffisant, surtout n’utilisez pas Word), on
écrit les questions.
2 On param ètre le générateur.
3 La page HTML est générée.

1 Création de l’exercice.
Nous disposons de pages web a vec les tables de multiplication et nous souhaitons proposer des QCM
destinés à aider les élèves à tester leurs connaissances. Nous avons donc besoin de générer des QCM
qui seront accessibles à partir de la page “somm aire_qcm.htm” situé dans un dossier “multiplication”.
Créons un QCM pour la table de multiplication par 6:
Ouvrez le bloc-n otes et tape z le texte suivant, les commen taires en italiques ne s ont pas à s aisir!

TTable de mu ltiplication par 6 La lettre T rouge indique que la ligne de texte

correspond au titre de la page

QCombien font 3 x 6 ? La première question est repérée par la lettre Q

en rouge

P15 La lettre P indique les différentes propositions

P18
P21

R2 La bon ne répo nse rep érée pa r la lettre R e st la

seconde proposition
Vous pouvez saisir autant de questions et autant de propositions, seulement, il n’y aura qu’une seu le
réponse possible par question.

Inventez deu x au tres que stio ns p uis s auv ega rdez le fich ier da ns le dos sier QCM en le nommant mult6.txt
et fermez le bloc-notes.

2 Génération du QCM HTML.

Lancez GENQCM en cliquant sur son icône et remplissez les champs comme indiqué afin de paramètrer
correctement la génération du QCM.

Indiquez le nom du fichier

de déf inition et le no m de la
page HT ML à gén érer.

On décide de ne pas
a f f i c h er les bonnes
réponses à la fin du QCM,
on ne spé cifie pas d ’image
de fond mais un fond uni
vert. On conserve la police
Aria l.

Enf in on indique le nom du

fichier de retour. Cette
option est fort utile s i vous
rattachez ce QCM à une
page HTML pou r un site
web ou un r e c u e il
d’exercices. Dans le cas
présent, indiquez le nom de
la page vers laquelle retourner, c’est à dire “somm aire_qcm.htm”. Att ent ion, pour simplifier les choses,
le QCM doit être dans le même dossier que cette page.

3 Génération de la page.
Cliquez Ok, une pag e HT ML est gén érée dan s le d oss ier. V ous pou vez la tes ter im méd iate men t en la
cliquant, la page s’ouvre dans une fenêtre de navigateur. Cette page peut-être reformatée dans un
éditeur HTML: changement des couleurs de police, du fond, intégration dans un jeu de cadre.

Il ne reste plus qu’à copier la page “mult6.htm ” dans le dossier contenant le site web et notamment celui
où se trouve la page “sommaire_qcm .htm”.

Le fichier “mult6.txt” n’est plus nécessaire, cependant, il est utile de le conserver afin de générer un
nouvel exercice identique.