Skip To Content

Créer un Story Map Tour

Story Map Tour, que vous allez utiliser dans cette leçon, est l’une des applications Story Maps les plus utilisées. Pour créer une Story Map Tour, vous devez d’abord rassembler et organiser les supports (photos ou vidéos) que vous souhaitez utiliser.

Vous pouvez à cet effet utiliser des images de toutes tailles et formes, mais nous vous conseillons une orientation de type paysage (c'est-à-dire, des images plus larges que hautes). Pour optimiser l'apparence des Map Tours, toutes les images doivent présenter la même taille et les mêmes proportions pour que les utilisateurs ne soient pas distraits lors de la visite par des images aux formes différentes. Le rapport hauteur/largeur recommandé est 4:3.

Plusieurs options s'offrent à vous pour le stockage des images. Vous pouvez utiliser des images stockées dans Flickr ou Google+. Map Tour tire parti des optimisations apportées au mode de stockage de vos photos par ces services. Vous pouvez par conséquent charger une image de n'importe quelle taille ; elle se chargera rapidement dans votre narration. Map Tour lit automatiquement dans les informations de balises géographiques des images pour les localiser sur la carte et utilise le titre et le texte de légende stockés avec les images. Si vos images ne contiennent pas d’informations d’emplacement, le générateur Map Tour vous permet de spécifier interactivement leur emplacement cartographique.

Les photos géomarquées permettent d’assembler rapidement un Story Map Tour tel que celui-ci dans ArcGIS Online.

Dans cette leçon, vous allez combiner des images et des informations géographiques pour créer une visite cartographique de vos expériences. Les étapes suivantes indiquent comment utiliser des images de balises géographiques pour raconter un récit à l’aide des fonctionnalités fournies par ArcGIS Online. La leçon utilise une série de photographies prises le long de la promenade The Strand, dans le comté de Los Angeles, qui s'étend sur 3 miles de plage et qui est réputée pour sa beauté et son ambiance. Mais aventurez-vous et créez votre propre Map Tour sur un sujet qui vous intéresse.

Nous vous encourageons à utiliser vos propres photos, mais si vous n’avez pas accès à des photos géomarquées, vous pouvez utiliser cet ensemble d’images sur Flickr pour reproduire les étapes. Si vous n’utilisez pas vos propres photos, passez directement à la section Générer votre visite.

Charger vos images

Il est très facile de charger une sélection de photos vers Flickr ou un autre environnement d’hébergement en ligne, puis de commencer à les assembler dans un récit. Si vos photos n’ont pas été géomarquées, vous pouvez utiliser des adresses pour localiser les sites et effectuer des ajustements en déplaçant les icônes sur la carte. Élaborer le récit est relativement rapide et simple, mais la tâche qui nécessite du temps implique de rechercher les emplacements et de rédiger le texte.

  1. Connectez-vous à votre compte Flickr.
    Remarque :

    Si vous n'avez pas de compte Flickr ou de photos balisées géographiquement, vous pouvez utiliser une série de photos fournie par le compte esrilearn sur Flickr.

  2. Si vous utilisez votre propre compte Flickr, téléchargez les photos dans votre Photostream, puis créez un album.
    Remarque :

    La première photo dans l’album s’appelle IntroImage. Cette image est désignée comme celle qui apparaîtra à la première ouverture de l'application.

Générer votre visite

  1. Accédez au site Web des Story Maps d’Esri.
  2. En haut de la page, cliquez sur Apps (Applications).
  3. Sous l’en-tête A Sequence of Place-enabled Photos or Videos (Séquence de photos ou vidéos de lieux), Story Map Tour, cliquez sur Build (Générer).

    Build a map tour

  4. Si le système vous y invite, connectez-vous à votre compte ArcGIS et cliquez sur Continue to Map Tour Builder (Accéder au générateur Map Tour).
    Remarque :

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

    La fenêtre de bienvenue vous demande de sélectionner une source pour vos images (ou vidéos). Un Map Tour peut recourir à des vidéos au lieu d’images, mais aussi à la fois à des images et à des vidéos. Le générateur peut accéder directement aux vidéos stockées dans un compte YouTube, ou vous pouvez préciser des URL vers des vidéos dans YouTube, Vimeo, etc.

  5. Cliquez sur le bouton Flickr (ou sur le bouton YouTube, selon l’emplacement de stockage de votre support).

    Bienvenue dans le générateur Map Tour

  6. Si vous suivez l’exemple Flickr, dans la zone du nom d’utilisateur, saisissez le nom LearnArcGIS, puis cliquez sur le bouton Look Up (Rechercher).
    Remarque :

    Si vous utilisez un compte d'abonnement ArcGIS doté de privilèges d'éditeur, vous avez la possibilité de charger vos fichiers d'image de votre ordinateur directement dans le générateur Map Tour, où elles seront stockées dans le cloud avec votre carte. Ceci est pratique si vos images ne sont pas encore en ligne ou si vous créez un Map Tour qui sera partagé uniquement à l'intérieur de votre organisation à l'aide d'images que vous ne souhaitez pas rendre accessibles publiquement.

  7. Une fois que le compte est localisé, choisissez A Winter Day on The Strand (37) (Journée d’hiver sur la grève (37)) et cliquez sur Import (Importer).

    Select a Photo Set (Sélectionner un ensemble de photos)

    Si vos images ont une géolocalisation valide (comme c'est le cas des photos Strand référencées ci-dessus), elles sont automatiquement localisées sur la carte et répertoriées dans le deuxième onglet.

    Sélectionner et localiser les images

    Remarque :

    Par défaut, Flickr ne stocke pas la géolocalisation (partie des métadonnées EXIF) lorsque vous téléchargez vos photos. Vous pouvez néanmoins l'autoriser dans vos paramètres de confidentialité de compte. Si vous avez importé des photos sans modifier ce paramètre, vous devez supprimer et recharger vos photos.

    Si certaines photos n'étaient pas localisées, vous pouvez faire appel à l'outil interactif pour géolocaliser les images non localisées sur l'interface cartographique interactive.

  8. Cliquez sur le bouton Import (Importer) pour terminer.

    Dans l'interface utilisateur interactive qui s'affiche, vous pouvez saisir du texte, définir l'étendue et les niveaux de zoom puis partager votre visite cartographique avec le public.

    Aperçu une fois les images chargées

  9. Sur le volet gauche, cliquez sur Settings (Paramètres).
  10. Dans la fenêtre Settings (Paramètres), dans l’onglet Layout (Mise en page), vérifiez que Side Panel (Volet latéral) est le type de mise en page sélectionné pour votre Story Map.

    Sélectionnez la mise en page à volet latéral

    Remarque :

    L’onglet Layout (Mise en page) vous permet de choisir la mise en page à utiliser pour votre visite. Si vous choisissez la mise en page à trois volets ou la mise en page intégrée, votre Map Tour comprend un sous-titre facultatif, que vous pouvez mettre à jour dans l’en-tête du générateur. Contrairement à la mise en page de volet latéral, ces deux mises en page ne comportent pas de page de couverture, mais la boîte de dialogue Organize (Organiser) contient une option qui vous permet de préciser que le premier point de votre Map Tour sera une introduction ne s’affichant pas comme un point géographique sur la carte. Cette option est utile pour proposer un texte descriptif supplémentaire de votre visite à vos lecteurs avant que ceux-ci ne la démarrent.

  11. Si nécessaire, cliquez sur Apply (Appliquer).

Écrire le texte

Vous allez maintenant rédiger les titres et les légendes dans l'application principale et chacune des photos. Il s'agit en réalité de la phase la plus longue. C'est également la plus importante, car il s'agit de votre récit. Prenez votre temps, soyez concis et faites réviser votre travail. N'oubliez pas, vous allez le publier ! Si vous suivez notre exemple Strand, vous pouvez copier et coller le texte nécessaire à partir de ce fichier texte.

  1. Si nécessaire, cliquez sur l’icône représentant un crayon près du titre principal et saisissez A Winter Day on The Strand (Journée d’hiver sur la grève) (ou le nom que vous voulez).

    Modifier le titre et la description

  2. Pour Intro image (Image d’introduction), redéfinissez le titre sur Intro Image (Image d’introduction).
  3. Comme description d’image, copiez et collez le texte suivant :

    In the Los Angeles County seaside communities of Manhattan Beach and Hermosa Beach, they call it, simply, The Strand. (Les habitants des communes maritimes du comté de Los Angeles de Manhattan Beach et Hermosa Beach l'appellent tout simplement « La plage ».) It's a 3-mile-long walking and biking trail that bisects some of the most beautiful beaches and expensive real estate on the West Coast. (Ce parcours de marche et de vélo long de 5 kilomètres franchit quelques-unes des plus belles plages et des zones résidentielles les plus cossues de la côte ouest des Etats-Unis.) In the summer, it's everything you would expect, but in the wintertime, it's actually a place of quiet Zen. (Ce lieu est idéal en été et il devient un havre de paix en hiver.)

  4. Utilisez le fond de carte Rues.

    Menu Modifier le fond de carte

    Le fond de carte Rues est efficace pour les zones urbaines en raison des détails précis qu'il offre en mode gros plan. Testez-le et choisissez-en un autre si vous pensez qu'il ne répond pas à vos exigences esthétiques.

  5. Utilisez l'outil + pour effectuer un zoom sur les stations balnéaires alentour jusqu'à ce que l'étendue de vos emplacements recouvre la carte.

    Zoom sur les stations balnéaires

    Remarque :

    Vous pouvez cliquer sur le bouton Organize (Organiser) dans la partie gauche du générateur pour gérer vos points. Cela vous permet aussi de préciser que le premier point de votre Map Tour définira une page de couverture pour votre visite. Si vous utilisez cette option, l’image de page de couverture ne s’affiche pas comme point géographique sur la carte. La page de couverture n’apparaît pas dans le générateur Map Tour, mais vous pouvez en avoir un aperçu dans votre visite en cliquant sur le bouton View Story (Afficher le récit), qui s’active une fois la visite enregistrée. Ce bouton affiche votre visite dans un nouvel onglet du navigateur pour vous permettre de la visualiser telle qu’elle apparaîtra aux yeux de vos lecteurs.

  6. sur le volet gauche, cliquez sur Organize tour points and add a cover page (Organiser les points de visite et ajouter une page de couverture).
  7. Cochez la case Use the first point as a cover page (Utilisez le premier point comme page de couverture).

    Exclure du vidéorama

  8. Cliquez sur Reset order and hidden points (Réinitialiser l’ordre et les points masqués) et Apply (Appliquer).
  9. Sur le volet gauche, cliquez sur Save (Enregistrer).

    Le message Tour saved (Map Tour enregistré) apparaît. Il comporte un lien vers My Stories (Mes récits) où vous pouvez mettre à jour vos récits et rechercher des erreurs éventuelles. (Vous pouvez également accéder à Mes récits à partir de la page Story Maps.)

    Tour saved

    Vous pouvez également récupérer l’application Web depuis votre contenu dans ArcGIS Online.

    Application présente dans l’onglet Mon contenu

  10. Dans l’onglet Mon contenu de la page de contenu, cliquez sur l’application de cartographie Web A Winter Day on The Strand (Journée d’hiver sur la grève).
  11. Cliquez sur l’image miniature ou sur View Application (Afficher l’application) pour ouvrir l’application.

    View application

    Plusieurs problèmes se posent. Les titres des diapositives présentent les noms d’images brutes et certaines légendes n’existent pas. Remédions-y et apportons quelques modifications supplémentaires.

  12. Cliquez sur le bouton Modifier.

    Bouton Mode de générateur

  13. Sur le volet gauche, cliquez sur le bouton Settings (Paramètres).
  14. Cliquez sur l’onglet Etendue.

    Vous pouvez définir l'étendue initiale de la carte lors du premier chargement de l'application.

  15. Vérifiez que l’étendue initiale de la carte comprend tous les points du Map Tour. Le cas échéant, cliquez sur Draw a new extent (Tracer une nouvelle étendue) et tracez une zone centrée sur Manhattan Beach et Hermosa Beach.

    Tracer une étendue autour des stations balnéaires

  16. Cliquez sur Appliquer.
  17. Cliquez sur le bouton Settings (Paramètres) pour rouvrir la boîte de dialogue Settings (Paramètres).
  18. Cliquez sur l’onglet Data (Données) pour mettre à jour les noms de photo et les légendes à partir des métadonnées d’image. Pour Name (Nom), choisissez Name (Nom), et pour Caption (Légende), choisissez Description.

    Sélectionner le nom et la légende de photo
    Remarque :

    Le texte que vous utilisez comme légende des points de votre Map Tour peut contenir des balises HTML si vous voulez définir une mise en forme supplémentaire du texte et des hyperliens. Par exemple, chaque légende peut contenir un crédit photo en italiques.

    Vous pouvez intégrer les noms et les légendes des photos et vidéos de votre Map Tour directement dans le générateur. Si vous souhaitez tout préparer à l'avance, vous pouvez également créer une feuille de calcul contenant les noms, légendes, emplacements et URL des supports qui définissent votre Map Tour, puis importer cette feuille de calcul dans le générateur Map Tour au format CSV. Le générateur vous permet de télécharger un modèle que vous pouvez utiliser pour créer cette feuille de calcul.

  19. Cliquez sur l’onglet Zoom Level (Niveau de zoom) et redéfinissez Scale/level (Niveau/Échelle) sur 1:5K (level 17) (1:5K (niveau 17).

    Définir le niveau de zoom

  20. Cliquez sur Appliquer.
  21. Enregistrez vos modifications et testez votre étendue et les niveaux de zoom.

    Vous devrez parfois tester différentes étendues et niveaux de zoom pour trouver la combinaison adaptée à vos données et votre récit. L'étape suivante consiste à nettoyer les titres et rédiger les légendes pour chaque photo. Comme mentionné précédemment, cette étape est fastidieuse mais primordiale. Reportez-vous à ce fichier texte si vous suivez l'exemple Strand et souhaitez copier et coller du texte pour aller plus vite.

    Remarque :

    Certaines images comportent un nom et une légende appropriés, mais beaucoup nécessitent une mise à jour ; consacrez un peu de temps à effectuer les mises à jour requises.

    Story Map finale

  22. Lorsque vous avez fini d'entrer du texte, enregistrez vos modifications.
  23. N’oubliez pas la dernière étape, qui consiste à partager votre Story Map.

C'est tout. Nous espérons que vous avez réussi à recréer ce Map Tour, voire même à créer le vôtre. Vous pouvez vous inspirer des exemples fournis dans la bibliothèque Story Map Tour. Cette bibliothèque contient des exemples qui illustrent la façon d’utiliser l’application Story Map Tour, 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 Tour et identifiez les approches les plus pertinentes pour garantir l’efficacité de la narration.

Dans la prochaine leçon, vous allez créer un Story Map Cascade pour accueillir votre public dans une autre ville de la Californie du Sud : San Diego.