Rapport Staf 14 - Ex4

Home // Curriculum Vitae // Papiers // Workpage // Liens // Hobby // Iris

JavaScript

Démarche personnelle et contexte de travail

Cette 4e période s'est paradoxalement révélée encore plus chargée en travail que les 3 premières, raison pour laquelle j'ai décidé de réduire la charge de travail là où je le pouvais, à savoir STAF14. (rétrospectivement, c'est manqué!) Pour ce faire, j'ai donc décidé de ne pas reprendre un projet de zéro, mais au contraire de me servir de JavaScript pour améliorer le quizz fait dans le cadre de l'exercice PHP. Je pensais effectivement que JavaScript me permettrait de perfectionner certains points sensibles de la version PHP de mon quizz sur la superstition, dont l'ergonomie.

J'ai donc décidé de retravailler les points suivants:

• Vérification du formulaire: afin d'avertir l'utilisateur s'il n'a pas répondu à toutes les questions. C'est une des possibilité "classique" qu'offre JavaScript certes, mais cela permet de palier en plus à un problème de la version PHP du quizz dans laquelle deux questions n'avaient pas de feedback adéquat si la personne n'y répondait pas.
• Une fenêtre préalable qui demande à l'utilisateur son nom ou pseudo.
• Une fenêtre d'ouverture qui indique à l'utilisateur dans quoi il s'embarque.
• Une fenêtre accessible par un bouton qui donne accès aux règles du jeu, qui sont pour beaucoup implicites et donc pas forcément nécessaires
• Utilisation de petites fenêtres pop-up lors du feed-back pour complément d'information: En effet, les réponses de la version php de ce quizz sont longues et contiennent souvent bien plus d'informations que celles strictement nécessaires pour répondre à la question. Or, tous les utilisateurs ne sont pas forcément intéressés par ces info complémentaires. L'idée est donc de fournir un feedback le plus synthétique possible à la question, puis de proposer un bouton nommé par exemple "info supplémentaires" à coté pour ceux qui seraient intéressés à en savoir plus.

Afin de faire les choses bien, j'ai commencé par visiter les travaux des volées Heidi et Gina, j'ai relu les slides de cours, et j'ai été chercher quelques livres sur JavaScript dans une bibliothèque (voir références). Ces références m'auront été bien utiles à plusieurs reprises, ainsi que le tutotiel Javascript de "L'altruiste" et le l'exercice Javascript de David Touvet. Ensuite, j'ai donc repris le quizz de l'exercice PHP avec pour but d'y apporter des amélioration bénéfiques à l'ergonomie du quizz. J'ai ensuite fait un feedback en JavaScript.

Aspects techniques et problèmes de progression

Je me suis employé à faire apparaître la fenêtre de Feedback à la validation des donnée, via un bouton en fin de questionnaire. Cela m'a posé problème, même en compulsant mes références, et en étudiant le script de Luis. En dernière extrémité, j'ai fait appel à Daniel Schneider qui a corrigé les problèmes de mon script, ce qui m'a permis de poursuivre mon travail.

Je fus rapidement à nouveau bloqué pour une fonction "ouvrir" qui intervenait avant que je ne calcule mes score, ce qui empêchait tout score d'apparaître sur la fenêtre de feedback (Merci à Zeitoun pour l'aide apportée sur ce problème là.)

J'ai compris à ce stade là que la console Javascript, qui était constamment ouverte, ne m'aidait pas toujours, m'indiquant des erreurs de codes en me signalant une ligne alors que l'erreur trouvait sa source 50 ou 60 lignes plus haut. En bref: il me manque encore une "vision d'ensemble", une "logique sous-jacente", "l'esprit du programmeur" qui est capable d'aller chercher l'erreur de code là où elle se trouve. Ça viendra.

Ergonomie

Dans la période précédente, j'ai surtout monté le quizz de façon à faire "un peu de tout" au niveau de la programmation, et comme j'ai repris le même quizz pour cette période, j'ai gardé comme objectif cette diversité de type de questions. Toutefois, cela rend l'ergonomie du quizz parfois pas optimum: je pense à la question 4 en particulier, qui offre un feedback long et massif, même si j'ai essayé de le détailler proposition par propositions. Peut-être aurais-je pu améliorer cela en proposant une séries de propositions "vrai-faux" sur le thème du chiffre 13, ce qui aurait plus compartimenté le feedback, le rendant peut-être moins lourd. En bref, j'ai essayé d'optimiser un peu l'ergonomie du quizz et de son feedback par rapport à sa version PHP, mais il est possible d'aller plus loin, ce qui toutefois pas été une priorité dans le cadre de cet exercice.

Problèmes non résolus

Vu le temps disponible, je me suis fixé comme objectif d'avoir un code correct et fonctionnel, mais j'entrevois des solutions qui me permettraient d'alléger ce code pour en arriver à un résultat identique, mais je n'ai pas eu le temps de faire les changements adéquats. C'est d'autant plus important que je suppose que "l'inélégance" de mon code est peut-être l'origine de certains problèmes que je n'ai pas pu résoudre:

• Les checkboxes posent un problème de comptabilisation des scores: lorsque la personne sélectionne une fois la case, elle est comptabilisée dans le comptage des scores, même si la personne "déselectionne" la case ensuite. Une solution aurait consisté à reprogrammer les questions avec checkboxes avec une boucle "for" qui contrôle l'état de chaque checkboxe lors de la validation des résultats, mais je n'en ai pas eu le temps.
• J'ai voulu cacher le script de mon message d'accueil, mais comme cela cachait le script avec mon navigateur pourtant récent (Mozilla 1.3), ça m'a embêter de le laisser cacher, j'ai donc pris le parti de ne pas le faire.
• J'ai donné une valeur par défaut de "-1" aux variables impliquées dans le calcul des scores, afin de pouvoir faire en sorte d'informer l'utilisateur au cas où il oublierait de répondre à une ou plusieurs questions. Cela m'a permis de coder cet avertissement pour les questions avec objets radio et objets checkbox, mais lorsque j'ai voulu intégré les questions à objets select (celles avec menu déroulant), ça faisait tout planté, et on ne pouvait plus dépasser la fenêtre d'avertissement, j'ai dû renoncé à cette partie qui concerne 3 questions après quelques tentatives infructueuses de palier à ce problème. C'est certainement dû à "l'inélégance" de mon code, mais je n'ai pas eu le temps de l'améliorer, devant me contenter de quelque chose qui marche.
• J'ai pas eu le temps d'installer les fenêtres de complément d'information sur le sujet pour chacune des questions qui le nécessitait.

Une fois de plus de plus, le temps... toujours le temps.

Comme c'est l'habitude maintenant dans les rapports, je profite de remercier tout ceux et celles vers qui l'on peut se tourner lorsque l'on est bloqué. C'est un facteur important, voire indispensable de ce type de cours pour moi. Rien ne vaut un coup d'oeil extérieur pour trouver ce qui coince, tellement il est difficile d'extrapoler quand on fouille les codes lignes par lignes.

Références:

• Claviez, J. (2000). Recueil des meilleurs scripts en JavaScript. Laval: J.C.I Inc.
• Flanagan, D. (1998). JavaScript, The Definitive Guide. Sebastopol: O'Reilly and Associates, Inc.
• Melys, F. (2000). Vos premiers pas avec JavaScript. Paris: Edition OSMAN EYROLLES MULTIMEDIA
• Vander Veer, E. A. (1997). JavaScript pour les nuls. Paris : Edition SYBEX.

haut de la page