EVEZ travaille sur la prévention et l'évaluation des risques. Le projet partait d'une idée simple et exigeante : plutôt qu'expliquer au visiteur ce qu'il ignore, le mettre en situation de se tromper, puis lui montrer la réalité. Le support est un quiz, mais sa mécanique n'est pas celle d'un formulaire, et rien de tout cela n'a été acheté sur étagère. Il n'y a ici ni extension de quiz ni constructeur de pages : le moteur, son modèle de données, ses tables et ses points d'accès ont été écrits pour ce projet.
En images
Le projet en détail
La question posée est fermée et ses réponses possibles sont les arrondissements de Paris. Le visiteur ne choisit pas dans une liste déroulante : il clique sur une carte interactive. L'arrondissement sélectionné se colore en vert s'il a trouvé, en rouge sinon, et la bonne réponse apparaît alors en vert à côté. Le site affiche ensuite les niveaux réels de chaque arrondissement, qui donnent la mesure de l'écart, puis le taux de réussite à cette question calculé sur les réponses déjà données.
Ce dernier point est ce qui fait tenir l'ensemble. Le thème crée ses propres tables, une pour les réponses et une pour les inscrits à la lettre d'information. Chaque réponse y est écrite avec son horodatage, l'identifiant de la question, celui de la réponse choisie et un identifiant de visiteur tiré d'un cookie, sans compte ni inscription. Un point d'accès dédié relit ces lignes et renvoie le pourcentage affiché au visiteur suivant.
Une enquête optionnelle prolongeait le quiz, pour recueillir des précisions sur la position du répondant face aux risques. Elle a sa page sur le site, mais elle a été servie par un outil d'enquête du marché plutôt que redéveloppée. C'était le bon partage : le quiz était la pièce sur mesure, celle qui n'existait nulle part ailleurs ; une enquête à choix multiples, non.
Dix questions, posées sur la carte jaune des vingt arrondissements intégrée en SVG dans la page. Les questions et leurs réponses ne sont pas écrites dans le code : elles vivent dans des champs répétables de l'administration, de sorte que le client pouvait les changer sans nous. Techniquement, le site est un WordPress monté avec Bedrock et un thème Sage écrit pour ce projet, avec ses propres gabarits de page. Le dépôt porte un fichier de configuration par environnement, développement, recette et production, une chaîne gulp pour les feuilles de style et les scripts, et un pipeline GitLab CI. Pour un mini-site, c'est beaucoup de rigueur, et c'est justement ce qui a permis au projet de supporter l'affluence attendue d'une opération de sensibilisation.
La même année, EVEZ nous a confié l'hébergement de son application. Nous avons monté deux serveurs virtuels derrière un répartiteur de charge, dans une configuration où un serveur porte toute la charge et l'autre prend le relais en cas d'incident. Le choix entre cette stratégie et un partage uniforme a été arbitré avec le directeur technique du client.