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 :
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.
Ouvrir Experience Builder
En démarrant de zéro
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.
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.
Si vous avez ouvert Experience Builder à partir d’une carte, votre carte va automatiquement apparaître dans le modèle par défaut.
Sélectionner un modèle
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.
Sélectionner une carte
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.
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.
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.
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.
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.
Choisir un thème
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.
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.
Aller plus loin...
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 devrait être disponible dans la version 1.16 de la Developer Edition (prévue avant la fin de l’année 2024) et 11.5 d’ArcGIS Enterprise (prévue pour le premier semestre 2025). Dans un article à paraître très bientôt, nous passerons en revue les autres nouveautés de ces versions.