STAF 14 - Exercice 3 - Rapport de Luis Gonzalez

quiz | homepage | page travaux | E-mail

Professeur : Daniel Schneider - Assistante : Vivian Synteta


Rapport sur mon quiz on-line, programmation PHP

Quiz

Objectifs de la réalisation

Il s'agit de mes premiers pas en programmation PHP. Je me suis fixé comme but de me familiariser et d'acquérir une base de connaissances minimale me permettant de réaliser des questionnaires on-line relativement simples. J'ai décidé d'utiliser plusieurs fonctionnalités des formulaires. En effet, il me semblait utile d'être capable de manipuler les données recueillies de plusieurs manières différentes, mais aussi de réussir à les traiter ensuite dans le fichier PHP. De plus, je voulais être capable d'enregistrer des données sur un fichier et de les insérer ensuite sur une page PHP. C'est pour obtenir le bonus, mais aussi par goût du chalenge que j'avais envie de le faire.
Pour le choix du thème, j'avais envie de réaliser un quiz sur un sujet que j'aime bien afin que ce matériel complète ma page de loisirs. J'avais envie de me faire plaisir tout en apprenant un peu de programmation PHP. Mon choix s'est porté sur la construction d'un quiz sur le thème de la bande dessinée (BD). Mais une simple série de questions auquel l'utilisateur doit répondre ne me semblait pas suffisant. Il fallait aussi trouver un moyen pour que la personne qui y trouve de l'intérêt trouve facilement des informations supplémentaires sur chacune de ces BD.  Pour cela, il fallait inclure une image donnant une petite idée du genre de dessins de chaque auteur et un lien sur un site sur ces BD.
La population cible de ce quiz ne devait pas simplement se limiter aux personnes qui connaissent déjà bien toutes ces BD et qui réaliseraient un très bon score, mais aussi aux personnes qui connaissent mal ce sujet et qui auraient peut-être envie d'en découvrir certaines.
Pour terminer, j'avais envie que ce travail soit dans un style homogène et s'intègre harmonieusement avec les autres pages de mon site.

Analyse des besoins

Pour réaliser ce quiz, j'avais besoins d'acquérir les connaissances suffisantes. Les documents distribués au cours m'ont aidé pour une grande partie. Avec le document les formulaires HTML , j'ai trouvé tout ce dont j'avais besoin pour construire le formulaire. Les deux autres documents introduction à PHP et pages dynamiques avec PHP m'ont fournit la plupart des informations dont j'avais besoin. Pour le reste, j'ai eu recours à un ouvrage introductif sur PHP qui m'a donné les informations nécessaires pour l'affichage automatique de la date et j'ai également regardé d'anciens travaux, essentiellement pour l'enregistrement des scores dans un fichier texte.
Pour construire le questionnaire, je n'ai pas eu besoin de documentation particulière. J'ai simplement regardé dans ma bibliothèque pour trouver un peu d'inspiration. Par contre, j'avais besoin d'images et d'adresses de liens. J'ai réaliser les recherches avec Google.
Comme pour mon travail précédent sur XML , j'ai utilisé AceHTML 4 pour la construction du formulaire et des pages PHP.

Design

En terme de présentation, je me suis efforcé de garder la même que pour les autres pages de mon site. J'ai donc utilisé à nouveau le même fichier de style CSS. La couleur de fond est restée le blanc, et pour les pages PHP, j'ai employé le même bleu utilisé sur ma page de liens et aussi sur ma page de travaux. Les pieds de pages sont toujours les mêmes, indiquant la date de réalisation et mon nom et des liens sur mes liens principaux (homepage, page travaux, E-mail).
J'ai disposé les questions de la page du formulaire de façon à ce que les modes de réponses ne soient pas mélangés. Ainsi, j'ai placé en premier les choix multiples de type radio (une seule réponse),puis ceux de type scrollable (également une seule réponse). J'ai continué ensuite avec les choix multiples de type checkbox où plusieurs réponses sont possibles. Pour terminer, l'utilisateur doit entrer une réponse au clavier. J'ai placé sur la droite, soit une image en relation avec la question, ou alors, lorsqu'il s'agit des réponses de type scrollable, j'ai placé la fenêtre de choix également à droite. L'ensemble de la page semble équilibré et aéré, il n'y a pas trop de texte. L'ergonomie de la page me semble satisfaisante.
La page de réponse a été construite dans le même esprit. J'ai mis en évidence les questions en les insérant dans une zone bleue. J'ai placé la réponse de l'utilisateur en regard, à droite de la question et le nombre de points obtenus à la question tout à droite. Le feed-back a été placé en dessous de la question. Pour terminer, j'ai placé des images en relation avec la question avec un lien sur la référence en dessous de l'image. La page des scores est plus simple : on y trouve le titre, le tableau récapitulatif avec les entêtes en blanc sur fond bleu et le bas de page habituel.
Il me semble que le design de mon quiz correspond bien à l'objectif d'homogénéité fixé préalablement.

Commentaires

J'ai eu du plaisir à réaliser ce travail, même si j'y ai passé beaucoup plus de temps que prévu. C'est essentiellement la recherche des images et des sites pour chaque auteur de bande dessinée qui m'a pris du temps. Je suis satisfait du résultat, même si des améliorations seraient envisageables. Par exemple, il aurait été possible de vérifier si l'utilisateur a pris la peine de répondre au quiz avant d'aller sur le feed-back. Il aurait été possible de l'orienter différemment dans le cas où le questionnaire n'a pas été rempli. Pour les réponses à choix multiples de type checkbox, j'ai utilisé consciemment la méthode la plus facile (à mon sens). En effet, j'ai pensé que j'essayerai ultérieurement d'apprendre cette autre manière et bien d'autres fonctionnalités de programmation PHP.

Difficultés

J'ai rencontré assez peu de difficultés pour ce travail, mais j'en ai eu quelques-unes. Par exemple, j'ai dû déplacer certaines lignes de calcul, car j'appelai au début de la page certaines variables qui n'avaient pas encore été calculées. J'ai réalisé par la suite que, pour éviter ce genre de problème, il était plus judicieux de commencer par résoudre les calculs au début de la page et de s'occuper ensuite de sa structure.
L'enregistrement des réponses est un autre problème que j'ai rencontré. Pour le résoudre, j'ai été consulter le code de la page d'un ancien travail et j'ai rapidement compris ce qui posait problème. J'ai eu un autre problème lié à l'enregistrement du fichier qui devait recevoir les informations à stocker. Mais, il a été facile à résoudre, car je savais qu'il fallait modifier les droits d'accès au fichier pour que les résultats de n'importe quel utilisateur s'enregistrent.

Réflexions

L'utilité de ce quiz me semble limitée. C'était avant tout un bon prétexte pour apprendre un peu de programmation. Au niveau pédagogique, j'ai peu d'illusions sur l'utilité qu'il aura pour un visiteur. Je ne suis pas sûr qu'ils apprennent grand chose grâce à ce quiz, mais ce n'était pas mon but principal. Par contre, j'ose espérer que je puisse leur transmettre un peu de mon intérêt pour la BD.

Références

Engels, J. (2001). Vos premiers pas avec PHP 4. Paris : Editions OEM.


Réalisation : Luis Gonzalez | homepage | page travaux | quiz | haut de la page

Dernière mise à jour : 24.02.02