Dashboard de supervision réseau

2025

Aperçu du projet Dashboard de supervision réseau

Développement d’un dashboard de supervision réseau destiné à une PME multi-sites, dans le cadre d’un projet complet de sécurisation d’infrastructure à base de logiciels open source.

Le tableau de bord permet de centraliser les données critiques issues de plusieurs sources :

  • ntopng : analyse du trafic réseau en temps réel (top talkers, interfaces, flux TCP/UDP, protocoles, statistiques de bande passante),
  • OPNsense : état du pare-feu, santé système, services (OpenVPN, DHCP, DNS, VLANs),
  • TrueNAS : supervision des datasets, volumes ZFS, capacité disque et état global du NAS.

Fonctionnalités clés

  • Affichage en temps réel des flux réseau actifs avec protocoles et ports associés
  • Graphiques dynamiques (barres, lignes, donuts) pour le trafic RX/TX par interface
  • Suivi de la santé système (CPU/RAM, espace disque, statut VPN, services critiques)
  • Widgets personnalisables (ajout/suppression dynamique, position sauvegardée)
  • Internationalisation (interface multilingue FR/EN avec traduction dynamique)
  • Monitoring distant : ping ICMP d’équipements extérieurs (routeur, serveurs distants)
  • Interface responsive et ergonomique (Vue.js + TailwindCSS)

Infrastructure et technologies

  • Frontend : Vue.js, TailwindCSS, Chart.js, Axios
  • Backend/API : API REST ntopng, appels JSON depuis TrueNAS et OPNsense
  • Virtualisation : Infrastructure déployée sous VMware Workstation
  • Sécurité : VLANs, OpenVPN (accès distant), PKI (certificats), IDS/IPS Suricata
  • Services réseau : DNS over TLS, DHCP, NTP, Traffic Shaping
  • Stockage : NAS TrueNAS dans la DMZ, datasets isolés et supervisés
  • Tests réseau : iPerf3 pour les mesures de bande passante inter-VLAN/sites

Objectifs atteints

  • Regroupement centralisé des données de supervision auparavant dispersées
  • Amélioration de la visibilité et sécurité réseau (détection précoce d’anomalies)
  • Mise à jour automatique et dynamique des données (sans rechargement)
  • Outil pensé pour les administrateurs système et DSI de PME
  • Solution 100% open source, économique et adaptable

Travail collaboratif

Projet réalisé en équipe de 5 personnes, réparti sur :

  • Conception réseau et sécurité
  • Déploiement sur machines virtuelles
  • Développement frontend et backend du dashboard
  • Tests, documentation, présentation vidéo
#Cybersécurité #Vue.js #ntopng #OPNsense #Fullstack #TrueNAS #Virtualisation #VMware #API REST #Monitoring #Infrastructure #Dashboard #Suricata #OpenVPN