Au-delà de Web AppBuilder : une nouvelle expérience de création d’applications

Avec le retrait prochain d’ArcGIS Web AppBuilder au T4 de 2025, il est essentiel d’explorer l’avenir de la création d’applications au sein de l’écosystème ArcGIS Online. Bien que Web AppBuilder soit un outil fiable depuis des années, il est temps d’adopter la prochaine génération d’outils de création d’applications : ArcGIS Experience Builder.

ArcGIS Experience Builder est une plateforme polyvalente permettant de créer des applications web hautement personnalisées et interactives. Cependant, ses nombreuses options de personnalisation peuvent parfois submerger les utilisateurs qui souhaitent créer une application fonctionnelle sans entrer dans les détails techniques.

Pour pallier cet écart, Esri a lancé le mode express, une version simplifiée d’Experience Builder qui offre une approche de la création d’applications plus structurée et fondée sur des modèles. Similaire à ArcGIS Web AppBuilder, ce mode est parfait pour les utilisateurs qui souhaitent créer rapidement des applications visuellement attrayantes sans avoir de connaissances approfondies en matière de codage ou de conception.

En quoi ArcGIS Experience Builder se distingue-t-il de Web AppBuilder?

Pour le savoir, nous allons procéder à une comparaison pratique. Nous allons créer la même application à l’aide de ces trois outils, en soulignant leurs différences. À la fin, vous saurez quel outil est le mieux adapté à votre prochain projet et à vos objectifs en matière de SIG.

Alors, commençons!

Web AppBuilder

En quelques minutes, j’ai créé une application toute simple qui permet aux utilisateurs d’en savoir plus sur les chutes d’eau de la ville d’Hamilton grâce aux données provenant de la plateforme de données ouvertes d’Hamilton. Après avoir sélectionné le thème Billboard (panneau d’affichage), j’ai ajouté cinq widgets : About (à propos), Basemap gallery (galerie de fonds de carte), Filter (filtrer), Draw (dessiner) et Print (imprimer).

Application Web AppBuilder fondée sur le thème Billboard (panneau d’affichage) et représentant les chutes d’eau d’Hamilton.

Ceux qui connaissent Web AppBuilder savent que ce processus est rapide et facile. Cinq emplacements sont disponibles, et vous pouvez remplir chacun d’entre eux avec un widget de la banque d’options. Vous configurez chaque widget directement après l’avoir ajouté, et vous pouvez revenir en arrière et apporter des modifications à l’aide du menu des widgets, si nécessaire. L’application s’adapte automatiquement aux formats d’écran d’autres appareils, et ce, sans aucune configuration supplémentaire.

Bien qu’elle soit facile à utiliser, il s’agit d’une application rigide. Vous ne pouvez pas ajouter plus de cinq widgets, et les seules modifications à l’interface utilisateur que vous pouvez effectuer concernent la couleur des widgets et l’ordre dans lequel vous souhaitez les placer dans les emplacements prédéfinis :

ArcGIS Web AppBuilder offre des options limitées de configuration d’application.

Comme le retrait de Web AppBuilder approche à grands pas, cette version de l’application nous servira de point de référence. Nous utiliserons ensuite Experience Builder en mode express et en mode complet pour créer des duplicatas de cette application.

ArcGIS Experience Builder – mode express

Comme avec Web AppBuilder, j’ai créé une application presque identique à la première en utilisant le mode express d’Experience Builder. Et cela ne m’a pris que quelques minutes. Le même modèle de panneau d’affichage était disponible et, avec un seul widget différent, j’ai créé la même expérience pour l’utilisateur :

Application ArcGIS Experience Builder, fondée sur le modèle Billboard (panneau d’affichage) et créée en mode express, représentant les chutes d’eau à Hamilton.

Tous les thèmes, à l’exception du thème Box (boîte) de Web AppBuilder ont été reproduits dans les modèles d’Experience Builder, ce qui simplifie considérablement le processus de duplication. La différence essentielle réside dans la manière d’interagir avec les widgets pour les ajouter. Dans Web AppBuilder, il faut sélectionner l’espace vide réservé au widget dans l’onglet Widget à gauche de la carte. Dans Experience Builder en mode express, toutes nos actions sont guidées par l’application elle-même. Lorsque l’on sélectionne le contrôleur de widgets sur la carte, les boutons permettant d’ajouter, de supprimer et de gérer les widgets s’affichent.

L’option permettant de gérer et d’ajouter des widgets s’affiche après avoir sélectionné le contrôleur de widgets sur la carte.

Après avoir ajouté les widgets qui m’intéressent à cette application, je peux les configurer individuellement en les sélectionnant dans le contrôleur de widgets et en utilisant les paramètres à droite de la carte :

Lorsque l’on sélectionne un widget dans l’application, les options de configuration s’affichent à gauche de la carte.

La configuration des widgets dans Experience Builder peut être plus complexe que dans Web AppBuilder. Un plus grand nombre d’options sont généralement proposées. Dans certains cas, comme avec le widget de filtre, vous devez lier des données avant de pouvoir effectuer la configuration. L’expérience est la même dans le mode complet d’Experience Builder, et il faut juste jouer un peu avec les options pour se familiariser avec le processus.

À ce stade, mon application a la même apparence et fonctionne de la même manière que celle créée à l’origine dans Web AppBuilder; avec Experience Builder, toutefois, je peux aller plus loin. Il n’y a pas de limite stricte au nombre de widgets que je peux ajouter. Donc, si je veux inclure des widgets supplémentaires dans mon contrôleur, je peux le faire. Je peux également activer la barre latérale pour permettre aux utilisateurs de voir les données tabulaires de mes fonctionnalités.

Plus de cinq widgets peuvent être ajoutés au contrôleur de widgets. Cette application a été améliorée par l’ajout des widgets Directions (itinéraires) et Edit (modifier).

En seulement 15 minutes, je peux créer et exécuter une application qui est non seulement identique à celle dans Web AppBuilder, mais qui possède également des fonctionnalités supplémentaires. Si je veux pousser le tout encore plus loin, je peux convertir l’application en mode complet. Le cas échéant, un avertissement s’affichera, m’indiquant que cette action est irréversible.

Il est possible de convertir une application créée en mode express en mode complet. Sachez toutefois que cette conversion est irréversible. Si vous n’êtes pas prêt à effectuer ce changement, essayez plutôt d’enregistrer l’application en tant que copie.

L’application que nous avons créée répond bien à nos besoins, et il n’est pas nécessaire de la convertir. Refaisons plutôt l’expérience et créons la même application à partir de zéro, cette fois-ci avec Experience Builder en mode complet.

ArcGIS Experience Builder – mode complet

Au premier regard, Experience Builder en mode complet est tout de suite plus complexe. Au lieu des neuf modèles disponibles en mode express, il est possible de choisir parmi plus de 50 modèles, dont trois sont totalement vierges. Restons au plus simple et utilisons à nouveau le modèle Billboard (panneau d’affichage).

Après la sélection du modèle, le processus est le même que celui en mode express. Il est possible d’activer le contrôleur de widgets pour ajouter des widgets et les configurer dans le volet de droite. La seule différence, c’est que le bouton permettant d’ajouter des widgets (qui se trouvait dans le haut de l’application) est désormais lié au contrôleur de widgets.

L’option permettant d’ajouter, de supprimer et de gérer des widgets n’est plus ancrée dans le haut de l’application.

Les deux différences les plus faciles à observer avec le mode complet sont les options au-dessus de l’application, y compris les boutons de verrouillage de la mise en page et d’affichage en temps réel, ainsi que la barre d’outils sur le côté gauche. En mode complet, tous les widgets de l’application peuvent être déplacés librement, de sorte que vous devrez peut-être verrouiller ou déverrouiller la mise en page pour apporter des modifications. Si l’affichage en temps réel n’est pas activé, vous ne pouvez pas interagir avec le contenu de l’application, c’est-à-dire effectuer un déplacement sur la carte et activer des filtres; vous ne pouvez que configurer des fonctionnalités.

Puisque la mise en page est flexible, vous devez souvent verrouiller ou déverrouiller des éléments pour apporter des modifications ou tester des fonctionnalités.

À gauche de la barre d’outils, nous voyons maintenant des options telles que Insert Widgets (insérer des widgets) et Page. Ces options permettent d’ajouter des widgets en dehors du contrôleur et de modifier complètement la configuration de la page afin de concevoir des applications entièrement personnalisées. Il est important de savoir qu’en raison de cette grande flexibilité, le processus de redimensionnement de l’application peut changer. Il est probable que vous deviez modifier individuellement la mise en page de l’application afin de l’adapter aux formats d’affichage sur appareil mobile et tablette et d’ainsi optimiser l’expérience de l’utilisateur. Pour l’application qui nous concerne aujourd’hui, nous pouvons ignorer ces étapes. Je vous invite à consulter le tutoriel Premiers pas dans ArcGIS Experience Builder pour acquérir une expérience pratique.

(Gauche) L’onglet Insert Widgets (insérer des widgets) vous permet d’ajouter n’importe quel widget à l’application en dehors du contrôleur de widgets. (Droite) L’onglet Page permet de gérer les éléments de l’application.

Dans Experience Builder en mode complet, il est possible de pousser encore plus avant la personnalisation de l’aspect et de la convivialité des widgets. J’ai pu modifier la forme des widgets dans le contrôleur de widgets en remplaçant les cercles par des carrés afin que mon application s’apparente davantage à celle que j’ai créée avec Web AppBuilder. Vous pouvez voir que ma dernière application est presque identique à la première que j’ai créée.

Application ArcGIS Experience Builder, fondée sur le modèle Billboard (panneau d’affichage) et créée en mode complet, représentant les chutes d’eau à Hamilton.

En seulement quelques minutes de travail supplémentaires, j’ai créé une application qui s’apparente à celle originale. Il faut toutefois prendre en compte que j’ai travaillé avec Experience Builder par le passé et que je connais bien le processus de configuration des widgets. Je m’attends donc à ce qu’il faille plus de temps à un nouvel utilisateur pour parvenir au même résultat. Si vous envisagez de créer des applications plus complexes à l’avenir, il peut être intéressant de faire fi du mode express et de travailler directement dans la version complète d’Experience Builder. Les étapes de création peuvent vous prendre plus de temps au début, mais vous vous familiariserez avec les subtilités d’Experience Builder et serez bien outillé lorsque viendra le temps de créer des applications plus complexes.

Pour conclure

Le mode express d’ArcGIS Experience Builder est très similaire à ArcGIS Web AppBuilder, compte tenu des modèles rigides et de la possibilité de travailler en mode d’affichage en temps réel. Vous disposez toutefois des options les plus avancées d’Experience Builder. Pour les utilisateurs qui se servent encore de Web AppBuilder, c’est l’outil parfait pour se familiariser avec les fonctionnalités plus complexes d’Experience Builder. La démonstration que nous en avons faite aujourd’hui montre toutefois que ce mode est limité. Vous devrez évaluer vos besoins et tenir compte de votre expérience pour déterminer la version qui convient le mieux à vos projets. Ci-dessous se trouve un tableau de comparaison entre le mode express et le mode complet d’Experience Builder.

L’avenir de la création d’applications

Il est clair qu’ArcGIS Experience Builder , avec ses puissantes fonctionnalités et son mode express convivial, est en passe de devenir un outil indispensable de création d’applications web dans ArcGIS Online. En comprenant les points forts et les limites de chaque mode, vous pouvez choisir l’approche la mieux adaptée à vos besoins particuliers. Il est important de noter qu’ArcGIS Experience Builder n’est pas la seule option pour remplacer Web AppBuilder. Pour en savoir plus sur les autres outils de conception d’applications et obtenir des conseils sur la pertinence de chacun d’entre eux pour votre projet, consultez la série de billets de blogue de mon collègue Alex Moore intitulée « Une application SIG pour chaque besoin : partie 1 et partie 2 ». Cela vous aidera certainement à prendre cette décision souvent complexe.

Ce billet a été écrit en anglais par Maggie Samson et peut être consulté ici.