Ajouter une carte web à vos favoris

Vous allez d’abord ajouter une carte Web préconfigurée à vos favoris. Ensuite, vous utiliserez cette carte Web dans votre récit.

  1. 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.

  2. Sur le ruban, cliquez sur le bouton de recherche.

    Bouton de recherche

  3. Dans la barre de recherche, saisissez Propriétaire de la limite de zone du plan de Dorchester Avenue : Learn_ArcGIS et appuyez sur Entrée.

    Par défaut, la recherche couvre uniquement le contenu de votre organisation. Vous allez étendre la recherche à tout le contenu de ArcGIS Online, dans toutes les organisations.

  4. Si nécessaire, sous Filters (Filtres), désactivez l’option Only search in (Your Organization) (Rechercher uniquement dans [votre organisation]).

    Option Only search in (Your Organization) (Rechercher uniquement dans (votre organisation))

  5. Dans les résultats de recherche, pour Dorchester Avenue Plan Area Boundary (Limite de zone du plan de Dorchester Avenue), propriété de Learn_ArcGIS, cliquez sur le nom de scène Web.

    Nom de la scène Web

    Un volet des détails du site apparaît.

  6. Dans le volet des détails de la scène Web, cliquez sur Add to favorites (Ajouter aux favoris).

    Option Add to favorites (Ajouter aux favoris) dans le volet des détails de la scène Web Dorchester Avenue Plan Area Boundary (Limite de zone du plan de Dorchester Avenue)

    Vous avez ajouté la carte Web à vos favoris. Vous pourrez à présent y accéder plus facilement lorsque vous souhaiterez l’ajouter à votre récit.

Concevoir la couverture

Vous allez créer une Story Map qui porte sur les chapitres 1 à 4 du rapport PLAN South Boston Dorchester Ave, qui ont trait à l’historique et aux conditions actuelles de la zone d’étude, aux initiatives de sensibilisation et aux objectifs du plan. Vous allez ajouter des composants participatifs et des commentaires à votre récit pour permettre aux lecteurs de partager leurs opinions sur le développement. Grâce à cette méthode de planification participative et de communication, vous vous engagez plus activement et plus dynamiquement auprès de la communauté et des parties prenantes du développement.

Chaque Story Map a une section de couverture sur laquelle figurent un titre, un graphique, les informations relatives à l’auteur et la date de publication. Une couverture descriptive et bien conçue saura attirer vos lecteurs. Puisque cette Story Map est basée sur un rapport de planification, vous allez transférer le texte utilisé là dans le titre et le sous-titre.

  1. Téléchargez le dossier compressé StoryImages et décompressez-le dans un endroit facilement accessible.

    Ce dossier contient des images que vous allez ajouter à la Story Map.

  2. Accédez à ArcGIS StoryMaps et connectez-vous.
    Remarque :

    Si vous vous connectez avec votre compte Enterprise, vous devez accéder à ArcGIS StoryMaps depuis le sélecteur d’applications.

    Lorsque vous vous connectez, la page Stories (Récits) apparaît. Tous vos récits sont accessibles ici, ainsi que tout récit que vous avez ajouté comme favori, ou ceux qui sont partagés avec vous.

  3. Cliquez sur le bouton New story (Nouveau récit) et choisissez Start from scratch (Partir d’un modèle vierge).

    Option Start from scratch (Partir d’un modèle vierge)

    Le concepteur s’ouvre et un modèle de narration vierge apparaît.

    Dans le concepteur, vous allez ajouter des blocs de contenu depuis la palette de blocs, tels qu’un paragraphe et une image, pour créer la narration du rapport de planification. Vous allez commencer par personnaliser la couverture du récit.

  4. Cliquez sur Story title (Titre du récit) et entrez Reimagine Boston’s Great Boulevards (Réimaginer les grands boulevards de Boston).
  5. Cliquez sous le titre et saisissez ou copiez-collez L’initiative de planification de Dorchester Ave Planning est dédiée à la préservation, à l’amélioration et au développement de Dorchester Ave, un couloir du 21e siècle à vocation industrielle.

    L’auteur et le statut de la publication sont visibles ci-dessous. Vous pouvez remplacer le nom de l’auteur par votre nom ou celui de votre organisation. Le statut de publication se met à jour pour afficher la date une fois que vous finalisez votre story map. Vous allez ensuite ajouter une image d’arrière-plan à la couverture.

  6. 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)

  7. 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 StoryImages que vous avez téléchargé, double-cliquez sur Cover.jpg, puis cliquez sur Add (Ajouter).
    Remarque :

    Sinon, vous pouvez faire glisser et déplacer des images depuis un dossier ouvert sur la page de téléchargement.

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

    Titre, sous-titre et image de couverture

    Vous pouvez modifier le titre et les images à tout moment. Le titre apparaît également sur le ruban, sous un badge orange qui indique que votre récit est un brouillon non publié (vous seul pouvez le voir). La fonction d’enregistrement automatique apparaît en regard du badge dans ArcGIS StoryMaps. Chaque fois que vous mettez à jour votre récit, ce texte indique que le récit est en cours d’enregistrement et confirme que vos modifications ont été enregistrées.

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

    Onglet Design (Concevoir) sur le ruban

    La fenêtre Design (Concevoir)s’affiche. Ici, vous pouvez choisir différentes mises en page pour votre couverture de récit, activer ou désactiver les sections en option, choisir un thème et une couleur d’accentuation, sélectionner des associations de police et charger le logo de votre organisation.

  9. Sous Cover (Couverture), cliquez sur les différentes options pour voir de quelle façon elles affectent votre récit.
  10. Lorsque vous avez terminé, cliquez sur Minimal.

    Conception de couverture minimale

  11. Cliquez n’importe où en dehors du volet Design (Concevoir) pour le fermer.

    La couverture affiche l’image sous la forme d’une bannière avec le titre et le texte du sous-titre en dessous. Vous allez modifier le point focal de l’image de couverture pour afficher la zone de développement.

  12. Sur l’image de couverture, cliquez sur le bouton Options (Options).

    Bouton Options (Options) de l’image de couverture

    La fenêtre Image options (Options de l'image) s’affiche. Vous pouvez cliquer sur l’image de couverture pour modifier le point focal et afficher un aperçu de la manière dont elle va s’afficher sur différents appareils. Ci-dessous, vous pouvez ajouter un autre texte, ce qui permet aux utilisateurs des lecteurs d’écran de comprendre le contenu.

  13. Sous Image preview (Aperçu de l’image), cliquez à proximité de la partie inférieure gauche de la photo, où se situe Dorchester Ave.

    Image preview (Aperçu de l’image) avec image centrée en bas à gauche

  14. Cliquez sur l’onglet Properties (Propriétés). Pour Alternative text (Texte de remplacement), saisissez Vue aérienne de Dorchester Avenue, Boston, Massachusetts.
  15. Cliquez sur Save (Enregistrer).

    L’image de couverture est mise à jour pour afficher le centre de Dorchester Avenue.

    Image de couverture mise à jour

    Pour terminer la section de couverture, vous allez ajouter un séparateur de section. Tout au long de la Story Map, les séparateurs de section sont utilisés pour définir les pauses entre les sections du rapport. Pour ajouter des blocs de contenu, cliquez sur le bouton Tell your story (Élaborer votre récit), puis sélectionnez le bloc souhaité. Des blocs peuvent être ajoutés, supprimés et réorganisés dynamiquement dans le récit.

  16. Cliquez sur le bouton Add content block (Ajouter un bloc de contenu).

    Bouton Add content block (Ajouter un bloc de contenu)

    Une liste d’options que vous pouvez ajouter à votre récit s’affiche.

  17. Choisissez Image.

    Option Image (Image)

    La fenêtre Add an image (Ajouter une image) s’ouvre. Vous pouvez charger des images depuis votre ordinateur ou établir des liens sur le Web. Vous allez ajouter une image depuis le dossier téléchargé.

  18. Cliquez sur Browse your files (Parcourir vos fichiers), accédez au dossier StoryImages que vous avez téléchargé, puis double-cliquez sur Banner.png. Cliquez sur Add (Ajouter).

    Bouton Add (Ajouter) de l’image de bannière

    L’image de bannière est ajoutée au récit.

  19. Pointez sur l’image de bannière. Dans la barre d’outils, cliquez sur Large (Grand).

    Bouton Large (Grand) dans la barre d’outils de la bannière

    La bannière couvre à présent toute la largeur de l’écran.

Introduire le plan

Vous allez à présent ajouter des blocs de contenu pour introduire le plan et développer le récit. La première partie de la narration contient les points clés du résumé analytique ainsi que la première section du rapport de planification. Vous allez attribuer un titre à la section, ajouter un séparateur et ajouter le contenu.

  1. Pointez le curseur de la souris sous Add a caption for this image (optional) (Ajouter une légende pour cette image (facultatif)) et cliquez sur le bouton Add content block (Ajouter un bloc de contenu).

    Bouton Add content block (Ajouter un bloc de contenu)

  2. Cliquez sur Texte. Saisissez RÉSUMÉ ANALYTIQUE.
  3. Mettez EXECUTIVE SUMMARY (RÉSUMÉ ANALYTIQUE) en surbrillance et remplacez le type de texte Paragraph (Paragraphe) par Heading 1 (Titre 1).

    Option Heading 1 (Titre 1)

    Le texte a maintenant le format en-tête.

    Texte avec format en-tête

  4. Pointez le curseur de la souris sous le titre EXECUTIVE SUMMARY (RÉSUMÉ ANALYTIQUE), cliquez sur le bouton Add content block (Ajouter un bloc de contenu) et sélectionnez Image (Image).
  5. Accédez au dossier des didacticiels, sélectionnez Blue_Separator.png, puis cliquez sur Add (Ajouter).
  6. Sous le séparateur bleu, ajoutez un bloc Text (Texte) et saisissez THE PLAN (LE PROGRAMME). Remplacez la mise en forme Paragraph (Paragraphe) du texte par Heading 2 (Titre 2).

    Séparateur bleu et sous-titre

  7. Sous THE PLAN (LE PROGRAMME), ajoutez un bloc Image (Image). Accédez au dossier des didacticiels, double-cliquez sur Exec_Summary.png et cliquez sur Add (Ajouter).

    L’image est ajoutée au centre du récit. Vous allez la changer de place.

  8. Pointez sur l’image. Dans la barre d’outils, cliquez sur Float left (Flottante à gauche).

    Option Float left (Flottante à gauche)

    Maintenant que l’image est alignée avec le côté gauche de la page, vous pouvez ajouter du texte à droite.

  9. Pointez le curseur de la souris sur le coin supérieur droit de l’image, cliquez sur Add content block (Ajouter un bloc de contenu) et sélectionnez Text (Texte). Copiez/collez le texte suivant :

    Boston est une ville en pleine expansion. Après des décennies de décroissance démographique lors de la dernière moitié du 20e siècle, la population de Boston devrait passer de 91 000 à 709 000 d’ici 2030. Il convient de planifier et de gérer la croissance à cette échelle afin de garantir une ville prospère et à la qualité de vie exceptionnelle dans tous ses quartiers. Les mouvements de taille et de composition des foyers vont de paire avec la croissance de la population. Pour finir, les habitants de Boston ont changé leur façon de vivre, de travailler, de jouer et de se balader.

    Le PLAN : l’initiative de planification de South Boston Dorchester Avenue est l’occasion de créer une circonscription du 21e siècle en planifiant de manière stratégique un type élargi d’utilisations et une échelle de développement mieux adaptée à l’avenir du couloir de Dorchester Avenue. Le résultat de l’initiative de planification est un plan stratégique (ci-après dénommé le « Plan »).

    Section avec texte

    Conseil :

    Si les parties de votre récit ne sont pas organisées de la même manière que dans les images en exemple, vous pouvez déplacer les blocs en pointant dessus avec la souris et en faisant glisser le bouton Drag to reorder (Faire glisser pour réordonner) qui apparaît à gauche du bloc.

    Vous allez ensuite ajouter une liste à puces des objectifs du plan de développement.

  10. Sous le deuxième paragraphe, ajoutez un bloc Text (Texte) et saisissez Les objectifs du plan consistent à créer un cadre pour :. Remplacez le style de texte par Heading 2 (Titre 2).

    Option Heading 2 (Titre 2)

  11. Sous le texte Heading 2 (Titre 2), ajoutez un bloc Text (Texte). Remplacez le format par Bulleted List (Liste à puces).

    Option Bulleted list (Liste à puces)

  12. Saisissez (ou copiez/collez) le texte suivant :
    • Une nouvelle circonscription urbaine du 21e siècle aux usages multiples à Boston.
    • De nouvelles rues, de nouveaux blocs et de nouveaux espaces ouverts formant le cadre d’une circonscription inédite.
    • Un nouvel habitat aux prix et aux taux de location variés relâchant ainsi la pression autour du parc immobilier.
    • Des outils de planification et de zonage pour la mise en œuvre d’une nouvelle circonscription coordonnée, intégrée en lien avec la vision définie par le processus public documenté par ce plan.
    • Le zonage permettant de générer de nouveaux modèles de développement commercial/industriel.
    • Des exigences pour recevoir des bénéfices publics en échange de la hauteur du bonus.
    • Un développement inclusif qui améliore la sensibilisation et l’accès aux ressources de financement.
    • De bonnes pratiques pour encourager la création d’emplois et favoriser la croissance des petites entreprises.

    Liste à puces ajoutée au récit

    Vous avez ajouté du texte et des images à votre récit. Vous allez ensuite ajouter un contexte historique à votre récit.

Illustrer les conditions passées et à venir

La section suivante du rapport de planification communique le contexte historique du texte et des images du site, puis présente les conditions actuelles du site en tant que scène Web 3D.

  1. Sous la liste à puces, ajoutez un bloc Text (Texte) et saisissez CONTEXTE DE PLANIFICATION. Remplacez le style de texte par Heading 1 (Titre 1).
  2. Sous le titre, ajoutez un bloc Image (Image) qui contient le fichier Green_Line.png du dossier d’images que vous avez téléchargé.
  3. Sous la ligne verte, ajoutez un bloc Text (Texte) et saisissez HISTORIQUE. Remplacez le style de texte par Heading 2 (Titre 2).
  4. Sous le sous-titre, ajoutez un bloc Image (Image) qui contient le fichier Context.png du dossier d’images que vous avez téléchargé.
  5. Pointez sur l’image et cliquez sur Float left (Flottante à gauche).
  6. En regard du coin supérieur droit de l’image, ajoutez un bloc Text (Texte), puis copiez et collez le texte suivant :

    Depuis ses origines au début du dix-septième siècle, alors qu’on l’appelait Dorchester Neck ou Great Neck, la zone étudiée a été le témoin d’importantes transformations. Les Amérindiens appelaient la péninsule South Boston, Mattaponnock. À l’arrivée des colons britanniques, la zone servait principalement à faire paître le bétail. Un des premiers chemins de la péninsule, maintenant connu sous le nom de Dorchester Street, servait de route principale menant les vaches vers les terrains les plus élevés pour les faire paître le long de la Broadway actuelle.

    Great Neck fut rattachée à Boston en 1804 pour répondre au besoin de Boston de s’agrandir en raison de sa population grandissante et des besoins de sa production. South Boston était à l’origine un quartier axé sur une conception urbaine planifiée. Un plan des rues établi en 1805 se retrouve dans le schéma actuel des rues par numéro et ordre alphabétique. Plus de deux siècles plus tard, un nouveau réseau de transport devrait compléter ce schéma défini.

    Section du contexte de planification du rapport

  7. Sous le dernier paragraphe, ajoutez à nouveau l’image Green_Line.png.

Créer un Map Tour

Vous allez à présent concevoir une visite guidée pour faire voyager les visiteurs dans Dorchester Avenue à travers le temps. La visite guidée est constituée d’une carte avec un support média et un texte descriptif présentant une série de lieux associés sous la forme de diapositives.

  1. À la fin du récit, ajoutez un bloc Text (Texte) et entrez HISTORY OF THE STUDY AREA (HISTORIQUE DE LA ZONE ÉTUDIÉE). Appliquez au texte le format Heading 2 (Titre 2).
  2. Sous le texte, cliquez sur le bouton Add content block (Ajouter un bloc de contenu) et sélectionnez Map tour (Map Tour).

    Option Map tour (Map Tour)

  3. Pour How would you like to create your tour? (Comment souhaitez-vous créer votre visite ?), cliquez sur Start from scratch (Créer de toutes pièces).
  4. Pour Choose a layout (Choisir une mise en page), sous Guided (Guidage), sélectionnez Media focused (Axée sur le contenu multimédia).

    Liste Media focused (Axée sur le contenu) sous la mise en page Guided (Guidage) dans la fenêtre Choose a layout (Choisir une mise en page)

  5. Cliquez sur Done (Terminé).

    Une visite vierge s’affiche avec trois principaux composants : une narration, un support média et un volet cartographique. Ces éléments, ensemble, constituent une diapositive. Vous allez ajouter deux diapositives pour créer la chronologie.

    Visite vide

  6. Cliquez sur Title (Titre), puis saisissez 17th, 18th, & 19th CENTURIES (17e, 18e et 19e SIÈCLES).
  7. Pour la Description, copiez et collez le texte suivant :

    Depuis ses origines au début du dix-septième siècle, alors qu’on l’appelait Dorchester Neck ou Great Neck, la zone étudiée a été le témoin d’importantes transformations.

    Un des premiers chemins de la péninsule, maintenant connu sous le nom de Dorchester Street, servait de route principale menant les vaches vers les terrains les plus élevés pour les faire paître le long de la Broadway actuelle.

    Great Neck fut rattachée à Boston en 1804. South Boston était à l’origine un quartier axé sur une conception urbaine planifiée. Un plan des rues établi en 1805 se retrouve dans le schéma actuel des rues.

    Avec l’ouverture d’Old Colony Railroad en 1844, la capacité de la route à péage pour déplacer les marchandises dans Boston et au-delà était dépassée. En dix ans, la route à péage est devenue une voie publique. Enfin, un tunnel fut construit en dessous de Dorchester Avenue et est devenu la ligne secondaire rouge du système de métro MBTA.

    Des parties de la zone étudiée se trouvaient toujours sous les eaux à la fin du 19e siècle. Le remblayage du terrain le long de South Bay a généré de nouvelles terres à l’ouest de l’actuelle Dorchester Avenue (voir Chronologie).

    Informations des siècles ajoutées à la visite

  8. Au milieu de l’écran, cliquez sur Add image or video (Ajouter une image ou une vidéo). Accédez au dossier des didacticiels et ajoutez DOT_AVE_TIMELINE - 1stHalf.jpg.
  9. Sur l’image, cliquez sur Options.

    Bouton Options

  10. Dans la fenêtre Image options (Options d’image), sélectionnez Fit (do not crop) (Adapter (Ne pas rogner)).

    Option Adapter ne pas rogner

  11. Cliquez sur Save (Enregistrer).

    Vous allez maintenant orienter votre carte. Au fur et à mesure de votre progression dans la visite guidée, la carte se déplace et effectue un zoom vers chaque emplacement.

  12. Sous la carte, cliquez sur Add location (Ajouter une localisation). Dans la fenêtre Tour point location (Localisation du point de visite), dans la barre de recherche, entrez Dorchester Avenue South Boston et sélectionnez Dorchester Ave, South Boston, MA, 02127.

    Résultats de la recherche de Dorchester Avenue, South Boston

    La carte effectue un zoom sur l’adresse et une fenêtre contextuelle apparaît.

  13. Dans la fenêtre contextuelle, cliquez sur Add to Map (Ajouter à la carte).

    Après avoir ajouté un point, vous pouvez le repositionner selon vos besoins. Vous allez définir un niveau de zoom personnalisé, ce qui remplacera le niveau par défaut, affichant tous les points de la visite à une seule échelle.

  14. Pour Zoom level (Niveau de zoom), cliquez sur Use the current zoom level (Utiliser le niveau de zoom actuel).

    Option Use the current zoom level (Utiliser le niveau de zoom actuel)

  15. Cliquez sur Add Location (Ajouter un emplacement).

    Vous allez ajouter une deuxième diapositive pour inclure les informations sur les 20e et 21e siècles.

  16. Au bas du bloc de la visite guidée, cliquez sur le bouton New Slide (Nouvelle diapositive).

    Bouton New slide (Nouvelle diapositive)

  17. Pour Slide Title (Titre de la diapositive), saisissez 20e et 21e SIECLES.
  18. Dans la zone Description, copiez et collez le texte suivant :

    Le premier boom dans la construction, post annexion, s’est produit de 1868 à 1914. Le remblayage des terres le long du front de mer pour les voies ferrées et les entrepôts fut essentiel pour le port.

    À compter des années 1970 et au-delà, de grands changements économiques et immobiliers sont survenus à South Boston. Les transformations dans l’industrie du transport et des conteneurs et l’excès d’infrastructures de l’armée et de la marine ont ouvert de nouvelles voies à la rénovation.

    Aujourd’hui, le développement principal a lieu au niveau du front de mer de South Boston et devrait s’accélérer dans la zone étudiée. Ce Plan imagine une nouvelle circonscription du 21e siècle le long de la partie ouest des environs pour répondre aux modifications physiques et économiques en cours.

  19. Cliquez sur Add image or video (Ajouter une image ou une vidéo). Accédez au dossier des didacticiels et ajoutez DOT_AVE_TIMELINE - 2ndHalf.jpg.
  20. Pour l’image, cliquez sur le bouton Options (Options). Dans la fenêtre Image options (Options d’image), sélectionnez Fit (do not crop) (Adapter (Ne pas rogner)) et cliquez sur Save (Enregistrer).
  21. Cliquez sur Add Location (Ajouter un emplacement). Recherchez South Boston Waterfront (Front de mer de South Boston) et sélectionnez South Boston Waterfront, Boston, MA (South Boston Waterfront, Boston, MA).
  22. Cliquez sur Add to map (Ajouter à la carte). Sélectionnez Use the current zoom level (Utiliser le niveau de zoom actuel) et cliquez sur Add location (Ajouter une localisation).

    Votre visite guidée comprend désormais deux diapositives. À mesure que l’utilisateur interagit avec la Story Map, il peut lire le texte et prendre le temps d’étudier la carte.

    Diapositives dans la visite

Intégrer des composants interactifs

Pour aider les utilisateurs à visualiser la zone et le développement, vous allez ajouter une scène Web à la Story Map. Une scène Web désigne une visualisation 3D qui permet aux utilisateurs d’afficher les informations géographiques dans un environnement 3D intuitif et interactif.

  1. Dans le récit, faites défiler l’écran sous la visite guidée. Ajoutez un bloc Text (Texte) et copiez et collez le texte suivant :

    Le projet Dorchester Avenue vise à améliorer Dorchester Avenue, l’un des plus beaux boulevards de Boston. Le projet porte sur quatre miles (6,4 km) de Dorchester Avenue, englobant les transports, les commerces de proximité, les logements à proximité et les problèmes de paysage de rue entre Lower Mills et l’intersection de Columbia Road et Dorchester Avenue.

  2. Sous le paragraphe, ajoutez un bloc Map (Carte).

    Type de bloc Map (Carte)

    La fenêtre Add a map (Ajouter une carte) s’ouvre. Vous pouvez ajouter le contenu hébergé sur votre compte ArcGIS, le contenu que vous avez ajouté comme favori ou partagé dans votre organisation, ou contenu organisé depuis ArcGIS Living Atlas of the World. Vous allez ajouter la carte que vous avez ajoutée à vos favoris au début du didacticiel.

  3. Cliquez sur My Favorites (Mes favoris) .

    Option Mes favoris

  4. Dans la liste de vos favoris, cliquez sur la scène Web Dorchester Avenue Plan Area Boundary (Limite de zone du plan de Dorchester Avenue).

    Fiche de l’élément de limite de la zone du plan de Dorchester Avenue

    Une fois la scène 3D sélectionnée, vous êtes en mesure d’ajuster la manière dont le contenu va apparaître dans la Story Map. Vous pouvez activer et désactiver les couches, ajouter des géosignets et configurer les paramètres de navigation. Cette scène est déjà définie ; aussi, vous allez accepter les valeurs par défaut.

  5. Cliquez sur Place map (Insérer la carte).

    Bouton Place map (Insérer la carte)

  6. Positionnez le pointeur sur la carte pour voir les options de positionnement et cliquez sur l’option Large (Grande).

    Bouton Large (Grande)

    La scène occupe à présent tout l’écran.

    Remarque :

    N’hésitez pas à vous familiariser avec l’affichage de la scène Web. Essayez d’observer la zone de développement sous différents angles pour comprendre ce qu’un citoyen de la zone rechercherait.

    L’avantage d’utiliser une Story Map pour communiquer un rapport de planification ne réside pas uniquement dans le fait que les éléments Web lui permettent de devenir plus attrayante et dynamique. En effet, vous pouvez également mettre en œuvre des outils qui permettent à une communauté de discuter avec les planificateurs.

  7. Sous la scène, ajoutez un bloc Text (Texte), puis saisissez ATELIERS ET RÉSULTATS. Redéfinissez le format du texte sur Heading 1 (Titre 1).
  8. Sous le titre, ajoutez un bloc Image (Image), puis sélectionnez Green_Line.png dans le dossier des didacticiels.
  9. Sous la ligne verte, ajoutez un bloc Text (Texte) et saisissez FINALISER AVEC NOUS. Remplacez le format du texte par Heading 2 (Titre 2).
  10. Sous le sous-titre, ajoutez un bloc Image (Image) et sélectionnez Workshops_Outcomes.png. Choisissez l’option de positionnement Float left (Flottante à gauche).
  11. En regard du coin supérieur droit de l’image, ajoutez un bloc Text (Texte), puis copiez et collez le texte suivant :

    Après avoir collaboré avec la communauté via toute une série d’ateliers et de visites de la zone étudiée au cours de l’année passée, l’équipe de planification a tenu sa deuxième session de portes ouvertes.

    Ces portes ouvertes ont demandé aux participants de commenter le travail effectué au cours de l’année passée. Les éléments du cadre du plan provisoire étaient affichés. Plus de 70 résidents, propriétaires d’entreprises et de propriétés, parties prenantes, avocats et visiteurs, ont eu l’occasion de passer en revue et de commenter le plan provisoire ainsi que de poursuivre les conversations avec l’équipe de planification et autres autorités de la ville.

    Un exemple d’une façon de poursuivre le regroupement des commentaires de la communauté consiste à utiliser les enquêtes en ligne. Ci-dessous vous trouverez un exemple de l’utilisation d’ArcGIS Survey123 pour regrouper les opinions publiques concernant l’initiative de planification de South Boston Dorchester Avenue.

    Introduction de la troisième section

    Pour rassembler les commentaires, vous allez ajouter un bouton qui établit un lien vers l’enquête de planification Dot Ave créée dans Survey123. Dot Ave est le surnom donné à Dorchester Avenue à Boston.

  12. Sous le texte, ajoutez un bloc Button (Bouton). Pour le nom, saisissez View the Dot Ave Plan Survey (Afficher l’enquête du plan Dot Ave).
  13. Cliquez sur le bouton pour le sélectionner, puis cliquez sur le bouton Edit (Modifier).

    Bouton de mise à jour

  14. Dans la URL box (Zone de l’URL), collez https://arcg.is/1TTqHD et appuyez sur Entrée.

    Configuration d’URL de bouton

    Lorsque l’utilisateur clique sur le bouton, le lien de l’enquête s’ouvre pour permettre à l’utilisateur de la découvrir.

Présenter les modifications apportées au zonage

Les Story Maps peuvent intégrer un autre contenu Web, soit un lien, soit un élément entièrement interactif. Pour ce faire, vous pouvez utiliser le bloc Embed (Incorporer). Pour illustrer les modifications de zonage concernant le développement économique, vous allez ajouter une application Web qui compare les zones de la région avant et après le développement.

  1. Sous le bouton, ajoutez un bloc Text (Texte), puis saisissez STRUCTURE. Redéfinissez le format du texte sur Heading 1 (Titre 1).
  2. Sous le titre, ajoutez un bloc Image (Image), puis choisissez Blue_Line.png dans le dossier des didacticiels.
  3. Sous la ligne bleue, ajoutez un bloc Text (Texte) et saisissez DÉVELOPPEMENT ÉCONOMIQUE. Redéfinissez le format du texte sur Heading 2 (Titre 2).
  4. Sous le sous-titre, ajoutez un bloc Image (Image), puis choisissez Framework.png dans le dossier des didacticiels. Choisissez l’option de positionnement Float left (Flottante à gauche).
  5. En regard du coin supérieur droit de l’image, ajoutez un bloc Text (Texte), puis copiez et collez le texte suivant :

    Le Plan a pour but d’accompagner la transition axée sur le marché de l’utilisation des sols principalement à des fins industrielles et commerciales lourdes vers une circonscription à utilisation mixte orientée sur le transit.

    La vision pour la circonscription comprend des opportunités résidentielles inédites significatives, le commerce de détail de proximité et le secteur industriel du 21e siècle qui offrent une opportunité économique accessible aux résidents de Boston.

    Le nouveau zonage qui résulte du Plan effectue plusieurs opérations :

  6. Sous le texte, ajoutez un bloc Text (Texte) qui utilise le format Bulleted List (Liste à puces). Ajoutez le texte suivant :
    • Améliorer la sensibilisation et l’accès aux ressources de financement dans le cadre de la formation de la main-d’œuvre.
    • Promouvoir le développement commercial et résidentiel avantageux au sein de la communauté.
    • Encourager l’utilisation de bonnes pratiques pour la création d’emplois et favoriser la croissance des petites entreprises.
  7. Sous la liste à puces, ajoutez un bloc Text (Texte). Copiez/collez le texte suivant :

    Avec ArcGIS Urban, nous pouvons proposer de nouvelles modifications de zonage et explorer des scénarios intégrés selon ce code de zonage sous-jacent. Nous pouvons également comparer les scénarios avec le développement basé sur le zonage existant.

    Section Développement économique

  8. Sous le texte, ajoutez un bloc Text (Texte) et saisissez COMPARAISON DU ZONAGE EXISTANT ET PROPOSÉ. Redéfinissez le format du texte sur Heading 1 (Titre 1).
  9. Sous le titre, ajoutez un bloc Embed (Intégrer).

    Option Embed (Intégrer)

    La fenêtre Add web content (Ajouter du contenu Web) s’affiche. Cette fenêtre permet d’intégrer du contenu à l’aide d’une URL.

  10. Dans la fenêtre Add web content (Ajouter du contenu Web), pour Link (Lien), collez l’URL suivante : https://www.arcgis.com/apps/Compare/index.html?appid=cd64aeb0d79a4368af8c847d016fbcf3

    Fenêtre Ajouter du contenu Web

  11. Cliquez sur Add (Ajouter).

    Une application comparant les zonages existant et proposé est ajoutée au récit.

  12. Positionnez le pointeur sur le contenu ajouté pour voir la barre d’outils de configuration.

    Le contenu est automatiquement ajouté en tant qu’élément incorporé interactif.

    Bouton de contenu interactif

  13. Sous l’application, ajoutez un bloc Text (Texte) et copiez et collez le texte suivant :

    Le zonage proposé illustre un mouvement des zones à utilisation des sols principalement à des fins industrielles (I-1) et de fabrication (M-1 & M-2) en un mélange de zones résidentielles, de commerce de détail (DOT-Zone 2 et DOT-Zone 3) et d’espaces ouverts (O-S). Cette modification de zonage dépend du contexte et encourage les utilisations propres à la vision de la communauté pour une circonscription piétonnière avec un réseau robuste d’espaces ouverts et un ensemble varié d’utilisations.

Se préparer à la publication

Une fois votre Story Map remplie de contenu, vous pouvez finaliser le thème de conception et activer d’autres entités personnalisées. De manière analogique au document de planification statique, la conception de la Story Map contribue à une présentation professionnelle à l’échelle mondiale. Dans le volet Design (Concevoir), vous pouvez choisir un thème, sélectionner des couleurs d’accentuation et apporter d’autres modifications de conception. Vous allez modifier la conception pour qu’elle corresponde au plan de couleurs des images que vous avez ajoutées dans le récit et activer d’autres entités pour une navigation simplifiée.

  1. Sur le titre de la page, cliquez sur Design (Concevoir).

    Bouton Design (Concevoir)

  2. Dans le volet Design (Concevoir), sous Optional story sections (Sections du récit en option), veillez à ce que les options Navigation (Navigation) et Credits (Crédits) soient activées.

    Configurations de la section du récit en option

    Chaque bloc Heading (En-tête) devient un géosignet dans une barre de navigation en haut du récit, permettant aux lecteurs de passer rapidement d’une section à l’autre.

    Barre de navigation de la Story Map

    Puisque ce récit n’est pas un document officiel de l’Agence de planification et de développement de Boston, vous allez ajouter certaines clauses de non-responsabilité.

  3. Dans le récit, faites défiler la page vers le bas jusqu’à la section Crédits.

    Section Crédits du récit

  4. À l’invite Add a credits heading (Ajouter un titre de crédits), saisissez CLAUSE DE NON-RESPONSABILITÉ.
  5. À l’invite Add a credits description (Ajouter une description des crédits), saisissez Il ne s’agit pas d’un document officiel de l’Agence de planification et de développement de Boston ; il est dédié uniquement à des fins de démonstration.

    Informations relatives à la clause de non-responsabilité

    Maintenant que votre Story Map est finalisée, vous allez la publier. Vous pouvez publier la Story Map de manière confidentielle, au sein de votre organisation, auprès de groupes spécifiques ou auprès du public.

  6. Sur le titre, cliquez sur Publish (Publier).

    Bouton Publish (Publier)

  7. Sous Share (Partager), pour Set sharing level (Définir le niveau de partage), sélectionnez Organization (Organisation).

    Avant de partager le rapport avec le public, vous souhaitez que les parties prenantes internes le passent en revue. Pour l’heure, vous n’allez la publier que dans votre organisation.

    Dans le cadre du processus de publication, le vérificateur du récit passe en revue le contenu à la recherche de problèmes d’autorisation et signale tout élément pour lequel les autorisations de partage sont plus restrictives que celles de votre récit.

  8. Cliquez sur Publish (Publier).

    Une fois que vous avez publié le rapport, la version dynamique de votre récit apparaît. Vous pouvez maintenant partager le récit avec des collègues à des fins de commentaires. Vous pouvez retourner à la mise à jour à tout moment. Si vous effectuez d’autres de mises à jour, vous voyez le statut passer à Unpublished (Non publié). Les modifications et mises à jour apportées n’affecteront pas le récit publié tant que vous ne cliquerez pas à nouveau sur Publish (Publier).

Dans ce didacticiel, vous avez pris un document de rapport de planification statique et l’avez transformé en une Story Map dynamique, interactive et attrayante. Vous pouvez mettre à jour ce récit en tant que processus de développement ou vous pouvez créer une série de Story Maps pour tenir la communauté informée sur la progression.

Vous trouverez d’autres didacticiels dans la bibliothèque des didacticiels.