Développeur WEB étudiant en BUT MMI

Avec Julian, l'autre stagiaire de l'agence, nous avons commencé par faire un benchmark pour voir les solutions de plugins de chatbot existantes. Nous nous sommes alors heurtés au fait que les plugins étaient pour la plupart payants, et nous devions trouver une alternative gratuite.
Heureusement, je suis tombé sur le plugin WPBot qui était gratuit même s'il était moins téléchargé. En le configurant, je me suis confronté à des manquements dans le plugin au niveau du CSS personnalisé. J'ai dû alors passer par le CSS personnalisé de Wordpress pour modifier l'apparence du chatbot et le rendre plus cohérent avec le site.

Ce petit projet m'a beacuoup stimulé d'un point de vue créatif car je devais synthétiser les informations du site et conseiller les utilisateurs tout en gardant le personnage de Philémon, mascotte de Village Étape.
De plus, j'avais des dessins de Philémon à ma disposition que j'ai pu intégrer aux réponses du chatbot pour le rendre plus vivant.

La première modification a été l'implémentation d'un websocket pour permettre une communication en temps réel entre la partie mobile et le grand écran. Auparavant, la partie mobile envoyait des requêtes à intervalle régulier pour vérifier si de nouvelles promesses de dons avaient été faites, ce qui n'était pas viable pour une application d'envergure avec plusieurs centaines de connexions en simultané. Cela a alors été l'occasion pour moi de découvrir la librairie Socket.io afin de la faire fonctionner avec mon application. Le produit est désormais scalable et peut supporter un grand nombre de connexions simultanées.

J'ai également ajouté plusieurs autres fonctionnalités comme l'inscription à la levée de fonds, les promesse de dons manuelles depuis le back-office, l'import et export en CSV de la liste des mécènes et leurs promesses de dons...
Venait alors le jour de la levée de fonds avec la WWF. Mon collègue Nicolas s'est rendu à Paris avec Antoine le PDG de Edons pour s'occuper de la partie régie de la soirée avec l'application, et la soirée s'est passée sans accrocs.

Depuis quelques années, j'ai développé une passion pour les drapeaux du monde. Mais, après avoir apris les drapeaux des pays de l'ONU, je voulais en apprendre plus. Mais le problème était que je n'ai trouvé aucun site qui me permettait d'apprendre des listes de drapeaux plus niche comme les préfectures japonnaises par exemple. Or je me suis rendu compte que ces listes existaient sur Wikipedia. C'est là que j'ai eu l'idée de créer un générateur de QCM qui marche avec l'API de Wikipedia.

Le second mini-jeu était inspiré du site Geoguessr, un jeu dans lequel le joueur est placé dans une rue du monde et doit trouver où il est. J'ai alors adapté ce concept à la VR en créant une sphère qui affiche une image à 360° et en demandant au joueur de cliquer sur l'endroit où il pense que la photo a été prise. Cela m'a demandé d'utiliser le système d'animation de AFrame pour animer la sphère et j'ai pu réutiliser le premier mini-jeu pour gérer le clic sur la bonne reponse.

Avec mon binôme, nous avons commencé par analyser le site existant pour en comprendre les faiblesse comme le surplus d'information qui perdait l'utilisateur. Nous avons alors décidé de simplifier le site en gardant uniquement les informations essentielles et en épurant l'interface. Nous avons alors créé un prototype Figma pour faire valider notre idée à nos enseignants.

Pour les profils utilisateur, j'ai fait en sorte que l'on puiss modifier sa photo de profil et sa bannière.

L'enjeu principal de ce propjet était de permettre à l'utilisateur de comprendre rapidement les chiffres clés et les tendances de son commerce. J'ai alors utiilisé différents types de graphiques pour permettre une compréhension efficace. Heureusement, j'ai vite pris en main l'outil Highcharts et ce dernier est très varié dans les formats de visualisation qu'il propose.

Ensuite, un autre exercice de ce projet était de créer un clone du site parcoursup du côté des enseignants pour permettre d'analyser géographiquement les candidatures. J'ai alors utilisé l librairie OpenStreetMap pour afficher les candidatures sur une carte et j'ai créé un système de filtre pour permettre de voir les candidatures par filière.