Développer votre propre modèle ArcGIS Hub

Le plan général de la ville de Springfield est mis à jour dans le cadre d’un projet de développement futur tenant compte d’objectifs de développement durable à l’horizon de l’année 2040. En tant qu’urbaniste pour la ville de Springfield, votre tâche consiste à créer une version numérique de la mise à jour.

Dans ce didacticiel, vous allez transformer la mise à jour du plan général de la ville en un site Web interactif et collaboratif à l’aide d’ArcGIS Hub. Votre site présentera l’objectif de la mise à jour d’une manière conviviale et proposera des enquêtes et des événements visant à favoriser la participation de la communauté. Vous créerez également un modèle  basé sur votre site afin que d’autres services puissent réaliser des sites similaires pour leurs propres initiatives.

Ce didacticiel a été testé pour la dernière fois le 14 juin 2024.

Prérequis

• ArcGIS Hub Premium
• Compte d’organisation ArcGIS avec un rôle d’administrateur (voir les options disponibles pour accéder aux logiciels)

Créer une page d'accueil

Un site Web peut être un bon moyen de présenter la mise à jour du plan général de Springfield à la communauté, mais vous n’avez pas le temps d’en créer un de toute pièce. ArcGIS Hub Premium contient des modèles qui facilitent la création d’initiatives ; il s’agit de sites hébergés sur ArcGIS Hub qui proposent des options améliorées en vue de favoriser la participation de la communauté. Vous allez choisir un modèle et personnaliser le thème afin de le faire correspondre à l’identité visuelle de la ville.

Choisir un modèle

Commencez par ouvrir ArcGIS Hub et choisissez un modèle approprié pour informer une communauté au sujet d’un nouveau projet.

1. Connectez-vous à votre compte d’organisation ArcGIS.

   Remarque :

   Ce didacticiel requiert un rôle Administration ou un rôle Publication personnalisé doté d’autorisations permettant de créer des groupes pouvant effectuer des mises à jour et affecter des membres. Si vous ne disposez pas d’un compte d’organisation ni de privilèges d’administrateur, consultez les options d’accès aux logiciels.

2. Sur le ruban, cliquez sur le bouton Apps (Applications) et sélectionnez Hub.

   

   ArcGIS Hub s’ouvre. La page de vue d’ensemble comporte des options qui permettent de créer ou de gérer des initiatives, de gérer le contenu ou de gérer les membres de votre communauté.

3. Pour Initiatives, cliquez sur New (Nouveau).

   

   Remarque :

   Si Sites apparaît à la place d’Initiatives, il se peut que vous possédiez une licence ArcGIS Hub Basic. Ce didacticiel nécessite ArcGIS Hub Premium. Pour activer une licence ArcGIS Hub Premium, reportez-vous à la rubrique Activer ArcGIS Hub Premium.

   Vous pouvez nommer votre initiative. Mais auparavant, vous allez choisir le modèle que vous souhaitez utiliser. Le choix d’un modèle approprié vous fera gagner du temps lors de la personnalisation de l’initiative en fonction de vos besoins.

4. Cliquez sur Browse Templates (Parcourir les modèles).

   

   Une liste de modèles apparaît. Il est possible de filtrer la liste pour n’afficher que les modèles publiés par votre organisation. Vous allez rechercher les modèles publiés par Esri.

5. Pour Filters (Filtres), désélectionnez les filtres et cochez la case Esri.

   

   Esri a publié plus de 40 modèles d’initiative. (Le nombre peut varier par rapport aux images de l’exemple car plus de modèles sont publiés régulièrement.)

6. Faites défiler la liste des modèles et cliquez sur More Results (Plus de résultats) pour afficher tous les modèles disponibles.
7. Dans la barre de recherche, saisissez Project Site (Site du projet) et appuyez sur Entrée.

   La liste est filtrée selon un modèle : Project Site (Site du projet). La description de ce modèle indique qu’il permet d’informer votre communauté au sujet d’un projet nouveau ou en cours. Puisque vous souhaitez informer le public d’une nouvelle mise à jour du plan général de votre ville dans le cadre du développement durable, ce modèle est adapté à vos objectifs.

8. Cliquez sur le titre du modèle.

   

   Une vue d’ensemble du modèle d’initiative apparaît.

9. Cliquez sur Activate Template (Activer le modèle).
10. Pour Give Your Initiative a Name (Nommer votre initiative), saisissez Springfield General Plan 2040 (Plan général de Springfield 2040), suivi de votre nom ou de vos initiales (par exemple, Plan général de Springfield 2040 VN).

    Remarque :

    Il n’est pas possible de créer deux initiatives du même nom dans une organisation ArcGIS. Ajoutez vos initiales au nom de l’initiative pour permettre aux autres membres de l’organisation de suivre ce didacticiel.

11. Cliquez sur Go (OK).

    Une fois l’activation terminée, le modèle apparaît.

Personnaliser les paramètres de base

Vous allez maintenant modifier certains paramètres de base de l’initiative, notamment son nom et son URL. Lorsque vous avez créé le nom de l’initiative, vous avez ajouté votre nom ou vos initiales pour faire en sorte qu’il soit unique au sein de votre organisation. Cependant, vous ne souhaitez pas que votre nom ou vos initiales apparaissent sur le site lui-même. Vous allez donc les supprimer.

1. Dans le fenêtre Customize (Personnaliser), cliquez sur Settings (Paramètres).

   

2. Dans la section About (À propos de), pour Name (Nom), supprimez votre nom ou vos initiales pour ne conserver que Springfield General Plan Update 2040 (Plan général de Springfield 2040).

   

   Les modifications ne sont pas automatiquement appliquées. Vous devez les enregistrer.

3. Sur le ruban, cliquez sur Enregistrer.

   

   Une fois vos modifications enregistrées, le ruban est actualisé et affiche le nouveau nom.

   

   Remarque :

   D’autres options vous permettent d’enregistrer votre initiative ou d’en afficher un aperçu. Si vous cliquez sur la flèche située en regard du bouton Save (Enregistrer), vous pouvez afficher un aperçu du brouillon de votre initiative sans publier les modifications sur le site réel (Preview Draft (Prévisualiser le brouillon)), publier vos modifications dans la version active du site (Publish Draft (Publier le brouillon)), afficher le site publié (View Published (Afficher la version publiée)) ou supprimer le brouillon et faire revenir l’éditeur à la version publiée du site (Delete Draft (Supprimer le brouillon)).

   Vous allez maintenant modifier l’URL du site. Dans le cadre de ce didacticiel, vous souhaitez conserver votre nom ou vos initiales pour faire en sorte que l’URL soit unique au sein de votre organisation. Mais vous pouvez tout de même raccourcir l’URL en retirant d’autres mots.

4. Dans la fenêtre Customize (Personnaliser), développez Domain Settings (Paramètres de domaine) et cliquez sur Modify Domain Settings (Modifier les paramètres de domaine).

   

   La fenêtre Domain Settings (Paramètres de domaine) s’ouvre. Le sous-domaine par défaut est hub.arcgis.com. Bien que vous puissiez créer un domaine personnalisé, son application peut prendre jusqu’à 24 heures. Vous allez modifier l’URL, ce que vous pouvez faire de manière immédiate.

5. Pour Site URL (URL du site), saisissez springfield-general-plan (plan-general-springfield) et ajoutez votre nom ou vos initiales.

   

   L’URL inclut également le nom de votre organisation ArcGIS. Dans les images de l’exemple, ce nom est learngis. Votre URL peut être différente si vous utilisez votre propre organisation.

6. Cliquez sur Save (Enregistrer).

   Une fois les modifications enregistrées, une fenêtre apparaît et indique que vous devez accéder à la nouvelle URL pour poursuivre la mise à jour.

7. Cliquez sur Go (OK).

   Vous êtes redirigé vers la nouvelle URL.

Personnaliser l’en-tête et le thème

L’en-tête apparaît en haut de votre Initiative. Actuellement, l’en-tête contient le nom de l’initiative, ce qui est redondant car le nom apparaît également sur la bannière située en-dessous. Vous allez modifier l’en-tête pour qu’il inclue à la place le logo de votre ville. Vous allez également modifier le thème et utiliser des couleurs et des polices différentes. Tout d’abord, vous allez télécharger le logo ainsi que d’autres images que vous utiliserez pour personnaliser le site de l’initiative.

1. Téléchargez les données du didacticiel. Localisez le dossier compressé develop-your-own-hub-template.zip téléchargé sur votre ordinateur et procédez à l’extraction de son contenu vers l’emplacement de votre choix (par exemple, dans le dossier Documents).

   Remarque :

   Selon votre navigateur web, vous pouvez être invité à choisir l’emplacement du fichier avant de lancer le téléchargement. Par défaut, la plupart des navigateurs téléchargent les fichiers dans le dossier Downloads (Téléchargements) de votre ordinateur.

2. Sur l’onglet de l’initiative, dans la fenêtre Customize (Personnaliser), cliquez sur Header (En-tête).

   

   L’apparence par défaut de l’en-tête utilise le style Standard. Vous souhaitez afficher le logo de votre ville dans l’en-tête ; vous allez donc utiliser le style Prominent (Visible) qui est plus grand pour que le logo s’affiche avec une taille appropriée.

3. Pour Appearance (Apparence), sélectionnez Prominent (Visible).

   

   À la différence des modifications que vous avez effectuées dans les paramètres de base, cette modification est appliquée automatiquement à l’éditeur. Vous allez maintenant retirer le nom de l’en-tête.

4. Dans la fenêtre Customize (Personnaliser), désactivez l’option Name (Nom).

   

   Le nom est retiré de l’en-tête. Vous allez maintenant ajouter le logo de Springfield. Vous pouvez soit ajouter le logo à partir d’une URL, soit le charger à partir de votre machine.

5. Pour Logo, cliquez sur Upload (Charger). Utilisez l’option Drag and Drop Image (Glisser-déposer l’image) ou Browse for Image (Rechercher une image) pour sélectionner l’image springfield-logo-header.jpg dans le contenu téléchargé.

   Le logo de Springfield est ajouté à l’en-tête, mais il ne s’affiche que sur une partie de la hauteur de l’en-tête. Vous allez modifier l’alignement du logo pour qu’il occupe la totalité de la hauteur de l’en-tête.

6. Pour Logo Alignment (Alignement du logo), sélectionnez l’option Vertical logo (Logo vertical).

   

   Le logo s’agrandit sur l’en-tête. Il comporte un arrière-plan blanc, donc vous allez changer la couleur d’arrière-plan de l’en-tête afin de les faire correspondre.

   Conseil :

   Dans la section Social Icons (Icônes de réseaux sociaux), vous pouvez activer les boutons associés aux réseaux sociaux de la ville. Les icônes de Facebook, X, Instagram et YouTube sont disponibles. Puisque ce didacticiel présente une ville fictive, vous n’allez pas ajouter de réseaux sociaux, mais cette option est utile lorsque vous créez une initiative pour une ville réelle.

7. En haut de la fenêtre, cliquez sur Customize (Personnaliser).

   

   Vous revenez à la fenêtre Customize (Personnaliser).

8. Cliquez sur Theme (Thème).

   Cette fenêtre inclut des options permettant de changer la couleur de différents éléments de l’initiative, y compris le texte. Vous pouvez modifier la couleur en effectuant votre choix dans un sélecteur de couleurs ou en saisissant un code hexadécimal.

   En plus de modifier la couleur de l’en-tête pour qu’il corresponde à l’arrière-plan du logo, vous allez également utiliser des couleurs gris foncé pour les polices et les icônes à la place du noir, car le noir peut paraître dur pour les personnes qui consultent le site.

9. Modifiez les couleurs de thème suivantes :
   • Dans Global Nav Background Color (Couleur d’arrière-plan de la navigation globale), saisissez #f7f7f7.
   • Dans Global Nav Text Color (Couleur de texte de la navigation globale), saisissez #7d7d7d.
   • Dans Header Background Color (Couleur d’arrière-plan de l’en-tête), saisissez #ffffff.
   • Dans Header Text Color (Couleur du texte d’en-tête), saisissez #6c6c6c.
   • Dans Body Background Color (Couleur d’arrière-plan du corps), ne modifiez pas la valeur #ffffff.
   • Dans Body Text Color (Couleur du corps de texte), saisissez #3c3c3c.
   • Dans le champ Body Link Color (Couleur du lien du corps), saisissez #278dca.

   Vous allez maintenant modifier les polices de l’initiative.

10. Pour Base Font (Police de base), cliquez sur le bouton des paramètres.

    

    La fenêtre Customize Theme Fonts (Personnaliser les polices du thème) s’ouvre. Vous pouvez importer une police basée sur une URL. Un lien vers Google Fonts, un catalogue de polices gratuites, est fourni.

11. Cliquez sur browse their collection (parcourir leur collection).

    Le site Web Google Fonts s’ouvre dans un nouvel onglet du navigateur. Il répertorie des polices dans une bibliothèque dans laquelle vous pouvez effectuer une recherche.

12. Cliquez sur la police Roboto. Si vous ne la voyez pas dans la liste, recherchez-la.
13. Une fois que vous voyez le style Roboto, cliquez sur Get font.

    

    La fenêtre Selected family (Famille sélectionnée) apparaît. Elle permet d’utiliser la police de deux manières : avec du code ou en la téléchargeant. Vous allez utiliser l’option qui fait appel à du code.

14. Cliquez sur Get embed code.

    

    Le volet Embed code apparaît.

15. Sur l’onglet Web, cliquez sur @import. Copiez la partie suivante de l’URL :

    https://fonts.googleapis.com/css2?family=Roboto

    

16. Fermez l’onglet de navigateur Google Fonts. Dans votre initiative, dans la fenêtre Customize Theme Fonts (Personnaliser les polices du thème), collez l’URL dans le champ URL for @Import (URL pour @Import).
17. Pour Name of Font Family (Nom de la famille de polices), saisissez Roboto.

    

    Vous allez utiliser la même police pour l’en-tête.

18. Cliquez sur l’onglet Heading Font (Police d’en-tête).

    

19. Cochez la case Use same font as base (Utiliser la même police en tant que base).

    

    L’URL et le nom de Base Font (Police de base) sont renseignés pour Heading Font (Police d’en-tête).

20. Cliquez sur Apply (Appliquer).

    Les modifications sont appliquées. Vous avez habillé votre site avec un logo, personnalisé le thème et ajouté une nouvelle police.

Personnaliser la bannière

La bannière est la section de l’initiative située sous l’en-tête. Elle indique le nom de l’initiative et a de la place pour un sous-titre. Il est important que la bannière de votre initiative attire l’attention de tous les visiteurs du site. Vous souhaitez également que le titre indique clairement l’objectif de l’initiative.

Vous allez d’abord remplacer l’arrière-plan uni de la bannière par une image qui attire le regard.

1. Pointez le curseur sur la bannière.

   

   Lorsque vous pointez sur certains éléments dans l’éditeur d’initiative, des barres d’outils comportant des options de déplacement, de mise à jour ou de suppression de l’élément apparaissent. Dans le cas de la bannière, la barre d’outils horizontale (située au-dessus de la bannière) permet de mettre à jour le texte. La barre d’outils verticale (sur le côte de la bannière) permet de mettre à jour l’arrière-plan.

2. Dans la barre d’outils verticale, cliquez sur le bouton de mise à jour.

   

   La fenêtre Row (Ligne) s’affiche. Dans ArcGIS Hub, une ligne est une section horizontale d’un site, comme c’est le cas de la bannière. Cette fenêtre inclut des options qui permettent de modifier la couleur d’arrière-plan ou de charger une image d’arrière-plan. Vous allez ajouter une image qui représente la ligne d’horizon d’une ville.

3. Pour Background Image (Image d’arrière-plan), cliquez sur Upload (Charger) et sélectionnez l’image header-image-skyline-color.jpg dans le contenu que vous avez téléchargé.

   L’image est ajoutée à la bannière. Vous allez également modifier la couleur d’arrière-plan en noir pour que les polices blanches ressortent mieux.

4. Dans le champ Background Color (Couleur d’arrière-plan), saisissez #000000. Dans Image Transparency (Transparence de l’image), saisissez 30 %.

   

   L’image est mise à jour. Vous allez maintenant modifier le texte de la bannière.

5. Pointez le curseur sur le texte de la bannière. Sur la barre d’outils Text (Texte), cliquez sur le bouton de mise à jour.

   

   Le texte de la bannière devient éditable. Une barre d’outils s’affiche au-dessus du texte, avec des options de mise en forme du texte standard, incluant des options permettant d’afficher le texte en gras ou en italique, d’ajouter des hyperliens et de modifier la taille du texte. Vous pouvez également accéder à une vue HTML afin de réaliser une mise en forme plus avancée du texte.

6. Supprimez les deux lignes du texte existant et saisissez La mise à jour la plus importante du plan général de toute l’histoire de Springfield.
7. Mettez le texte en surbrillance. Dans la barre d’outils, cliquez sur le bouton Style, puis sélectionnez Banner (Bannière).

   

8. Le cas échéant, cliquez sur le bouton Paragraph (Paragraphe) et sélectionnez Align center (Centrer).
9. Cliquez n’importe où en dehors du texte pour effacer la mise en évidence du texte.

   

   Vous allez maintenant ajouter une fiche Spacer (Espacement) à la bannière. Un espacement augmentera la taille de la bannière, ce qui agrandira l’image d’arrière-plan et la rendra encore plus visible. Vous pouvez ajouter des fiches à la bannière en les déplaçant vers cette dernière.

10. Dans la fenêtre Layout (Mise en page), localisez la fiche Spacer (Espacement).

    

11. Faites glisser la fiche Spacer (Espacement) vers le haut de la bannière et déposez-la dans la zone de déplacement Insert above (Insérer au-dessus).

    

    La zone située au-dessus de la bannière s’élargit. Vous allez réduire la taille de l’espace et le masquer sur les appareils mobiles, pour que les utilisateurs mobiles n’aient pas besoin de beaucoup faire défiler la page afin de voir le contenu de votre initiative.

12. Dans la fenêtre Spacer (Espacement), pour Height (Hauteur), saisissez 75 px. Activez Hide On Mobile (Masquer sur mobile).

    

    Vous allez ajouter un autre espacement sous le texte.

13. Cliquez sur le bouton Layout (Mise en page) pour revenir à la liste des fiches. Faites glisser une fiche Spacer (Espacement) sous le texte et déposez-la dans la zone de déplacement Insert below (Insérer en dessous).

    

14. Dans la fenêtre Spacer (Espacement), pour Height (Hauteur), saisissez 75 px. Activez Hide On Mobile (Masquer sur mobile).

    Avec les espacements, la bannière est assez grande pour couvrir la totalité de l’écran. Vous allez mettre à jour le HTML de la bannière et retirer l’espacement par défaut. Vous obtiendrez ainsi une bannière qui sera de taille normale pour les utilisateurs de la version bureautique, et qui sera plus petite pour les utilisateurs mobiles.

15. Cliquez sur le texte de la bannière pour le mettre à jour. Sous le texte, cliquez sur Edit in HTML (Mettre à jour dans le HTML).

    

    Une vue HTML du texte apparaît. En HTML, la mise en forme est indiquée à l’aide d’un code. Vous allez d’abord supprimer le code HTML qui ajoute des sauts de ligne supplémentaires.

16. Supprimez les deux sections de code qui indiquent <br><br><br><br><br><br> dans les dernières lignes du code HTML.

    

    Vous allez également ajouter quelques lignes de code qui modifieront l’espacement des paragraphes dans le site. Dans la vue du code, les lignes 1 et 20 comportent une balise <style>. Le code situé entre ces deux balises définit le style des éléments sur la page.

17. Ajoutez deux lignes vides avant la balise </style> de la ligne 20 pour la déplacer à la ligne 22. Sur la nouvelle ligne 20, collez le code suivant :
    div.b {
      line-height: 1.6;
    }

    

18. Cliquez sur Apply (Appliquer).

    La mise en forme de la bannière est appliquée. La taille de la bannière est appropriée à la fois pour les utilisateurs de la version bureautique et pour les utilisateurs mobiles.

Mettre à jour et supprimer des lignes

Une ligne de texte est présente sous la bannière. Vous allez mettre à jour ce texte pour en dire plus aux utilisateurs sur le plan général. Vous allez également supprimer certaines lignes que vous ne comptez pas utiliser.

1. Sous la bannière, cliquez sur le texte qui commence par Use this Hub site (Utilisez ce site Hub) pour le mettre à jour.

   

   Vous allez mettre à jour le texte en HTML pour appliquer la mise en forme définie dans le code HTML de la bannière.

2. Cliquez sur Edit in HTML (Mettre à jour dans le HTML).
3. Supprimez le texte existant et collez le texte suivant :

   <div class="h1"><b>About the General Plan Update (À propos de la mise à jour du plan général)</b></div><h5><div class="b">The Springfield General Plan is used by the City of Springfield to guide long-range planning, the review of development proposals, and other activities that shape the built and natural environments. The plan helps the community create and preserve a sustainable future for the City of Springfield and a high quality of life. (Le plan général de Springfield sert de référence à la ville de Springfield pour la planification sur le long terme, l’examen des propositions de développement, ainsi que d’autres activités qui façonnent les environnements construits et naturels. Le plan aide la communauté à créer et à préserver un futur durable, ainsi qu’une bonne qualité de vie dans la ville de Springfield).</div></h5>

   

   La partie du code qui indique <div class="b"> fait référence à l’élément div.b que vous avez ajouté au code de la bannière. Le texte situé après cette balise a pour hauteur de ligne 1,6, ce qui signifie qu’il existe un petit espacement entre chaque ligne de texte. Cet espacement rend le texte plus lisible pour les utilisateurs.

   La balise <div class="h1"> fait référence au style Header 1 (En-tête 1), inclus dans les styles de texte par défaut. Le texte indiqué par cette balise sera plus grand, tel un titre.

4. Cliquez sur Apply (Appliquer).

   Les modifications sont appliquées. Vous allez également modifier la couleur d’arrière-plan et la couleur de police de la ligne.

5. Pointez le curseur sur le texte. Sur la barre d’outils verticale située à côté de la ligne, cliquez sur le bouton de mise à jour.
6. Dans la fenêtre Layout (Mise en page), dans le champ Background Color (Couleur de l’arrière-plan), saisissez #ffffff.

   Un arrière-plan blanc correspond à l’en-tête.

7. Pour Text Color (Couleur du texte), saisissez #3c3c3c.

   Le texte devient gris foncé.

   

8. Faites défiler la page de l’initiative vers la ligne Achieving our Vision (Atteindre notre vision).

   Cette ligne figure dans le modèle d’initiative que vous avez choisi, mais vous n’en avez pas besoin. Vous allez la supprimer.

9. Pointez le curseur sur la ligne. Dans la barre d’outils verticale, cliquez sur le bouton de suppression.

   

   Un message apparaît pour vous demander de confirmer la suppression de la ligne de la mise en page.

10. Cliquez sur Supprimer.

    Vous allez également supprimer la ligne suivante, intitulée Progress to Date (Progression à ce jour).

11. Pointez le curseur sur la ligne Progress to Date (Progression à ce jour). Dans la barre d’outils verticale, cliquez sur le bouton de suppression, puis sur Remove (Supprimer).
12. Sur le ruban, cliquez sur Enregistrer. Cliquez sur le menu déroulant Save (Enregistrer) et sélectionnez Publish Draft (Publier le brouillon).

Ajouter une ligne

Jusqu’à présent, vous avez mis à jour des lignes fournies avec le modèle sélectionné. Vous allez maintenant créer une ligne simple qui inclut une image et un paragraphe. Cette ligne donnera davantage de détails sur la mise à jour du plan général.

1. Dans le fenêtre Customize (Personnaliser), cliquez sur Layout (Mise en page).

   Vous avez utilisé la fenêtre Layout (Mise en page) précédemment lorsque vous avez ajouté des espacements à la bannière. Vous allez maintenant l’utiliser pour ajouter une ligne.

2. Faites glisser la fiche Row (Ligne) sous la ligne About the General Plan Update (À propos de la mise à jour du plan général) et déposez-la dans la zone de déplacement Insert Below (Insérer en dessous).

   

   Une ligne vide est ajoutée à l’initiative.

   

   La fenêtre Row (Ligne) s’affiche. Elle contient les paramètres de base de la ligne. Vous allez tout d’abord ajouter une image d’arrière-plan.

3. Dans le volet Row (Ligne), pour Background Image (Image d’arrière-plan), cliquez sur Upload (Charger) et sélectionnez l’image header-image-palms-bw.jpg dans le contenu que vous avez téléchargé précédemment.

   Vous allez maintenant ajuster la couleur d’arrière-plan et la transparence de l’image. Cette image est en noir et blanc. Vous allez donc ajouter une couleur de superposition afin d’ajouter de la profondeur à l’image.

4. Dans le champ Background Color (Couleur d’arrière-plan), saisissez #1c1f76. Dans Image Transparency (Transparence de l’image), saisissez 50 %.

   Puisque cette ligne a une couleur d’arrière-plan, vous allez modifier la couleur du texte en blanc.

5. Dans le champ Text Color (Couleur de texte), saisissez #ffffff.

   

   Vous allez maintenant ajouter du texte.

6. Dans la fenêtre Row (Ligne), cliquez sur Layout (Mise en page) pour revenir à la liste des fiches. Faites glisser la fiche Text (Texte) vers la ligne vide.

   

7. Pour la nouvelle fiche de texte, cliquez sur Edit in HTML (Mettre à jour dans le HTML). Dans la fenêtre HTML, collez le texte suivant :

   <div class="h1"><b>Purpose (Objectif)</b></div><h5><div class="b">This site is the Springfield General Plan Update, a visionary and aspirational data hub that includes a road map for the project, the vision for 2040 with a corresponding physical framework (please see The Spatial Strategy), and details on the areas of action that will guide implementation. The Springfield General Plan should serve as a road map for all projects moving forward, allowing everyone to understand the planning intent and trajectory. (Ce site présente la Mise à jour du plan général de Springfield, un hub de données visionnaire et ambitieux qui comprend la feuille de route du projet, la vision pour 2040 avec une structure physique correspondante (reportez-vous à la Stratégie spatiale) et des informations détaillées sur les différentes actions qui guideront l’implémentation. Le Plan général de Springfield doit servir de feuille de route à tous les projets futurs et permettre à tout le monde de comprendre l’objectif et la progression de la planification.)</div></h5>

8. Cliquez sur Apply (Appliquer).

   Vous allez maintenant ajouter une image à côté du texte.

9. Faites glisser la fiche Image vers la gauche du texte et déposez-la dans la zone de déplacement Insert Left (Insérer à gauche).

   

   Une image d’emplacement réservé est ajoutée à côté du texte et la fenêtre Image s’affiche avec plus d’options. Vous allez charger une image.

10. Dans le volet Image, pour Image URL (URL de l’image), cliquez sur Upload (Charger) et sélectionnez l’image mic-meeting.jpg dans le contenu que vous avez téléchargé précédemment.

    Vous allez également ajouter des espacements au-dessus et en dessous de cette ligne, comme vous l’avez fait pour la bannière.

11. Cliquez sur Layout (Mise en page) pour revenir à la liste des fiches. Faites glisser la fiche Spacer (Espacement) au-dessus de la ligne Purpose (Objectif).
12. Dans la fenêtre Spacer (Espacement), activez Hide On Mobile (Masquer sur mobile).
13. Revenez à la liste des fiches, ajoutez une fiche Spacer (Espacement) sous la ligne Purpose (Objectif) et activez Hide On Mobile (Masquer sur mobile).

    

    Vous allez maintenant ajuster la taille de l’image. L’image est actuellement un peu plus grande que le texte. Il serait préférable qu’elle soit plus petite.

14. Pointez le curseur sur le bord droit de l’image représentant le microphone et cliquez sur le bouton en forme de flèche.

    

    La taille de l’image est réduite. Elle est maintenant alignée au texte.

15. Enregistrez et publiez le brouillon de l’initiative.

Configurer une ligne plus complexe

La ligne suivante est la ligne Primary Focus Areas (Principales zones ciblées). Cette ligne est plus complexe que la précédente car elle inclut du texte, des images et des boutons qui peuvent être liés à d’autres initiatives, sites Web ou enquêtes. Vous allez modifier le texte et des paramètres afin d’indiquer des informations concernant les activités du plan général.

1. Cliquez sur le texte Primary Focus Areas (Principales zones ciblées) pour le mettre à jour.

   

2. Cliquez sur Edit in HTML (Mettre à jour dans le HTML). Supprimez le texte existant et collez le texte suivant :

   <div class="banner-heading"><b>General Plan Activities (Activités du plan général)</b></div>

3. Cliquez sur Apply (Appliquer).

   Cette ligne contient deux sous-sections, chacune étant intitulée Focus Area (Zone ciblée). Ces sous-sections comportent un espace pouvant accueillir une image (espace actuellement vide). Vous allez ajouter une image pour la première sous-section et modifier le texte.

4. Pointez le curseur sur la zone vide située à gauche de la première sous-section Focus Area (Zone ciblée). Dans la barre d’outils Image, cliquez sur le bouton de mise à jour.

   

5. Dans le volet Image, cliquez sur Upload (Charger) et sélectionnez l’image get-involved.jpg dans le contenu que vous avez téléchargé précédemment.

   L’image est ajoutée.

6. Cliquez sur le texte Focus Area (Zone ciblée) pour le mettre à jour.

   Cette zone de texte comporte également un bouton. Vous allez conserver le bouton lors de la mise à jour du texte.

7. Cliquez sur Edit in HTML (Mettre à jour dans le HTML). Supprimez le texte existant et collez le texte suivant :
   <h1><b>1. Get Involved</b></h1>
   <h5><div class="b">There are many ways for you to get involved! The first way is to be a part of Springfield's walking tour. We need your help to make the City's walking tour successful by using our great community as volunteers to help participants navigate our city.</div></h5>
   <br>
   <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Get Involved</a></p>

   Ce texte comporte un en-tête, un texte descriptif et un bouton à la fin. Le bouton utilise la balise <a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">. Dans cette balise, le symbole # est un emplacement réservé pour l’URL associée au bouton. Le composant class="btn btn-primary" détermine l’apparence du bouton, le composant style="min-width: 200px;" détermine la taille et le composant target="_self" s’assure que l’URL ouvre un nouvel onglet de navigateur.

8. Cliquez sur Apply (Appliquer).

   Les modifications sont appliquées. La taille de l’image est appropriée.

   

   Vous allez maintenant supprimer la seconde sous-section Focus Area (Zone ciblée).

9. Sous la sous-section Get Involved (S’impliquer), pointez le curseur sur le texte Focus Area (Zone cible). Dans la barre d’outils Text (Texte), cliquez sur le bouton de suppression.

   

10. Lorsque vous êtes invité à confirmer que vous souhaitez supprimer la fiche, cliquez sur Remove (Supprimer).

    Le texte est supprimé, mais il reste une image vide et une fiche de texte vide, ainsi qu’une ligne qui divisait les deux sous-sections Focus Area (Zone ciblée).

11. Pointez sur l’image vierge. Dans la barre d’outils Image, cliquez sur le bouton de suppression, puis sur Remove (Supprimer).
12. Pointez à nouveau le curseur sur l’espace vide. Dans la barre d’outils Text (Texte), cliquez sur le bouton de suppression, puis sur Remove (Supprimer).
13. Pointez le curseur sur la ligne horizontale située sous la ligne Get Involved (S’impliquer). Dans la barre d’outils Text (Texte), cliquez sur le bouton de suppression, puis sur Remove (Supprimer).

    Vous allez également supprimer d’autres lignes qui ont été ajoutées par le modèle et dont vous n’avez pas besoin.

14. Sous la ligne General Plan Activities (Activités du plan général), pointez le curseur sur la ligne Resources and Tools (Ressources et outils). Dans la barre d’outils verticale, cliquez sur le bouton de suppression, puis sur Remove (Supprimer).
15. Supprimez la ligne Frequently Asked Questions (Forum aux questions).
16. Enregistrez et publiez votre brouillon.

Vous avez configuré la page d’accueil de votre site d’initiative.

Créer une page pour une visite guidée

Lors de la mise à jour d’un plan général, il est essentiel d’impliquer votre communauté tout au long du processus. La mise à jour du plan général de Springfield comporte plusieurs activités destinées à promouvoir la participation de la communauté. L’une de ces activités prend la forme d’une visite guidée, que vous décrivez dans la ligne Get Involved (S’impliquer). Les visites guidées font intervenir un groupe de résidents qui découvrent l’architecture, la conception urbaine et l’histoire d’une ville tout en visitant la ville. Elles mettent en avant les conversations sur la planification, le développement et la vie du plan général.

Vous allez créer une nouvelle page dédiée à la visite guidée. Cette page aidera les volontaires à effectuer la visite guidée et permettra aux résidents de s’inscrire pour y participer.

Créer une page

Vous allez d’abord créer une nouvelle page consacrée à la visite guidée et la lier à la page d’accueil.

1. Si nécessaire, ouvrez l’éditeur de l’initiative Mise à jour 2040 du plan général de Springfield.
2. Dans la fenêtre Customize (Personnaliser), cliquez sur le bouton représentant une page.

   Remarque :

   Il se peut que vous deviez cliquer plusieurs fois sur le bouton de retour pour revenir à la fenêtre Customize (Personnaliser).

   

   Vous avez le choix entre créer une nouvelle page ou lier une page.

3. Cliquez sur New Page (Nouvelle page). Dans la fenêtre New Page (Nouvelle page), pour Save as a page (Enregistrer en tant que page), saisissez Get Involved (S’impliquer) et cliquez sur Next (Suivant).

   Une nouvelle page nommée Get Involved (S’impliquer) est créée. L’en-tête, le logo, la police et le thème que vous avez configurés pour la première page sont automatiquement appliqués à cette page. Toutefois, l’espacement entre les paragraphes que vous avez ajouté au HTML n’est pas appliqué à cette page ; vous l’ajouterez donc à nouveau ultérieurement.

   Avant de mettre à jour une des lignes ou le texte de cette page, vous allez ajouter l’URL de la page à la ligne Get Involved (S’impliquer) de la page d’accueil.

4. Sur le ruban, cliquez sur la flèche en regard du bouton Save (Enregistrer) et sélectionnez View Published (Afficher la version publiée).

   

   Le navigateur accède à la version active de la page.

5. Copiez l’URL de la page.
6. Sur le côté gauche du site, dans la barre d’outils, cliquez sur le bouton Edit (Mettre à jour).

   

   Vous revenez à l’éditeur. L’éditeur affiche la nouvelle page que vous avez créée ; vous allez donc passer à la page d’accueil.

7. Sur le ruban, cliquez sur Mise à jour 2040 du plan général de Springfield et sélectionnez Site Home (Accueil du site).

   

8. Faites défiler la page d’accueil jusqu’à la ligne Get Involved (S’impliquer). Cliquez sur le texte Get Involved (S’impliquer), puis sur Edit in HTML (Mettre à jour dans le HTML).

   Le code HTML de cette ligne contient le code d’un bouton pouvant créer un lien vers une URL. Lorsque vous avez configuré cette ligne, vous avez utilisé un signe # comme emplacement réservé de l’URL. Vous allez remplacer le # par l’ URL de la page de la visite guidée.

9. Sur la ligne de code qui commence par <p><a href="#", supprimez le signe # et collez l’URL que vous avez copiée.

   

10. Cliquez sur Apply (Appliquer).

    Le bouton situé à la fin de la ligne mène désormais à la page de la visite guidée.

11. Enregistrez et publiez votre brouillon.

Mettre à jour la page

Vous allez maintenant mettre à jour la page de la visite guidée pour y ajouter des images et du texte.

1. Dans la fenêtre Customize (Personnaliser), cliquez sur le bouton représentant une page.
2. Cliquez sur la page Get Involved (S’impliquer).

   

   Vous allez maintenant mettre à jour la bannière de la page pour y inclure les informations de style HTML ainsi que le titre de la page.

3. Cliquez sur le texte Our Community (Notre communauté) pour le mettre à jour.

   

4. Cliquez sur Edit in HTML (Mettre à jour dans le HTML). Supprimez tout le texte et collez le code suivant :
   <style>
   .primary-color {
     color: #585fcc;
   }
   .primary-fill {
     fill: #585fcc;
   }
   
   .steps-wrapper li::before {
     color: #585fcc;
     border-color: #585fcc;
   }
   .steps-wrapper li::after {
     background-color: #585fcc;
   }
   div.b {
     line-height: 1.6;
   }
   </style>
   <h1 style="text-align: center;"><span style="font-weight: 700; font-family: Roboto, &quot;Avenir Next&quot;; font-size: 62px;">Get Involved</span><br></h1>
   <p style="text-align: center; font-size: 22px"><br></p>

5. Cliquez sur Apply (Appliquer).

   La bannière n’indique actuellement que le nom de la page (Get Involved (S’impliquer)). Vous allez également ajouter une image à l’arrière-plan de la bannière.

6. Pointez le curseur sur la ligne Get Involved (S’impliquer). Sur la barre d’outils verticale située à côté de la ligne, cliquez sur le bouton de mise à jour.
7. Dans la fenêtre Layout (Mise en page), pour Background Image (Image d’arrière-plan), cliquez sur Upload (Charger) et sélectionnez l’image header-image-bike-lane-color.jpg dans le contenu que vous avez téléchargé précédemment.
8. Dans le champ Text Color (Couleur de texte), saisissez #ffffff et pour Background Color (Couleur d’arrière-plan), saisissez #000000. Dans Image Transparency (Transparence de l’image), saisissez 30 %.

   La bannière comporte désormais une image et possède une couleur de texte et une superposition appropriées.

   

   La bannière est trop étroite ; vous allez donc ajouter des espacements au-dessus et en dessous.

9. Dans la fenêtre Row (Ligne), cliquez sur le bouton Layout (Mise en page) pour revenir à la liste des fiches.
10. Faites glisser une fiche Spacer (Espacement) au-dessus de la bannière et une fiche Spacer (Espacement) sous la bannière. Pour chaque espacement, activez Hide On Mobile (Masquer sur mobile).

    

    Sous la bannière, vous allez créer une ligne comportant un texte décrivant la visite guidée.

11. Dans la fenêtre Spacer (Espacement), cliquez sur Layout (Mise en page) pour revenir à la liste des fiches. Faites glisser une fiche Row (Ligne) sous la bannière.

    

12. Revenez à la liste des fiches et faites glisser une fiche Text (Texte) dans la ligne vide.
13. Dans l’éditeur de texte, cliquez sur Edit in HTML (Mettre à jour dans le HTML). Dans la fenêtre HTML, collez le code suivant :

    <div class="h1"><b>1. Walking Tour (Visite guidée)</b></div><h5><div class="b">There are many ways to get involved throughout the Springfield General Plan update. The first way is through the walking tour. This walking tour will allow you to explore our city’s heritage, culinary markets, open space and parks, neighborhoods, and so much more! Help us lead our community on a fun and enthralling walk around our city. </div></h5>

14. Cliquez sur Apply (Appliquer).

    Le texte est ajouté.

    

    Avant de continuer, vous allez supprimer certaines lignes inutiles.

15. À proximité du bas de la page, pointez le curseur sur la ligne Where We’re Going (Notre objectif).

    

16. Dans la barre d’outils verticale, cliquez sur le bouton de suppression, puis sur Remove (Supprimer).
17. Supprimez la ligne vide située sous l’ancien emplacement de la ligne Where We’re Going (Notre objectif).
18. Enregistrez et publiez le brouillon de l’initiative.

Ajouter une enquête

Une visite guidée permet aux membres de la communauté de s’impliquer et de découvrir l’histoire de Springfield, mais vous souhaitez également recueillir les commentaires de la communauté afin d’encourager la participation. Une enquête ArcGIS Survey123 est un bon moyen de collecter des commentaires. Vous allez maintenant créer une enquête et l’intégrer dans votre site.

1. Sous la ligne Walking Tour (Visite guidée), ajoutez une fiche Row (Ligne).

   

2. Revenez à la liste des fiches et faites glisser une fiche Survey (Enquête) vers la ligne vide.

   L’enquête comporte uniquement une image d’emplacement réservé tant que vous n’avez pas choisi d’enquête. La création d’une nouvelle enquête vous amène à une nouvelle page. Veillez donc à enregistrer et à publier votre brouillon avant de poursuivre.

3. Enregistrez et publiez votre brouillon. Dans la fenêtre Survey (Enquête), cliquez sur Create Survey (Créer une enquête).

   

   La page Create a Survey (Créer une enquête) apparaît.

4. Sur la page What kind of feedback do you want? (Quel type de commentaire voulez-vous ?), choisissez Questionnaire.

   Après quelques instants, l’enquête est créée et le générateur d’enquête s’ouvre. Vous pouvez utiliser ce générateur pour ajouter des questions à votre enquête.

5. À côté de la fenêtre About (À propos de), cliquez sur le bouton More Info (Plus d’informations) pour masquer la fenêtre.

   

6. En haut de la page, cliquez sur Questionnaire pour modifier l’en-tête du questionnaire.
7. Dans la fenêtre Edit (Mise à jour), pour Text (Texte), saisissez Springfield General Plan Survey (Enquête sur le plan général de Springfield).

   

8. Sous l’en-tête, cliquez sur le texte de la description et remplacez-le par le texte suivant : Prenez part à cette enquête pour aider la ville de Springfield à mener à bien la mise à jour du plan général. Vos commentaires sont importants et nous permettent de planifier le meilleur futur possible de la ville.

   

   L’enquête est fournie avec des exemples de question sur les transports publics. Vous allez supprimer ces questions.

9. Cliquez sur la première question de l’enquête pour la sélectionner. Cliquez sur le bouton Supprimer.

   

10. Supprimez également les autres questions.

    Vous allez maintenant ajouter une question. La fenêtre Add (Ajouter) contient une liste de types de question que vous pouvez ajouter à l’enquête. Vous allez ajouter une question à choix multiples concernant l’utilisation des ressources de Springfield.

11. Dans la fenêtre Add (Ajouter), sous Choice (Choix), cliquez sur Multiple select (Choix multiples).

    

    Une question à choix multiples est ajoutée à l’enquête et la fenêtre Edit (Mettre à jour) s’affiche. Dans cette fenêtre, vous allez modifier la question et les choix de réponse possibles.

12. Dans la fenêtre Edit (Mettre à jour), dans le champ Label (Étiquette), saisissez How would you prioritize Springfield’s resources in your community? (Comment classeriez-vous par priorité les ressources de Springfield dans votre communauté ?) Pour Choices (Choix), ajoutez les choix suivants (pour ajouter davantage de choix, cliquez sur le bouton d’ajout en regard du troisième choix) :
    • Pour Choice 1 (Choix 1), saisissez Pedestrian Safety (Sécurité des piétons).
    • Pour Choice 2 (Choix 2), saisissez Bus Improvements (Améliorations des lignes de bus).
    • Pour Choice 3 (Choix 3), saisissez Bicycle Infrastructure (Infrastructure pour les vélos).
    • Pour Choice 4 (Choix 4), saisissez Lighting (Éclairage).
    • Pour Choice 5 (Choix 5), saisissez Street Furniture (Mobilier urbain).
    • Pour Choice 6 (Choix 6), saisissez Community Programming (Planification communautaire).
    • Pour Choice 7 (Choix 7), saisissez Reclaimed Space (Espace aménagé).
    • Pour Choice 8 (Choix 8), saisissez Public Art (Art public).
    • Pour Choice 9 (Choix 9), saisissez Enhanced Landscape (Amélioration du paysage).

    

    Les choix sont automatiquement ajoutés à la question de l’enquête. Vous allez maintenant ajouter une question à choix unique qui vise à savoir si l’utilisateur a déjà participé aux efforts de planification de la communauté.

13. Cliquez sur l’onglet Ajouter. Dans la fenêtre Add (Ajouter), cliquez sur Single select (Choix unique).

    

14. Dans la fenêtre Edit (Mettre à jour), saisissez les informations suivantes :
    • Pour Label (Étiquette), saisissez Have you participated in previous planning efforts in your community? (Avez-vous déjà participé à des efforts de panification antérieurs au sein de votre communauté ?)
    • Pour Choice 1 (Choix 1), saisissez Yes (Oui).
    • Pour Choice 2 (Choix 2), saisissez No (Non).
    • Pour Choice 3 (Choix 3), cliquez sur le signe moins pour le retirer.

    

    Vous allez ajouter une autre question qui nécessite une réponse écrite de la part de l’utilisateur.

15. Dans la fenêtre Add (Ajouter), sous Text, number, date, and time (Texte, nombre, date et heure), cliquez sur Multiline text (Texte multiligne).
16. Dans la fenêtre Edit (Mettre à jour), dans le champ Label (Étiquette), saisissez What buildings have meaning in your community? (Quels bâtiments sont essentiels dans votre communauté ?) Pour Hint (Conseil), saisissez Please explain and include an address (Expliquez votre réponse et indiquez une adresse).

    

    Enfin, vous allez ajouter une question qui demande aux utilisateurs d’indiquer sur une carte l’emplacement où ils répondent à l’enquête. Cette question est essentielle pour encourager l’implication de la communauté. En tant qu’urbaniste, vous pouvez savoir d’où viennent la plupart des réponses à l’enquête et coordonner une campagne de sensibilisation dans les zones où vous souhaitez davantage de réponses. Il est également important d’encourager la participation et de créer un climat de confiance au sein de communautés qui, historiquement, sont susceptibles de ne pas s’impliquer.

17. Dans la fenêtre Add (Ajouter), sous Location (Localisation), cliquez sur Map (Carte). Dans la fenêtre Edit (Mettre à jour), dans le champ Label (Étiquette), saisissez Depuis quel endroit répondez-vous à cette enquête ?

    

    Votre enquête contient quatre questions. Vous allez maintenant enregistrer l’enquête et la publier.

    Conseil :

    Si vous le souhaitez, vous pouvez également changer l’apparence de votre enquête en modifiant les options de l’onglet Appearance (Apparence).

18. Au bas de la fenêtre Edit (Mettre à jour), cliquez sur Save (Enregistrer) puis sur Publish (Publier). Lorsque vous êtes invité à confirmer que vous souhaitez publier l’enquête, cliquez sur Publish (Publier).

    L’enquête est publiée et la fenêtre Upgrade to Hub Map Survey? (Mettre à niveau vers une enquête cartographique ArcGIS Hub ?) s’ouvre. Vous allez choisir de ne pas procéder à la mise à niveau, puis vous partagerez l’enquête avec le public.

19. Acceptez Keep Standard Display (Conserver l’affichage standard) et cliquez sur Done (Terminé).
20. Sur le ruban, cliquez sur Share (Partager).

    

21. Dans la fenêtre Share (Partager), cliquez sur Survey (Enquête). Pour Sharing Level (Niveau de partage), sélectionnez Public.

    Vous allez maintenant mettre à jour le nom de l’enquête.

22. À côté de la fenêtre Sharing (Partage), cliquez sur le bouton More Info (Plus d’informations).

    

23. Cliquez sur le bouton Edit Details (Mettre à jour les détails). Sous Basic Info (Informations de base), pour Title (Titre), saisissez Springfield General Plan Survey (Enquête sur le plan général de Springfield).
24. Sur le ruban, cliquez sur Enregistrer.

    Vous allez maintenant revenir à votre site et intégrer l’enquête.

25. Sur le ruban, pointez le curseur sur le bouton More Actions (Plus d’actions) et cliquez sur Springfield General Plan 2040 (Plan général de Springfield 2040).

    

26. Dans la fenêtre Customize (Personnaliser), cliquez sur le bouton représentant une page et sélectionnez la page Get Involved (S’impliquer). Faites défiler la page vers le bas et cliquez sur l’image d’emplacement réservé représentant l’enquête (sous la section Walking Tour (Visite guidée)).
27. Dans la fenêtre Survey (Enquête), cliquez sur Select Survey (Sélectionner une enquête).
28. Dans la fenêtre Select a Survey (Sélectionner une enquête), pour From (Depuis), sélectionnez My Content (Mon contenu). Sélectionnez Springfield General Plan Survey (Enquête sur le plan général de Springfield).

    

29. Cliquez sur Save (Enregistrer).

    Un lien menant à l’enquête est ajouté à l’initiative. Cependant, lorsque les utilisateurs cliquent sur ce lien, ils accèdent à une autre page. Plutôt qu’un lien, vous allez intégrer l’enquête elle-même.

30. Dans la fenêtre Survey (Enquête), cliquez sur Embed (Intégrer).

    

    L’enquête est directement intégrée dans l’initiative. Les utilisateurs voient les questions et peuvent y répondre sans accéder à une nouvelle page. Vous allez agrandir l’enquête.

31. Dans le champ Height (Hauteur), saisissez 800.

Ajouter un lien à la page d’accueil

Pour créer une expérience utilisateur de qualité, vous allez ajouter un lien à partir de la page de la visite guidée qui permet de revenir à la page d’accueil. Les utilisateurs pourront ainsi toujours revenir à leur point de départ.

1. Faites défiler la page vers le bas jusqu’à la ligne Intro.

   Cette ligne inclut déjà un bouton ; vous allez donc le modifier.

2. Pointez le curseur sur la ligne Intro. Dans la barre d’outils verticale située à côté de la ligne, cliquez sur le bouton de mise à jour.
3. Dans la fenêtre Row (Ligne), dans le champ Background Color (Couleur de l’arrière-plan), saisissez #c6d6e3.
4. Cliquez sur le texte Intro pour le mettre à jour, puis cliquez sur Edit in HTML (Mettre à jour dans le HTML). Dans la fenêtre HTML, supprimez tout le texte et collez le texte suivant :
   <h1><b>Go Home</b></h1>
   <h5><div class="b"> If you would like to learn more about Springfield's General Plan update, go back to the home page. The home page includes a high level introduction to the update's principles, planning objectives, strategies, and actions.</div></h5>
   <br>
   <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Go Home</a></p>

   Tout comme le bouton de la page d’accueil, ce bouton utilise le signe # comme symbole d’emplacement réservé pour l’URL.

5. Cliquez sur Apply (Appliquer). Enregistrez et publiez le brouillon de l’initiative.

   Vous allez ouvrir la page d’accueil dans un nouvel onglet pour copier son URL.

6. Sur le ruban, cliquez sur Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield). Cliquez avec le bouton droit sur Site Home (Accueil du site) et sélectionnez Open link in new tab (Ouvrir le lien dans un nouvel onglet).

   Remarque :

   L’option permettant d’ouvrir le lien dans un nouvel onglet peut avoir un nom différent sur certains navigateurs ou systèmes d’exploitation.

   

7. Sur le nouvel onglet, cliquez sur la flèche en regard du bouton Save (Enregistrer) et sélectionnez View Published (Afficher la version publiée).

   La version publiée de la page d’accueil apparaît.

8. Copiez l’URL de la page d’accueil publiée. Fermez l’onglet.

   Vous revenez à l’éditeur de la page Get Involved (S’impliquer). Vous allez ajouter l’URL que vous avez copiée au bouton.

9. Si nécessaire, cliquez sur le texte Go Home (Accueil) pour le mettre à jour. Cliquez sur Edit in HTML (Mettre à jour dans le HTML).
10. Dans la fenêtre HTML, sur la ligne qui commence par <p><a href="#", remplacez le signe # par l’URL que vous avez copiée.
11. Cliquez sur Apply (Appliquer). Cliquez sur la photo ou l’enquête pour cesser de mettre à jour le texte.

    

    La ligne comporte désormais un bouton qui permet à l’utilisateur de revenir à la page d’accueil.

12. Enregistrez et publiez le brouillon de l’initiative.

Ajouter une option permettant de suivre l’initiative

Cette page s’adresse aux utilisateurs qui souhaitent s’impliquer. Vous avez ajouté une enquête qui encourage la participation de la communauté. Vous allez maintenant ajouter une ligne qui permet aux membres de la communauté de s’inscrire pour suivre l’initiative. Ces utilisateurs peuvent s’inscrire à des événements, recevoir des mises à jour par e-mail et même participer à la création de contenu pour le site. Le gestionnaire du site peut surveiller ces utilisateurs (vous le découvrirez plus tard dans ce didacticiel).

Remarque :

Pour cette section, vous devez disposer de ArcGIS Hub Premium et d’un rôle Administration au sein de votre organisation ArcGIS.

1. Sous l’enquête, ajoutez une fiche Row (Ligne).

   

2. Revenez à la liste des fiches. Faites glisser une fiche Follow Initiative (Suivre l’initiative) vers la ligne vide. (Vous devrez peut-être faire défiler la liste de fiches vers le bas pour atteindre la fiche Follow Initiative (Suivre l’initiative).)

   

   Par défaut, vous suivez l’initiative parce que vous l’avez créée. Le texte situé avant le bouton de suivi est désigné sous le nom d’appel à l’action. Vous allez modifier le texte afin de l’adapter à votre initiative.

3. Dans la fenêtre Follow (Suivre), dans la champ Call-to-Action (Appel à l’action), supprimez le texte existant et collez le texte suivant : By following this initiative you’re signing up to help the city with our walking tour! You can help lead community members around the city and enable discussions and give city planners insight into what our neighbors want. (En suivant cette initiative, vous vous inscrivez pour contribuer à la visite guidée de la ville. Vous pouvez participer en guidant les membres de la communauté à travers la ville et engager des discussions ou informer les urbanistes des souhaits de vos voisins.)
4. Enregistrez et publiez le brouillon de l’initiative.

   Votre site est désormais complètement opérationnel. Vous envisagez d’y ajouter encore quelques éléments, mais pour l’instant, il est prêt en vue du partage avec le public.

5. Sur le ruban, cliquez sur le bouton Groups with access can see this Hub page (Les groupes avec accès peuvent voir ce/cette page Hub).

   

   La fenêtre Share (Partager) apparaît. Actuellement, seul le propriétaire (vous) pouvez voir votre initiative.

6. Pour Sharing Level (Niveau de partage), sélectionnez Public.

   

   Désormais, tout le monde peut afficher votre initiative.

Créer un événement

Vous allez maintenant ajouter une fiche d’événement à la page. Une fiche d’événement fournit l’heure et l’emplacement d’un événement, avec éventuellement des détails spécifiques. Votre événement concerna la visite guidée qui est décrite sur la page. Grâce au gestionnaire d’événement de ArcGIS Hub, vous pouvez suivre les participants aux événements et leur envoyer des mises à jour.

1. En regard de la fenêtre Share (Partager), cliquez sur le bouton Customize Toggle (Bouton Personnaliser).

   

   Vous revenez à la fenêtre Customize (Personnaliser).

2. Cliquez sur Layout (Mise en page). Faites glisser une fiche Row (Ligne) sous la ligne Follow Initiative (Suivre l’initiative).

   

3. Revenez à la liste des fiches. Faites glisser une fiche Featured Event (Événement proposé) vers la ligne vide. (Vous devrez peut-être faire défiler la liste de fiches vers le bas pour atteindre la fiche Featured Event (Événement proposé).)

   Comme pour l’enquête que vous avez ajoutée, seule une image d’emplacement réservé s’affiche. Vous devez soit sélectionner un événement, soit en créer un.

4. Enregistrez et publiez le brouillon de l’initiative.
5. Dans la fenêtre Event (Événement), cliquez sur Create Event (Créer un événement).

   

   Une nouvelle page apparaît. Cette page contient des options permettant de mettre à jour des informations relatives à l’événement. Vous allez tout d’abord ajouter une image pour représenter l’événement.

6. En haut de la liste des paramètres de l’événement, pour Add Event Image (Ajouter l’image de l’événement), cliquez sur Browse for Image (Rechercher une image). Sélectionnez l’image walking-tour.jpg dans le contenu que vous avez téléchargé précédemment.

   Vous pouvez repositionner l’image. La position par défaut convient.

7. Cliquez sur Done (Terminé).
8. Pour Title (Titre), saisissez Walking Tour (Visite guidée). Dans la zone Description, copiez et collez le texte suivant :

   On this walking tour, explore our city’s heritage, culinary markets, parks, and so much more! Help us lead our community on a fun and enthralling walk around our city. During this tour, you’ll learn about Springfield’s General Plan update and how you can help us achieve our vision! (Cette visite guidée vous fera découvrir l’héritage de notre ville, ses marchés alimentaires, les parcs, les différents quartiers, et bien plus encore ! Aidez-nous à impliquer notre communauté grâce à une visite guidée amusante et passionnante de notre ville. Lors de cette visite, vous en apprendrez davantage sur la mise à jour du plan général de Springfield et découvrirez comment vous pouvez nous aider à faire de notre vision une réalité !)

   Par défaut, vous êtes ajouté en tant qu’organisateur de l’événement. Vous pouvez ajouter d’autres organisateurs, mais aussi des parrains, le cas échéant. Vous pouvez aussi indiquer si l’événement se tiendra en présentiel, en ligne, ou les deux. Par défaut, le paramètre In-Person (En personne) est sélectionné.

   Vous pouvez également donner le lieu ou l’adresse de l’événement. Si vous ajoutez une adresse, elle apparaîtra sur une carte à côté des informations sur l’événement. En règle générale, vous indiquez une adresse spécifique ou un lieu d’intérêt facile à trouver. Dans le cadre de ce didacticiel, vous allez utiliser l’adresse du siège d’Esri comme adresse d’emplacement réservé, car la ville de Springfield, en Californie, est une ville fictive.

9. Dans le champ Address (Adresse), saisissez 380 New York St, Redlands, California, 92373 et sélectionnez l’adresse correspondante dans la liste des adresses qui s’affiche.

   Vous pouvez également définir la date. La date que vous choisissez doit se situer dans un futur assez éloigné pour que les personnes puissent prévoir d’y assister.

10. Vous pouvez aussi indiquer une date de début et une date de fin pour l’événement.

    Il ne vous reste plus qu’à enregistrer et à publier l’événement.

11. Sur le ruban, cliquez sur Save as Draft (Enregistrer en tant que brouillon). Une fois l’événement enregistré, cliquez sur Publish (Publier) et sélectionnez Public.

    

    L’événement est publié. Une page contenant les informations sur l’événement apparaît. La page comporte également des options permettant de partager l’événement via les réseaux sociaux, de mettre à jour les informations et de suivre les participants qui se sont inscrits.

    

    Vous allez revenir dans l’éditeur de l’initiative et y ajouter cet événement.

12. Sur le côté de l’écran, cliquez sur le bouton Edit (Mettre à jour).
13. Sur le ruban, cliquez sur Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield) et sélectionnez Site Home (Accueil du site).
14. Dans la fenêtre Customize (Personnaliser), cliquez sur le bouton représentant une page. Cliquez sur la page Get Involved (S’impliquer).

    Vous revenez à la mise à jour de la page Get Involved (S’impliquer).

15. Faites défiler l’événement vers le bas (entre le bouton Follow/Unfollow (Suivre/Ne pas suivre) et la ligne Go Home (Accueil)). Cliquez sur l’image de l’emplacement réservé de l’événement.

    La fenêtre Event (Événement) s’affiche.

16. Dans la fenêtre Event (Événement), cliquez sur Select Event (Sélectionner l’événement).

    

    La fenêtre Select an Event (Sélectionner un événement) apparaît.

17. Dans la fenêtre Select an Event (Sélectionner un événement), sélectionnez l’événement Walking Tour (Visite guidée) et cliquez sur Save (Enregistrer).

    L’événement est ajouté à votre initiative.

    

    La fenêtre Event (Événement) inclut désormais des options permettant de changer l’apparence de l’événement, mais vous allez utiliser les valeurs par défaut.

18. Enregistrez et publiez le brouillon de l’initiative.

Plus de lignes

Votre site est entièrement configuré. Toutefois, le bouton permettant de suivre ou de ne pas suivre l’initiative se trouve entre l’enquête et l’événement et n’est donc pas très visible. Vous allez déplacer la ligne au-dessus de l’enquête pour qu’elle apparaisse près du sommet de la page.

1. Pointez le curseur sur le bouton permettant de suivre ou de ne pas suivre l’initiative (entre l’enquête et l’événement).
2. Dans la barre d’outils verticale située à côté de la ligne, cliquez sur le bouton de déplacement.

   

3. Faites glisser le bouton au-dessus de la ligne de l’enquête.

   

   La ligne est déplacée vers le haut de la page.

4. Enregistrez et publiez le brouillon de l’initiative.

Vous avez terminé votre initiative. Vous disposez maintenant d’une page d’accueil et d’une page qui encourage la participation de la communauté via des enquêtes et des événements.

Gérer votre site

Maintenant que vous avez achevé votre site, vous allez le gérer, ainsi que ses utilisateurs. ArcGIS Hub Comprend plusieurs outils de gestion qui vous permettent de suivre l’activité et les membres de la communauté. Vous exporterez également le site sous forme de modèle que les autres services de la ville pourront utiliser pour leurs propres initiatives.

Gérer la communauté

Vous allez commencer par explorer le tableau de bord qui suit notamment le nombre de vues de votre site, ainsi que la durée moyenne passée par chaque utilisateur sur le site. Vous explorerez également la liste de vos adhérents.

1. Si nécessaire, ouvrez l’éditeur de votre initiative Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield).
2. Sur le ruban, cliquez sur Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield) et sélectionnez Dashboard (Tableau de bord).

   

   La page Dashboard (Tableau de bord) apparaît. Elle indique la répartition des métriques clés, comme les vues, les sessions et le temps moyen passé sur le site, ainsi qu’un diagramme à barres qui représente le nombre de vues dans le temps. Puisque vous venez de lancer votre site, le nombre de vues n’est probablement pas très élevé pour le moment.

   Remarque :

   Votre page peut indiquer un nombre de vues différent et d’autres métriques que celles de l’image de l’exemple.

   

   Vous allez maintenant explorer la page Community (Communauté) qui répertorie vos adhérents.

3. Sur le ruban, cliquez sur Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield) et sélectionnez Community (Communauté).

   

   La fenêtre Community (Communauté) apparaît. Lorsque vous avez créé votre site, vous avez ajouté un bouton qui permet de suivre l’initiative. Les utilisateurs qui cliquent sur ce bouton sont ajoutés à cette page. Il est cependant probable que vous n’ayez aucun adhérent pour le moment.

   Vous avez également la possibilité d’inviter des adhérents.

4. Cliquez sur le bouton Invite Followers (Inviter des adhérents).

   

   La fenêtre Invite Followers (Inviter des adhérents) s’affiche. Vous pouvez inviter des adhérents issus de votre organisation, de votre communauté ou du monde entier. Vous pouvez utiliser cette fenêtre pour inviter des membres de la communauté de Springfield ou des collaborateurs également impliqués dans l’initiative.

5. Fermez la fenêtre Invite Followers (Inviter des adhérents).

   Vous allez maintenant créer une équipe secondaire. Les équipes secondaires sont similaires aux groupes dans ArcGIS Online, mais elles sont hébergées dans ArcGIS Hub. Vous pouvez les utiliser pour organiser des collaborateurs de confiance ou d’autres catégories importantes d’adhérents. Les membres ne sont pas limités aux adhérents du site et peuvent inclure n’importe quel utilisateur de ArcGIS Online. Vous allez créer une équipe secondaire afin d’organiser les utilisateurs volontaires pour servir de guides lors des visites guidées.

6. Sur le ruban, cliquez sur Springfield General Plan Update 2040 (Mise à jour 2040 du plan général de Springfield) et sélectionnez Teams (Équipes).

   

   La fenêtre Teams (Équipes) apparaît. Vous possédez déjà une équipe, nommée Springfield General Plan 2040 Core Team (Équipe principale de la mise à jour 2040 du plan général de Springfield). À chaque fois que vous créez une initiative, une équipe principale associée est automatiquement créée. Une équipe principale a accès à toutes les données, cartes et applications, ainsi qu’à d’autres types de contenu de votre site. Elle a également la possibilité de mettre à jour le site. Par défaut, vous êtes le seul membre de l’équipe principale. Si vous souhaitez ajouter un autre administrateur du site, vous pouvez l’ajouter à l’équipe principale et lui donner les mêmes autorisations que vous.

   Pour l’instant, vous allez créer une équipe.

7. Sur le ruban, cliquez sur New (Nouveau), puis sur Supporting Team (Équipe secondaire).

   

   La page What kind of supporting team do you want? (Quel type d’équipe secondaire souhaitez-vous ?) apparaît. Vous pouvez donner aux membres de l’équipe un accès en consultation ou en mise à jour.

8. Choisissez Edit Access (Mettre à jour l’accès).
9. Dans le champ Team Name (Nom de l’équipe), saisissez Walking Tour Volunteers (Volontaires de la visite guidée). Cliquez sur Save (Enregistrer).

   Conseil :

   Les noms d’équipe doivent être uniques dans votre organisation. Si le nom souhaité est déjà pris, vous pouvez ajouter votre nom ou vos initiales pour le rendre unique.

   L’équipe est créée. Vous êtes ajouté en tant que membre de l’équipe par défaut. Vous pouvez mettre à jour le profil de l’équipe, ajouter des membres et envoyer des messages à tous les membres.

10. Cliquez sur le bouton Add Members (Ajouter des membres).

    

    La fenêtre Add Members (Ajouter des membres) s’affiche. Vous pouvez ajouter des membres issus de votre organisation, de votre communauté ou du monde entier.

11. Fermez la fenêtre Add Members (Ajouter des membres). Cliquez sur le bouton Message All (Envoyer un message à tous).

    

    La fenêtre Send a message (Envoyer un message) s’ouvre. Dans cette fenêtre, vous pouvez écrire un message qui sera envoyé à tous les membres de votre équipe. Votre équipe ne compte pas encore d’autres membres donc vous n’allez pas envoyer de message ; mais une fois que des volontaires se seront inscrits pour effectuer des visites guidées, vous pourrez leur envoyer des messages concernant le début des visites ou les points d’intérêt que les visites doivent faire découvrir.

12. Fermez la fenêtre Send a message (Envoyer un message). Sur le ruban, cliquez sur Teams (Équipes).

    

    Vous revenez à la liste des équipes, qui comprend désormais l’équipe que vous avez créée.

Enregistrer votre initiative en tant que modèle

Il se peut que d’autres services ou organisations de votre ville souhaitent créer une initiative similaire à la vôtre. Vous allez enregistrer votre initiative en tant que modèle pour que tout le monde puisse utiliser ce que vous avez fait selon ses propres besoins.

1. Sur le ruban, cliquez sur Mise à jour 2040 du plan général de Springfield et sélectionnez Site Home (Accueil du site).

   Vous revenez à l’éditeur de votre initiative. Vous ne pouvez pas enregistrer votre initiative en tant que modèle si elle contient des modifications non publiées. Pour en être sûr, vous allez publier votre initiative une fois de plus.

2. Enregistrez et publiez votre brouillon.
3. Sur le ruban, pointez le curseur sur le bouton More Actions (Plus d’actions) et cliquez sur Save as Template (Enregistrer en tant que modèle).

   

   La fenêtre Bundling your initiative’s templates (Regroupement des modèles de votre initiative) s’affiche. Après quelques minutes, les modèles de votre initiative sont regroupés.

   

   Remarque :

   Si votre initiative inclut du contenu qui n’est pas hébergé dans votre organisation, comme une carte Web ou une enquête que vous n’avez pas créée, vous ne pouvez pas enregistrer votre initiative en tant que modèle.

4. Cliquez sur le bouton Open Template Editor (Ouvrir l’Éditeur de modèles).

   Vous pouvez charger une image miniature, mais cela n’est pas nécessaire. Le titre, le lien et le résumé de votre modèle sont déjà renseignés en fonction des informations de votre initiative.

5. Cliquez sur le bouton Partager.

   

   Vous pouvez indiquer qui a accès au modèle. Vous souhaitez partager ce modèle uniquement avec d’autres services de Springfield ; vous allez donc le partager avec votre organisation.

6. Pour Sharing Level (Niveau de partage), sélectionnez Organization (Organisation).

   La fenêtre Update Sharing (Mettre à jour le partage) peut apparaître. Vous devez partager la totalité du contenu de votre initiative de la même manière que le modèle. Cette fenêtre vous permet de mettre à jour rapidement le niveau de partage de l’autre contenu (comme vos pages, votre enquête ou toute autre carte que vous pouvez ajouter à votre site).

7. Dans la fenêtre Update Sharing (Mettre à jour le partage), cliquez sur Update (Mettre à jour). Dans la fenêtre Successfully Shared Templates (Modèles partagés avec succès), cliquez sur Close (Fermer).
8. Sur le ruban, cliquez sur le bouton Save (Enregistrer).

Vous avez créé et partagé un site sur la mise à jour du plan général de Springfield. Votre site peut également servir de modèle pour les sites d’autres services de la ville ou lors de la prochaine mise à jour. En changeant le niveau de partage, vous pouvez partager votre modèle avec d’autres villes susceptibles de vouloir créer des sites similaires. Votre site est non seulement informatif, mais également interactif ; il aidera votre service à collecter des commentaires concernant les plans futurs.

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

Crédits

• Logo de la ville : créé par l’auteur
• Police Roboto : conçue par Christian Robertson, Google Fonts
• Image de fiche © 2021 Adobe Stock. Tous droits réservés.