Entwicklung einer zukunftsfähigen Benutzeroberfläche

Migration zu einem modernen HMI-Framework

Die Herausforderung

MULTIVAC nutzt ein zentrales Software-Framework, um die Entwicklungsfähigkeit in seinen verschiedenen Geschäftsbereichen zu skalieren. Ein einheitliches Design und die technische Implementierung der Benutzeroberfläche (HMI) ist wichtig, da die Produkte der einzelnen Geschäftsbereiche oft zu kompletten Lösungen kombiniert werden. Das bestehende HMI-Framework basierte auf der JavaScript-Bibliothek Polymer, dessen Weiterentwicklung eingestellt wurde. Dies führte zu Sicherheitsproblemen und schränkte die Möglichkeit zur Einführung neuer Funktionen ein. Zudem war die langsame Performance von Polymer ein gravierendes Problem. Um die Bedienoberfläche zukunftssicher zu machen und die Geschwindigkeit entscheidend zu verbessern, mussten alle Polymer-Komponenten abgelöst und durch eine moderne Technologie (Vue.js) ersetzt werden.

MULTIVAC Sepp Haggenmüller SE & Co. KG

MULTIVAC ist einer der führenden Hersteller von Maschinen für die Verpackung und Verarbeitung. Das Unternehmen bietet umfassende Komplettlösungen für die Automatisierung in den Bereichen Lebensmittel, medizinische und pharmazeutische Produkte sowie Industrie- und Konsumgüter. Mit einem breiten Spektrum an Produkten und Dienstleistungen unterstützt MULTIVAC seine Kunden weltweit, indem es hochwertige Systeme für Verpackung, Portionierung, Kennzeichnung, Inspektion und Automatisierung bereitstellt.

Multivac Logo

Wie wir geholfen haben

Um die Herausforderungen zu bewältigen, unterstützten wir MULTIVAC bei der Migration von Polymer zu Vue.js, einer modernen JavaScript-Technologie für Webanwendungen. Dadurch verbesserte sich die Performance erheblich, wodurch die Bediengeschwindigkeit und somit auch die Benutzerfreundlichkeit entscheidend gesteigert wurde. Unser Team half den Entwicklern, die neuen Technologien zu erlernen und führte die Umstellung vielzähliger Komponenten in verschiedenen Geschäftsbereichen durch. Gleichzeitig stellten wir sicher, dass das zentrale Framework, welches die Kernkomponenten bereitstellt, die Performanceanprüche erfüllt. Um hohe Qualität und Effizienz zu garantieren, führten wir eine Testautomatisierung ein, die Softwaretests automatisch und regelmäßig durchführt. Zudem implementierten wir eine interaktive Dokumentation, die es den Benutzern des Frameworks ermöglicht, direkt mit Musterkomponenten zu arbeiten und deren Anwendung in der Programmierung veranschaulichte.

Technologien/ Methoden

Software Modernisierung Migrationsstrategie Projektmanagement Agiler Projektstrukturplan Umgang mit komplexen Abhängigkeiten zwischen Teilprojekten Vite Vitest npm Github Actions TypeScript Vue.js

Weitere Projekte

Sie interessieren sich für ein Projekt, eine Leistung oder haben eine sonstige Frage?

Michael Schackert AP

 Dr. Michael Schackert

Tel. +49 821 885 882-36
michael.schackert@xitaso.com