Créer une application Experience Builder
Vous créez une application d’expérience Web à l’aide de ArcGIS Experience Builder. Vous commencez par un modèle, puis ajoutez et configurez des widgets pour configurer l’application.
Créer une expérience Web à partir d’un modèle
Tout d’abord, vous créez une application Web. Vous commencez par un modèle, puis configurez l’application.
- Connectez-vous à votre compte d’organisation ArcGIS.
Remarque :
Si vous ne disposez pas d’un compte d’organisation, consultez les options disponibles pour accéder aux logiciels.
- Cliquez sur l’onglet Content (Contenu), puis sur Create app (Créer une application).
Une liste des applications que vous pouvez créer s’affiche.
- Sélectionnez Experience Builder (Experience Builder) dans la liste déroulante.
- Dans la page d’accueil Experience Builder, cliquez sur Create new (Créer).
Une liste de modèles apparaît. Vous allez utiliser le modèle Jewelry Box (Boîte à bijoux). Le modèle Jewelry Box (Boîte à bijoux) affiche une liste d’entités combinée à une carte.
- Dans l’onglet Default (Par défaut), recherchez le modèle Jewelry Box (Boîte à bijoux) et cliquez sur Create (Créer).
ArcGIS Experience Builder apparaît, affichant la carte au centre de la zone d’affichage. Vous allez renommer votre expérience en lui attribuant un titre plus significatif.
- Sur le ruban supérieur, cliquez sur Untitled experience (Expérience sans titre) et saisissez ou copiez et collez Real estate demographics (Données démographiques sur l’immobilier).
Vous allez maintenant vérifier que la zone d’affichage est entièrement visible.
- Dans le coin inférieur droit de l’écran, cliquez sur le bouton Fit width to current window (Ajuster la largeur à la fenêtre actuelle).
Vous pouvez à présent voir la totalité de la zone d’affichage, avec l’espace inutilisé. Vous activez maintenant la mise à jour de ce modèle.
- Dans la partie supérieure de la mise en page, cliquez sur le bouton bascule Lock layout (Verrouiller la mise en page) pour désactiver le verrouillage de la mise en page.
Ajouter un widget à l’application
Le modèle Jewelry Box (Boîte à bijoux) contient un widget cartographique et une liste. Comme vous n’allez pas utiliser la liste, vous allez la supprimer afin de libérer de la place pour le widget Business Analyst.
- Dans la zone d’affichage, cliquez sur le widget de liste pour le sélectionner, puis cliquez sur le bouton Delete (Supprimer).
- Cliquez de nouveau sur Delete (Supprimer), puis confirmez la suppression de la liste.
- Sous le titre, dans la barre d’outils verticale, cliquez sur le bouton Insert (Insérer).
La fenêtre Insert widget (Insérer un widget) apparaît et affiche une bibliothèque de widgets, regroupés par type.
- Dans la bibliothèque de widgets, sous Map-centric (Cartographique), faites défiler l’écran et recherchez le widget Business Analyst (Business Analyst).
- Faites glisser le widget Business Analyst (Business Analyst) sur la zone d’affichage où se trouvait la liste.
Le widget apparaît dans l’application.
En outre, le volet Business Analyst s’ouvre avec le mode Workflow (Processus) sélectionné par défaut.
Le mode Workflow (Processus) fournit à l’utilisateur final des volets étape par étape lui permettant de sélectionner un emplacement, puis d’exécuter une infographie. Le widget en mode Workflow (Processus) permet de buffériser des entités, d’effectuer des recherches et de créer des infographies. Vous allez à présent développer le widget Business Analyst (Business Analyst) afin qu’il occupe l’intégralité du côté gauche de la zone d’affichage.
- Si nécessaire, cliquez sur le widget Business Analyst (Business Analyst) pour le sélectionner. Faites glisser sa partie inférieure sur la partie inférieure de la zone d’affichage.
Vous avez créé une application et ajouté un widget. Vous allez maintenant configurer le widget.
Configurer le widget Business Analyst et publier l’application
Le widget Business Analyst permet d’afficher des informations démographiques dans des infographies et de créer des zones tampon de temps de marche et temps de trajet. Vous avez déjà ajouté ce widget à l’application. Vous allez maintenant le configurer en fonction des besoins de votre entreprise.
Conseil :
À tout moment, vous pouvez prévisualiser votre application et intergir avec elle en cliquant sur Live view (Vue dynamique).
Configurer le widget
Configurez le widget Business Analyst de votre organisation immobilière en l’associant à la carte et en le personnalisant pour que vos collègues puissent l’utiliser. Sélectionnez également les infographies affichées dans votre application et les types de zones tampon.
- Si nécessaire, cliquez sur le widget Business Analyst (Business Analyst) de la zone d’affichage pour le sélectionner et affichez la fenêtre Business Analyst (Business Analyst).
- Cliquez sur le menu déroulant Select a Map widget (Sélectionner un widget cartographique) et sélectionnez Map (Carte).
Le widget Business Analyst ajoute son propre outil de recherche à la carte. Si vous incluez ce widget, la fonctionnalité de recherche du widget cartographique est automatiquement désactivée. Supprimez maintenant l’outil de recherche de la carte.
- Sélectionnez la barre de recherche et cliquez deux fois sur Delete (Supprimer) pour la supprimer.
- Cliquez sur le widget de la zone d’affichage pour le sélectionner à nouveau. Sous Location settings (Paramètres de localisation), assurez-vous que l’option United States (États-Unis) est sélectionnée.
- Cliquez sur le bouton Customize search (Personnaliser la recherche) pour mettre à jour le texte d’introduction.
Les autres agents immobiliers de votre société ne connaissant peut-être pas bien la terminologie SIG utilisée dans la présentation actuelle, vous allez modifier le texte.
- Dans la fenêtre Customize search (Personnaliser la recherche), saisissez (ou copiez et collez) le texte suivant : Recherchez une adresse ou une localisation pour afficher les informations démographiques.
- Fermez la fenêtre Customize search (Personnaliser la recherche).
- Dans la fenêtre Business Analyst (Business Analyst), cliquez surCustomize buffers (Personnaliser les zones tampon).
La localisation est un facteur important du secteur de l’immobilier. Le widget prend en charge les zones tampon Rings (Anneaux), Drive time (Temps de trajet) et Walk time (Temps de marche). Les clients de votre société commerciale immobilière cherchant plus particulièrement à comprendre les personnes susceptibles de se rendre en voiture ou à pied à leurs localisations, vous allez désactiver les anneaux.
- Sous Default settings (Paramètres par défaut), désélectionnez Rings (Anneaux) et laissez les cases Drive time (Temps de trajet) et Walk time (Temps de marche) cochées.
- Fermez la fenêtre Customize buffers (Personnaliser les zones tampon).
- Dans la fenêtre Business Analyst (Business Analyst), cliquez sur Customize infographics (Personnaliser les infographies).
- Dans la fenêtre Customize infographics (Personnaliser les infographies), pour Select infographics (Sélectionner des infographies), cliquez sur le menu déroulant Esri Infographics (Infographies Esri).
Une liste des infographies potentielles apparaît. Vous pouvez choisir les plus importantes pour votre entreprise. Par exemple, les agents immobiliers de votre société utilisant régulièrement des profils démographiques, des synthèses démographiques et des profils Esri Tapestry Segmentation, vous allez inclure ces infographies.
- Désélectionnez la case en regard de l’option Esri Infographics (Infographies Esri). Cochez les cases des options Demographic Profile (Profil démographique), Demographic Summary (Synthèse démographique) et Dominant Tapestry Profile (Profil Tapestry dominant).
Simplifiez maintenant l’interface des infographies pour les besoins des agents immobiliers.
- Fermez la fenêtre Customize infographics (Personnaliser les infographies).
- Dans la fenêtre Business Analyst (Business Analyst), développez Infographic settings (Paramètres de l’infographie).
Une liste d’options apparaît pour les infographies. Les agents immobiliers avec lesquels vous travaillez présentant généralement ces visualisations sous forme d’images ou de fichiers PDF sur leur tablette, vous allez supprimer les options supplémentaires dont ils n’ont pas besoin.
- Désactivez les options Dynamic HTML export (Exportation HTML dynamique) et Excel export (Exportation Excel).
- Réduisez l’option Infographic settings (Paramètres de l’infographie).
Vous allez à présent modifier le thème de l’application pour en améliorer l’apparence.
- Sous le titre, dans la barre d’outils verticale, cliquez sur le bouton Theme (Thème).
- Effectuez des tests en cliquant sur certains des thèmes pour voir comment ils affectent l’application. Une fois que vous avez cliqué sur quelques thèmes, sélectionnez le thème Vivid (Vif).
Vous avez configuré le widget de sorte qu’il soit plus spécifique au secteur de l’immobilier et à vos besoins.
Activer les fonds de carte sur le widget cartographique
Vous allez à présent autoriser le changement de fonds de carte sur le widget cartographique pour que les utilisateurs puissent sélectionner le fond de carte qui réponde le mieux à leurs besoins. L’application affiche le fond de carte par défaut de l’organisation, mais l’ajout de cette fonctionnalité permet aux utilisateurs de changer de fond de carte lorsqu’ils utilisent l’application.
- Dans la zone d’affichage, cliquez sur le widget de carte pour le sélectionner.
La fenêtre Map (Carte) apparaît.
- Sous Tools (Outils), désactivez Basemap (Fond de carte).
Sur le widget Map (Carte), le bouton Basemap (Fond de carte) apparaît.
Lorsqu’un utilisateur ouvre l’application, le fond de carte par défaut est affiché, mais l’utilisateur peut en changer à l’aide de ce bouton.
- Sur le ruban, cliquez sur le bouton Save (Enregistrer).
Tester l’application en mode actif
Vous allez maintenant tester l’application avant de la publierr. Ajoutez une localisation en cliquant sur la carte.
- Sur le ruban supérieur, cliquez sur Live view (Vue dynamique).
L’application passe à la vue dynamique et le bouton change de couleur pour indiquer que l’application est en vue dynamique.
La vue dynamique vous permet d’utiliser l’application comme l’utilisateur de l’application et de vous assurer que tout fonctionne correctement avant de publier et partager l’application.
À des fins de test, remplacez le fond de carte par Dark Gray Canvas (Nuances de gris foncé) pour que les zones tampon soient plus visibles.
- Sur la carte, en regard de la barre de recherche, cliquez sur le bouton Basemap (Fond de carte) et sélectionnez Dark Gray Canvas (Nuances de gris foncé).
La carte est mise à jour pour utiliser le fond de carte Dark Gray Canvas (Nuances de gris foncé).
- Dans la barre de recherche du widget Business Analyst, saisissez 835 s coast highway et sélectionnez la localisation située à Oceanside, CA.
Remarque :
Vous pouvez également désigner une localisation en ajoutant un point sur la carte.
La carte fait un zoom avant sur la localisation et ajoute un point.
- Dans la partie inférieure du widget, cliquez sur Next (Suivant).
- À l’étape Buffers (Zones tampon), cliquez à la fois sur Walk time (Temps de marche) et Drive time (Temps de conduite) afin de confirmer qu’il existe des zones tampon de 5, 10 et 15 minutes pour chacun.
Vous ne pouvez créer des zones tampon que pour un temps de trajet ou un temps de marche et devez donc choisir celui que vous souhaitez.
- Cliquez sur l’option Walk time (Temps de marche) pour la sélectionner.
Remarque :
Le widget ne peut créer qu’un jeu de zones tampon à la fois, vous devez donc sélectionner Drive time (Temps de trajet) ou Walk time (Temps de marche).
- Cliquez sur Next (Suivant).
La carte applique des zones tampon autour de la localisation pour représenter des temps de marche de 5, 10 et 15 minutes.
- Dans l’onglet Infographics (Infographie), cliquez sur le menu déroulant Select infographic (Sélectionner une infographie).
Une liste Esri Infographics (Infographies Esri) apparaît. Vous pouvez pointez le curseur sur l’icône en regard du nom pour afficher un aperçu de l’infographie.
- Pour l’infographie Dominant Tapestry Profile (Profil Tapestry dominant), pointez le curseur sur l’icône d’aperçu.
- Affichez un aperçu des infographies restantes, puis sélectionnez l’infographie Demographic profile (Profil démographique).
- À l’étape Infographic (Infographie), développez Esri Infographics (Infographies Esri) et sélectionnez Demographic Profile (Profil démographique).
- Cliquez sur Run infographic (Exécuter l’infographie).
L’infographie affiche les variables démographiques d’un temps de marche de cinq minutes à partir de la localisation.
Cette infographie fournit des informations démographiques détaillées sur la population à moins de cinq minutes à pied de la localisation. En ajoutant un widget, en le configurant en fonction de vos besoins et en ajoutant une localisation, vous pouvez découvrir des informations démographiques sur les clients potentiels en quelques secondes.
- Dans la fenêtre des infographies, en regard de l’option 5 minute walk (Marche de 5 minutes), cliquez sur la flèche de liste déroulante et sélectionnez 10 minute walk (Marche de 10 minutes) pour explorer les données démographiques de la population à l’intérieur de cette zone tampon.
Les valeurs de l’infographie changent pour refléter une population plus importante.
- Enregistrez l'application.
Maintenant que vous avez testé et enregistrez l’application, vous êtes prêt à la publier de sorte que vos collègues puissent l’utiliser dans leur travail.
Publier et partager l’application
Maintenant que vous avez testé l’application, il vous reste à la publier et la partager pour que les autres utilisateurs puissent y accéder.
- Sur le ruban, cliquez sur le bouton Publish (Publier).
Affichez à présent l’application publiée pour voir ce que les utilisateurs verront.
- Dans le ruban, cliquez sur le bouton More (Plus) et sélectionnez View published item (Afficher l’élément publié).
L’application apparaît dans un onglet différent du navigateur Web.
- Dans la barre de recherche, cliquez sur le bouton Basemap (Fond de carte) et sélectionnez Streets (Night) (Rues (nuit)).
- Dans le widget, dans l’onglet Search (Rechercher), cliquez sur l’outil Draw a point (Dessiner un point).
- Effectuez un zoom avant sur une localisation de la carte, cliquez sur la carte pour ajouter un point, puis cliquez sur Next (Suivant).
- Dans l’onglet Buffers (Zones tampons), acceptez les zones tampon Drive time (Temps de conduite) par défaut et cliquez sur Next (Suivant).
- Dans l’onglet Infographics (Infographie), sélectionnez l’infographie Demographic Summary (Synthèse démographique), puis cliquez sur Run infographic (Exécuter l’infographie).
- Retournez à l’onglet de navigateur Web dans lequel votre application est en mode de mise à jour.
- Sur le ruban, cliquez sur More (Plus), puis sélectionnez Copy published item link (Copier le lien de l’élément publié).
Vous avez copié le lien vers votre application publiée et pouvez la partager. Toutefois, le paramètre de partage par défaut étant destiné au propriétaire, personne d’autre ne peut accéder à l’application à moins que vous ne modifiez les paramètres. Vous pouvez accéder à la page des détails des éléments de l’application dans ArcGIS Online à partir de l’application.
- Dans le ruban, cliquez sur le bouton More (Plus) et choisissez Change share settings (Modifier les paramètres de partage).
La page des détails des éléments de votre application s’affiche.
- Cliquez sur le bouton Partager.
La fenêtre Share (Partager) s’affiche avec différentes options de partage. Pour l’heure, seul le propriétaire de l’application peut y accéder, mais vous pouvez modifier un paramètre de façon à la partager avec votre organisation ou avec tout le monde (le public).
- Dans la fenêtre Share (Partager), cliquez sur Organization (Organisation), puis sur Save (Enregistrer).
À présent, l’application est partagée et peut être utilisée par les autres membres de votre organisation.
Dans ce didacticiel, vous avez créé une application, ajouté le widget Business Analyst, configuré l’application et le widget en fonction de vos besoins, testé l’application, puis publié et partagé cette dernière pour que les autres utilisateurs puissent l’utiliser. Les autres agents immobiliers trouveront cette application utile car les données démographiques à l’intérieur des temps de trajet et de marche souhaités sont facilement accessibles et permettent de prendre des décisions dynamiques.
