Créer et configurer le récit

Remarque :

Ce didacticiel a été développé pour un compte public ArcGIS. Un compte public ArcGIS est un compte gratuit aux fonctionnalités limitées conçu pour un usage personnel et non commercial. Ce compte permet de créer et de partager des cartes et des applications de base avec le grand public.

Vous allez commencer par ouvrir une carte Web existante à inclure dans votre présentation.

  1. Le cas échéant, connectez-vous à votre compte ArcGIS.
    Remarque :

    Si vous ne possédez pas de compte ArcGIS, vous pouvez ouvrir un compte public.

  2. Sur le ruban, cliquez sur Content (Contenu).
  3. Pour la carte Web Tree planting opportunities in Portland (Opportunités de plantation d’arbres à Portland), cliquez sur le bouton d’options et choisissez Open in Map Viewer (Ouvrir dans Map Viewer).

    Ouvrir la carte Web Opportunités de plantation d’arbres à Portland dans Map Viewer

    Remarque :

    Si vous n’avez pas créé la carte Web dans le didacticiel Créer une carte, accédez à la page des éléments de Tree planting opportunities in Portland (Final) (Opportunités de plantation d’arbres à Portland [Final]) pour poursuivre le didacticiel.

    La carte Web s’ouvre dans Map Viewer.

  4. Dans la fenêtre Contents (Contenu), cliquez sur Create app (Créer une application) et choisissez ArcGIS StoryMaps.

    ArcGIS StoryMaps dans les options pour Créer une application

    Remarque :

    Dans un compte d’organisation ArcGIS, des applications Web supplémentaires sont disponibles, notamment ArcGIS Experience Builder et ArcGIS Dashboards.

    ArcGIS StoryMaps lance le générateur de récits avec un nouveau récit. Un récit est une page Web unique qui contient vos cartes, du texte et d’autres éléments multimédias qui composent votre narration ou présentation.

    Vous allez ensuite commencer à configurer votre présentation en saisissant un titre, en sélectionnant les paramètres de conception et en ajoutant un paragraphe d’introduction de texte.

  5. Pour Story title (Titre du récit), saisissez Résilience climatique : arbres urbains.
  6. Pour la brève présentation, saisissez Visualisation des zones de la ville de Portland qui bénéficieraient de l’implantation de davantage d’arbres.

    Saisie du texte de titre et de la brève présentation du récit

    Vous allez ensuite ajouter un arrière-plan à la couverture du récit.

  7. Téléchargez Coverr_EmptyStreetArgentina.zip.
    Remarque :

    La taille du fichier est d’environ 13 Mo.

  8. Extrayez le fichier .zip dans un dossier sur votre ordinateur.
  9. Cliquez sur Add cover image or video (Ajouter une image de couverture ou une vidéo).

    Bouton Add cover image or video (Ajouter une image ou une vidéo de couverture)

  10. Dans la fenêtre Add an image or video (Ajouter une image ou une vidéo), cliquez sur Browse your files (Parcourir vos fichiers). Accédez au dossier décompressé et sélectionnez le fichier Coverr_EmptyStreetArgentina.mp4.
  11. Cliquez sur Add (Ajouter).

    Bouton Ajouter dans la fenêtre Ajouter une image ou une vidéo

    La vidéo est ajoutée à la couverture de votre récit.

    Vous allez ensuite configurer la conception de la couverture et le thème du récit.

  12. Sur le ruban, cliquez sur Design (Concevoir).

    Option Design (Création) sur le ruban

  13. Dans la fenêtre Design (Apparence), pour Cover (Couverture), sélectionnez Full (Complète).

    Couverture complète dans la fenêtre Conception

  14. Pour Theme (Thème), choisissez Ridgeline (Ligne de crête).

    Thème Ligne de crête dans la fenêtre Conception

  15. Fermez la fenêtre Design (Concevoir).

Vous avez configuré le titre du récit, la conception de sa couverture et son thème.

Ajouter du texte et des images

Vous allez commencer par créer un en-tête et ajouter le premier paragraphe de texte narratif pour présenter ce que les utilisateurs apprendront dans le récit.

  1. Pointez sur l’espace entre la vidéo de couverture et la carte et cliquez sur le bouton Add content block (Ajouter un bloc de contenu).

    Bouton Ajouter un bloc de contenu sous la couverture du récit

  2. Sous Basic (Basique), cliquez sur Text (Texte).

    Bloc de contenu texte dans la section de base

  3. Saisissez Les avantages de la canopée urbaine et appuyez sur Entrée pour démarrer une nouvelle ligne de texte.
  4. Sur la ligne suivante, copiez et collez le texte xi-après :

    Les arbres urbains constituent une stratégie efficace pour améliorer le couvert arboré urbain et réduire l’impact de l’élévation des températures provoquée par le changement climatique. Les arbres offrent de l’ombre, réduisent les températures de l’air et de surface, protègent contre la lumière directe du soleil et réduisent les risques de maladie liée à la chaleur.

  5. Mettez en surbrillance le texte The benefits of urban canopy (Les avantages de la canopée urbaine). Dans la barre d’outils qui apparaît, cliquez sur Paragraph (Paragraphe) et sélectionnez Heading 1 (Titre 1) afin de donner le style de titre au texte.

    Style Heading 1 (Titre 1)

    Le texte est maintenant défini sur le style Heading 1 (Titre 1).

    Heading 1 (Titre 1) défini pour le texte Les avantages de la canopée urbaine

  6. Pointez sur l’espace sous le paragraphe de texte et cliquez sur le bouton Add content block (Ajouter un bloc de contenu).
  7. Sous Media (Contenu multimédia), choisissez Image.

    Bloc de contenu Image dans la section Contenu multimédia

    Remarque :

    Vous pouvez ajouter de nombreux autres types de contenu multimédia dans un récit. Certains ne sont pas accessibles dans un compte public. Un compte d’organisation permet d’accéder à un plus grand nombre de fonctionnalités dans ArcGIS StoryMaps.

  8. Dans la fenêtre Ajouter une image, cliquez sur l’onglet Link (Lien) et collez l’URL suivante :

    https://images.unsplash.com/photo-1589123592035-32858c974713?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80

    URL saisie sur l’onglet Lien dans la fenêtre Ajouter une image

  9. Cliquez sur Add (Ajouter).

    L’image est ajoutée au récit.

  10. Sous l’image, ajoutez un autre bloc de contenu Text (Texte), puis copiez et collez le texte suivant :

    Ils nettoient également l’air en capturant les particules microscopiques avec leurs feuilles et leur écorce et en absorbant les polluants tels que les oxydes de soufre, l’ammoniac, le dioxyde de soufre et l’ozone. Ils réduisent et ralentissent les eaux pluviales en interceptant les précipitations avec leurs feuilles et leurs branches. Ils embellissent leur environnement en ajoutant de la couleur et en atténuant les arrêtes abruptes des bâtiments. Enfin, planter et entretenir des arbres nécessitent du personnel, ce qui est favorable pour l’emploi et l’économie.

    Vous allez à présent ajouter une citation inspirante.

  11. Ajoutez un bloc de contenu Text (Texte) sous le dernier paragraphe, puis copiez et collez le texte suivant :

    « La meilleure période pour planter un arbre, c’était il y a vingt ans. Notre deuxième chance, c’est maintenant. » - Proverbe chinois

  12. Mettez le texte en surbrillance, puis, dans la barre d’outils, cliquez sur Paragraph (Paragraphe) et sélectionnez Quote (Citation).

    Le style de texte change pour mettre en valeur la citation.

    Style de texte défini sur Citation

    Vous allez ensuite ajouter un séparateur pour indiquer que cette section du récit est terminée.

  13. Pointez sous le texte de la citation et cliquez sur le bouton Add content block (Ajouter un bloc de contenu). Choisissez Separator (Séparateur).

    Bloc de contenu de séparateur

    Un séparateur est ajouté au récit.

    Séparateur ajouté au récit

    Remarque :

    Dans un compte d’organisation ArcGIS, vous pouvez personnaliser les thèmes de récit et le séparateur, changer sa couleur ou son modèle ou le transformer en image. Personnaliser un séparateur vous permet d’adapter l’expérience au récit. Consultez des exemples de récits avec des thèmes personnalisés.

Vous avez ajouté du texte, une image et une citation à votre récit. Vous allez ensuite configurer les informations que la carte doit afficher pour votre présentation.

Configurer la carte

La carte que vous avez ajoutée dans le récit contient beaucoup d’informations. Pour fluidifier votre présentation, vous voulez qu’elle affiche seulement une vue d’ensemble des arbres existants à Portland. Vous allez d’abord ajouter un nouvel en-tête et une phrase d’introduction à la carte.

  1. Sous le séparateur, ajoutez Text (Texte) et saisissez Arbres existants à Portland. Définissez le texte sur le style Heading 1 (Titre 1).

    Vous avez un deuxième titre dans votre récit.

    Un deuxième titre est ajouté au récit.

  2. Ajoutez un autre bloc Text (Texte) sous le titre :

    Certains arbres sont actuellement présents à Portland. Voici une carte illustrant les arbres présents dans les deux secteurs de recensement avec les scores les plus élevés de risque de vague de chaleur.

    Vous présentez ainsi l’objet de votre carte. Vous allez ensuite configurer la carte.

  3. Pointez sur la partie supérieure de la carte, puis cliquez sur le bouton Edit (Mise à jour).

    Bouton Mise à jour de la carte.

  4. Sous Map layers (Couches de carte), cliquez sur le bouton de visibilité pour les couches Sketch (Construction) et Heat Severity - USA 2021 (Intensité de chaleur - États-Unis 2021).

    Bouton Visibilité désactivé pour les couches Construction et Intensité de chaleur - États-Unis 2021

  5. Cliquez sur l’onglet Options et activez Legend (Légende) et Keep legend open (Garder la légende ouverte).

    Options Légende et Garder la légende ouverte activées sous l’onglet Options

    La légende restera ouverte et visible sur la carte dans le récit.

    Légende ouverte dans l’aperçu de la carte

  6. Si nécessaire, ajustez l’étendue de la carte de façon à centrer les arbres. Lorsque vous avez terminé, cliquez sur Save (Enregistrer).

    Bouton Enregistrer

  7. Au bas de la carte, cliquez sur le texte de l’espace réservé de la légende et saisissez Arbres présents dans les secteurs de recensement avec les scores les plus élevés de risque de vague de chaleur.

Le partage d’une carte dans un récit permet d’améliorer et d’illustrer votre narration. Vous allez ensuite ajouter une scène 3D dans un élément de compartiment latéral.

Ajouter un compartiment latéral

Pour lisser les transitions entre des cartes, des images et d’autres contenus multimédias, utilisez le bloc de compartiment latéral. Grâce à une série de diapositives, vous pouvez intégrer des contenus multimédias dans du texte afin de créer une expérience de défilement simple. Les compartiments latéraux permettent à d’autres personnes d’accéder à des données cartographiées étape par étape.

  1. Sous la carte, ajoutez un séparateur.
  2. Sous le séparateur, ajoutez un bloc Text (Texte) et saisissez le texte Intensité de chaleur. Définissez le texte sur le style Heading 1 (Titre 1).

    Séparateur et titre ajoutés au récit

  3. Sous l’en-tête, ajoutez la phrase suivante pour présenter la section suivante :

    Les arbres peuvent réduire les températures de l’air et de surface de 10 degrés au maximum. La protection contre la lumière directe du soleil et la chaleur contribue également à réduire les risques de maladie liée à la chaleur, comme les migraines, les crampes, les insolations susceptibles d’endommager les organes internes, et même la mort. La prise en compte du lieu où des niveaux élevés d’intensité de chaleur ont été enregistrés permettra de mieux comprendre où implanter davantage d’arbres urbains.

  4. Sous le texte de paragraphe, cliquez sur le bouton Add content block (Ajouter un bloc de contenu) et sous Immersive (Immersif), cliquez sur Sidecar (Compartiment latéral).

    Compartiment latéral sous la section Immersif

  5. Pour Choose a layout (Choisir une mise en page), sélectionnez Slideshow (Diaporama) et cliquez sur Save (Enregistrer).

    Un compartiment latéral vierge apparaît.

    Compartiment latéral vierge

    Un compartiment latéral est un bloc immersif offrant une présentation côte à côte composée d’un volet narratif sur un côté et d’un volet multimédia sur l’autre. Ces deux volets constituent une diapositive.

  6. En haut du volet multimédia du compartiment latéral, cliquez sur Add (Ajouter) et choisissez Map (Carte).

    Ajouter une carte dans le volet multimédia du compartiment latéral

  7. Dans la fenêtre Add a map (Ajouter une carte), sélectionnez la scène Tree planting opportunities in 3D (Opportunités de plantation d’arbres en 3D).
    Remarque :

    Si vous n’avez pas créé cette scène dans le didacticiel Créer une scène, accédez à Tree planting opportunities in 3D (Final) (Opportunités de plantation d’arbres à Portland [Final]). Sur la page des éléments de la scène, sous la miniature, cliquez sur Add to Favorites (Ajouter aux favoris). Revenez dans l’onglet du navigateur dans la fenêtre Add a map (Ajouter une carte) et cliquez sur l’onglet My Favorites (Mes favoris). Choisissez la scène Tree planting opportunities in 3D (Final) (Opportunités de plantation d’arbres en 3D (Final)).

    La carte apparaît dans la fenêtre Adjust map appearance (Ajuster l’apparence de la carte). Vous allez configurer la première diapositive dans le compartiment latéral pour afficher la vue d’ensemble de la ville avec la couche d’intensité de chaleur visible.

  8. Dans la fenêtre Adjust map appearance (Ajuster l’apparence de la carte), cliquez sur l’onglet Slides (Diapositives) et sélectionnez la diapositive Heat Severity (Intensité de chaleur).

    Diapositive de la scène Intensité de chaleur sur l’onglet Diapositives

  9. Ajustez l’étendue de la scène afin de rendre visible les contours des bâtiments, puis cliquez sur Save (Enregistrer).

    Insérer la scène de la vue d’ensemble de Portland

    La carte est ajoutée au volet multimédia du compartiment latéral Vous allez maintenant ajouter du texte dans le volet narratif pour accompagner la carte.

  10. Dans le volet narratif, copiez et collez la phrase suivante :

    En tenant compte des zones qui ont subi une intensité de chaleur élevée, de nombreuses zones pourraient bénéficier de l’implantation d’arbres supplémentaires et de leur ombre.

    Texte ajouté au volet narratif de la première diapositive dans le compartiment latéral

    Vous avez configuré la première diapositive dans le compartiment latéral.

  11. Cliquez sur le bouton New slide (Nouvelle diapositive).

    Bouton Nouvelle diapositive dans le compartiment latéral

  12. Utilisez ce que vous avez appris pour ajouter la même scène dans le compartiment latéral.
    Conseil :

    En haut du compartiment latéral, cliquez sur Add (Ajouter) et sur Map (Carte). Choisissez la scène Tree planting opportunities in 3D (Opportunités de plantation d’arbres en 3D).

    Cette fois, vous allez choisir le géosignet qui montre une zone de la ville où des arbres supplémentaires seraient bénéfiques.

  13. Dans la fenêtre Adjust map appearance (Ajuster l’apparence de la carte), cliquez sur l’onglet Slides (Diapositives) et sélectionnez la diapositive Additional Street Trees 1 (Arbres urbains supplémentaires 1).

    Diapositive de la scène Arbres urbains supplémentaires 1 sur l’onglet Diapositives

  14. Ajustez l’étendue de la scène si nécessaire, puis cliquez sur Save (Enregistrer).
  15. Dans la zone de texte, saisissez Cette zone à proximité de Pearl District bénéficierait de l’implantation d’arbres supplémentaires en raison du niveau élevé d’intensité de chaleur qu’elle subit.

    Texte ajouté à la deuxième diapositive dans le compartiment latéral

  16. Utilisez ce que vous avez appris pour ajouter une troisième diapositive au compartiment latéral qui présente la diapositive Additional Street Trees 2 (Arbres urbains supplémentaires 2). Pour le texte, saisissez Zones à l’est de Portland qui bénéficieraient de l’implantation de davantage d’arbres.
  17. Utilisez ce que vous avez appris pour ajouter une quatrième diapositive au compartiment latéral qui présente la diapositive Additional Street Trees 3 (Arbres urbains supplémentaires 3). Pour le texte, saisissez : Certaines zones du côté sud-ouest de l’université d’État de Portland subissent également une intensité de chaleur élevée et bénéficieraient de l’implantation de davantage d’arbres et de leur ombre.
  18. Cliquez sur la première diapositive du compartiment latéral et sur la flèche Diapositive suivante pour prévisualiser votre diaporama.

    Première diapositive dans le compartiment latéral et bouton Suivant

    Vous avez terminé de configurer le compartiment latéral. Vous allez ensuite finaliser quelques éléments du récit avant de le publier.

Finaliser et publier le récit

Pour finaliser votre récit, vous allez ajouter des références et une barre de navigation afin que les utilisateurs puissent rapidement accéder à chaque section de votre présentation. Vous allez prévisualiser le récit, le publier, puis définir les paramètres de partage afin que tout le monde puisse le partager.

  1. Faites défiler l’affichage jusqu’au bas du récit et cliquez sur Add a credits heading (Ajouter un titre des crédits). Saisissez References (Références).
  2. Pour la première référence, cliquez sur Content (Contenu) et saisissez Bernstein, A. 2020, Rising temperatures: How to avoid heat-related illnesses and deaths. Harvard Health Blog.
  3. Cliquez sur Attribution et saisissez https://www.health.harvard.edu/blog/rising-temperatures-how-to-avoid-heat-related-illnesses-and-deaths-2020080517582.
  4. Cliquez sous le bouton d’ajout sous la référence.

    Première référence ajoutée à la section Références au bas du récit.

  5. Ajoutez les références suivantes :

    • Davies, C. L. 2019. Trees Play A Vital Role In Landscape Design. Texas A&M Today. https://today.tamu.edu/2019/04/25/trees-play-a-vital-role-in-landscape-design/#:~:text=The%20aesthetic%20value%20that%20a,every%20architectural%20or%20landscape%20design
    • Université de Wisconsin-Madison, 2019, Trees are crucial to the future of our cities. Science Daily. https://www.sciencedaily.com/releases/2019/03/190325173305.htm
    • U.S. Dept of Agriculture Forest Service. 1977. How Trees Help Clean The Air. Agriculture Information Bulletin No. 412. https://naldc.nal.usda.gov/download/CAT87209983/PDF
    • U.S. EPA, 2022. What is Green Infrastructure? https://www.epa.gov/green-infrastructure/what-green-infrastructure#Urbantreecanopy

    Vous avez ajouté cinq sources utilisées pour votre présentation. Vous allez ensuite ajouter une barre de navigation au récit.

  6. Sur le ruban, cliquez sur Design (Concevoir).
  7. Dans le panneau Design (Apparence), sous Optional story sections (Sections facultatives des récits), activez Navigation.

    Navigation activée sous Sections facultatives des récits dans la fenêtre Conception

  8. Fermez la fenêtre Design (Concevoir).

    Une barre de navigation est ajoutée au récit. Chacun des liens de la barre de navigation correspond au texte Heading 1 (Titre 1) dans la présentation.

    Barre de navigation avec des titres comme liens

  9. Cliquez sur l’un des titres.

    La page accèdera à cette section du récit.

    Le récit est prêt à être prévisualisé.

  10. Sur le ruban, cliquez sur Preview (Aperçu).

    Bouton Aperçu sur le ruban

  11. Dans la fenêtre Preview will reset undo history (L’aperçu réinitialise l’historique d’annulation), cliquez sur Yes, continue (Oui, continuer).
  12. Révisez le récit. Vérifiez que le texte est conforme à vos attentes, interagissez avec la carte et le compartiment latéral et confirmez l’exactitude des références.
  13. Une fois la révision terminée, cliquez sur Close (Fermer).

    Fermer dans la vue d’aperçu

  14. Sur le ruban, cliquez sur Publish (Publier).
  15. Dans la fenêtre Publish options (Options de publication), pour Set sharing level (Définir le niveau de partage), choisissez Everyone (Public) (Tout le monde (public)) et cliquez sur Publish (Publier).

    La version publiée de votre récit apparaît. Vous pouvez maintenant partager le lien de cette page pour faire connaître votre récit à tout le monde.

Dans ce didacticiel, vous avez configuré un récit avec ArcGIS StoryMaps en ajoutant un titre de clip vidéo, du texte, des images et des cartes. Vous avez configuré une carte pour communiquer avec précision le narratif de votre présentation et utilisé un compartiment latéral pour afficher un diaporama des zones proposées de plantation d’arbres en 3D. Vous avez inclus les références utilisées pour cette présentation et ajouté une barre de navigation afin que les utilisateurs puissent accéder rapidement aux différentes sections du récit.

Dans un compte d’organisation ArcGIS, vous pouvez personnaliser le thème du récit, utiliser des types de bloc de contenu supplémentaires comme une bibliothèque d’images, incorporer d’autres applications ArcGIS ou ajouter une chronologie. Vous avez par ailleurs davantage d’options de niveau de partage, comme le partage du récit uniquement dans votre organisation. Pour trouver l’inspiration, explorez les récits gagnants du concours ArcGIS StoryMaps.

Remarque :

Pour bénéficier de fonctionnalités supplémentaires, notamment le partage privé, la publication de données et la réalisation d’analyses, intégrez ArcGIS Online à votre jeu d’outils SIG en souscrivant à un abonnement d’organisation ArcGIS. Les abonnements peuvent inclure différents types d’utilisateurs qui vous permettent d’utiliser facilement les outils adaptés à votre travail. Si vous détenez un compte public ArcGIS, vous pouvez convertir votre compte public en compte d’organisation.