Les besoins
La société Alcopass m'a contacté afin de créer une site internet permettant de tester en ligne son taux d'alcoolémie. À l'aide de question concernant la personne (poids, sexe...) ainsi que ses consommations on estime le taux d'alcoolémie de la personne. J'ai donc développé cette plateforme grâce à Symfony ainsi que Webpack.
- Estimer son taux d'alcoolémie simplement en ligne
- Créer une site simple d'utilisation
- Un design moderne et simple
- Un site simplement utilisable sur mobile
- Technologie imposée : PHP & Javascript
Les enjeux
Un design accessible
Étant donné que le public visé est très large, ce site se devait d'avoir un design très accessible. J'ai donc élaboré un design qui reste assez moderne tout en conservant un contraste assez élevé
Un calcul des plus fiables
Il existe différentes formules permettant de cacluler son taux d'alcoolémie. Certaines sont plus fiables que d'autres et nous avons donc dû choisir la plus adaptée. Quoi qu'il arrive il faut garder à l'esprit que cela ne remplace pas un éthylomètre par exempe et que ça n'est qu'une estimation. Les calculs étant basé sur les informations fournis par l'utilisateur on ne peut en attester la véracité.
Un export XLS
Afin d'obtenir les données renseignées par les clients sans pour autant créer une administration permettant simplement de consulter les données nous avons décidé de mettre en place un exoprt CSV. Celui-ci est réalisé à l'aide d'une tâche CRON chaque semaine à heure fixe et envoi par email aux administrateurs un export CSV des données.
L’accompagnement
Création du design
Comme le design se devait d'être accessible et moderne j'ai commencé par créer des wireframe afin de définir les éléments nécessaires ainsi que leur emplacements. A la suite de cela j'ai transformé cela en maquette en prenant soin de reprendre les couleurs de leur charte graphique. Ce design est relativement simple avec de la modernité notamment au niveau des illustrations. L'idée étant de conserver une application simple d'utilisation et de compréhension.
Mise en place du site
Une fois la partie design terminée, j'ai commencé à mettre en place le site. Création d'un environnemment de développement en local, installation du projet Symfony & Webpack. Une fois cette partie configuration je me suis attaqué à l'intégration du design. Celui-ci a été assez rapide et je suis ensuite passé à la partie logique. Afin d'éviter la frustration de l'utilisateur en faisant un simple refresh, nous avons fais le choix de stocker au fur et à mesure les informations insérés par l'utilisateur. Ainsi dès lors qu'il renseigne une boisson tout son profil est mis à jour. Ces données sont stockés en local (session) afin d'éviter de surcharger inutilement la base de données. Une fois que le client valide son test, les données sont sauvegardées et son taux d'alcoolémie est calculé afin de lui afficher.
Techniquement
La mise en place de l'ensemble du site internet s'est fait assez rapidement. Une fois la configuration classique de Symfony mise en place j'ai pu rapidement attaquer l'intégration et le développement back-end.
La complexité au niveau de la logique s'est surtout retrouvée en front-end. Étant donné que l'ensemble des données étaient sauvegardés en local je n'avais pas d'autre choix que faire les vérifications des champs en JavaScript. Il m'a donc fallut développer différentes fonctions pour cela.
Enfin, et dans un soucis de sécurité il fallait s'assurer que personne ne puisse exporter l'ensemble des datas en CSV. Pour cela j'ai donc créé une commande Symfony accessible uniquement sur le serveur. Celle-ci est exécutée grâce à une tâche CRON afin d'envoyer l'export par email.
