Le blog francophone consacré
aux technologies Esri

ArcGIS Experience Builder "Developer Edition" 1.2 est disponible

La version 1.2 d'ArcGIS Experience Builder Developer Edition est désormais disponible depuis le site développeur. Cette version intègre les nouvelles fonctionnalités de la mise à jour d'octobre de l'édition ArcGIS Online, y compris le widget Table (beta), le navigateur de vues, la prise en charge des couches de scène 3D dans les collections d'entités. D'autres points notables sont par exemple, l'option de lecture automatique des vues, la prise en charge du remplissage automatique d'une enquête avec les attributs et la géométrie d'un polygone ou d'une polyligne sélectionné sur la carte et la configuration de l'accès anonyme au contenu "premium" ArcGIS. Je reprends ci-dessous certaines de ces évolutions.

Widget Table (beta)

Le widget Table (beta) permet de se connecter à une ou plusieurs tables issues de couches ou de tables autonomes. Vous pouvez l'utiliser comme table autonome ou comme table qui interagit avec la couche correspondante dans le widget de carte ou d'autres widgets. Un workflow classique consistera à filtrer la table en fonction des entités sélectionnées dans la carte, ou sélectionner sur la carte l'entité correspondant à la sélection de l'enregistrement dans la table.


Contrairement au nouveau Map Viewer, la modification des attributs dans la table n'est pas encore disponible dans Experience Builder. Vous ne pouvez pas non plus exporter les enregistrements sélectionnés au format CSV comme vous le feriez à l'aide du widget Table de Web AppBuilder. Nous sommes conscients de ces demandes populaires et prévoyons de les ajouter à Experience Builder dans un proche avenir.

Widget Navigateur de vues

Un navigateur de vues est un bloc qui permet de faire défiler plusieurs panneaux (vues) avec un comportement de défilement paramétrables et synchronisable avec, par exemple, une carte. Pour ceux qui connaissent ArcGIS StoryMaps, vous constaterez que le navigateur de vues est similaire au concept des blocs de type "Compartiments latéraux" (Sidecars). Il permet d'offrir une expérience de présentation en défilement vertical.

Couche de scène

Depuis les premières version d'Experience Builder, vous pouvez afficher une scène web dans un widget "Carte". En revanche, les widgets "Filtre" et "Liste" ne fonctionnaient que sur les couches d'entités et pas sur les couches de scène. Depuis cette version 1.2, les couches de scène d'objets 3D et les couches de scène de points supportent les capacités de requête et de filtrage depuis d'autres widgets de la page. Pour plus de détails, voir cette page "Qu'est ce qu'une couche de scène ?".


Comme les couches d'entités, les couches de scènes prises en charge sont répertoriées dans l'onglet "Données" et vous pouvez créer une vue de données à partir d'une couche de scènes. Dans l'exemple ci-dessous, nous utilisons les widgets "Filtre" et "Liste" pour explorer l'espace intérieur du bâtiment du siège d'Esri, puis localiser un espace à partir d'une liste sur la carte.


Contenus Premium du Living Atlas

Lors de l'ajout de données dans vos cartes ou vos scènes, vous pouvez désormais parcourir directement le contenu du Living Atlas d'ArcGIS Online. Bien qu'une grande partie du contenu de Living Atlas soit accessible au public, des contenus Premium sont réservés aux utilisateurs disposant d'un compte d'organisation. Ces contenus sont désormais accessibles et sont marqués par une icône spécifique lorsqu'ils sont présents dans la carte, la scène ou vos couches.


Lorsque vous publiez une expérience avec des widgets qui utilisent des contenus Premium, vous serez invité à autoriser l'accès à partir de votre compte, afin que les utilisateurs finaux (souvent anonymes) ne soient pas invités à se connecter.
  
Lecture automatique des vues
  
Grâce aux outils de navigation intégrés et à l'option de lecture automatique dans les widgets de type "Section", vous pouvez désormais créer des carrousels composés de texte et de photos.

Intégration d'enquêtes Survey123

Certains d'entre vous utilisent Survey123 dans Experience Builder pour optimiser le processus de collecte d'information à travers votre application web. Un workflow très courant consiste à remplir automatiquement le formulaire en récupérant les attributs et la géométrie d'une entité sélectionnée dans la carte. Auparavant, seules les couches d'entités ponctuelles étaient prises en charge. Vous pouvez maintenant faire de même avec les couches d'entités de lignes et de polygones. Consultez cet article de blog (en anglais) pour plus d'informations.

Widget "Texte"

Auparavant, lorsque le texte occupait plus d'espace que la taille du widget, vous deviez cliquer sur l'icône "…" pour lire le reste du texte, ce qui n'était parfois pas intuitif. Dans cette version, lorsque vous survolez le texte, un effet de fondu apparaît au bas du widget avec une icône de flèche sautante dans le coin, et vous pouvez ensuite faire défiler le texte pour le lire entièrement.


Synchronisation des contenus intégrés

A l'aide du widget "Intégrer" vous oiuvez incorporer des applications ou des pages web externes dans vos applications Experience Builder. Ainsi, vous pouvez avoir, par exemple, un tableau de bord avec des informations sur le statut de vos équiepements qui se mettent à jour de manière régulière. Lorsque vous l'intègrerez dans Experience Builder, vous pourrez le synchroniser de manière régulière et automatique en activant l'option "Actualisation automatique" pour définir l'intervalle d'actualisation.


Redimensionnement des fenêtres

Les fenêtres sont des éléments d'interface vous permettant d'afficher une fenêtre au dessus de votre page. Beaucoup d'entre vous utilisent une fenêtre pour afficher un écran de démarrage, des informations, des conditions d'utilisation ou des conseils sur l'usage de l'application. Désormais, pour redimensionner la fenêtre, vous faites simplement glisser les bords de celle-ci pour lui donner la taille désirée.


Outil de navigation rapide

Un nouvel outil de navigation rapide, situé dans le coin inférieur gauche du générateur, est vraiment pratique. Il vous aide à naviguer rapidement entre les pages et les fenêtres de votre application.



Widget Légende

Une option avancée vous permet maintenant de définir la police et la couleur d'arrière-plan de la légende pour correspondre au style de l'application.




Plus de modèles d'expériences web

Quatre nouveaux modèles d'application par défaut ont été ajoutés: "Flèche", "Pocket", "Navigation rapide" et "Parallaxe". Pour ceux qui sont familiers avec ArcGIS Web AppBuilder, vous constaterez que les modèles "Flèche" et "Pocket" d'Experience Builder ont une forte similarité avec les thèmes "Flèche" et "Pocket" de Web AppBuilder. Comme mentionné précédemment, "Parallaxe" utilise le widget navigateur de vue. Le modèle "Navigation rapide" peut être utilisée pour explorer une carte à partir de plusieurs vues et signets. 


Migration depuis ArcGIS Web AppBuilder

Bien qu'ArcGIS Web AppBuilder soit toujours maintenu et continue d'évoluer, certains développeurs on commencé à migrer leur widgets vers ce nouvel environnement de configuration d'applications web (on parle d'ailleurs plutôt d'expériences web). On notera qu'une documentation sur la migration à partir de Web AppBuilder a été ajoutée pour fournir des conseils et des explications lorsque vous décidez de porter le code JavaScript/HTML d'un widget personnalisé Web AppBuilder vers un nouveau widget personnalisé Experience Builder

En ce qui concerne la migration, deux questions récurrentes sont souvent posés par les utilisateurs de Web AppBuilder, voici quelques éléments de réponses:

  • Si j'ai des widgets personnalisés créés sur ArcGIS Web AppBuilder, pourrai-je les utiliser avec ArcGIS Experience Builder ?
    Malheureusement, la réponse est non. Bien qu'ArcGIS Experience Builder conserve un modèle de programmation très similaire pour la création de widgets personnalisés, tous les widgets devront être réécrits pour fonctionner dans ce nouveau générateur d'application web. En effet, ArcGIS Experience Builder est construit sur ArcGIS API 4.x pour JavaScript, tandis que Web AppBuilder (2D) est construit sur la version 3.x. D'autre part, ArcGIS Experience Builder tire parti des technologies de développement Web modernes, notamment React et TypeScript, qui font partie de la nouvelle plateforme de développement de widgets.
  • Existe-t-il des outils ou de la documentation pour m'aider à migrer des widgets d'ArcGIS Web AppBuilder vers ArcGIS Experience Builder ?
    Bien qu'il n'y ait pas d'outil pour convertir directement les widgets et les thèmes personnalisés de Web AppBuilder vers Experience Builder, nous souhaitons faciliter le processus autant que possible. La documentation Migration à partir de Web AppBuilder fournit des conseils pour vous aider à préparer et à réaliser la reconstruction de votre widget ou votre thème dans Experience Builder. Cette documentation contient des astuces, des techniques et des pratiques recommandées par Esri et à prendre en compte lorsque vous migrez votre code. Ci-dessous, un aperçu des deux premiers conseils concernant les modules manifest.json et dojo.

Plus d'exemples de code

Deux nouveaux exemples montrent comment créer un widget en utilisant des fonctions comme des composants React. L'un consiste à utiliser une couche d'entités (fonction), et l'autre à obtenir les coordonnées cartographiques (fonction). Vous remarquerez aussi qu'il existe des exemples de widgets équivalents écrits en tant que composants de classe React .

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article: