Acumatica a entrepris un voyage passionnant vers une interface utilisateur (UI) moderne, dont nous avons donné un premier aperçu à notre communauté lors du 2023 Summit. Avec chaque nouvelle version et mise à jour de produit, nous avons progressé vers une transformation significative qui aura un impact positif sur la façon dont nos clients travaillent et obtiennent des résultats. Du point de vue de l'ingénierie, ce projet a été une priorité absolue, car nous nous éloignons de notre code ASPX hérité et nous adoptons des technologies de pointe pour améliorer et mettre à jour l'expérience Acumatica.

Alors que nous continuons à affiner la façon dont le front-end se connecte au back-end, nous avons profité du lancement de notre dernière mise à jour produit, Acumatica 2024 R2, pour partager certaines des fonctionnalités clés de la nouvelle interface utilisateur. Dans ce blog, nous fournirons une vue d'ensemble technique et présenterons certains des principaux avantages pour les développeurs, les partenaires et les utilisateurs. Dans la deuxième partie de cette série de deux blogs, nous aborderons certaines des fonctionnalités clés de la version R2, notamment les jeux de champs, la personnalisation des écrans et les filtres.

Aperçu technique de l'interface utilisateur moderne

Les développeurs et les ingénieurs seront peut-être intéressés de savoir que l'infrastructure Modern UI est alimentée par une combinaison dynamique de HTML, TypeScript et CSS - et s'appuie sur le framework Aurelia.IO. Pour l'assemblage et l'empaquetage, nous nous appuyons sur Node.js et WebPack, tandis qu'une API Web .NET Core légère gère le back-end en transférant les tâches de rendu de l'interface utilisateur au navigateur du client.

Mais qu'est-ce que cela signifie pour les utilisateurs et les partenaires ? Cette configuration garantit une interface hautement réactive et permet à notre plateforme d'évoluer dans le temps. Un modèle de vue TypeScript définit les objets qui apparaissent dans l'interface utilisateur, tandis que les contrôles Acumatica, associés à des éléments HTML, fournissent les mises en page de l'écran. Cela garantit un alignement parfait entre ce qui se passe sur le serveur et ce que les utilisateurs voient à l'écran.

Nous équipons également les développeurs ISV d'outils puissants pour migrer facilement leurs produits vers l'interface utilisateur moderne. En sélectionnant l'option de conversion, le système génère les fichiers TypeScript et HTML nécessaires, ce qui permet d'adapter et de modifier rapidement les solutions pour la nouvelle interface.

Figure 1 : Aperçu de l'interface utilisateur moderne

Les avantages d'une interface utilisateur moderne

L'interface utilisateur moderne n'est pas seulement une question de technologie ; il s'agit aussi de créer une expérience meilleure, plus rapide et plus souple pour tous, développeurs, partenaires et utilisateurs.

Avantages pour nos développeurs

• Technologie familière. Nous migrons vers l'utilisation de technologies populaires pour la personnalisation du code. Côté client, il est représenté par un framework d'application monopage (SPA) basé sur des modèles et basé sur Aurelia. Le code de l'application est écrit en TypeScript. Le framework transcrit le code TypeScript en code JavaScript, qui est ensuite exécuté sur le navigateur web. Cette approche simplifie le support du code. En outre, les développeurs peuvent utiliser des langages HTML et CSS très accessibles pour concevoir la mise en page d'un formulaire. Cela rend la plateforme accessible et facile à personnaliser pour nos développeurs.
• Personnalisation. L'interface moderne rend la personnalisation plus granulaire. Désormais, chaque partie de l'écran peut être étendue et personnalisée séparément. Il existe une correspondance univoque entre chaque vue et chaque champ entre le serveur et le client.
• Dépannage simplifié. Les outils de développement des navigateurs peuvent désormais être utilisés pour suivre les demandes et les réponses jusqu'à la fonction d'origine.

Avantages pour nos partenaires

Pour nos partenaires, l'interface moderne permet un meilleur contrôle et un déploiement plus rapide pour les clients.

• Indépendance de la plate-forme. Il est compatible avec .NET core qui est open source et peut être compilé et exécuté sur n'importe quelle plateforme.
• Hébergement à moindre coût. Notre nouvelle infrastructure simplifie le déploiement sur des plates-formes abordables sans sacrifier la performance.
• Développement amélioré sans code. Les partenaires peuvent utiliser notre personnalisation rapide et intuitive sans code pour mettre en place des systèmes en un rien de temps.

Avantages pour nos utilisateurs finaux

Une fois la migration terminée, nos utilisateurs peuvent bénéficier de quelques facteurs clés :

• Vitesse améliorée. Attendez-vous à un gain de vitesse de 10 % en moyenne sur l'ensemble de la plateforme, avec une navigation plus fluide et une présentation intuitive.
• Conception réactive. Les utilisateurs accédant de plus en plus à Acumatica à partir d'appareils de formes et de tailles diverses, la nouvelle interface utilisateur s'adapte à vos besoins de manière transparente afin d'optimiser l'expérience Acumatica sur l'appareil que vous utilisez.
• Formulaires flexibles. Vous pouvez personnaliser les formulaires pour les adapter à vos flux de travail spécifiques, afin que l'expérience soit vraiment la vôtre.

En savoir plus sur l'interface utilisateur moderne

Vous voulez aller plus loin ? Consultez les enregistrements de notre dernière conférence des développeurs Acumatica(Jour 2 [1:08:56] et Jour 3), où nous avons examiné de plus près l'architecture de l'interface utilisateur moderne. Mieux encore, essayez-la vous-même !

L'interface moderne d'Acumatica est disponible en tant que fonctionnalité bêta dans notre dernière version, sur les locataires de test. Cela signifie que nous avons activé l'interface moderne sur tous les environnements de test pour que nos utilisateurs puissent utiliser toutes les fonctionnalités disponibles ! Si vous souhaitez vous inscrire au programme bêta Modern UI (disponibilité limitée aux locataires de production avec 2025 R1), veuillez contacter votre partenaire ou votre Customer Success Manager Acumatica. Nous serions ravis d'entendre vos commentaires afin de construire ensemble l'avenir des technologies d'entreprise.

Restez à l'écoute pour le prochain blog de cette série !