Acumatica ha emprendido un emocionante viaje para ofrecer una interfaz de usuario (IU) moderna, algo que ya pudimos vislumbrar por primera vez en la Cumbre 2023. Con cada lanzamiento y actualización posteriores del producto, hemos avanzado en una transformación significativa que tendrá un impacto positivo en la forma en que nuestros clientes trabajan y hacen las cosas. Desde el punto de vista de la ingeniería, este proyecto ha sido una prioridad máxima a medida que nos alejamos de nuestro código ASPX heredado y adoptamos tecnologías de vanguardia para mejorar y actualizar la experiencia de Acumatica.

Mientras seguimos perfeccionando la forma en que el front-end se conecta con el back-end, aprovechamos el lanzamiento de nuestra última actualización de producto, Acumatica 2024 R2, para compartir algunas de las características clave de la nueva interfaz de usuario. En este blog, ofreceremos una visión general técnica y expondremos algunas de las principales ventajas para desarrolladores, socios y usuarios. En la segunda parte de esta serie de dos blogs, cubriremos algunas de las características clave de R2, incluidos los conjuntos de campos, la personalización de pantallas y los filtros.

Descripción técnica de la interfaz de usuario moderna

Es posible que a los desarrolladores e ingenieros les interese saber que la infraestructura de Modern UI se basa en una combinación dinámica de HTML, TypeScript y CSS, así como en el framework Aurelia.IO. Para el ensamblaje y el empaquetado, nos basamos en Node.js y WebPack, mientras que una API web ligera de .NET Core se encarga del back-end y traslada las tareas de renderización de la interfaz de usuario al navegador del cliente.

Pero, ¿qué significa esto para usuarios y socios? Esta configuración garantiza una interfaz con gran capacidad de respuesta y permite que nuestra plataforma evolucione con el tiempo. Un modelo de vista TypeScript define los objetos que aparecen en la interfaz de usuario, mientras que los controles de Acumatica, junto con los elementos HTML, proporcionan los diseños de pantalla. Esto garantiza una alineación perfecta entre lo que ocurre en el servidor y lo que los usuarios ven en la pantalla.

También estamos equipando a los desarrolladores ISV con potentes herramientas para migrar fácilmente sus productos a la Modern UI. Al seleccionar la opción de conversión, el sistema genera los archivos TypeScript y HTML necesarios, lo que permite adaptar y modificar rápidamente las soluciones para la nueva interfaz.

Figura 1: Vista general de la interfaz de usuario moderna

Ventajas de una interfaz de usuario moderna

La interfaz de usuario moderna no es sólo una cuestión de tecnología, sino también de crear una experiencia mejor, más rápida y más flexible para todos: desarrolladores, socios y usuarios.

Ventajas para nuestros desarrolladores

• Tecnología conocida. Estamos migrando para utilizar tecnologías populares para las personalizaciones de código. En el lado del cliente, está representado por un framework de aplicación de página única (SPA) basado en plantillas basado en Aurelia. El código de la aplicación está escrito en TypeScript. El marco transcribe el código TypeScript en código JavaScript, que luego se ejecuta en el navegador web. Este enfoque simplifica el soporte de código. Además, los desarrolladores pueden utilizar HTML y CSS muy accesibles para diseñar la disposición de un formulario. Esto hace que la plataforma sea accesible y fácil de personalizar para nuestros desarrolladores.
• Personalización. La Modern UI hace que la personalización sea más granular. Ahora, cada parte de la pantalla puede ampliarse y personalizarse por separado. Existe una correspondencia uno a uno entre cada vista y cada campo entre el servidor y el cliente.
• Solución de problemas simplificada. Las herramientas de desarrollo de navegadores permiten rastrear las solicitudes y respuestas hasta la función iniciadora.

Ventajas para nuestros socios

Para nuestros socios, la Modern UI permite un mayor control, así como una implantación más rápida para los clientes.

• Independencia de la plataforma. Es compatible con .NET core que es de código abierto y puede ser compilado y ejecutado en cualquier plataforma.
• Alojamiento rentable. Nuestra nueva infraestructura simplifica el despliegue en plataformas asequibles sin sacrificar el rendimiento.
• Desarrollo sin código mejorado. Los socios pueden utilizar nuestra rápida e intuitiva personalización sin código para configurar sistemas en un abrir y cerrar de ojos.

Ventajas para nuestros usuarios finales

Una vez completada la migración, nuestros usuarios pueden beneficiarse de algunos factores clave:

• Velocidad mejorada. Se espera un aumento medio del 10% de la velocidad en toda la plataforma, con una navegación más fluida y un diseño intuitivo.
• Diseño adaptable. Dado que los usuarios acceden cada vez más a Acumatica desde dispositivos de distintas formas y tamaños, la nueva interfaz de usuario se adapta perfectamente a sus necesidades para optimizar la experiencia de Acumatica en el dispositivo que esté utilizando.
• Formularios flexibles. Puede personalizar los formularios para adaptarlos a sus flujos de trabajo específicos, haciendo que la experiencia sea verdaderamente suya.

Más información sobre Modern UI

¿Quiere profundizar más? Eche un vistazo a las grabaciones de nuestra última Conferencia de Desarrolladores de Acumatica(Día 2 [1:08:56] y Día 3), donde analizamos más a fondo la arquitectura de Modern UI. Mejor aún, ¡pruébela usted mismo!

Acumatica Modern UI está disponible como función beta en nuestra última versión, en inquilinos de prueba. Esto significa que hemos habilitado Modern UI en todos los entornos de prueba para que nuestros usuarios puedan utilizar todas las funciones disponibles. Si está interesado en inscribirse en el programa beta de Modern UI (disponibilidad limitada en inquilinos de producción con 2025 R1), póngase en contacto con su socio o con su gestor de éxito de clientes de Acumatica. Nos encantaría escuchar sus comentarios para construir juntos el futuro de la tecnología empresarial.

Esté atento al próximo blog de esta serie.