Depuis les premiers numéros du magazine SIGMAG, arcOrama collabore chaque trimestre à la rédaction d'un article didactique focalisé sur une fonctionnalité ou une application clé du système ArcGIS. Je reprends ci-dessous l'article publié dans le numéro 44 paru en mars 2025. Celui-ci présente, en quelques étapes, comment prendre en main le nouveau mode "Express" disponible dans ArcGIS Experience Builder.

1. L’application que nous allons recréer permet aux utilisateurs de consulter les données de l’Annuaire Numérique de Santé de Metz Métropole mises à disposition par Data Grand Est. Dans le bandeau inférieur, plusieurs widgets permettent à l’utilisateur d’explorer les données : une fonctionnalité de zoom/dézoom, une recherche d’adresse, la légende de la carte, un filtre sur la spécialité du professionnel de santé et la possibilité de calculer un itinéraire. Un bouton "information" lui permet également d’en apprendre plus sur l’application. Vous pouvez la consulter ici. 

 

2. Commencez par lancer Experience Builder depuis votre portail. Pour passer en mode Express, vous devez cliquer sur le bouton à bascule en haut à droite de l’interface d’accueil. Vous avez désormais accès aux expériences que vous aurez conçues en mode Express. Toutes les expériences que vous avez déjà créées en mode Complet seront à nouveau accessibles dans l’interface d’accueil si vous rebasculez en mode Complet en utilisant le même bouton. De la même manière qu’avec le mode Complet, cliquez sur "+ Créer" en haut à droite pour accéder à l’interface de conception d’expériences.

 

 

3. Le mode Express vous fait alors sélectionner un modèle d’application. Les modèles disponibles sont équivalents à ceux proposés dans Web AppBuilder. Vous pouvez consulter les différents modèles avant de choisir celui qui vous convient le plus. Ici, choisissez le modèle "Flèche", correspondant au modèle utilisé dans Web AppBuilder pour l’ancienne application. Une fois le modèle sélectionné, cliquez sur "Créer une nouvelle application".

 

4. Vous arrivez alors dans l’interface de conception de l’expérience, qui est très épurée dans le mode Express afin de faciliter et d’accélérer la prise en main. Dans le bandeau de gauche, vous pouvez définir le style et les paramètres généraux de l’application, tandis que le bandeau de droite permet de configurer les widgets. Commencez par nommer l’expérience "Annuaire Numérique de Santé - Metz Métropole" en cliquant sur son nom en haut à gauche. Ensuite, en cliquant sur la palette de couleur à gauche, vous allez modifier le thème en cliquant sur "Personnaliser". Modifiez la couleur principale en indiquant le code hexadécimal #629b79 pour correspondre au style utilisé dans l’application initiale. 

 

 

5. Il est temps d’ajouter la carte à l’Expérience. Dans le bandeau de droite, qui est par défaut ouvert sur la configuration du widget "Carte ", cliquez sur "Sélectionner une carte" puis sur "Ajouter de nouvelles données" tout en bas du bandeau. Dans les contenus ArcGIS Online, recherchez "ANS Metz Métropole" , sélectionnez la carte qui apparaît et cliquez sur "Terminé". Cliquez ensuite sur la donnée qui vient de s’ajouter dans l’onglet de sélection des données puis refermez le bandeau. La carte apparaît dans l’expérience. Vous apercevez peut-être quelques différences avec la carte présente dans l’ancienne application, dont notamment l’étiquetage des agrégats permettant à l’utilisateur de savoir combien de professionnels de santé sont disponibles à chaque emplacement en un coup d’œil. Il s’agit bien de la même carte, mais contrairement à Web AppBuilder, Experience Builder se base sur la nouvelle génération de Map Viewer. Cela permet d’afficher les configurations présentes dans cette dernière qui n’existaient pas forcément dans Map Viewer Classic.  

 

6. Vous allez maintenant modifier le titre qui s’affiche dans l’application. Double cliquez sur l’emplacement de titre et inscrivez "Annuaire Numérique de Santé - Metz Métropole". Dans le bandeau à droite, configurez la taille du texte sur 22px, et choisissez une couleur blanche. Vous pouvez ensuite sélectionner le sous-titre et le supprimer avec la touche "Suppr" de votre clavier, car il n’y avait pas de sous-titre dans l’application initiale. 

 

 

7. Le modèle d’expérience propose des widgets par défaut. Dans la carte, vous retrouverez des outils de recherche et de zoom/dézoom. Nous allons les laisser en place. Notez que si vous le souhaitez, vous pouvez ajouter ou supprimer des outils de la carte en cliquant sur la carte puis en déployant l’onglet "Outils" dans le bandeau de droite.  

Dans le bandeau vert, trois widgets supplémentaires sont disponibles : une légende, les couches cartographiques et une bibliothèque de fond de carte. Ces widgets sont inclus dans un contrôleur de widget. Cliquez entre deux des widgets pour accéder à la configuration du contrôleur. Dans le bandeau supérieur, vous voyez apparaître deux icônes. Cliquez sur celui de gauche "Gérer les widgets", puis supprimez Couches cartographique et Bibliothèque de fonds de carte en cliquant sur les croix. 

 

8. Vous allez maintenant ajouter et configurer les widgets manquants pour proposer les mêmes fonctionnalités que l’ancienne application. Cliquez sur le second bouton ayant apparu dans le bandeau supérieur, "Ajouter un widget " et sélectionnez le widget "Feuille de route ". A droite, vous pouvez le configurer en choisissant une source pour le localisateur ainsi qu’un service d’itinéraire. L’option "utiliser la localisation actuelle " permettra à l’utilisateur de se géolocaliser pour renseigner le point de départ ou d’arrivée. 

 

9. De la même manière, ajoutez le widget "Filtrer ". Pour la configuration, cliquez sur "+ Nouveau filtre ". Dans "Sélectionner des données ", sélectionnez la couche de points "Annuaire Numérique de Santé " qui apparaît lorsque vous cliquez sur le "+ " à côté de la carte ANS Metz Métropole. Dans le générateur d’expressions SQL, cliquez sur "+ Ajouter une clause " et choisissez le champ "lib_profession ", puis le test "est" puis « Uniques (prédéfinies) ". Cliquez ensuite sur la roue crantée à droite pour modifier l’étiquette par "Sélectionnez une spécialité " puis cliquez sur "OK ".  

 

 

10. Le dernier widget manquant est le widget "A propos ". Pour le recréer dans Experience Builder, vous pouvez simplement ajouter un widget Texte. Dans la fenêtre qui apparaît sur la carte, double cliquez sur le texte servant d’emplacement et remplacez-le par le texte présent dans l’application d’origine. Ensuite, dans la configuration à droite, modifiez l’icône du widget par le i encerclé et le titre du widget par "A propos ".

 

11. La configuration est terminée ! Vous pouvez désormais enregistrer, prévisualiser, publier et configurer les paramètres de partage de votre expérience grâce aux boutons présents en haut à droite de l’interface. Le mode Express vous laisse également la possibilité de basculer en mode Complet à tout moment. Cela vous permet, une fois votre expérience créée, d’accéder à l’intégralité des fonctionnalités d’Experience Builder. Vous pourrez ainsi enrichir votre application avec une mise en page très configurable, la capacité à ajouter plusieurs pages et fenêtres, et l’accès à un très grand nombre d’actions permettant de connecter vos données et vos widgets entre eux pour proposer à vos utilisateurs une expérience dynamique et personnalisée. 

 

La mise à jour d'Experience Builder de février 2025 dans ArcGIS Online et en version 1.17 (mars 2025) pour la Developer Edition inclut 3 nouveaux widgets et de nombreuses améliorations pour vous permettre d'aller plus loin dans la configuration de vos expériences web. Dans cet article, je vous propose de découvrir ensemble les principales nouveautés de cette mise à jour.

 

Dans ArcGIS, il est possible de définir des modèles de traitement (ou modèles de fonction raster) permettant d'appliquer des fonctions de visualisation ou d'analyse sur vos couches d'imagerie. Dans Experience Builder, ce widget permettra à l'utilisateur d'accéder à des fonctions raster spécifiquement prédéfinies en amont par le concepteur de l'application qu'il pourra appliquer à la couche d'imagerie. Notez que la configuration des modèles de traitement doit se faire dans le Map Viewer. 

 

Ligne avec débordement automatique

 

Ce nouveau widget de mise en page permet de positionner du contenu dans une colonne, sans être contraint par les 12 colonnes présentes dans le widget ligne auquel vous êtes habitués. Cela signifie que chaque élément inclus dans votre widget pourra prendre exactement la largeur de votre choix.  

 

En haut : le widget ligne classique ; en bas, le widget ligne avec débordement automatique

Vous pouvez désormais configurer plus finement les options d'export de vos données avec la nouvelle fonctionnalité Paramètres d'exportation de l'onglet données. Si votre application est par exemple destinée à un public peu familier avec les SIG, vous pouvez choisir de ne laisser que le format CSV disponible à l'export. Vous pouvez définir cela à l'échelle de chacune des couches individuelles, mais vous avez aussi la possibilité de le paramétrer pour toutes les couches simultanément, ce qui peut être particulièrement utile si votre application contient de nombreuses données.

 

 

 

Le widget Autour de moi inclut désormais la possibilité de générer des rapports grâce à la nouvelle option d'export au format PDF. 

 

 

Beaucoup d'améliorations ont été apportées au widget Couches Cartographiques avec cette mise à jour. La première est de pouvoir activer ou désactiver toutes les couches simultanément. De la même manière, il est maintenant possible de développer ou réduire toutes les couches en même temps. Ces nouveaux paramètres sont accessibles en activant l'option "Activer les options de traitement par lots des couches" dans la configuration du widget.

 

Les autres améliorations incluent la possibilité d'afficher les tables, d'ajuster l'opacité d'une couche à l'aide d'un slider, et d'afficher des couches ajoutées lors de l'exécution de l'application avec le widget Ajouter des données.

 

 

Vous pouvez désormais  définir des plages d'échelles pour vos cartes 2D, empêchant l'utilisateur de trop zoomer ou dézoomer sur la carte. Ce paramétrage peut se faire via un slider, ou en rentrant directement des plages personnalisées comme il était possible de faire dans Web AppBuilder.

 

 

Il est maintenant possible de gérer les pièces jointes directement dans une table (mise à jour, ajout, suppression et visualisation).  Les formats de pièce jointes prises en charge dans les tables sont consultables dans cette section de la documentation.

 

 

Le widget "Texte" permet désormais d'intégrer des images directement, et de les aligner avec le texte. Les formats d'image supportés sont PNG, GIF, JPG, JPEG, BMP et WebP.

 

Avant cette mise à jour, lorsque vous passiez d'une vue de données à l'autre à partir de la même source de données, le widget Liste perdait ses paramètres et sa mise en forme. Il fallait donc reconfigurer ces paramètres, et notamment reconnecter les données de texte dynamique. Avec cette mise à jour, le widget conserve désormais ces paramètres lors du passage d'une vue de données à l'autre. Cette amélioration est aussi incluse dans les widgets Diagramme et Texte.

 

 

 

Vous pouvez maintenant  ajouter plusieurs données simultanément à partir du widget Ajouter des données. Vous pouvez aussi redimensionner la fenêtre de sélection des données à ajouter pour parcourir les éléments plus facilement. 

 

 

Dans vos applications destinées au grand public, le menu déroulant permettant de sélectionner une source de recherche dans la barre de recherche peut s'avérer déroutant. Vous avez maintenant la possibilité de désactiver ce menu.

 

Si vous choisissez l'option Interagir avec un widget Carte dans le paramétrage de la source, vous pourrez également personnaliser encore davantage la recherche, en restreignant celle-ci à l'étendue actuelle de la carte ou en activant la recherche locale. 

 

 

Le widget "Feuille de route" vous permet maintenant de modifié l'itinéraire proposé en  ajoutant interactivement des arrêts et des interruptions.

 

Vous pouvez aussi  paramétrer les unités utilisées pour afficher les distances (système métrique ou impérial).

 

 

Dans les widgets "Mise à jour" et "Dessiner", vous pouvez désormais surimposer une grille à la carte à laquelle vous pouvez vous accrocher pour éditer des entités ou ajouter une couche de dessin. Cela vous permet un alignement précis des entités. Notez que pour le widget Mise à jour, vous devrez activer cette capacité dans les paramètres de capture lors du paramétrage du widget.

Vous pouvez également activer les infos-bulles pour obtenir des informations pendant le dessin (distance, surface, déflexion...).

 

 

 

Avant cette mise à jour, le chargement d'un grand nombre de couches dans le widget carte prenait un certain temps. Les performances ont été améliorées pour réduire celui-ci.

 

La dernière nouveauté dont nous allons parler est la possibilité de générer des QR codes permettant d'accéder au brouillon et à la version publiée de votre Expérience. Cette fonctionnalité est très pratique à la fois pour le partage avec le public, mais aussi pour accéder rapidement à votre expérience sur votre mobile pendant la phase de configuration pour examiner le comportement de l'application sur un portable.

 

 

Plusieurs améliorations liées à l'accessibilité ont été introduites : 

• Dans le paramétrage du thème, vous pouvez changer la couleur de l'indicateur de focus qui montre sur quel élément de l'application le focus du clavier est actif ;
• L'accessibilité est maintenant supportée dans le widget "Accordéon";
• L'accessibilité est maintenant supportée dans les filtres personnalisés configurés dans le widget "Filtre";
• Un nouveau modèle public disponible dans ArcGIS Online nommé Job Hunting (A11Y) est désormais disponible. Il est designé spécifiquement pour fournir une expérience accessible, avec une interaction via le clavier et des labels pour les lecteurs d'écran.
  
  

Comme à chaque nouvelle version, la matrice de fonctionnalité entre Web AppBuilder et Experience Builder a été mise à jour, et que la roadmap de l’année 2025 est disponible. Vous pouvez les retrouver sur cette application dédiée aux ressources Experience Builder. 

 

Pour plus d'informations sur les changements spécifiques à la Developer Edition (dont notamment les breaking changes), vous trouverez les notes de version complètes dans la documentation.

 

La dernière mise à jour de l'année 2024 d'Experience Builder dans ArcGIS Online est disponible depuis mi-novembre ! Celle-ci introduit de nouvelles fonctionnalités vous permettant d'aller toujours plus loin avec le concepteur d'expériences : un nouveau widget de mise en page, l'amélioration des capacités des widgets existants, ou encore un tout nouveau mode permettant de créer des applications de manière plus facile et rapide. Dans cet article, je vous propose de découvrir ensemble les nouveautés majeures introduites par cette mise à jour. 

 

 

Afin de rendre la conception d'expérience plus rapide et facile, vous pouvez désormais basculer en mode Express. Cela réduit le nombre de fonctionnalités et capacités de personnalisation accessibles dans l'interface de création d'expériences afin de proposer un workflow simplifié, se rapprochant davantage de ce qui était proposé dans Web AppBuilder. Si vous souhaitez en apprendre davantage sur ce nouveau mode, je vous conseille de consulter cet article dédié à sa prise en main.