Ein dynamisches Frontend für Zeitserver
![Logo-Moser-Baer Logo-Moser-Baer](/img/2024/01/Logo-Moser-Baer.jpg?w=400&h=228&fit=crop&fm=webp&q=90&sharp=4&s=45f9ba4ab627cb5abaa786efdb942e0e)
![23-03-MoserBear2-1 23-03-MoserBear2-1](/img/2024/03/23-03-MoserBear2-1.jpg?w=800&h=533&fit=crop&fm=webp&q=90&sharp=4&s=d85e5ae5ef1f541b8cbad594fa7ac560)
Puzzle hat für Moser Baer AG eine dynamische Web-Applikation zur Konfiguration der Zeitserver für die Marke MOBATIME entwickelt.
Moderne Web-Applikation
Für die Konfiguration der Zeitserver bietet die Moser-Baer AG ihren Kund:innen bisher eine RichClient-Applikation an. Dieses Frontend ist nicht mehr zeitgemäss und soll durch eine Web-Applikation ersetzt werden. In einem ersten Schritt wurde ein Lösungskonzept erarbeitet, um die spezifischen Anforderungen an die Laufzeitumgebung und die Sicherheit zu erfüllen. Die neue Web-Applikation wird auf verschiedenen Zeitservern betrieben, eine Internetanbindung ist nicht zwingend vorhanden und die Systeme werden über lange Zeiträume betrieben. Zudem verfügen die Zeitserver nur über eine minimale Laufzeitumgebung in Bezug auf Speicher und Memory (~1MB).
Dynamisches Rendering mit Web Components
Das neue Frontend wurde als Single-Page-Applikation auf Basis von Web Components realisiert. Für die Nutzung in verschiedenen Zeitsystemen rendert sich die Oberfläche beim Start dynamisch. Dies erfolgt durch ein spezifisches Template und Konfigurationsdateien, die auf der Hardware gespeichert sind.
Die Verwendung von Browserstandards gewährleistet eine langfristig nutzbare Lösung. Zusätzlich wird Lit, als leichte Bibliothek für die Entwicklung von Web Components, eingesetzt. Dies ermöglicht ein minimales Bundling und macht es somit der spezifischen Laufzeitumgebung gerecht. Das neu entwickelte Frontend basiert so auf einem stabilen und zugänglichen Techstack. Dadurch fördert die Moser-Baer AG das Onboarding der eigenen Entwickler und unterstützt die zukünftige Erweiterbarkeit.
Diese Services haben wir eingesetzt
Diese Expert:innen brachten das Projekt zum Fliegen
Dürfen wir dein Projekt auf das nächste Level bringen?
![Krebs_Matthias Krebs_Matthias](/img/2024/07/Krebs_Matthias.jpg?w=400&h=400&fit=crop&fm=webp&q=90&sharp=4&s=66df29aa0385b325fb99777622d9f6bc)