Skip To Content

Créer un Story Map Journal

Dans cette leçon, vous allez créer ce Story Map Journal qui présente les principaux quartiers et les points d’intérêt de San Diego, en Californie. Les Story Map Journals sont utiles dans le cas d’un long récit qui peut être facilement divisé en sections distinctes. Chaque section d’un Story Map Journal présente une carte, une image, une vidéo ou un contenu Web avec le texte narratif associé dans un panneau latéral. Vous pouvez également définir des actions interactives, appelées actions de récit, pour le texte de votre panneau latéral. Ces actions de récit peuvent modifier la carte Web lorsque des utilisateurs cliquent sur certains mots ou phrases. Votre Story Map Journal présentera certains des emplacements les plus populaires de San Diego. Pour créer votre Story Map Journal, vous allez utiliser une carte Web existante de la ville et les images fournies par un photographe.

Lancer le générateur Story Map Journal

Vous allez commencer par rechercher le modèle approprié sur le site Web Esri Story Maps et entamer un nouveau Story Map Journal. Vous allez ensuite choisir une mise en page et un titre.

  1. Accédez au site Web des Story Maps d’Esri.
  2. En haut de la page, cliquez sur Apps (Applications).
  3. Accédez à la section intitulée De passionnants récits géographiques multimédias et localisez les options de modèle de Story Map Journal.

    Modèle de Story Map Journal

  4. Cliquez sur Build (Construire).
  5. Si le système vous y invite, connectez-vous à votre compte ArcGIS et cliquez sur Continue to Journal Builder (Accéder au générateur de journal).
    Remarque :

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

    La fenêtre Welcome to Map Journal Builder (Bienvenue dans le générateur Map Journal) s’ouvre. Cette fenêtre contient les options de mise en page de votre Story Map Journal. Elle prend en charge deux mises en page : Side Panel (Panneau latéral) et Floating Panel (Panneau flottant). Les panneaux flottants sont destinés aux descriptions plus courtes ; l’accent est mis sur la carte, qui est mise en avant. La carte de narration que vous créez combine photos et cartes à une description textuelle plus étendue de chaque emplacement ; dans le cadre de cet exercice, Side Panel (Panneau latéral) représente donc la meilleure option.

  6. Dans la fenêtre Welcome To Map Journal Builder (Bienvenue dans le générateur Map Journal), assurez-vous que Side Panel (Panneau latéral) est sélectionné. Cliquez ensuite sur Start (Démarrer).

    Options de mise en page du générateur Map Journal

    Ensuite, le générateur Map Journal vous invite à entrer un titre.

  7. Dans la case Enter your title (Entrez votre titre), saisissez Bienvenue à San Diego.
    Remarque :

    Si un message d'erreur s'affiche vous informant qu’il existe déjà un élément du même nom, ajoutez vos initiales à la fin du titre.

  8. Cliquez sur le bouton Next (Suivant).

    La fenêtre Add Home Section (Ajouter une section Accueil) s’ouvre.

Créer une section Accueil

Les Map Journals contiennent des sections. La section Home (Accueil) est la première section que vos utilisateurs voient lorsqu’ils ouvrent votre Map Journal. Elle sert d’introduction à votre récit.

Vous allez commencer par ajouter une image à la scène principale de votre section Home (Accueil). La fenêtre Main Stage (Scène principale) est la plus grande zone d’affichage à droite du panneau latéral. Elle peut afficher une carte, une image, une vidéo ou un contenu Web. Pour votre carte de narration, vous souhaitez que la section Home (Accueil) affiche une photo qui attirera vos lecteurs et les incitera à lire votre récit.

Vous pouvez directement faire glisser des images de votre ordinateur dans le générateur Map Journal ou accéder à des images hébergées sur le Web. Les images que vous téléchargez depuis votre ordinateur sont automatiquement stockées dans votre récit Map Journal. Le téléchargement d’images est le moyen recommandé d’ajouter des photos et autres graphiques à un récit. Dans le cas présent, votre photographe a déjà partagé les photos dans Flickr, si bien que vous allez y accéder sur ce site Web.

  1. Dans la fenêtre Add Home Section (Ajouter une section Accueil), dans les options Content (Contenu), choisissez Image (Image).
  2. Cliquez sur Flickr.

    Ajouter une image de Flickr

  3. Pour le compte d’utilisateur Flickr, saisissez Démonstration Esri Story Maps, puis cliquez sur Load albums (Charger des albums).

    Un album de ce compte d’utilisateur se charge.

  4. Cliquez sur l’album Welcome to San Diego (Bienvenue à San Diego).

    Les 33 images de l’album sont affichées. Celle que vous choisissez deviendra l'image d’ouverture de votre Map Journal.

  5. Cliquez sur la photo intitulée View over San Diego Bay (Vue de la baie de San Diego) (ou sur toute autre image attrayante de l’album qui pourrait servir d’image d’ouverture).

    Vous allez ensuite choisir la position de la photo dans la fenêtre Main Stage (Scène principale). Vous pouvez découper l’image de sorte à remplir la scène, ajuster l’image sans découpe à la scène, mais encore étirer l’image ou la centrer. L’option Fill (Remplir) est la plus adaptée pour les images qui ne risquent pas d’être affectées de manière négative par un recadrage, telles que les photographies de lieux.

  6. Assurez-vous que Position (Position) est défini sur Fill (Remplir) et cliquez sur Next (Suivant).

    La fenêtre Add Home Section (Ajouter une section Accueil) vous invite à ajouter du contenu au panneau latéral, la zone à gauche de la scène principale. Vous pouvez saisir du texte directement dans l’éditeur de texte ou en coller à partir d’autres sources. Vous n’allez ajouter que du texte narratif au panneau latéral, mais vous pouvez également ajouter des images et des vidéos.

  7. Dans la zone de texte, saisissez (ou copiez et collez) le texte de présentation suivant :

    San Diego bénéficie d’un climat quasi-parfait qui permet de profiter d’un été permanent, de plages magnifiques, d’un centre-ville animé, de quartiers passionnants et d’une atmosphère toujours décontractée.

    De plus, la ville est bordée de kilomètres de côte, de montagnes et d’un désert, qui sont autant de lieux à explorer.

    Permettez-nous de vous présenter la ville afin de vous aider à découvrir les endroits que vous pourriez avoir envie de visiter en chemin.

    Contenu du panneau latéral

    Astuce:

    Vous pouvez formater le texte comme bon vous semble. Par exemple, vous pouvez utiliser du texte en gras pour le premier paragraphe et du texte brut pour les autres.

  8. Une fois que le texte vous convient, cliquez sur Add (Ajouter).

    L’image et le texte sont ajoutés au générateur Map Journal.

    Section Home (Accueil)

  9. En haut du générateur Map Journal, cliquez sur Save (Enregistrer).

    Enregistrer

    Votre section Home (Accueil) est terminée.

Ajouter une section pour la région de San Diego

Vous allez ensuite ajouter une nouvelle section à votre Map Journal pour présenter aux lecteurs San Diego et ses environs. Cette section inclura une carte Web dans la scène principale et du texte et une photo dans le panneau latéral.

  1. Au bas du panneau latéral, cliquez sur Add Section (Ajouter une section).

    Add Section (Ajouter une section)

    La fenêtre Add Section (Ajouter une section) s’ouvre.

  2. Pour le titre de la section, saisissez San Diego : la deuxième ville la plus grande de Californie.
  3. Dans les options Content (Contenu), assurez-vous que Map (Carte) est sélectionné.
  4. Cliquez sur le menu Select or create a map (Sélectionner ou créer une carte) et choisissez Select a map (Sélectionner une carte).

    Select a map (Sélectionner une carte)

    La fenêtre Select a map (Sélectionner une carte) s’ouvre. L’emplacement par défaut pour sélectionner une carte est My Content (Mon contenu), qui contient le contenu de votre compte. Vous pouvez également rechercher des cartes dans d’autres sources et notamment dans votre organisation ou sur ArcGIS Online. Vous allez utiliser une carte Web partagée sur ArcGIS Online.

  5. Cliquez sur la flèche en regard de My Content (Mon contenu) et choisissez ArcGIS Online.

    Choisir ArcGIS Online

  6. Dans le champ de recherche, saisissez CreateMJSanDiego owner: StoryMaps et appuyez sur Entrée.

    Rechercher des cartes

    Astuce:

    Si vous disposez déjà de l’URL d’une carte web ArcGIS spécifique (https://www.arcgis.com/home/item.html?id=346b76ac939f474b80795b7a3427831c), vous pouvez également y accéder directement. Il convient de rechercher la partie ID de l’URL, soit ici, 346b76ac939f474b80795b7a3427831c.

  7. Cliquez sur la carte Web Welcome to San Diego (Bienvenue à San Diego) appartenant à StoryMaps.

    Cette carte Web a été créée dans ArcGIS Online. Elle contient des lieux et des quartiers dignes d’intérêt pour les personnes en visite à San Diego, ainsi que les lignes de ferry et de tramway. Au lieu d’afficher cette carte telle quelle, vous allez afficher un lieu spécifique dessus.

  8. Pour Location (Emplacement), cliquez sur Custom configuration (Configuration personnalisée).

    Configuration personnalisée du lieu

    La carte se charge ; vous pouvez y effectuer des panoramas et des zooms pour définir le lieu à afficher.

  9. Effectuez un zoom avant pour que la carte montre la région de San Diego, la frontière des Etats-Unis avec le Mexique et les montagnes environnantes.

    Carte régionale de San Diego

  10. Dans la zone Map Location (Emplacement de la carte), cliquez sur Save Map Location (Enregistrer l’emplacement de la carte).

    L’étendue de la carte va maintenant s’afficher par défaut dans votre Story Map Journal. Vous pouvez également modifier le contenu et les fenêtres contextuelles de la carte, mais les paramètres par défaut conviennent parfaitement pour votre projet.

  11. Dans la fenêtre Add Section (Ajouter une section), cliquez sur Next (Suivant).

    Vous allez ensuite ajouter du texte et une image dans le panneau latéral.

  12. Dans la zone de texte, saisissez les informations suivantes sur San Diego :

    San Diego est situé sur la côte Pacifique, à 120 miles (environ 200 kilomètres) au sud de Los Angeles et à 20 miles (32 kilomètres) au nord de Tijuana.

  13. Appuyez deux fois sur Entrée pour ajouter deux retours sous le texte.
  14. Dans la barre d’outils de l’éditeur de texte, cliquez sur le bouton Insert an image, video, or web page (Insérer une image, une vidéo ou une page Web).

    Insert an image, video, or web page (Insérer une image, une vidéo ou une page Web)

    Une fenêtre s’ouvre. Elle est similaire à celle que vous avez utilisée pour choisir l’image Home Section (Section Accueil).

  15. Cliquez sur Flickr. Assurez-vous qu’Esri Story Maps Demo (Démonstration Esri Story Maps) apparaît dans la zone de texte, cliquez sur Load albums (Charger des albums), puis choisissez l’album Flickr Welcome to San Diego (Bienvenue à San Diego).
  16. Cliquez sur la photo intitulée Sunset Cliffs (Coucher de soleil sur les falaises).

    Le champ Image caption (Légende de l’image) est automatiquement renseigné avec le texte de Flickr, mais vous pouvez l’éditer ou le supprimer. Essayez de toujours conserver les attributions du photographe si elles ont été fournies.

  17. Cliquez sur Apply (Appliquer).

    L’image et la légende sont ajoutées à votre texte.

  18. Faites défiler la zone de texte et cliquez sous la nouvelle image et sa légende. Saisissez (ou copiez/collez) le texte suivant :

    Depuis Los Angeles, il vous faut deux heures pour rejoindre San Diego, soit en voiture, soit en empruntant le Pacific Surfliner, le train légendaire d’Amtrak.

    Bien qu’il soit probablement plus connu pour sa côte, le comté de San Diego compte plusieurs massifs montagneux. Les monts Laguna, à 50 miles (80 kilomètres) à l’Est de la ville, sont appréciés pour les panoramas qu’ils offrent aux visiteurs sur le parc d’Etat du désert d’Anza-Borrego, une immense réserve naturelle qui constitue le plus grand parc d’Etat de Californie.

  19. Cliquez sur Add (Ajouter).

    La section est ajoutée au générateur Map Journal. Elle présente San Diego et ses environs à vos lecteurs.

    Section de présentation

    Astuce:

    Une fois que vous avez ajouté une section, vous pouvez l’éditer à tout moment en cliquant sur le bouton d’édition en haut de la section.

Ajouter une section pour le centre-ville de San Diego

Vous allez ensuite ajouter une section qui effectue un zoom avant sur la carte pour montrer le centre-ville de San Diego à vos lecteurs.

  1. Au bas du panneau latéral, cliquez sur Add Section (Ajouter une section).
  2. Pour le titre de la nouvelle section, saisissez Centre-ville de San Diego.

    La carte par défaut est toujours la carte Web Welcome to San Diego (Bienvenue à San Diego). Pour Location (Lieu), l’option Custom configuration (Configuration personnalisée) est toujours sélectionnée, ce qui indique que la section utilise le lieu que vous avez choisi précédemment. Vous allez utiliser la même carte Web, mais changer de lieu.

  3. Pour Location (Emplacement), cliquez sur Custom configuration (Configuration personnalisée).
  4. Laissez la carte centrée sur l’étiquette de San Diego et effectuez un zoom sur le centre-ville, avec l’aéroport en haut à gauche et le parc Balboa, en haut à droite.

    Centre-ville de San Diego

  5. Dans la zone Map Location (Emplacement de la carte), cliquez sur Save Map Location (Enregistrer l’emplacement de la carte).

    En plus des points d’intérêt en vert, cette carte contient des couches qui indiquent les trajets des ferries et certains quartiers. Vous pouvez également activer une ou plusieurs couches d’informations supplémentaires.

  6. Pour Content (Contenu), cliquez sur Custom configuration (Configuration personnalisée).
  7. Dans la fenêtre Map Content (Contenu de la carte), cochez les cases en regard des couches supplémentaires à afficher, telles que Food (Restauration) (qui indique les endroits où se restaurer) ou Trolley Lines (Lignes de tramway).
  8. Cliquez sur Save Map Content (Enregistrer le contenu de la carte).
    Remarque :

    Si vous avez activé des couches supplémentaires, vous pouvez ajouter une légende pour que les utilisateurs puissent comprendre plus facilement tous les symboles. Pour Extras (Extras), vous pouvez cocher la case Legend (Légende) pour afficher une légende. Dans le cadre de ce projet, l’ajout de texte dans le panneau latéral peut être un moyen plus efficace d’attirer l’attention sur les couches de la carte. Il n’est sans doute pas utile d’ajouter une légende si vous n’avez pas activer d’autres couches.

  9. Cliquez sur Next (Suivant).

    Vous allez ensuite ajouter du texte et une ou plusieurs images au panneau latéral.

  10. Dans la zone de texte, saisissez du texte sur le centre-ville de San Diego. Vous pouvez rédiger votre propre texte ou utiliser l’exemple de texte suivant :

    Commencez votre visite à San Diego dans le centre-ville animé. Ici, près de la baie de San Diego, vous trouverez le Centre des congrès, Marina, le stade de baseball et des milliers de choses à faire.

    Le Gaslamp Quarter est la destination incontournable en soirée, avec des restaurants, des bars et des magasins sur Fifth Avenue et les rues adjacentes.

    Little Italy, un autre quartier prisé, marie ses racines italiennes à un design moderne intéressant.

    Cliquez sur les points verts pour découvrir des endroits divertissants ou sur les points bleus pour en savoir plus sur les meilleurs endroits pour se restaurer.

  11. Ajoutez une image du compte Flickr que vous avez utilisé précédemment pour représenter le centre-ville. Vous pouvez également ajouter des images distinctes pour les paragraphes Gaslamp Quarter et Little Italy.
  12. Une fois que vous avez fini d’ajouter des images, cliquez sur Add (Ajouter) pour terminer la section.
    Astuce:

    Si vous ajoutez une légende à votre carte, vous pouvez la configurer de sorte qu’elle soit ouverte par défaut. Pour activer ce paramètre, développez la légende. Dans le coin supérieur droit de la légende, cliquez sur le bouton des paramètres. Cochez la case Open By Default (Ouvrir par défaut).

  13. Enregistrez votre Story Map Journal.
    Remarque :

    Les couches activées dans une carte Web n’apparaissent pas toujours dans la légende. Il se peut que l’auteur de la carte Web ait décidé que certaines couches n’apparaîtraient pas dans la légende de la carte, une fois activées. Par exemple, les stations et les lignes de tramway de cette carte Web n’apparaissent pas dans la légende si vous activez ces couches dans la carte.

    Vous avez ajouté une nouvelle section pour le centre-ville de San Diego.

Ajouter une action de récit

Dans le texte narratif de votre nouvelle section, vous souhaitez que vos lecteurs puissent cliquer sur des noms de lieu, tels que Gaslamp Quarter et Little Italy pour y accéder sur la carte. Pour ajouter cette interactivité, vous allez créer des actions de récit. Les actions de récit peuvent modifier l’apparence de la carte, afficher une autre carte ou accéder à une autre section de votre journal.

  1. Dans votre section Centre-ville de San Diego, cliquez sur le bouton d’édition pour éditer la section.

    Bouton Modifier

  2. Dans la fenêtre Edit Section (Editer la section), mettez en évidence les termes Gaslamp Quarter.

    Une fois que le texte est sélectionné, les options Story Actions (Actions de récit) deviennent disponibles.

    Options Story Action (Actions de récit)

  3. Cliquez sur le bouton Change the Main Stage content (Modifier le contenu de la scène principale).

    Change the Main Stage content (Modifier le contenu de la scène principale)

  4. Si nécessaire, pour Media (Support), choisissez Map (Carte) et sélectionnez la carte Welcome to San Diego (Bienvenue à San Diego).
  5. Pour Location (Lieu), cliquez sur Custom Configuration (Configuration personnalisée). Effectuez un zoom sur le quartier Gaslamp Quarter et cliquez sur Save Map Location (Enregistrer le lieu de la carte).
  6. Cliquez sur Apply (Appliquer), puis sur Save (Enregistrer).

    Le texte auquel vous avez appliqué l’action de récit est maintenant souligné dans le panneau latéral. Vous allez tester l’action de récit.

  7. Dans le panneau latéral, cliquez sur le texte Gaslamp Quarter souligné.

    La carte accède au lieu que vous avez spécifié. Maintenant que la carte vous convient, vous pouvez ajouter une fenêtre contextuelle qui suscite l’intérêt de votre public et lui fournit des informations sur des lieux spécifiques. Ensuite, vous allez éditer l’action de récit de sorte qu’une fenêtre contextuelle apparaisse avec des informations supplémentaires sur le quartier Gaslamp Quarter lorsque l’utilisateur clique sur le texte.

    Remarque :

    Une fois qu’une action de récit a modifié ce que le public voit dans la scène principale, le bouton Back (Précédent) apparaît au-dessus de la carte. Vous pouvez l’utiliser pour retourner à la vue précédente.

  8. Cliquez sur le bouton d’édition
  9. Si nécessaire, mettez en évidence le texte Gaslamp Quarter. Cliquez sur le bouton Change the Main Stage content (Modifier le contenu de la scène principale).
  10. Pour Pop-up (Fenêtre contextuelle), cliquez sur Custom Configuration (Configuration personnalisée).

    La carte est activée et la fenêtre Map Pop-up (Fenêtre contextuelle de la carte) s’ouvre.

  11. Sur la carte, cliquez sur le point vert du quartier Gaslamp Quarter.

    Fenêtre contextuelle Gaslamp Quarter

  12. Dans la fenêtre Map Pop-up (Fenêtre contextuelle de la carte), cliquez sur Save the Pop-up Configuration (Enregistrer la configuration de la fenêtre contextuelle).

    La fenêtre contextuelle Gaslamp Quarter s’ouvre maintenant lorsque l’utilisateur déclenche l'action de récit.

  13. Cliquez sur Apply (Appliquer), puis sur Save (Enregistrer).

    Vous avez ajouté une action de récit. Vous pouvez éventuellement répéter ces étapes afin d’ajouter une action de récit supplémentaire pour Little Italy.

  14. Enregistrez votre Story Map Journal.

Prévisualiser votre Map Journal et partager votre récit

Maintenant que vous avez créé quelques sections et actions, vous allez prévisualiser votre Map Journal tel qu’il apparaîtra à votre public. Ensuite, vous allez le partager pour que d’autres personnes puissent le voir.

  1. En haut du générateur Map Journal, cliquez sur View Story (Afficher le récit).

    View Story (Afficher le récit)

    Votre Map Journal s’ouvre dans un nouvel onglet. Il apparaît exactement comme votre public le verra, à une éventuelle exception près. Si des indicateurs de statut apparaissent dans l’en-tête, vous seul, le propriétaire de la carte, pouvez les voir.

    Prévisualiser le Map Journal

    Votre Map Journal ne comporte que trois sections. Vous pouvez éventuellement ajouter d’autres sections en utilisant la même carte Web pour afficher d’autres quartiers, tels que le parc Balboa, La Jolla et les plages à l’ouest de Mission Bay (Mission Beach et Pacific Beach). Vous pouvez également ajouter une section de conclusion en utilisant une image de la scène principale.

    Vous pouvez modifier l’apparence de votre Map Journal à l’aide du bouton des paramètres, en haut du générateur. Si vous aviez l’intention de publier et promouvoir ce Map Journal, vous auriez pu utiliser l’onglet Header (En-tête) de la fenêtre Settings (Paramètres) et télécharger le logo de votre agence dans votre récit. Toutefois, pour les besoins de cette leçon, votre carte de narration est terminée. Vous allez maintenant la partager avec d’autres personnes.

  2. Fermez l’aperçu et retournez au générateur Map Journal.
  3. En haut du générateur, cliquez sur le bouton Share (Partager).
  4. Dans la fenêtre Share Your Story (Partager votre récit), attribuez au paramètre de confidentialité la valeur Public (Public).
  5. Fermez la fenêtre Share Your Story (Partager votre récit).

    Avant de commencer à promouvoir votre Story Map, accédez à la section Mes récitsdu site Web Story Maps. Dans My Stories (Mes récits), vous pouvez télécharger une miniature de votre récit et ajouter un bref récapitulatif d’une ligne, ainsi que des balises de recherche. Ces éléments facilitent la recherche de votre récit et sont idéaux pour partager votre carte via les réseaux sociaux.

Votre Story Map Journal est terminé et partagé. Il présente San Diego à votre public, par l’intermédiaire d’images, de cartes et de texte interactif. Vous pouvez vous inspirer des exemples fournis dans la bibliothèque Story Map Journal. Cette bibliothèque contient des exemples qui illustrent la façon d’utiliser l’application Story Map Journal, ainsi que d’utiles modèles de conception et des bonnes pratiques. Vous pouvez filtrer la bibliothèque par sujet ou par secteur d’activité ou effectuer une recherche par mot-clé. Recherchez des exemples correspondant à vos centres d’intérêt ou à votre domaine d’activité. Faites-vous une idée de la façon dont les informations sont véhiculées dans un Map Journal et identifiez les approches les plus pertinentes pour garantir l’efficacité de la narration.