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.
- Sur le ruban, cliquez sur Content (Contenu).
- Cliquez 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.
La page d’accueil de Experience Builder s’ouvre dans un nouvel onglet.
- Si la fenêtre Express mode (Mode Express) apparaît, cliquez sur Got it (J’ai compris).
- Cliquez sur Create new (Créer).
Une liste de modèles apparaît. Vous allez utiliser le modèle JewelryBox (Boîte à bijoux). Ce modèle affiche une liste d’entités combinée à une carte.
- Dans la barre de recherche, saisissez Jewelry.
- Pour le modèle JewelryBox (Boîte à bijoux), 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 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 JewelryBox (Boîte à bijoux) contient un widget Carte. Vous allez ajouter un widget Business Analyst.
- Dans le volet à gauche de la carte, cliquez sur le bouton Add widget (Ajouter un widget).
Le volet Add widget (Ajouter un widget) apparaît et affiche une bibliothèque de widgets regroupés par type.
- Dans le volet Add widget (Ajouter un widget), sous Map centric (Cartographique), faites défiler l’écran et cliquez sur le widget Business Analyst.
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 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 interagir avec elle en cliquant sur Live view (Vue dynamique).
Configurer le widget
Vous allez configurer le widget Business Analyst de votre organisation immobilière en le personnalisant pour que vos collègues puissent l’utiliser. Vous allez également sélectionner les infographies affichées dans votre application et les types de zones tampons.
Lorsque vous avez ajouté le widget Business Analyst, il ajoute son propre outil de recherche à la carte. De ce fait, la carte dispose désormais de deux outils de recherche. Vous allez supprimer l’un des deux.
- Dans le coin supérieur gauche du widget de la carte, cliquez sur la barre de recherche. Cliquez sur le bouton Supprimer.
- Lorsque vous êtes invité à confirmer que vous souhaitez supprimer le widget, cliquez sur Delete (Supprimer).
La carte comporte dorénavant un seul outil de recherche. Vous allez maintenant personnaliser les paramètres de recherche.
- Cliquez sur le widget Business Analyst de la zone d’affichage pour le sélectionner. Dans la fenêtre Business Analyst, 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).
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).
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.
- Dans la fenêtre Business Analyst (Business Analyst), cliquez surCustomize buffers (Personnaliser les zones tampon).
- 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).
Vous allez maintenant personnaliser les infographies.
- 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écochez la case en regard de l’option Esri Infographics (Infographies Esri) pour déselectionner toutes les infographies. 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.
- 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, dans l’angle supérieur droit, cliquez sur le bouton Basemap Gallery (Bibliothèque de fonds de carte). Dans la fenêtre Basemap Gallery (Bibliothèque de fonds de carte), 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é).
- Fermez la fenêtre Basemap Gallery (Bibliothèque de fonds de carte).
- 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.
- 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 d’infographies 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. Lorsque vous avez terminé, sélectionnez l’infographie 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, cliquez sur l’option 5 minute walk (Marche de 5 minutes) et sélectionnez 10 minute walk (Marche de 10 minutes).
Les valeurs de l’infographie changent pour refléter une population plus importante.
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.
- Si nécessaire, enregistrez l’application.
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).
L’application est publiée. Vous allez afficher 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.
- Cliquez sur le bouton Basemap Gallery (Bibliothèque de fonds de carte) et sélectionnez Streets (Night) (Rues [nuit]). Fermez la fenêtre Basemap Gallery (Bibliothèque de fonds de carte).
- 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 et cliquez sur la carte pour ajouter un point. 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 (Infographies), 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.
- 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.
Vous trouverez d’autres didacticiels dans la bibliothèque des didacticiels.
