Créer des circonscriptions hospitalières en matière de traitement du cancer

Les États-Unis disposent actuellement de 72 centres de cancérologie désignés par l’Institut national du cancer dans 36 États et le district de Columbia. La plupart, mais pas tous, sont affiliés à des centres médicaux universitaires.

Pour mieux comprendre la zone de captation des centres de cancérologie et leur accessibilité, vous allez commencer par explorer les emplacements des centres de cancérologie désignés par l’Institut national du cancer aux États-Unis, puis télécharger les polygones des zones de captation associés. Vous utiliserez ces données pour créer une carte web. La première étape pour comprendre quelles populations ont accès à un centre de cancérologie consiste à visualiser la zone de captation de ces centres sur une carte.

Une fois la carte créée, vous allez créer une application web pour vous aider, vous et vos collègues, à consulter des infographies détaillant les informations clés sur les populations desservies par chaque centre de cancérologie.

Télécharger les données de la zone de captation

Commencez par télécharger les polygones de circonscription hospitalière à partir du site web de l’Institut national du cancer des États-Unis pour créer une carte des centres de cancérologie et de leurs zones de captation respectives.

  1. Dans un navigateur, accédez à la page NCI Catchment Areas (Zones de captation NCI).
  2. Faites défiler la fenêtre environ de moitié vers le bas jusqu’à atteindre la section intitulée Datasets (Jeux de données).
  3. Cliquez sur le lien Catchment Area Shapefile (Shapefile des zones de captation) pour télécharger les données sous forme d’archive .zip.

    Lien Catchment Area Shapefile (Shapefile des zones de captation) dans la section Datasets (Jeux de données) de la page NCI Catchment Areas (Zones de captation NCI)

    Le fichier NCI_Catchment_Areas_fall2023.zip est téléchargé sur votre ordinateur.

    Prenez note de l’emplacement dans lequel le fichier est téléchargé.

Vous avez téléchargé certaines des données dont vous avez besoin pour votre carte.

Créer une carte

À présent, vous allez commencer une nouvelle carte en utilisant les informations des centres de cancérologie.

  1. Accédez à ArcGIS Online, puis cliquez sur Sign In (Se connecter).
  2. 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.

  3. Cliquez sur Carte.

    Onglet Map (Carte) dans votre organisation ArcGIS Online

    Une nouvelle carte s'ouvre.

    Commencez par ajouter les points d’adresse des centres de cancérologie sur votre carte pour visualiser leurs emplacements aux États-Unis. Ces données figurent déjà dans ArcGIS Online et sont prêtes à être ajoutées directement à la carte.

  4. Dans la fenêtre Layers (Couches), cliquez sur le bouton Add (Ajouter).

    Fenêtre Layers (Couches) d’une nouvelle carte avec le bouton Add (Ajouter)

  5. Cliquez sur la liste déroulante My content (Mon contenu) et sur ArcGIS Online.

    Fenêtre Add layer (Ajouter une couche) avec la liste déroulante des sources de couches

  6. Dans la zone de recherche, saisissez NCI center addresses.
  7. Recherchez la couche NCI_Center_Addresses appartenant à Esri Tutorials, cliquez dessus, puis sur le bouton Add (Ajouter).

    Couche d’entités NCI_Center_Addresses appartenant à Esri Tutorials

    Les entités ponctuelles des centres de cancérologie sont ajoutées à la carte.

    La couche d’entités NCI_Center_Addresses apparaît sur la carte.

    Les centres sont symbolisés par type, selon les catégories et les symboles figurant dans la fenêtre Properties (Propriétés) de la couche, dans la section Symbology (Symbologie).

    Fenêtre Properties (Propriétés) de la couche avec la symbologie

    Bien que ces données soient utiles, elles ne montrent pas quelle zone géographique est couverte par chaque centre de cancérologie. Pour visualiser ces informations, ajoutez les données sur les zones de captation des centres de cancérologie que vous avez téléchargées à partir du site Internet de l’Institut national du cancer des États-Unies.

Créer une couche des zones de captation

Vous allez ensuite créer une couche montrant les zones de captation des centres de cancérologie à l’aide du fichier .zip que vous avez téléchargé depuis le site de l’Institut national du cancer des États-Unis.

  1. Dans la barre d’outils Contents (Contenu), cliquez sur Add (Ajouter), puis sur Add layer from file (Ajouter une couche à partir d’un fichier).

    Barre d’outils Contents (Contenu) avec le bouton Add (Ajouter) et l’option Add layer from file (Ajouter une couche à partir d’un fichier)

    La fenêtre Add Layer (Ajouter une couche) apparaît.

    Fenêtre Add Layer (Ajouter une couche)

    La fenêtre Add Layer (Ajouter une couche) vous permet de faire glisser des fichiers pour les charger dans ArcGIS Online.

  2. Accédez au dossier dans lequel vous avez téléchargé le fichier NCI_Catchment_Areas_fall2023.zip. Cliquez sur le fichier .zip et faites-le glisser dans la fenêtre de chargement de fichier.

    Le fichier .zip de l’emplacement du dossier Downloads (Téléchargements) est déplacé vers la fenêtre Add Layer (Ajouter une couche).

    La fenêtre Add Layer (Ajouter une couche) détecte que le fichier .zip chargé contient des données shapefile.

    Fenêtre Add Layer (Ajouter une couche) avec chargement du shapefile

    À présent, vous allez ajouter un titre et des métadonnées pour faciliter l’identification de la nouvelle couche.

  3. Cliquez sur Next (Suivant).
  4. Dans la zone Title (Titre), saisissez Cancer Center Catchment Areas_ et ajoutez vos initiales.

    Zone Title (Titre) dans la fenêtre Add Layer (Ajouter une couche) avec un nouveau titre incluant vos initiales

  5. Pour Tags (Balises), saisissez les balises suivantes et appuyez sur la touche Tab après chaque balise.

    • Santé
    • Cancer Center Catchment Areas
    • Healthcare services

  6. Dans la zone Summary (Résumé), saisissez This layer represents Cancer Center Catchment Areas for Fall 2023 as per the National Cancer Institute.

    Les balises et le résumé ont été ajoutés ici.

  7. Cliquez sur Create and add to map (Créer et ajouter à la carte).

    Bouton Create and add to map (Créer et ajouter à la carte) dans la fenêtre Add Layer (Ajouter une couche)

    La couche est créée et ajoutée à votre carte.

Modifier l’ordre des couches et le fond de carte

Vous disposez désormais d’une carte web avec les centres de cancérologie et les zones de captation qui y sont associées. Cette carte montre la situation physique des centres de cancérologie et leur zone géographique de desserte. Les centres de cancérologie fournissent des services de traitement des cancers aux populations qui vivent dans leur zone de captation. Mettez à jour la carte pour vous concentrer sur les zones de captation.

  1. Dans la fenêtre Add layer (Ajouter une couche), cliquez sur le bouton Back (Retour).

    Bouton Back (Retour) dans la fenêtre Add layer (Ajouter une couche)

    La fenêtre Contents (Contenu) apparaît et affiche les couches que vous avez ajoutées à la carte.

  2. Dans la fenêtre Contents (Contenu), cliquez sur la poignée de la couche NCI_Center_Addresses et faites-la glisser au-dessus de la couche Cancer_Center_Catchment Areas_VOS INITIALES.

    Cliquez et faites glisser la couche NCI_Center_Addresses au-dessus de l’autre couche.

    Couches dans l’ordre de votre choix

    Les couches ponctuelles apparaissent désormais au-dessus des couches surfaciques.

    Carte avec l’ordre des couches modifié

    Les centres de cancérologie sont désormais plus facilement associés à leur zone de captation. La couche d’entités hébergée contenant les polygones des zones de captation des centres de cancérologie est toutefois symbolisée avec une couleur par défaut, et la carte utilise un fond de carte par défaut. Dans la mesure où vous prévoyez de partager la version finale de votre application, vous voulez modifier ces valeurs par défaut, à commencer par le fond de carte, pour éliminer les données sources de distraction et mieux visualiser les données importantes.

  3. Dans la barre d’outils Contents (Contenu), cliquez sur le bouton Basemap (Fond de carte).

    Barre d’outils Contents (Contenu) et bouton Basemap (Fond de carte)

    La carte utilise actuellement l’option Topographic Basemap (Fond de carte topographique). Les fonds de carte ArcGIS Online font partie de ArcGIS Living Atlas of the World, qui est constitué de cartes de référence et de données fournies par Esri et des milliers d’autres organisations. Étant donné que votre carte se concentre sur les zones de captation des centres de cancérologie, vous allez opter pour un fond de carte offrant un arrière-plan plus simple et plus neutre, afin de mieux mettre en avant vos données.

  4. Faites défiler la liste Basemap (Fond de carte) vers le bas et cliquez sur le fond de carte Light Gray Canvas (Nuances de gris clair).

    Liste Basemap (Fond de carte) montrant le fond de carte Light Gray Canvas (Nuances de gris clair)

    La carte est mise à jour pour afficher les données des centres de cancérologie sur le nouveau fond de carte.

    La carte est dessinée avec le fond de carte gris clair.

    Cette modification permet d’attirer l’attention sur les données d’entités plutôt que sur le fond de carte.

Modifier le symbole de couche

Vous allez à présent modifier la couleur des polygones des zones de captation des centres de cancérologie.

  1. Dans la barre d’outils Contents (Contenu), cliquez sur le bouton Layers (Couches).

    Bouton Layers (Couches) dans la barre d’outils Contents (Contenu)

  2. Cliquez sur la couche Cancer_Center_Catchment Areas_VOS INITIALES.

    Couche des zones de captation

  3. Dans la barre d’outils Settings (Paramètres), dans la partie droite de la carte, cliquez sur le bouton Styles.

    Bouton Styles dans la barre d’outils Settings (Paramètres)

  4. Dans la fenêtre Styles, dans la section Pick a style (Sélectionner un style), cliquez sur Style options (Options de style).

    Bouton Style options (Options de style) dans la fenêtre Styles

  5. Dans la fenêtre Styles, dans la section Location (single symbol) (Localisation [un seul symbole]), cliquez sur le bouton de mise à jour en regard du gabarit Symbol style (Style de symbole).

    Bouton de mise à jour pour le style de symbole

    La fenêtre Symbol style (Style de symbole) s’affiche.

    Mettez à jour les couleurs de remplissage et de bordure des polygones des zones de captation.

  6. Dans la fenêtre Symbol style (Style de symbole), cliquez sur le bouton de mise à jour en regard du gabarit Fill color (Couleur de remplissage).

    Bouton de mise à jour pour le gabarit Fill color (Couleur de remplissage)

  7. Dans la fenêtre Select color (Sélectionner une couleur), dans la zone du numéro de couleur, saisissez 067ac6.

    Zone Hex code (Code hexadécimal) dans la fenêtre Select color (Sélectionner une couleur)

    Le nombre 067ac6 est le code hexadécimal d’une nuance spécifique de bleu. Saisir un code hexadécimal vous permet de spécifier rapidement une couleur, à condition de connaître le code de la couleur que vous voulez utiliser. Vous pouvez également sélectionner votre propre couleur en spécifiant les valeurs RVB (rouge, vert et bleu) ou TSV (teinte, saturation et valeur) ou en cliquant sur les widgets interactifs de sélection de couleur.

  8. Cliquez sur Done (Terminé).
  9. Dans la fenêtre Symbol style (Style de symbole), cliquez sur le bouton de mise à jour en regard du gabarit Outline color (Couleur du contour).

    Bouton de mise à jour pour le gabarit Outline color (Couleur du contour)

  10. Dans la fenêtre Select color (Sélectionner une couleur), dans la zone du numéro de couleur, saisissez FFFFFF et cliquez sur Done (Terminé).

    Zone Hex code (Code hexadécimal) dans la fenêtre Select color (Sélectionner une couleur)

    Le code hexadécimal FFFFFF est celui du blanc.

  11. Fermez la fenêtre Symbol style (Style de symbole) et cliquez sur Done (Terminé) dans la fenêtre Styles.
  12. Fermez la fenêtre Styles.

    Vous avez amélioré votre cartographie afin de mieux représenter les centres de cancérologie et la zone de captation qu’ils couvrent.

    Vous allez maintenant enregistrer la carte pour pouvoir l’utiliser dans une application interactive.

  13. Dans la barre d’outils Contents (Contenu), cliquez sur Save and open (Enregistrer et ouvrir) puis sur Save as (Enregistrer sous).

    Option Save as (Enregistrer sous)

  14. Dans la fenêtre Save map (Enregistrer la carte), dans la zone Title (Titre), saisissez Cancer Center Catchment Areas Map et ajoutez vos initiales.

    Fenêtre Save map (Enregistrer la carte) avec le titre saisi

  15. Pour Tags (Balises), saisissez les balises suivantes et appuyez sur la touche Tab après chaque balise.

    • Santé
    • Cancer Center Catchment Areas
    • Healthcare services

  16. Dans la zone Summary (Résumé), saisissez This map displays NCI-designated cancer centers and their associated catchment areas.

    Les balises et le résumé ont été saisis.

  17. Cliquez sur Save (Enregistrer).

    À présent, vous allez créer une application interactive pour explorer les données démographiques des populations couvertes par les zones de captation. Ces informations sont essentielles pour la prise de décisions concernant l’allocation des ressources et l’offre de services.

Vous avez téléchargé des données, puis créé et symbolisé une carte qui représente les centres de cancérologie désignés par l’Institut national du cancer aux États-Unis, ainsi que les polygones des zones de captation correspondantes. Votre carte permet de mieux comprendre les zones de captation des centres de cancérologie aux États-Unis.

Elle vous aide également à identifier les régions qui n’offrent pas un accès suffisant aux services de traitement du cancer. Les organisations de santé et les responsables politiques peuvent s’appuyer sur ces informations pour prendre des décisions éclairées sur le développement des offres de soins auprès de ces populations peu ou pas couvertes.

La prochaine étape consiste à utiliser les données démographiques pour mieux comprendre quelles populations sont incluses dans chaque zone de captation des centres de cancérologie. Elle est essentielle pour garantir que la recherche sur le cancer et les services proposés sont adaptés aux besoins locaux. Vous allez créer une application web qui génère des infographies résumant les données de la population pour chacune de ces zones.


Créer une application pour afficher des infographies

Vous allez maintenant utiliser ArcGIS Experience Builder pour développer une application Web qui permet à un utilisateur de sélectionner un centre de cancérologie, de voir sa circonscription hospitalière et d’examiner une infographie des informations démographiques pour la population desservie. Cette application constituera un outil précieux pour les professionnels de santé, les chercheurs et les décideurs qui souhaitent faire coïncider leurs efforts avec les caractéristiques uniques des communautés desservies par chaque circonscription hospitalière.

Créer l’application à partir de la carte

Vous allez commencer par créer une application ArcGIS Experience Builder directement à partir de la carte que vous avez générée. Vous pouvez créer différentes applications à partir des cartes. Vous allez utiliser Experience Builder parce qu’il comporte le widget ArcGIS Business Analyst, qui procure l’accès aux informations démographiques que vous voulez inclure dans l’application.

Pour créer une application Experience Builder avec le widget Business Analyst, vous devez être connecté avec un compte ArcGIS Online doté des privilèges GeoEnrichment (Géoenrichissement) et Network Analysis (Analyse de réseau). Pour plus d’informations, consultez la documentation ArcGIS Experience Builder — Widget Business Analyst.

  1. Dans la barre d’outils Contents (Contenu), cliquez sur le bouton Create App (Créer une application), puis sur Experience Builder.

    Bouton Créer une application et option Experience Builder

    La page des modèles ArcGIS Experience Builder s’ouvre dans un nouvel onglet. Cette page permet de choisir un modèle pour votre application. Vous allez sélectionner un modèle vierge, ce qui vous permettra de configurer les widgets exactement à l’endroit voulu.

  2. Dans la fenêtre Select a template to start (Sélectionner un modèle pour démarrer), pour le modèle Blank fullscreen (Plein écran vide), cliquez sur le bouton Create (Créer).

    Fenêtre Sélectionner un modèle pour démarrer avec le modèle Plein écran vide sélectionné

  3. Si vous êtes invité à suivre une visite de Experience Builder, cliquez sur Skip (Ignorer).

    Vous pouvez être invité à suivre une visite. Pour l’instant, cliquez sur Ignorer.

  4. Dans la zone du nom de l’application, cliquez sur Untitled experience 1 (Expérience sans titre 1).

    Le nom de l’application par défaut apparaît dans l’angle supérieur gauche.

    Il s’agit du nom par défaut de la nouvelle application. Vous allez le changer en un nom plus évocateur.

  5. Dans la zone du nom de l’application, supprimez l’ancien nom et saisissez Cancer Center Catchment Area Demographics, puis appuyez sur Entrée.

    Comme vous avez créé cette application directement à partir de votre carte, le widget Carte se trouve déjà dans la zone d’affichage. La zone d’affichage est l’espace de travail dans Experience Builder où vous allez ajouter et configurer des widgets. Les widgets activent des fonctions spécifiques et ciblées, qui sont intégrées à l’application. Vous voulez que votre application permette aux utilisateurs d’explorer et de connaître les circonscriptions hospitalières des centres de cancérologie et les populations desservies. Pour ce faire, deux widgets supplémentaires sont nécessaires : le widget Business Analyst et le widget List (Liste).

Ajouter le widget Business Analyst

Le widget Business Analyst permet aux utilisateurs de visualiser des indicateurs et des informations clés sur une localisation spécifique à l’aide d’infographies interactives. Vous allez ajouter ce widget maintenant.

  1. Si la fenêtre Insert widget (Insérer un widget) n’est pas visible, dans la barre latérale, cliquez sur le bouton Insert widget (Insérer un widget).

    Bouton Insérer un widget dans la barre latérale

    La fenêtre Insert widget (Insérer un widget) affiche une liste de widgets. Les widgets sont organisés en différentes catégories, telles que Map centric (Cartographique), Data centric (Données) et Page elements (Éléments de page).

  2. Faites défiler la liste des widgets de la section Map centric (Cartographique) vers le bas jusqu’au widget Business Analyst.
  3. Cliquez sur le widget Business Analyst et faites-le glisser vers la zone d’affichage au-dessus du widget Carte.

    Vous pouvez cliquer sur le widget Business Analyst dans la liste Insérer un widget et le faire glisser vers la zone d’affichage.

    Une zone représentant le widget apparaît dans la zone d’affichage. Ne vous souciez pas de le positionner maintenant, vous vous en occuperez plus tard.

    Widget Business Analyst non configuré dans la zone d’affichage

    La fenêtre de configuration du widget Business Analyst apparaît à droite de la zone d’affichage.

    Fenêtre de configuration du widget Business Analyst

    Le mode par défaut du widget est le mode Workflow (Processus).

  4. Dans la section Mode, cliquez sur Preset (Prédéfini).

    Mode de processus Prédéfini

    Avec le widget en mode Preset (Prédéfini), vous définissez un site et une infographie spécifiques pour les utilisateurs de l’application. Cette approche permet de s’assurer qu’ils voient les informations voulues. Pour cette application, les sites spécifiques à examiner sont les circonscriptions hospitalières des centres de cancérologie. Vous allez choisir une infographie de santé par défaut qui est déjà conçue pour inclure les informations de santé appropriées. Vous allez les configurer plus tard.

    L’emplacement réservé du widget change dans la zone d’affichage.

    Widget Business Analyst dans la zone d’affichage en mode Prédéfini

    Vous allez configurer des paramètres supplémentaires pour le widget plus tard.

Ajouter le widget Liste

Vous allez ensuite ajouter un widget List (Liste) pour que les utilisateurs de l’application puissent sélectionner les différents centres de cancérologie.

  1. Faites défiler la liste des widgets de la section Data centric (Données) vers le bas jusqu’au widget List (Liste).
  2. Cliquez sur le widget List (Liste) et faites-le glisser vers la zone d’affichage à gauche du widget Carte.

    Vous pouvez cliquer sur le widget Liste dans la liste Insérer un widget et le faire glisser vers la zone d’affichage.

    Le widget List (Liste) affiche les enregistrements de données dans une vue de liste personnalisée.

  3. Placez le pointeur sur le widget List (Liste).

    Le pointeur se transforme pour indiquer que vous pouvez sélectionner et déplacer le widget.

    Le pointeur montre que vous pouvez sélectionner et déplacer le widget.

  4. Cliquez sur le widget List (Liste) et faites-le glisser vers le bas et à gauche dans la zone d’affichage.

    Le widget bouge et des lignes de repère indiquant sa position apparaissent. Les lignes de repère vous aide à positionner les widgets avec précision dans la zone d’affichage.

    Lignes de repère dans la zone d’affichage

  5. Placez le pointeur à l’angle supérieur droit du widget List (Liste).

    Le pointeur se transforme pour indiquer que vous pouvez sélectionner et déplacer l’angle du widget.

    Le pointeur se transforme pour indiquer que vous pouvez sélectionner et déplacer l’angle du widget.

  6. Cliquez sur les angles du widget List (Liste) et faites-les glisser afin qu’il n’occupe qu’environ un tiers de la zone d’affichage sur le côté gauche.

    Widget Liste correctement positionné dans la zone d’affichage

  7. Utilisez les mêmes techniques pour redimensionner et repositionner le widget Carte de sorte qu’il occupe le quart inférieur de l’espace restant dans la zone d’affichage.

    Widget Carte redimensionné et repositionné dans la zone d’affichage

  8. Utilisez les mêmes techniques pour redimensionner et repositionner le widget Business Analyst de sorte qu’il occupe l’espace restant dans la zone d’affichage.

    Widget Business Analyst redimensionné et repositionné dans la zone d’affichage

    Pour en savoir plus sur les fonctions de mise en page dans Experience Builder, reportez-vous à la série de didacticiels Concevoir une mise en page dans ArcGIS Experience Builder.

Connecter le widget Liste aux données

Pour l’instant, le widget List (Liste) n’est pas connecté aux données sur la carte. Vous allez y remédier, puisque vous voulez que le widget List (Liste) affiche des informations sur chaque centre de cancérologie, en utilisant la carte comme source de données.

  1. Sur la zone d’affichage, cliquez sur le widget List (Liste).

    Widget Liste sélectionné dans la zone d’affichage

    La fenêtre de configuration du widget List (Liste) apparaît à droite de la zone d’affichage.

    Fenêtre de configuration du widget Liste

  2. Au bas de la fenêtre de configuration du widget List (Liste), cliquez sur Start (Démarrer).

    Bouton Démarrer dans la fenêtre de configuration du widget

  3. En haut de la fenêtre de configuration du widget List (Liste), cliquez sur Select data (Sélectionner des données).

    Bouton Sélectionner des données

    La fenêtre Select data (Sélectionner des données) apparaît.

  4. Dans la fenêtre Select data (Sélectionner des données), cliquez sur le bouton Expand (Développer) en regard de Cancer Center Catchment Area Map (Carte des circonscriptions hospitalières des centres de cancérologie).

    Bouton de développement de la carte dans la fenêtre Sélectionner des données

  5. Cliquez sur la couche surfacique Cancer Center Catchment Areas (Circonscriptions hospitalières des centres de cancérologie).

    Couche surfacique Circonscriptions hospitalières des centres de cancérologie de la carte dans la fenêtre Sélectionner des données

    Le widget List (Liste) est maintenant connecté aux données de la carte.

Configurer le widget Liste pour afficher du texte dynamique

Vous allez maintenant configurer le widget Liste de façon à afficher des informations clés sur chaque centre de cancérologie, telles que son nom et son adresse, ainsi qu’un lien vers son site Web. Chacune de ces données est incluse sous forme d’attribut de la couche surfacique Cancer Center Catchment Areas (Circonscriptions hospitalières des centres de cancérologie).

  1. Sur la zone d’affichage, dans le widget List (Liste), cliquez sur le cercle de l’emplacement réservé à l’image.

    Emplacement réservé à l’image dans le widget Liste

  2. Dans la barre d’outils de mise à jour de l’élément de widget List (Liste), cliquez sur le bouton Delete (Supprimer).

    Bouton Supprimer

  3. Cliquez sur la zone de texte dans le widget List (Liste).

    Cliquez sur la zone de texte.

  4. Cliquez et faites glisser l’angle inférieur gauche de la zone de texte pour utiliser l’espace dans lequel se trouvait l’emplacement réservé à l’image.

    Angle de la zone de texte sélectionné et prêt à être déplacé

  5. Redimensionnez la zone de texte pour qu’elle occupe l’espace disponible.

    Zone de texte redimensionnée pour utiliser l’espace

  6. Double-cliquez sur la zone de texte pour mettre à jour son contenu.

    Un éditeur en ligne apparaît pour que vous puissiez mettre en forme le texte de la liste. Au lieu de saisir manuellement le nom et l’adresse de chaque centre de cancérologie, vous pouvez utiliser du contenu dynamique dans la liste afin d’afficher ces attributs à partir de la couche de données.

  7. Dans la barre d’outils de mise à jour de l’élément de widget List (Liste), cliquez sur le bouton Dynamic content (Contenu dynamique).

    Bouton Contenu dynamique dans la barre d’outils

    Une liste des attributs de la couche surfacique Cancer Center Catchment Areas (Circonscriptions hospitalières des centres de cancérologie) apparaît.

  8. Dans la liste des attributs Dynamic content (Contenu dynamique), cliquez sur name (nom).

    Liste des attributs du contenu dynamique

  9. Dans la liste des attributs Dynamic content (Contenu dynamique), cliquez sur address (adresse).

    Élément d’adresse dans la liste Contenu dynamique

    L’attribut de nom et l’attribut d’adresse sont ajoutés dans la zone de texte de l’élément de liste. Les accolades indiquent qu’il s’agit de texte dynamique.

    Attributs dynamiques de nom et d’adresse dans la zone de texte

  10. Fermez la liste des attributs Dynamic content (Contenu dynamique).
  11. Dans la zone de texte, cliquez entre {name} ({nom}) et {address} ({adresse}), puis appuyez sur Entrée.

    L’élément de texte dynamique {address} ({adresse}) est déplacé vers la deuxième ligne de la zone de texte.

    Élément de texte dynamique d’adresse dans la deuxième ligne de la zone de texte

  12. Dans la zone de texte, cliquez sur {name} ({nom}), et dans la barre de mise en forme du texte qui apparaît, cliquez sur le bouton Bold (Gras).

    Barre de mise en forme du texte avec le bouton Gras

  13. Dans la liste des éléments, cliquez sur l’espace vide au-dessus du bouton.

    Espace vide au-dessus du bouton

    Le widget List (Liste) s’actualise pour afficher les deux attributs de chaque entité.

    Widget Liste affichant le texte dynamique mis en forme

    Vous avez configuré le widget Liste de façon à afficher le texte dynamique des attributs des entités surfaciques Cancer Center Catchment Areas (Circonscriptions hospitalières des centres de cancérologie). Vous allez maintenant configurer un bouton pour référencer les pages Web des centres de cancérologie.

Configurer un bouton dans le widget Liste

La couche Cancer Center Catchment Areas (Circonscriptions hospitalières des centres de cancérologie) comporte également l’URL de la page Web de chaque centre de cancérologie. Une fois le nom et l’adresse configurés, vous pouvez ajouter l’URL de chaque centre dans le widget Liste. Les pages Web des centres de cancérologie fournissent souvent des informations précises et actualisées sur les différents types de spécialités et programmes de lutte contre le cancer, les traitements possibles, les essais cliniques et les services de support. En référençant directement les pages des centres de cancérologie, vous offrez aux utilisateurs de votre application une source d’informations fiable.

Vous allez configurer un bouton pour chaque élément dans le widget List (Liste), qui ouvrira la page du centre concerné.

  1. Dans l’élément de widget List (Liste), cliquez sur le contrôle Button (Bouton).

    Contrôle Bouton dans l’élément de widget Liste

    La fenêtre Button (Bouton) apparaît.

    Fenêtre Bouton

  2. Dans la fenêtre Button (Bouton), cliquez sur la zone Text (Texte), supprimez le texte par défaut, Button (Bouton), et saisissez Website.

    Texte d’étiquette du bouton changé en Website

    Les utilisateurs de l’application constateront que le fait de cliquer sur ce bouton les amènera vers le site Web du centre de cancérologie.

  3. Dans la fenêtre Button (Bouton), cliquez sur le bouton Set link (Définir un lien).

    Bouton Définir un lien

    La fenêtre Set link (Définir un lien) apparaît.

  4. Dans la fenêtre Set link (Définir un lien), cliquez sur la liste déroulante Link to (Lien vers).

    Fenêtre Définir un lien

  5. Dans la liste Link to (Lien vers), cliquez sur URL.

    Élément d’URL dans la liste Lien vers

  6. Cliquez sur le bouton Page en regard de la zone URL.

    Bouton Page de la zone URL

  7. Dans la liste Page, cliquez sur Attribute (Attribut).

    Option Attribut dans la liste Page

  8. Dans la liste Attribute (Attribut), cliquez sur url.

    Attribut url dans la liste des attributs

    Il s’agit du champ qui stocke l’URL de la page Web de chaque centre de cancérologie.

  9. Cliquez sur OK.

    Bouton OK dans la fenêtre Définir un lien

    Les boutons de l’élément de widget List (Liste) sont maintenant configurés de façon à ouvrir les pages Web des centres de cancérologie.

Appliquer un style au bouton qui correspond à votre carte

Vous allez maintenant appliquer un style au bouton, qui respecte la symbologie des circonscriptions hospitalières sur la carte.

  1. Dans la fenêtre Button (Bouton), activez les paramètres Advanced (Avancé).

    Bouton bascule Avancé dans la fenêtre Bouton

    Des options de mise en forme supplémentaires pour le bouton apparaissent dans la section Advanced (Avancé) de la fenêtre Button (Bouton).

  2. Cliquez sur le témoin de couleur Fill (Remplissage) du bouton.

    Cliquez sur le témoin de couleur Remplissage

  3. Dans le volet de couleurs, cliquez sur More (Plus).

    Option Plus dans le volet de couleurs Remplissage du bouton

    Vous allez utiliser la couleur de remplissage des circonscriptions hospitalières.

  4. Dans la zone de texte HEX, remplacez la valeur par défaut par #067ac6.

    Zone de texte Hex dans le sélecteur de couleurs du bouton

  5. Cliquez sur la fenêtre Button (Bouton) en regard du volet de couleurs Fill (Remplissage) pour masquer le volet de couleurs.

    Cliquez sur la fenêtre Bouton pour masquer le volet.

    La couleur du bouton correspond désormais à la couleur des polygones de circonscriptions hospitalières sur la carte.

    La couleur du bouton est actualisée pour correspondre à celle des polygones de circonscriptions sur la carte.

    Pour rendre le texte du bouton plus facile à lire, vous allez le mettre en gras et définir sa couleur sur le blanc.

  6. Dans la fenêtre Button (Bouton), dans la barre d’outils de mise en forme Text (Texte), cliquez sur Bold (Gras).

    Option Gras dans la barre d’outils de mise en forme Texte

  7. Dans la fenêtre Button (Bouton), dans la barre d’outils de mise en forme Text (Texte), cliquez sur le bouton Text Color (Couleur du texte) et dans le volet de couleurs, à la section Standard colors (Couleurs standards), cliquez sur le témoin blanc.

    Section Couleurs standards dans le sélecteur de couleurs de texte

  8. Cliquez sur la fenêtre Button (Bouton) en regard de la barre d’outils de mise en forme Text (Texte) pour masquer le volet de couleurs.

    Le texte du bouton est maintenant en gras et blanc afin de mieux se distinguer sur l’arrière-plan bleu du bouton.

    Le texte du bouton est mis à jour.

    Vous avez procédé à la mise en forme du bouton. Vous allez maintenant renforcer l’interactivité de l’application.

Configurer les actions d’un widget

Une fois le widget List (Liste) mis en forme, vous pouvez passer à l’activation des actions du widget. L’utilisation des actions du widget dans l’application Web renforce considérablement l’interactivité de l’application, ce qui permet aux utilisateurs de sélectionner et d’afficher les entités et les informations qui les intéressent.

  1. Cliquez en haut du widget List (Liste).

    Haut du widget Liste

    La fenêtre de configuration du widget List (Liste) apparaît.

  2. Dans la fenêtre de configuration du widget List (Liste), cliquez sur l’onglet Action.

    Onglet Action dans la fenêtre de configuration du widget Liste

  3. Sur l’onglet Action, cliquez sur Add a trigger (Ajouter un déclencheur).

    Bouton Ajouter un déclencheur sur l’onglet Action

    La fenêtre Select a trigger (Sélectionner un déclencheur) apparaît.

  4. Dans la fenêtre Select a trigger (Sélectionner un déclencheur), cliquez sur Record selection changes (Modifications de sélection d’enregistrements).

    Déclencheur Modifications de sélection d’enregistrements dans la fenêtre Sélectionner un déclencheur

    La fenêtre Select a target (Sélectionner une cible) s’affiche.

    Cette fenêtre vous permet de choisir les widgets qui seront affectés par les modifications de sélection dans le widget Liste.

  5. Dans la fenêtre Select a target (Sélectionner une cible), dans la section Widgets, cliquez sur Map (Carte).

    Fenêtre Sélectionner une cible affichant la liste Widgets

    La fenêtre Select an action (Sélectionner une action) apparaît.

    Fenêtre Sélectionner une action

  6. Dans la fenêtre Select an action (Sélectionner une action), cliquez sur Zoom to (Zoom sur).

    L’action Zoom to (Zoom sur) est ajoutée pour le widget.

    L’action de zoom sur la carte a été ajoutée à la liste des actions pour le widget Liste.

    Vous allez ajouter une action supplémentaire pour connecter le widget Business Analyst au widget List (Liste).

  7. Cliquez sur Add action (Ajouter une action).

    Onglet Action présentant le bouton Ajouter une action

  8. Dans la fenêtre Select a target (Sélectionner une cible), dans la section Widgets, cliquez sur Business Analyst.

    Fenêtre Sélectionner une cible affichant la liste Widgets

  9. Dans la fenêtre Select an action (Sélectionner une action), cliquez sur Select feature (Sélectionner une entité).

    Option Sélectionner une entité dans la fenêtre Sélectionner une action

    Vous avez configuré votre application de telle sorte que lorsqu’un utilisateur clique sur un centre de cancérologie dans le widget List (Liste), le widget Map (Carte) zoome sur cette zone et le widget Business Analyst affiche les données démographiques et de santé correspondant à la circonscription hospitalière du centre de cancérologie en question.

Ajouter une fonctionnalité de recherche

Les utilisateurs de votre application sauront le plus souvent de quel centre de cancérologie ils souhaitent afficher les informations démographiques. Vous allez activer la fonction de recherche sur le widget List (Liste) afin que les utilisateurs puissent rechercher un centre en particulier.

  1. Dans la fenêtre de configuration du widget List (Liste), cliquez sur l’onglet Content (Contenu).

    Onglet Contenu dans la fenêtre de configuration du widget Liste

  2. Sur l’onglet Content (Contenu), développez la section Tools (Outils).

    Section Outils de l’onglet Contenu

  3. Dans la section Tools (Outils), activez l’option Search (Rechercher).

    Activez l’option de recherche.

    Vous supposez que les utilisateurs de l’application rechercheront un centre de cancérologie principalement en fonction de son nom ou de sa localisation. Vous allez faire en sorte que la recherche examine ces attributs.

  4. Dans la section Search (Rechercher), cliquez sur la liste déroulante Select searching fields (Sélectionner les champs de recherche).

    Liste déroulante Sélectionner les champs de recherche dans la section Rechercher

  5. Dans la liste des champs, cochez les cases name (nom) et address (adresse).

    Liste des champs pour la recherche, avec le nom et l’adresse sélectionnés

  6. Cliquez sur l’arrière-plan de la fenêtre de configuration en regard de l’étiquette Select searching fields (Sélectionner les champs de recherche) pour masquer la liste des champs.

    Le widget List (Liste) est maintenant connecté aux widgets Map (Carte) et Business Analyst, ce qui génère une expérience cohérente et connectée pour les utilisateurs. Cette intégration permet aux utilisateurs de rechercher des centres de cancérologie, de récupérer des informations de leur site Web respectif, de visualiser leur localisation sur la carte et d’afficher les données démographiques appropriées concernant les populations desservies.

Configurer le widget Business Analyst

Vous allez maintenant configurer le widget Business Analyst de façon à afficher une infographie des circonscriptions hospitalières sélectionnées.

Les infographies Business Analyst sont des représentations dynamiques et visuellement attrayantes qui synthétisent les données et analyses dans des formats facilement compréhensibles. Elles sont conçues pour transmettre des informations complexes de façon rapide et claire grâce à un ensemble de cartes, de diagrammes, de textes et d’images.

  1. Dans la zone d’affichage, cliquez sur le widget Business Analyst.

    Widget Business Analyst dans la zone d’affichage

    Par défaut, si aucune entité n’est sélectionnée, le widget affiche le texte Select a feature on the map or search for a location to view infographics (Sélectionner une entité sur la carte ou rechercher une localisation pour afficher des infographies).

    Comme vous voulez que l’utilisateur de l’application sélectionne un centre de cancérologie à partir du widget List (Liste), vous allez modifier ce texte.

  2. Dans la fenêtre de configuration du widget Business Analyst, sur l’onglet Content (Contenu), dans la zone Introduction text (Texte d’introduction), remplacez le texte existant par ce qui suit : Search for a cancer center from the list to view an interactive infographic with health care and insurance statistics for the population within the cancer center’s catchment area.

    Le nouveau texte a été ajouté dans la zone Texte d’introduction.

    Ces instructions permettront d’utiliser votre application plus efficacement. Vous allez maintenant choisir l’infographie à afficher lorsqu’un centre de cancérologie est sélectionné dans la liste.

  3. Faites défiler la fenêtre de configuration du widget Business Analyst vers le bas jusqu’à la section Infographics (Infographies) et cliquez sur Select an infographic (Sélectionner une infographie).

    Section Infographies de la fenêtre de configuration du widget Business Analyst

    La fenêtre Select an infographic (Sélectionner une infographie) apparaît.

  4. Dans la fenêtre Select an infographic (Sélectionner une infographie), développez la section Esri infographics (Infographies Esri).

    Fenêtre Sélectionner une infographie

    Une liste d’infographies qui couvrent un vaste éventail de sujets apparaît. Pour cette application, les informations que vous voulez fournir pour la circonscription hospitalière de chaque centre de cancérologie sont notamment les chiffres de la population de base, la couverture d’assurance maladie et les dépenses de santé, en mettant en évidence la façon dont les habitants de la circonscription paient les soins et quels types d’assurance maladie sont les plus courants dans la circonscription. L’infographie Health Care and Insurance Statistics (Statistiques relatives à la santé et à l’assurance maladie) est bien adaptée à cet objectif.

  5. Faites défiler la liste des infographies vers le bas jusqu’à Health Care and Insurance Statistics (Statistiques relatives à la santé et à l’assurance maladie) et cliquez sur Health Care and Insurance Statistics (Statistiques relatives à la santé et à l’assurance maladie).

    Élément d’infographie Statistiques relatives à la santé et à l’assurance maladie dans la liste des infographies Esri

  6. Fermez la fenêtre Select an infographic (Sélectionner une infographie).

    L’infographie est ajoutée dans la fenêtre de configuration du widget.

    L’élément d’infographie Statistiques relatives à la santé et à l’assurance maladie est ajouté dans la fenêtre de configuration du widget Business Analyst.

    Vous avez configuré tous les widgets de votre application ArcGIS Experience Builder pour la rendre interactive et dynamique.

Publier l'application

L’application est maintenant prête à être publiée et testée.

  1. Dans la partie supérieure de la fenêtre d’application, cliquez sur le bouton Save (Enregistrer).

    Bouton Enregistrer en haut de l’application

  2. Cliquez sur le bouton Publish (Publier).

    Bouton Publier en haut de l’application

    Le texte du bouton s’actualise pour indiquer que l’application est publiée.

    Le bouton Publier indique que l’application a été publiée.

  3. Cliquez sur le bouton More (Plus) et sur View published item (Afficher l’élément publié).

    Bouton Plus et option Afficher l’élément publié

    Un nouvel onglet s’ouvre avec l’application dans son état publié.

    L'application dans son état publié.

  4. Dans le widget Liste, cliquez sur le premier élément.

    Widget Liste de l’application publiée

    La carte zoome pour cibler la circonscription hospitalière du centre de cancérologie.

    Carte illustrant la circonscription hospitalière du centre de cancérologie sélectionné.

    Le widget Business Analyst présente l’infographie des caractéristiques démographiques de la circonscription hospitalière.

    Remarque :
    Si l’infographie ne s’affiche pas, réexaminez les étapes de configuration du widget Business Analyst.

  5. Dans la zone Search (Rechercher) du widget List (Liste), saisissez Dallas et appuyez sur Entrée.

    Zone Rechercher avec le résultat de recherche Dallas

    La liste est filtrée sur le seul élément dont le champ d’adresse contient Dallas.

  6. Effacez la recherche en cliquant sur le bouton Clear (Effacer) dans la zone Search (Rechercher).
  7. Cliquez sur le bouton Website (Site Web) d’un élément dans le widget List (Liste).

    Le site Web du centre de cancérologie s’ouvre dans un nouvel onglet.

    L’application fonctionne correctement.

    Pour l’instant, cette application est privée. Vous pouvez partager l’application au sein de votre organisation afin que les parties prenantes puissent l’utiliser pour prendre des décisions ou même la partager publiquement afin d’impliquer la communauté et de l’aider à mieux connaître les soins contre le cancer et les caractéristiques communautaires.

    Remarque :

    L’affichage et le téléchargement d’infographies consomment des crédits ArcGIS Online. Découvrez plus d’informations sur le partage du widget Business Analyst dans une application publique.

    Vous avez configuré une application ArcGIS Experience Builder en incorporant un widget List (Liste) pour faciliter la sélection des centres de cancérologie et un widget Business Analyst pour afficher les informations démographiques de chaque circonscription hospitalière. Vous avez publié l’application afin que les utilisateurs puissent la partager et l’utiliser pour en apprendre davantage sur les centres de cancérologie et sur les populations desservies.

Dans ce didacticiel, vous avez conçu une application interactive afin de fournir une vue d’ensemble complète des centres de cancérologie désignés par l’Institut national du cancer aux États-Unis, leurs circonscriptions hospitalières et les populations desservies. En exploitant les données et analyses fournies par cette application, chaque centre de cancérologie est en mesure d’affiner ses calendriers de recherche et stratégies de service en s’assurant que les ressources sont concentrées là où elles sont le plus nécessaire. Au niveau national, cette application peut faciliter l’octroi de subventions et indiquer les circonscriptions où l’accès au traitement contre le cancer est faible, voire inexistant. L’adoption d’une approche géographique pour partager ces données non seulement améliore l’efficacité des soins, mais également assure que les services fournis sont adaptés pour résoudre les défis et exigences uniques de chaque communauté. Cette application peut permettre au programme des centres de cancérologie américains d’adopter une approche plus ciblée et efficace dans leur mission visant à soutenir et à traiter les personnes atteintes du cancer.