BPM & Automatisation  - 4min

Découvrez Bonita UI Builder : une conception d’interfaces utilisateur rapide et efficace

Découvrez Bonita UI Builder : une conception d’interfaces utilisateur rapide et efficace
Bonitasoft
19 December 2024

Les développeurs ont besoin d’outils qui améliorent leur efficacité et offrent des capacités de personnalisation robustes. Bien que la plateforme Bonita Business Process Automation (BPA) propose des fonctionnalités complètes pour le développement et l’intégration d’applications de processus, le nouvel outil Bonita UI Builder introduit une solution de nouvelle génération pour intégrer la conception d’UI directement dans ces applications. Cet outil permet aux développeurs de créer, itérer et déployer rapidement des interfaces utilisateur (UI) personnalisées et réactives.

Plongeons dans la façon dont le Bonita UI Builder peut transformer une simple idée en une application connectée à vos données et votre logique métier, en seulement quelques minutes.

Combler le fossé entre les applications de processus métier et la conception UI

Des applications de processus bien fluides nécessitent des interfaces utilisateur exceptionnelles, parfaitement intégrées aux processus sous-jacents.

Accélérez la transformation numérique avec des UI prêtes pour la production en un temps record

Le Bonita UI Builder permet un développement efficace et évolutif d’interfaces utilisateur, reliant l’alignement des processus métier à une conception UI de pointe. Il combine la simplicité du low-code avec la puissance d’une intégration et d’une personnalisation de niveau entreprise, accélérant ainsi le développement et la mise en production.

  • Développement 80 % plus rapide: Les outils low-code accélèrent la création d’interfaces ! Simplifiez le processus avec une interface de conception intuitive, le glisser-déposer, la complétion de code et des outils de débogage avancés.
  • Cycles d’itération 10 fois plus rapides: Grâce aux capacités de prototypage rapide, les équipes peuvent itérer les designs en un temps record, répondant aux retours et aux besoins métier évolutifs sans délai.
  • Mise sur le marché accélérée: Gagnez du temps grâce au prototypage et au développement rapide.

Créez des interfaces utilisateur parfaitement alignées avec vos processus métier

  • L’intégration profonde à l’écosystème Bonita garantit que les interfaces utilisateur s’alignent parfaitement avec les processus métier, les workflows et les données.
    Le Bonita UI Builder prend en charge à la fois Bonita Runtime et les Applications Indépendantes, en faisant un choix idéal pour les entreprises cherchant à synchroniser leurs interfaces utilisateur et leurs systèmes BPM

Répondez à des exigences complexes sans sacrifier l’expérience utilisateur

Le Bonita UI Builder permet aux développeurs de concevoir des interfaces utilisateurs sur mesure avec :

  • Plus de 45 widgets préconfigurés, une prise en charge du JavaScript personnalisé, et des capacités illimitées de glisser-déposer.
  • Que vous conceviez une application monopage ou un tableau de bord complexe, le Bonita UI Builder offre la flexibilité nécessaire pour répondre à des besoins spécifiques.
  • Des solutions évolutives : Construisez des applications qui évoluent avec votre entreprise.
  • Flexibilité pour l’entreprise : Répondez à des besoins complexes sans compromis sur l’ergonomie.

Donnez aux équipes les moyens de concevoir des interfaces sans contraintes techniques

  • Grâce à sa plateforme low-code intuitive, le Bonita UI Builder rend la conception des interfaces utilisateur accessible aux utilisateurs techniques et métiers. 
  • Cette approche démocratise la création d’interfaces, permettant aux équipes transversales de collaborer efficacement.

Exploitez des frameworks UI modernes et réactifs dans un environnement intuitif de glisser-déposer

  • Construit sur le puissant framework React, le Bonita UI Builder garantit des interfaces dynamiques et réactives, offrant des expériences utilisateur exceptionnelles.
  • Les options de débogage natif et d’import/export JSON améliorent la flexibilité, permettant aux développeurs de se concentrer sur l’innovation.

Fonctionnalités clés du Bonita UI Builder

Les fonctionnalités du Bonita UI Builder répondent aux besoins variés des développeurs UX en entreprise :

  • Une interface glisser-déposer simplifie la conception avec des outils intuitifs et une édition visuelle.
  • 45+ widgets fournissent tous les éléments nécessaires pour créer des UI complexes.
  • L’autocomplétion de code et le débogage natif accélèrent le codage avec des suggestions intelligentes et des outils intégrés.
  • La prise en charge du JavaScript personnalisé offre des options avancées pour des cas d’utilisation uniques.
    Une intégration fluide avec notre plateforme BPA garantit un alignement parfait avec tous les workflows et systèmes d’information intégrés à Bonita.
  • Déploiement sous forme d’image Docker personnalisée, compatible avec Bonita Runtime dans les environnements Bonita Cloud et on-premise.

Comment utiliser le Bonita UI Builder

Lancer Bonita UI Builder est simple :

  1. Téléchargez et lancez Bonita UI Builder. L’image Docker est disponible dans le Bonita Artifact Repository. Configurez votre environnement Docker et connectez-vous pour commencer.
  2. Concevez l’interface. Utilisez l’interface glisser-déposer pour sélectionner des widgets, personnaliser les mises en page et appliquer des styles.
  3. Connectez vos processus. Associez les éléments UI aux processus Bonita et workflows via des API pour garantir une fonctionnalité fluide.
  4. Packagez et déployez. Exportez votre interface et vos processus sous forme d’image Docker, puis déployez-les dans l’environnement choisi – sur site ou dans le cloud.

Bien sûr, une documentation compllète est à votre disposition pour vous guider à chaque étape !

Découvrez l’interface de conception du Bonita UI Builder

 

 

  • À gauche, les widgets (éléments visuels) à glisser-déposer dans la zone de conception centrale. Vous y définissez également les requêtes API (onglet « Queries ») pour connecter les widgets UI au modèle de processus Bonita.
  • À droite, configurez les propriétés des widgets et prévisualisez le rendu de l’interface sur différents formats d’écran.
  • Au centre, la zone de conception (« canvas ») où vous placez les éléments visuels et définissez l’apparence de l’interface.

Conception simplifiée

Sélectionnez un widget de formulaire, puis glissez-déposez-le dans la zone centrale :

 

 

Glissez-déposez un widget d’entrée dans le widget formulaire. Voici le résultat :

 

 

Et voilà, créer des formulaires, des pages et d'autres interfaces utilisateur n'aura jamais été aussi simple !

 

En bref

Le Bonita UI Builder allie technologie performante et principes de design centrés sur l’utilisateur, permettant aux développeurs de créer des interfaces fonctionnelles et esthétiques.

Que vous conceviez des tableaux de bord destinés aux clients ou des applications internes, le Bonita UI Builder est un allié de choix pour offrir des expériences utilisateur exceptionnelles. Grâce à son intégration fluide dans l’écosystème Bonita, il garantit un alignement parfait entre vos applications et vos processus métier dès le départ, vous permettant de garder une longueur d’avance dans un marché toujours plus concurrentiel.

Explorez le Bonita UI Builder dès aujourd’hui et transformez votre façon de concevoir et déployer des interfaces – plus rapidement, plus intelligemment et plus efficacement. Contactez-nous si vous voulez en savoir plus sur Bonita.

 

Cela pourrait également vous intéresser

  • Bonita & Bonitasoft

    Révolutionnez l'efficacité opérationnelle avec Bonita: des interfaces modernes, des insights approfondis

    Avatar Bonitasoft
    Bonitasoft
    3min
    Read more
  • Bonita & Bonitasoft

    Ingrédients pour une stratégie de modernisation IT réussie à l’aide du BPM – Partie 3

    Avatar Bonitasoft
    Bonitasoft
    9min
    Read more
  • Bonita & Bonitasoft

    Applications Indépendantes : Déploiement rapide et innovation accélérée avec Bonita

    Avatar Bonitasoft
    Bonitasoft
    2min
    Read more