Desarrollo de una interfaz de usuario sostenible

Migración a un marco HMI moderno

El reto

MULTIVAC utiliza un marco de software central para escalar la capacidad de desarrollo en sus diferentes áreas de negocio. Es importante contar con un diseño uniforme y una implementación técnica de la interfaz de usuario (HMI), ya que los productos de las distintas áreas de negocio a menudo se combinan para formar soluciones completas. El marco HMI existente se basaba en la biblioteca JavaScript Polymer, cuyo desarrollo se ha suspendido. Esto provocaba problemas de seguridad y limitaba la posibilidad de introducir nuevas funciones. Además, el lento rendimiento de Polymer era un problema grave. Para garantizar el futuro de la interfaz de usuario y mejorar significativamente la velocidad, fue necesario sustituir todos los componentes de Polymer por una tecnología moderna (Vue.js).

MULTIVAC Sepp Haggenmüller SE & Co. KG

MULTIVAC es uno de los principales fabricantes de máquinas para el envasado y el procesamiento. La empresa ofrece soluciones completas para la automatización en los sectores de productos alimenticios, médicos y farmacéuticos, así como de bienes industriales y de consumo. Con una amplia gama de productos y servicios, MULTIVAC apoya a sus clientes en todo el mundo proporcionándoles sistemas de alta calidad para el envasado, el porcionado, el etiquetado, la inspección y la automatización.

Multivac Logo

Nuestra aportación

Para superar los retos, ayudamos a MULTIVAC a migrar de Polymer a Vue.js, una moderna tecnología JavaScript para aplicaciones web. Esto mejoró considerablemente el rendimiento, lo que aumentó de forma decisiva la velocidad de funcionamiento y, por lo tanto, la facilidad de uso. Nuestro equipo ayudó a los desarrolladores a aprender las nuevas tecnologías y llevó a cabo la conversión de numerosos componentes en diferentes áreas de negocio. Al mismo tiempo, nos aseguramos de que el marco central, que proporciona los componentes básicos, cumpliera con los requisitos de rendimiento. Para garantizar una alta calidad y eficiencia, introdujimos una automatización de pruebas que realiza pruebas de software de forma automática y periódica. Además, implementamos una documentación interactiva que permite a los usuarios del marco trabajar directamente con componentes de muestra e ilustra su aplicación en la programación.

Tecnologías/métodos

Modernización de software Estrategia migratoria Gestión de proyectos Plan de estructura del proyecto ágil Gestión de dependencias complejas entre subproyectos Vite Vitest npm Github Actions TypeScript Vue.js

Otros proyectos

¿Le interesa un proyecto, un servicio o tiene alguna otra pregunta?

Michael-Schackert-Team-scaled-e1735814890991

Dr. Michael Schackert

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