Ein dynamisches Frontend für Zeitserver

Puzzle hat für Moser Baer AG eine dynamische Web-Applikation zur Konfiguration der Zeitserver für die Marke MOBATIME entwickelt.

 

Für die Konfiguration der Zeitserver bietet die Moser-Baer AG ihren Kundinnen und Kunden 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 ver-schiedenen 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.

März 2023 – August 2023
Web Components mit Lit, Typescript
Frontend

Die Moser-Baer AG ist ein weltweit tätiges Unternehmen mit Hauptsitz in Sumiswald. Die Kernbereiche sind Zeitsysteme und Medizinaltechnik. Mit den legendären Bahnhofsuhren der Schweizerischen Bundesbahnen hat sich ihr Produkt MOBATIME als Marke etabliert. Heute ist sie Marktführerin im Sektor Zeitsysteme.