Skip To Content

Créer une application

Lors de la leçon précédente, vous avez terminé votre carte Web en ajoutant et en attribuant un style aux données démographiques afin de présenter les secteurs de recensement se caractérisant par un pourcentage élevé de foyers non véhiculés. Dans cette leçon, vous allez utiliser votre carte pour créer une application web. Une application Web est une interface utilisateur personnalisée qui optimise l'apparence de votre carte, ajoute (ou supprime) des fonctionnalités ou vous aide à intégrer la carte à un autre support. Vous pouvez choisir depuis une variété de modèles configurables en fonction de l’aspect que vous souhaitez donner à votre carte. Vous souhaitez simplement que votre carte soit accessible au public. Vous allez donc configurer un modèle d'application Basic Viewer seulement avec quelques outils de navigation standard. Vous allez également mettre à jour les détails des éléments de l'application pour inclure les informations correctes concernant l’objectif de l'application et les sources de données.

Créer une application web

Pour créer une application Web, vous devez tout d'abord partager votre carte. Puisque vous avez déjà partagé votre carte, vous n’avez pas à le refaire. Cependant, vous aurez toujours accès à la liste des modèles d'application via la fenêtre Share (Partager).

  1. Le cas échéant, ouvrez votre carte Itinéraires d'évacuation en cas d'ouragan à Houston.
  2. Sur le ruban, cliquez sur le bouton Partager.

    La carte est partagée avec tout le monde.

  3. Cliquez sur Créer une application web.

    Bouton Créer une application Web

    La fenêtre Create a New Web App (Créer une nouvelle application Web) s'ouvre. Elle inclut une bibliothèque d'applications configurables, organisées en catégories basées selon l'objectif et la fonctionnalité. Vous souhaitez que votre carte soit l'axe principal de votre application. Vous souhaitez également afficher la légende, les informations de la fenêtre contextuelle, ainsi qu’une description de carte. Dans ce but, vous allez utiliser l'application Basic Viewer.

  4. Cliquez sur l'onglet Showcase a Map (Présenter une carte).

    Onglet Showcase a Map (Présenter une carte)

    Une liste des modèles d'application fournissant une seule interface utilisateur s’affiche.

    Remarque :

    Si vous utilisez un compte d’organisation et si votre organisation a configuré des bibliothèques personnalisées, vous risquez de ne pas voir les mêmes applications configurables dans cet onglet. Si c’est le cas, vous pouvez chercher le modèle Basic Viewer à l'aide de la zone de recherche.

  5. Cliquez sur l’application Basic Viewer. Puis cliquez sur Create Web App (Créer une application web).

    Avant de configurer la carte, vous devez préciser son titre, ses balises et son résumé. Par défaut, l’application a les mêmes informations que la carte Web utilisée pour la créer. Vous allez modifier le titre pour mieux représenter ce que vous avez prévu que la carte mette en avant. Inutile de toucher aux autres paramètres.

  6. Modifiez le Title (Titre) en saisissant Population à risque à Houston.
  7. Cliquez sur Done (Terminé).

    L'application s'ouvre dans son état configurable.

    Application configurable par défaut

Configurer la carte

Ensuite, vous allez modifier les éléments de la présentation de l'application pour mieux communiquer l’histoire de la carte aux utilisateurs. Quatre onglets de paramètres configurables sont disponibles. L'onglet par défaut est General (Général), qui comprend les options pour le titre et le sous-titre, ainsi que des détails supplémentaires pour expliquer la carte. Vous avez déjà renseigné un titre ; vous allez donc commencer par le sous-titre.

  1. Pour le champ Subtitle (Sous-titre), saisissez Secteurs de recensement à risque en cas d’ouragan.

    Les détails de l'application se distinguent par une longue description qui s'affichera dans l’application.

  2. En regard de Details (Détails), cliquez sur Edit (Modifier). Saisissez (ou copiez/collez) le texte suivant :

    Cette carte affiche les itinéraires d'évacuation et les données démographiques par secteur de recensement pour Houston, Texas. Les secteurs en bleu foncé se distinguent par un pourcentage plus élevé de foyers non véhiculés. Ce schéma permet de répondre à la question : Dans Houston, où devons-nous axer l’assistance en cas d'évacuation pendant un ouragan ?

    Astuce:

    Si vous copiez-collez le texte, il risque d’être formaté. Vous pouvez supprimer la mise en forme en mettant le texte en surbrillance et en cliquant sur le bouton Remove Format (Supprimer le format) dans la barre d'outils.

    Paramètres de l'onglet General (Général)

  3. Cliquez sur l'onglet Theme (Thème).

    Cet onglet donne les options pour préciser les couleurs pour différents éléments d'interface utilisateur. Essayez les couleurs et choisissez celles qui vous conviennent. Les étapes suivantes fourniront les couleurs recommandées.

  4. Pour le champ Header color (Couleur de l’en-tête), choisissez le bleu (#0084A8) de la seconde ligne à partir du bas, quatrième colonne à partir de la droite.

    Option Header color (Couleur du titre)

  5. Pour les champs Header text color (Couleur du texte d’en-tête) et Button icon color (Couleur de l’icône Bouton), sélectionnez le gris le plus clair (#EBEBEB), deuxième ligne, première colonne.
  6. Pour le champ Panel background (Arrière-plan du volet), optez pour le gris suivant le plus foncé (#D6D6D6), troisième ligne, première colonne.
  7. Pour Panel text color (Couleur du texte du volet), optez pour le noir (#1A1A1A).

    Paramètres de l'onglet Theme (Thème)

  8. Sous la carte, cliquez sur Save (Enregistrer).

    Les paramètres choisis sont enregistrés et affichés sur l’application. Maintenant, vous allez configurer les outils de navigation que vous souhaitez afficher dans votre application.

  9. Cliquez sur l'onglet Options.

    La bibliothèque de fonds de carte, les géosignets, les détails de carte et les outils de partage sont sélectionnés par défaut. L'application comprend également une liste des couches de carte. Vous allez décocher les options de géosignets et de bibliothèque de fonds de carte afin de rationaliser l’expérience utilisateur et vous concentrer sur le contenu de la carte. Parmi les options disponibles, vous allez également inclure une légende.

  10. Décochez les cases Basemap Gallery (Bibliothèque de fonds de carte) et Bookmarks (Géosignets). Décochez la case Légende.

    Case Legend (Légende)

    L’onglet final, Search (Rechercher), fournit aux utilisateurs des options pour rechercher des lieux spécifiques sur la carte. Pour votre application, cette fonctionnalité n’est pas obligatoire, aussi vous allez la désactiver.

  11. Cliquez sur l'onglet Rechercher.
  12. Décochez la case Enable search tool (Activer l’outil de recherche).

    Case Enable search tool (Activer l’outil de recherche)

  13. Cliquez sur Save (Enregistrer).

    Aperçu de la configuration de l'application finale

  14. Dans l’aperçu, testez la fonctionnalité de votre application. Parcourez la carte et cliquez sur les différents boutons de l’interface utilisateur.
  15. Lorsque vous êtes prêt, cliquez sur Close (Fermer).

    La page des détails de l'application s'ouvre.

Modifier les détails des éléments

Votre application est terminée. Vous allez maintenant modifier ses détails pour fournir aux utilisateurs des informations importantes concernant la carte et les données. Ces informations sont appelées métadonnées. Il est important de les avoir pour toutes les cartes et les applications. La barre Item Information (Informations de l’élément) indique vos progrès pour des informations de qualité de l'élément. Elle indique également l'amélioration la plus importante envisageable.

  1. Sous Item Information (Informations de l’élément), en regard de Top Improvement (Amélioration principale), cliquez sur Add a summary (Ajouter un résumé).

    Item Information improvement (Amélioration des informations de l’élément)

    La case Edit Summary (Mettre à jour le résumé) est active.

  2. Saisissez (ou copiez/collez) le texte suivant :

    Cette application Web met en avant les régions nécessitant une assistance dans le cadre d'une évacuation en cas d'ouragan à Houston, Texas.

    Case Edit Summary (Mettre à jour le résumé)

  3. Cliquez sur Save (Enregistrer).

    La barre Item Information (Informations de l’élément) se met à jour pour refléter les informations que vous venez d'ajouter. Ensuite, nous recommandons d'ajouter une description.

  4. En regard du champ Top Improvement (Amélioration principale), cliquez sur Add a description (Ajouter une description).

    La case Edit Description (Mettre à jour la description) est active. Une description doit être encore plus détaillée et approfondie qu'un résumé. Elle doit expliquer non seulement l'objectif de l’application et le type de données qu’elle présente, mais également les informations sur la manière d’utiliser l’application et comment elle a été créée.

  5. Saisissez (ou copiez/collez) le texte suivant :

    Cette application affiche les itinéraires d'évacuation et les données démographiques par secteur de recensement pour Houston, Texas. Les secteurs en bleu foncé se distinguent par un pourcentage plus élevé de foyers non véhiculés. Ce schéma permet de répondre à la question : Dans Houston, où devons-nous axer l’assistance en cas d'évacuation pendant un ouragan ?

    Utilisez les outils Couches et Légende pour en savoir plus sur les données affichées sur la carte. Cliquez sur les secteurs de recensement pour voir les informations de la fenêtre contextuelle, notamment le pourcentage de foyers non véhiculés.

    La carte de cette application contient une couche Living Atlas des itinéraires d'évacuation de Houston et une couche des données démographiques de Houston. La couche démographique est stylisée à l’aide d'une expression Arcade qui calcule le pourcentage de foyers non véhiculés. Ces informations sont également fournies dans des fenêtres contextuelles.

  6. Cliquez sur Save (Enregistrer).

    La barre de progression Item Information (Informations de l’élément) indique que vous avez quasiment terminé de renseigner les informations de l’élément pour l’application.

  7. En regard du champ Item Information (Informations de l’élément), cliquez sur Learn more (En savoir davantage).

    Une liste complète des améliorations suggérées s'affiche. Il ne vous reste plus qu'une chose à faire : Add terms of use (Ajouter des conditions générales d'utilisation).

    Section Informations de l’élément développée

  8. Cliquez sur Add terms of use (Ajouter des conditions générales d’utilisation).

    La case Edit Terms of Use (Mettre à jour les conditions générales d'utilisation) est active. Vos données proviennent des autorités gouvernementales fédérales et locales et relèvent du domaine public. Il n'y a donc pas de conditions générales d'utilisation.

  9. Saisissez Aucune. Données du domaine public. Cliquez sur Save (Enregistrer).

    Ensuite, vous allez remplacer l’image miniature par défaut par une image illustrant mieux votre application. Cela permettra aux utilisateurs d'avoir une idée de ce que contient l’application avant de l’ouvrir. Généralement, votre miniature doit être une image JPEG, PNG ou GIF de votre carte ou de votre application avec une taille de 600 pixels par 400 pixels.

    Tandis que vous pouvez capturer une image avec la touche Impression écran ou avec le logiciel de modification des images, aux fins de cette leçon, vous recevrez une image à utiliser comme miniature.

  10. Enregistrez le modèle d’image dans votre ordinateur.
  11. Cliquez sur Modifier la miniature.

    Bouton Edit Thumbnail (Mettre à jour les miniatures)

  12. Dans la fenêtre Télécharger la miniature, cliquez sur Choisir un fichier (ou la commande équivalente de votre navigateur).
  13. Accédez à l’emplacement où vous avez enregistré le modèle d'image. Double-cliquez sur l'image.

    L'image est ajoutée à la fenêtre Upload Thumbnail (Télécharger la miniature). Vous pouvez modifier la façon dont l'image est positionnée ou affichée via un zoom. Cela dit, l'image correspond à la taille recommandée, aussi inutile d’apporter des modifications.

  14. Cliquez sur OK.

    La miniature est ajoutée. La page Détails est terminée. Vous pouvez copier l’URL de l’application pour la partager avec tout utilisateur souhaitant y accéder.

Dans ces leçons, vous avez créé une carte avec une couche représentant les itinéraires d'évacuation en cas d'ouragan à Houston, Texas. Vous avez ensuite ajouté des données démographiques par secteur de recensement et vous avez utilisé le smart mapping, les fenêtres contextuelles et des expressions pour mettre l’accent sur ces régions où le nombre de propriétaires de véhicule est limité. Les schémas spatiaux révélés sur votre carte vous ont aidé à déterminer où l'assistance est la plus indispensable lors d'une évacuation cas d’ouragan. Enfin, vous avez partagé vos résultats de recherche en transformant votre carte en une application Web interactive.

Et ensuite ? Pour en savoir plus sur la création de carte dans ArcGIS Online, consultez les rubriques Lutter contre la pauvreté des enfants dans le monde à l’aide d'une analyse démographiqueou Effectuer le suivi des schémas criminels afin d'aider les forces de l'ordre . Pour en savoir plus sur l'analyse spatiale et la résolution des problèmes, consultez Analyser l'accès aux abris d'urgence sur l'île de Hawaï ou Identifier les zones à risque de glissement de terrain dans le Colorado. Si vous souhaitez observer de manière plus détaillée les applications Web, consultez Prise en main des Story Maps ou Glissement de terrain Oso - avant et après.

Vous trouverez plus de leçons dans la Bibliothèque des leçons Apprendre à utiliser ArcGIS.