Frontend-Projekt
dtm Datentechnik Moll - vaiking.de
Neue B2B-Webanwendung für Rechenzentren und komplexe Infrastrukturen –
mit Fokus auf User Experience
Individuelles Angular-Frontend für ein modulares Datacenter Tool
Mit Vaiking stellt die dtm-group eine integrierte Lösung zur Echtzeitüberwachung, Automatisierung und Visualisierung komplexer Infrastrukturdaten bereit. Das moderne Web-Frontend von W11K macht die Datenanalyse & Steuerung im Browser für Techniker:innen und weitere Stakeholder jetzt deutlich einfacher, schneller und flexibler.
Konfiguriertes Vaiking Dashboard
Mit W11K hatten wir einen Partner an der Seite, der nicht nur technisch stark ist, sondern unsere Nutzer stets im Blick hatte. Die Zusammenarbeit war lösungsorientiert, schnell und sehr angenehm.
Jan Moll
Geschäftsführer bei DTM Datentechnik GmbH
Die Lösung
Das neue Frontend basiert auf Angular, kommuniziert via REST-API und Echtzeit/WebSocket mit dem Backend und wurde so konzipiert, dass einzelne Module flexibel konfigurierbar sind (z. B. Line Charts oder Tachos). Nutzer:innen können ihre eigenen Dashboards individuell anpassen, indem sie Daten bzw. Charts filtern.
W11K übernahm die komplette Konzeption, das UI-Design sowie die technische Umsetzung des Frontends. Das Ziel: ein schneller Zugriff auf relevante Daten, intuitive Bedienung und eine modulare Architektur, die sich einfach erweitern lässt.
Ein besonderer Fokus lag auf der Usability für technische Nutzer:innen: klare Strukturen, ansprechendes Layout, direkte Datenvisualisierung und einfaches Navigieren.
Der Mehrwert
Mit dem neuen Web-Frontend können Kund:innen der dtm-group ihre Daten jetzt ortsunabhängig und in Echtzeit im Browser analysieren.
Für unseren Kunden bedeutet das:
➡ Deutlich weniger Supportaufwand
➡ Schnellere Inbetriebnahme bei neuen Kund:innen
➡ Modularer Ausbau möglich, da Frontend und Backend sauber getrennt sind
Dank Angular, TypeScript und einer klaren UI-Struktur profitieren Anwender:innen von einer performanten, wartbaren und zukunftssicheren Anwendung, die sich flexibel anpassen und weiterentwickeln lässt.
Herausforderung
Das neue UI soll verschiedene Metriken flexibel und in Echtzeit abbilden
Hohe Anforderungen an Performance und Wartbarkeit
Facts
Komplette Neuimplementierung des Frontends
Klare UI für technische Nutzer:innen (B2B)
Modular und erweiterbar
Enge Anbindung an bestehendes Backend via REST-API und Echtzeit/Websocket
Bereits langjährige Zusammenarbeit zwischen dtm group und W11K
Technologien
Angular, TypeScript
Charting Library (dygraphs)
REST-API
Websocket
Bootstrap
