Développement et modernisation d’une Weather map de supervision
Noa Ollier
L'objectif était de moderniser la supervision réseau en développant une nouvelle interface "Weather Map", permettant au support de visualiser en temps réel la charge des liens (Internet et MPLS) de chaque site industriel.
Sommaire
- 1. Contexte : Une supervision archaïque
- 2. Le rôle d'Icinga
- 3. Développement HTML/PHP/JS
- 4. Comparaison Avant/Après
1. Contexte : Une supervision archaïque
L'ancienne Weather Map était très sombre, avec de petits textes illisibles de loin, et ne permettait pas de distinguer clairement l'état des liens de secours et le débit utilisé.
2. L'infrastructure technique et le rôle d'Icinga
Je me suis appuyé sur Icinga, l'outil de supervision d'Olga, qui interroge les routeurs de chaque site (via SNMP) pour récupérer le trafic exact transitant par les ports WAN en temps réel.
3. Développement : La structure du code
J'ai développé trois fichiers : config.json (référentiel des sites),
api.php (récupération des données InfluxDB d'Icinga) et weathermapv2.html
(dessin des jauges circulaires en JS avec Chart.js).
4. Modernisation de l'affichage (APRÈS)
La nouvelle Weather Map est épurée, affiche les débits (Mbps) de chaque lien très clairement et utilise des codes couleurs dynamiques (vert/orange/rouge), permettant au support d'être proactif avant de ressentir les pannes.
