Découvrir le mode Express d’ArcGIS Experience Builder

Avec la mise à jour d’ArcGIS Online en novembre 2024, Experience Builder propose désormais un mode Express. Il est pensé pour rendre la création d’expérience web plus simple et rapide, en particulier pour les utilisateurs habitués à l'ancien générateur d'applications ArcGIS Web AppBuilder. Ce mode Express repose pour l'essentiel sur la limitation des options de configurations pour conserver uniquement les éléments indispensables au paramétrage de votre expérience.

En partant d’une pré-selection de modèles,  ce mode vous propose de suivre un workflow allégé et optimisé pour construire votre application. Vous gardez la possibilité d’ajouter et configurer des widgets supplémentaires en plus de ceux déjà présents dans le modèle choisi, et pouvez prévisualiser le rendu de l’application dans une vue bureautique ou mobile avant de la publier. Cependant, si vous vous rendez compte que vous avez besoin de plus de latitude dans la configuration de votre application, que ce soit dans la mise en page ou dans la nécessité d’accéder à des capacités plus avancées, vous gardez la possibilité de basculer dans le mode Complet d’Experience Builder à tout moment.
Avec ce nouveau mode Express , voici les étapes générales à suivre pour créer des applications :

•    Se connecter à ArcGIS et ouvrir Experience Builder ;

•    Basculer en mode Express ;

•    Choisir un modèle ;

•    Sélectionner une carte ;

•    Ajouter et configurer des widgets ;

•    Choisir un thème ;

•    Sauvegarder et publier.

Dans cet article, je vous propose de passer en revue un peu plus précisément chacune de ces étapes pour vous aider à prendre en main le mode Express d’Experience Builder.

Il y a 4 manières de lancer Experience Builder :

1-  Rendez-vous sur experience.arcgis.com et connectez-vous à votre compte ArcGIS.

2 - Depuis votre portail, lancez Experience Builder depuis le lanceur d’application.

 

En démarrant à partir d’une carte

 

3 - Dans votre item de carte sur votre portail, depuis l’onglet Aperçu, cliquez sur Créer une application Web puis choisissez Experience Builder.

 

4 - A partir du Map Viewer, cliquez sur Créer une application puis choisissez Experience Builder.

Basculer en mode Express

 
Experience Builder a donc maintenant deux modes pour construire des applications : le mode Express et le mode Complet. Le mode Express se concentre sur la configuration des fonctions les plus essentielles, tandis que le mode complet permet d’accéder à toutes les fonctions d’édition de l’application. Notez qu’il est possible de passer à tout moment du mode Express au mode Complet, mais que l’inverse n’est pas possible.
Lorsque vous ouvrez Experience Builder, l’interface s’ouvrira avec le dernier mode dans lequel vous avez travaillé. Pour passer de l’un à l’autre, utilisez le sélecteur de mode en haut à droite de l’interface. Assurez-vous d’être en mode Express.

 

 

Si vous avez lancé Experience Builder de zéro, cliquez sur "+ Créer" en haut à droite. Une carte vide va apparaître dans le modèle par défaut. Vous allez pouvoir configurer la carte et le modèle par la suite.
Si vous avez ouvert Experience Builder à partir d’une carte, votre carte va automatiquement apparaître dans le modèle par défaut.

Le mode Express supporte actuellement 9 modèles, similaires à ceux disponibles dans Web AppBuilder.
Les différents modèles apparaissent sur la gauche de l’interface, vous pouvez les testez puis sélectionner celui qui vous convient et cliquer sur Créer une nouvelle application. 

 

Si vous avez lancé Experience Builder de zéro, vous aurez besoin d’ajouter une carte. Si vous avez démarré à partir d’une carte, celle-ci sera présente par défaut, mais vous pouvez toujours la changer et en sélectionner une autre.
Cliquer sur le widget de carte, puis sur "Sélectionner une carte". 

 

Servez-vous ensuite de l’onglet " Sélectionner des données " pour aller chercher la carte ou la scène de votre choix. Une fois la carte sélectionnée, vous pouvez configurer davantage le widget carte, par exemple en modifiant la vue initiale, en y ajoutant ou en y retirant des outils ou encore en activant des actions.

Configurer et ajouter des widgets

Chaque modèle d’application utilise des widgets contenus dans un ou plusieurs emplacements. Ces emplacements sont eux-mêmes des widgets (Contrôleur de widgets) et peuvent être configurés pour inclure les widgets de votre choix. Notez que la plupart des modèles incluent également des widgets présents par défaut, que vous pouvez choisir de conserver ou de supprimer.

 
Par exemple, le modèle  "Compact" propose une légende, une liste de couches et une bibliothèque de fonds de cartes en haut à droite. 

 

A gauche, en dessous du widget de recherche, il possède également des emplacements configurables sans widgets par défaut. 

 

Configurer un widget existant

Pour modifier la configuration d’un widget existant, vous pouvez le sélectionner puis ajuster ses paramètres dans le panneau à droite.  

 

Ajouter un nouveau widget

Pour ajouter un nouveau widget, sélectionnez un des emplacements présents dans le modèle (cela peut être un emplacement totalement vide, ou un emplacement contenant déjà des widgets par défaut). Dans le panneau du haut, cliquez ensuite sur " Ajouter un widget " (+).

 

Vous pourrez ensuite sélectionner le widget de votre choix dans la liste qui s’affiche. La liste contient tous les widgets d’Experience Builder, à défaut de ceux permettant de contrôler la mise en page.
Le widget que vous venez d’ajouter va apparaître dans le contrôleur, vous pouvez ensuite cliquer dessus puis le configurer dans le panneau de droite.

Supprimer un widget

Vous pouvez également supprimer des widgets (qu’ils soient présents par défaut ou non) grâce à la poubelle qui s’affiche dans le panneau supérieur lorsque vous sélectionnez le widget. 

 

Organiser les widgets

Lorsque vous sélectionnez un widget ou un contrôleur de widgets, l’option " Gérer les widgets " devient visible dans le bandeau supérieur. En cliquant sur cette option, vous afficherez la liste des widgets présents au sein du contrôleur. Vous pourrez alors les réarranger dans l’ordre de votre choix. Vous pouvez également faire glisser un widget sur un autre afin de créer un nouveau groupe de widgets. 

 

Titre et logo de l’application

Le modèle que vous aurez choisi inclura éventuellement un emplacement pour configurer un titre et un logo pour votre application. Vous pourrez les modifier en cliquant dessus.

 
Experience Builder propose un certain nombre de thèmes vous permettant de modifier les couleurs de votre application. En ouvrant l’onglet " Thème " à gauche, vous pourrez choisir entre l’un des thèmes par défaut, ou bien cliquer sur " Personnaliser " pour configurer les couleurs et police d’écriture de votre choix. 

 

Sauvegarder et publier

Une fois que votre application est publiée, vous pouvez la sauvegarder et la publier dans le bandeau supérieur. Vous pouvez également observer un Aperçu avant de la publier afin de vérifier sa mise en page et son comportement. 

 

 
Nous avons les étapes essentielles pour créer une application, mais il est encore possible d’en faire plus avec Experience Builder !

Prévisualiser son application sur des appareils spécifiques

 
Les applications créées sur Experience Builder sont responsives, c’est-à-dire qu’elles adaptent leur mise en page selon la taille d’écran sur laquelle elles sont visualisées. Vous pouvez prévisualiser ce à quoi ressemblera votre application sur différents périphériques en cliquant sur les différentes tailles d’écran dans le bandeau supérieur.
Cependant, contrairement au mode Complet, le mode Express ne vous permet pas de modifier la configuration des différentes tailles d’écran.

En faire plus avec le mode Complet

Le mode Express vous permet d’accéder uniquement aux options de configuration vous permettant de créer une application de la manière la plus simple et la plus rapide possible.

Cependant, si vous réalisez que vous allez avoir besoin d’options de configuration plus avancées, vous pouvez très facilement passer en mode Complet pour accéder à toutes les capacités d’Experience Builder.Pour cela, cliquez sur " Plus " (...) dans le bandeau du haut, puis sélectionnez "Basculer en mode Complet ". 

 

Notez qu’une fois que vous basculez en mode complet, vous ne pourrez plus faire marche arrière. Cependant, Experience Builder vous propose de générer une copie au moment de la bascule, que vous pouvez utiliser au cas où vous souhaitez conserver une version de l’application en mode Express.  

Le mode Express fait partie des mises à jour de novembre 2024 dans la version ArcGIS Online, et  dans la version 11.5 d’ArcGIS Enterprise (prévue pour le premier semestre 2025). Pour découvrir toutes les autres nouveautés d'Experience Builder dans la dernière mise à jour, rendez-vous dans cet article !