Development of a future-proof user interface

Migration to a modern HMI framework

The challenge

MULTIVAC uses a central software framework to scale development capabilities across its various business areas. A uniform design and technical implementation of the user interface (HMI) is important, as the products from the individual business areas are often combined to form complete solutions. The existing HMI framework was based on the JavaScript library Polymer, whose further development has been discontinued. This led to security issues and limited the ability to introduce new features. In addition, Polymer’s slow performance was a serious problem. In order to future-proof the user interface and significantly improve its speed, all Polymer components had to be replaced with modern technology (Vue.js).

MULTIVAC Sepp Haggenmüller SE & Co. KG

MULTIVAC is one of the leading manufacturers of packaging and processing machines. The company offers comprehensive complete solutions for automation in the food, medical and pharmaceutical sectors, as well as for industrial and consumer goods. With a wide range of products and services, MULTIVAC supports its customers worldwide by providing high-quality systems for packaging, portioning, labelling, inspection and automation.

Multivac Logo

How we helped

To overcome these challenges, we supported MULTIVAC in migrating from Polymer to Vue.js, a modern JavaScript technology for web applications. This significantly improved performance, which in turn greatly increased operating speed and user-friendliness. Our team helped the developers learn the new technologies and carried out the conversion of numerous components in various business areas. At the same time, we ensured that the central framework, which provides the core components, met the performance requirements. To guarantee high quality and efficiency, we introduced test automation that performs software tests automatically and regularly. We also implemented interactive documentation that enables users of the framework to work directly with sample components and illustrates their application in programming.

Technologies/ Methods

Software modernisation Migration strategy Project management Agile project strucutre plan Dealing with complex dependencies between sub-projects Vite Vitest npm Github Actions TypeScript Vue.js

Other projects

Are you interested in a project or service, or do you have any other questions?

Michael Schackert Team

Dr. Michael Schackert

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