Dashboard Industriel
Application web de supervision pour lignes de production avec visualisation temps réel et gestion d'alertes.
TypeScript Svelte Node.js WebSocket
Contexte
Conception et développement d’une application de supervision pour une ligne de production industrielle. L’objectif : remplacer un système SCADA vieillissant par une solution web moderne et accessible.
Architecture
Frontend (Svelte + TypeScript)
Interface responsive construite avec Svelte pour une réactivité optimale :
- Visualisation temps réel des KPIs de production (TRS, cadence, rebuts)
- Graphiques interactifs avec historique configurable
- Système de notifications push pour les alertes critiques
- Mode sombre pour les environnements de contrôle
Backend (Node.js + WebSocket)
Serveur Node.js assurant la communication bidirectionnelle :
- Connexion WebSocket pour les mises à jour temps réel
- API REST pour la configuration et l’historique
- Intégration avec les automates via protocole OPC-UA
- Gestion des droits utilisateurs par rôle
Infrastructure
- Conteneurisation Docker pour le déploiement
- Base de données TimescaleDB pour les séries temporelles
- Nginx en reverse proxy avec SSL
Résultats
- Temps de réponse moyen : 50 ms
- Disponibilité : 99.9% sur 12 mois
- Réduction de 30% du temps de détection des anomalies
Technologies utilisées
TypeScript, Svelte, Node.js, WebSocket, OPC-UA, Docker, TimescaleDB