Réalisations - Portail sur la nuisance moustique

Dans le contexte d'un stage de 8 semaines chez Geomatys, j'ai dû améliorer la partie front-end (en JavaScript) d'un site web.

Celui-ci est utilisé en interne par l'Entente Interdépartemental de Démoustication du littoral Méditerranéen (ou EID) pour facilement créer des bulletins par zones sur le risque (pour les humains) de divers éspèces de moustiques, et par extension choisir ou non d'intervenir dans cette zone.

La page principale du site est composée d'une carte interactive qui fonctionne avec la librairie OpenLayers pour gérer les différentes couches (= images) que l'on peut superposer à cette carte, dont l'indicateur du risque (image 2).

L'une de mes principales missions fut de corriger / nettoyer le code existant, celui-ci avait beaucoup de problèmes: un non-respect des normes de nommage, de la duplication de code et parfois de fichiers entiers, ainsi que de nombreuses actions obsolètes / redondantes, ce qui empêche grandement l'actualisation du site.

L'autre finalité des missions était d'améliorer l'expérience utilisateur par une interface plus lisible, et avec plus d'options pour trier les informations (que ce soit sur la carte comme en dehors).

Galerie

nuisance-pagination&filtrage nuisance-carte
(pour des raisons de confidentialité, je ne peut pas montrer beaucoup d'images)

Apprentissage

Étant donné qu'il s'agissait de mon premier projet en entreprise, j'ai vu des choses assez variées: la notion de module dans VueJS, de store avec Vuex, les APIs REST (en plus de voir ce qu'est concrètement une API), l'utilisation de volumes docker, et l'écriture de requêtes SQL avec JOOQ (entre autres).

Retour en haut