Faites vôtre le modèle de Hub
Le modèle OneMap offre un moyen rapide de prendre le Hub en main et est conçu pour vous aider à penser comment y organiser au mieux vos données. Le modèle, visible ici, fournit les bases de la conception de votre Hub, que vous pouvez ensuite personnaliser en fonction de votre organisation, en ajoutant vos propres style et imagerie. Vous allez accéder à ArcGIS Hub à partir des applications ArcGIS Online.
Remarque :
Tout au long de ce didacticiel, le terme OneMap sera utilisé comme terme substituable à la marque SIG de votre entreprise : Ireland GeoHive, NC OneMap, IndianaMap, HIFLD Open Data et UAE 1Map, par exemple.
Créer votre initiative de Hub
Pour commencer, vous allez créer une initiative de Hub à partir du modèle de Hub OneMap.
- 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.
- Sur le ruban, à côté de votre nom d’utilisateur, cliquez sur le bouton Apps (Applications) pour développer la liste des applications disponibles.
- Cliquez sur le bouton Hub.
La page Hub Overview (Vue d’ensemble d’ArcGIS Hub) s’affiche. Elle recense les initiatives, le contenu et les membres de la communauté. Vous allez créer une initiative que vous personnaliserez ensuite.
- Sur le ruban, cliquez sur New (Nouveau), puis sélectionnez Initiative.
Certaines options s’affichent sur votre écran. Elles vous permettent de donner un nom à votre initiative ou de parcourir les modèles. Vous allez choisir le modèle à utiliser.
Remarque :
Les initiatives sont une entité ArcGIS Hub Premium. Si vous ne voyez pas l’option Initiative (Initiative), vérifiez votre niveau de licence pour ArcGIS Hub, ainsi que vos privilèges, avec votre administrateur.
- Cliquez sur Browse Templates (Parcourir les modèles).
Vous allez filtrer la recherche des modèles disponibles pour en affiner les résultats.
- Sous Published By (Publier par), cochez la case Esri.
- Sous Templates (Modèles), dans la zone de recherche, saisissez onemap et appuyez sur la touche Entrée.
L’initiative OneMap apparaît.
- Cliquez sur Activate Template (Activer le modèle).
Vous devez maintenant nommer votre initiative. Réfléchissez à la façon dont les gens vont rechercher ce site et choisissez un nom qui reflète bien votre organisation.
- Dans le champ Give Your Initiative a Name (Nommer votre initiative), saisissez le nom que vous avez choisi et cliquez sur Go (OK).
L’activation de l’initiative prend environ une minute. Pendant ce temps, un site est configuré avec une page d’accueil et plusieurs autres pages, sélectionnées pour être les plus utilisées par les portails de partage de données dans le monde.
Il s’agit notamment des pages suivantes :
- Home (Accueil) : page de destination qui se distingue des autres et aide les visiteurs à comprendre rapidement votre zone de compétences.
- About (À propos) : page qui présente la vision de votre organisation et ses objectifs. Vous pouvez également y inclure une façon de vous contacter.
- Contributors (Contributeurs) : page qui met en lumière les services, organismes ou autres organisations qui fournissent des données à votre site. Vous pouvez la configurer de sorte à filtrer les données disponibles par contributeur et y ajouter des liens vers les pages de ces derniers.
- Open Data : page depuis laquelle les visiteurs de votre site peuvent rechercher et parcourir toutes les données que vous avez organisées dans votre Hub.
- Foundation Data (Données de base) : page qui aident à comprendre la valeur de votre fondement. Contextualisez vos données en prenant soin de réfléchir au point où elles s’insèrent dans le processus de prise de décision et en leur attribuant des thèmes et des catégories. Pour des exemples généraux sur la façon de faire, reportez-vous aux Guides essentiels pour les administrateurs de OneMap. Vous pouvez effectuer des copies de la page Foundation Data (Données de base) pour refléter chaque thème de données que votre organisation identifie.
- Learn (Apprendre) : apprenez aux autres comment utiliser les données que vous fournissez. Y a -t-il des choses en particulier qu’ils devraient savoir ? Vous pouvez également mettre ici des liens vers des guides techniques SIG.
- Featured Topics (Rubriques à la une) : partagez ici les données par rubrique. Les rubriques pertinentes pour votre organisation peuvent être différentes des thèmes répertoriés dans les données de base. Par exemple, une rubrique sur le changement climatique peut héberger à la fois le thème Données d’infrastructure et le thème Données environnementales.
Pendant que la configuration de votre site OneMap est en cours, prenez le temps de réfléchir à la façon dont vous allez le faire vôtre. Nous conseillons de commencer avec une image qui représente votre organisation.
Rechercher une image de bannière pour la page d’accueil
Maintenant que vous avez créé l’initiative de Hub, vous allez personnaliser l’image de bannière de la page d’accueil pour qu’elle corresponde à votre organisation et reflète l’objectif visé par le Hub. Vous allez rechercher sur votre site d’images préféré une image libre de droits et la télécharger pour l’utiliser dans l’initiative Hub.
- Fermez la fenêtre Get Started (Prise en main).
- Ouvrez un onglet de navigateur Web et accédez à votre site d’images préféré, par exemple, Unsplash.
- Dans la zone de recherche, saisissez un terme, par exemple, cartographie et appuyez sur Entrée.
- Choisissez une image qui vous plaît et cliquez dessus pour l’agrandir.
- Téléchargez l’image vers un emplacement de votre ordinateur à l’aide des options du site.
Remarque :
Vous pouvez utiliser une image que vous sélectionnez sur un site Web ou dont vous disposez. Dans les deux cas, vérifiez que vous disposez de l’autorisation d’utilisation sur cette image. Le didacticiel va utiliser la carte du monde en aquarelle.
- Une fois le téléchargement terminé, revenez à l’image dans l’onglet du navigateur.
Avant de quitter l’image, vous allez utiliser un sélecteur de couleur pour récupérer certaines couleurs de l’image. Cela va vous aider à personnaliser votre site. Votre organisation dispose peut-être déjà des couleurs qu’elle souhaite utiliser. Peu importe les couleurs que vous choisissez, vous avez besoin du code hexadécimal de la couleur pour mettre à jour le site. Le code hexadécimal est l’une des manières d’identifier une couleur spécifique.
Dans cet exemple, vous allez utiliser un plug-in Chrome nommé ColorZilla pour récupérer les couleurs de l’image que vous avez sélectionnée et en rechercher le code hexadécimal.
- Ouvrez un onglet du navigateur Web Google Google et recherchez ColorZilla.
- Cliquez sur le premier résultat, puis sur ColorZilla pour Chrome et Firefox. Cliquez sur Installer ColorZilla, Ajouter à Google Chrome, puis sur Ajouter l’extension.
- À droite de la barre d’adresse, cliquez sur le bouton Extensions, puis sur ColorZilla.
Vous pouvez à présent sélectionner une option dans le menu ColorZilla pour identifier le code hexadécimal des couleurs dans le contenu de la page Chrome actuelle ou dans un contenu en dehors du navigateur Chrome.
- Sélectionnez Pick Color Outside Browser. Placez le curseur sur l’image et cliquez dessus pour voir comment le code hexadécimal s’affiche.
Cliquez sur plusieurs zones de l’image sélectionnée pour récupérer différentes couleurs et enregistrer leur code hexadécimal. Notez que les codes hexadécimaux commencent par le symbole #. Ce didacticiel utilise trois codes hexadécimaux : #7CA8AF, #014165 et #7A8082.
- Retournez au site Hub.
Une fois lancé, le site est en mode de mise à jour.
Le mode mise à jour est identifiable par l’affichage des options de menu de personnalisation du Hub sur le côté.
Remarque :
Si vous n’êtes pas en mode mise à jour, cliquez sur le bouton de mise à jour tout à gauche de la page pour commencer la mise à jour.
- Placez le curseur sur l’image en haut de la page d’accueil pour faire apparaître le menu. Dans le menu, cliquez sur le bouton de mise à jour pour modifier l’image.
- Dans le volet Layout Row (Ligne de mise en page), sous Appearance (Apparence), pour Background Image (Image d’arrière-plan), cliquez sur Upload (Charger) et sélectionnez l’image que vous avez téléchargée.
L’image est mise à jour sur la page principale.
- Placez le curseur sur le texte Our OneMap (Notre OneMap) et cliquez sur le bouton de mise à jour.
- Changez le texte pour qu’il reflète le nom de votre organisation et supprimez ainsi le texte générique OneMap.
Vous avez mis et jour la première image et le texte que les gens verront lorsqu’ils visiteront le site.
Modifier le thème du Hub
Vous allez maintenant mettre à jour le thème de la page. Le thème fait référence aux couleurs des éléments, du texte et des boutons sur tout le site.
- Sur la première page du site Hub, dans le volet latéral, cliquez sur la flèche de retour jusqu’à voir apparaître Customize (Personnaliser).
- Sous Customize (Personnaliser), cliquez sur Theme (Thème).
Pour personnaliser le thème du Hub, vous allez saisir les différentes couleurs que vous avez extraites de l’image de la page d’accueil.
- Dans la fenêtre Theme (Thème), définissez vos couleurs sélectionnées ou utilisez les paramètres suivants :
- Dans le champ Global Nav Background Color (Couleur d’arrière-plan de la navigation globale), saisissez ou copiez-collez #7ca8af.
- Dans le champ Global Nav Text Color (Couleur de texte de la navigation globale), saisissez #7a8082.
- Dans le champ Header Background Color (Couleur d’arrière-plan de l’en-tête), saisissez #014165.
- Dans le champ Body Link Color (Couleur du lien du corps), saisissez #014165.
- Sur le ruban, cliquez sur Enregistrer.
- Dans le volet Theme (Thème), cliquez sur la flèche de retour Customize (Personnaliser).
- Dans le volet Customize (Personnaliser), cliquez sur Header (En-tête).
Un en-tête apparaît dans la partie supérieure de votre site (sous la barre de navigation globale) et dans toutes les pages et vues relatives au site. L’en-tête contient le titre, le logo et les liens de menu de votre site.
Dans la section Header (En-tête), vous pouvez mettre à jour le logo qui s’affiche en haut de la page en copiant, puis en collant l’URL de l’image ou en téléchargeant une image que vous avez déjà. La taille d’une image téléchargée doit être inférieure à 3 Mo.
- Si vous disposez d’un fichier ou d’une URL d’image à télécharger, ajoutez cet élément maintenant.
Vous pouvez également conserver le logo fourni dans le modèle.
Le site Hub reflète désormais le thème général de votre organisation.
Vous avez créé un site Hub à partir du modèle OneMap, modifié son thème et ajouté une image à sa page d’accueil qui correspond au style et à la marque de votre organisation. Vous allez maintenant ajouter du contenu à la page d’accueil.
Améliorer votre site Web en ajoutant du contenu
Vous êtes maintenant prêt à améliorer votre site Hub en y ajoutant du contenu. Le Hub est un espace collaboratif et le contenu est ce qui lui donne de la valeur aux yeux de vos partenaires et de la communauté SIG.
Ajouter du contenu à une section du Hub
Vous allez maintenant modifier la section Make an impact (Faire la différence) du Hub. Cette partie de votre site est parfaite pour partager les cas de réussite qui prouvent la valeur de vos efforts. Par exemple, vous pouvez ajouter des fiches comprenant des liens vers des récits, des applications ou des initiatives participatives vous concernant vous et vos partenaires.
- Faites défiler la première page de votre site jusqu'à la section Make an impact (Faire la différence).
- Positionnez le curseur sur la zone contenant plusieurs applications et cliquez sur le bouton Edit (Modifier).
La fenêtre Layout Gallery (Bibliothèque de mises en page) apparaît.
Ce panneau propose deux moyens de sélectionner les éléments à partager : Dynamic (Dynamique) (référencement de contenu à partir d’un groupe) ou Manual (Manuel). Dans les deux cas, le contenu affiché provient de votre organisation ArcGIS Online. Vous pouvez inscrire d'autres applications de votre organisation ou en référencer d'autres que vous avez créées. Vérifiez que les éléments sont partagés correctement afin que votre public puisse les voir.
- Cliquez sur Manual (Manuel).
La Gallery (Bibliothèque) du modèle OneMap est alimentée avec sept applications. Vous allez en ajouter quelque-unes de plus.
- Dans le volet Content (Contenu), cliquez sur Select Content (Sélectionner du contenu).
La fenêtre Add Content (Ajouter du contenu) s'affiche. Vous pouvez filtrer les emplacements source et les types de contenu.
Remarque :
Les applications affichées dans la fenêtre peuvent être différentes de l'illustration.
- Ajoutez des éléments de votre organisation.
Les éléments sont ajoutés dans la bibliothèque sous ceux existants. Vous pouvez supprimer des éléments et les réorganiser dans la fenêtre Gallery (Bibliothèque) à l’aide des boutons Remove Content (Supprimer du contenu) et Sort Content (Trier le contenu).
Mettre en lumière des partenaires au moyen d'un composant personnalisé
Avec seulement quelques aptitudes basiques en développement, vous pouvez créer des composants personnalisés pour votre site OneMap. En bas de la première page, un composant personnalisé permet de répertorier vos partenaires. Les partenaires peuvent être des fournisseurs de données, des consommateurs de données, des investisseurs et des mécènes. Faire la promotion de vos partenaires est un bon moyen de reconnaître l'importance de leur rôle et de payer de retour les avantages de leur participation.
- Faites défiler la première page du Hub tout en bas, jusqu'à la section Our Partners (Nos partenaires).
Dans le modèle OneMap, des exemples de logo de partenaire ne sont pas encore liés à des sites Web. Vous allez maintenant découvrir comment modifier les logos et définir les liens.
- Pour afficher le code HTML, cliquez sur la ligne des applications.
- Cliquez sur </>Edit in HTML (Mettre à jour dans le HTML).
La fenêtre HTML apparaît. Le HTML affiché en haut détermine le style ; par exemple, on voit dans la balise <style> que le défilement est activé.
Sous <div class=”scrollmenu”>, remarquez la liste des éléments. Ce sont ceux qui s'affichent dans la bibliothèque Our Partners (Nos partenaires).
Notez bien le texte href=”#” et img src =.
Dans HTML, href fait référence à un lien. Vous allez remplacer le symbole # qui suit href par le lien vers le site Web d'un partenaire.
Img src désigne l’URL d’une image qui indique qui est le partenaire. Il peut s’agir d'une image de son logo ou d’une image de sa création. Si vous avez des images hébergées, elles peuvent être référencées ici. Si vous n'avez pas d'endroit où héberger des images, vous pouvez les télécharger dans ArcGIS Online.
Remarque :
Si vous n’avez pas d’image, vous pouvez utiliser n’importe quelle image du Web pour laquelle vous disposez d’une autorisation. Cliquez avec le bouton droit sur l’image et sélectionnez Copier le lien de l’image pour capturer l’URL de l’image, ou sélectionnez Enregistrer l’image sous... pour télécharger l’image.
- Remplacez éventuellement un ou plusieurs # par vos propres liens de partenaire et mettez à jour la source de l’image avec vos logos ou images de partenaire.
Ce didacticiel met à jour le lien de la première image fournie.
- Remplacez le premier #, à la ligne 24, par www.esri.com.
Le lien du premier logo est ainsi défini sur la page d’accueil d’Esri.
- Cliquez sur Apply (Appliquer) pour enregistrer vos modifications dans la bibliothèque Our Partners (Nos partenaires). Sur le ruban, cliquez sur Enregistrer.
Vous venez de mettre en lumière certains de vos partenaires sur votre site Hub.
Mettre à jour une page dans le modèle Hub
Maintenant que vous avez mis votre première page à jour, vous allez gérer les autres pages du modèle OneMap. Ce modèle comporte plusieurs pages que vous pouvez personnaliser à l'aide de fonctionnalités prêtes à l'emploi, sans code ou avec peu de code. Vous pouvez aussi représenter différentes rubriques ou thèmes du site par plusieurs pages. Vous allez faire une copie de la page OneMap Foundation Data (Données de base de OneMap).
- Dans le volet Customize (Personnaliser), cliquez sur le bouton du nombre de pages (6 pour ce Hub).
- Cliquez sur la page OneMap Foundation Data (Données de base de OneMap) pour l’ouvrir.
Une page s’ouvre avec le titre Transportation Data (Données sur les transports).
- Sur le ruban, cliquez sur le bouton Options et sélectionnez Clone Layout (Cloner la mise en page). Si vous êtes invité à publier le site, cliquez sur Publish (Publier).
Une fois le clonage terminé, la page est copiée avec toutes les modifications que vous avez appliquées jusqu’ici. La page clonée va être copiée à partir de la page précédente en ajoutant _1 (et les chiffres suivants si elle est copiée plusieurs fois).
- Sur le ruban, cliquez sur Pages.
La page clonée est répertoriée avec les autres pages.
Maintenant que vous avez cloné la page OneMap Foundation Data (Données de base de OneMap), vous allez lui donner un nom unique et une URL qui peut être recherchée et trouvée.
- Cliquez sur la page clonée pour l’ouvrir, puis cliquez sur Page Info (Infos sur la page).
- Pour Page Info (Infos sur la page), saisissez un nom unique. Dans cet exemple, nous utiliserons le nom Transportation data (Données de transport).
Vous allez ensuite modifier l’URL de la page afin qu’elle corresponde au nom de la nouvelle page.
- Cliquez sur Edit URL Settings (Modifier les paramètres d’URL) et saisissez le nom de votre page.
Le texte court de la page est celui qui termine l’URL de la page. Il est donc important de le modifier une fois le nom de la page mis à jour.
- Dans la fenêtre Edit Page URL (Modifier l’URL de la page), cliquez sur Save (Enregistrer). Sur le ruban, cliquez sur Save (Enregistrer) pour enregistrer la page.
Conseil :
Cliquez sur la flèche de la liste déroulante en regard de Save (Enregistrer) pour afficher les options permettant de prévisualiser ou de publier le site.
Chaque composant, y compris l’intitulé et l’image de héros (grande image placée dans la partie supérieure d’une page Web) de la page OneMap Foundation Data (Données de base de OneMap), peut être modifié de la même manière que la page principale. En explorant la page OneMap Foundation Data (Données de base de OneMap), réfléchissez aux éléments que vous pourriez modifier pour mettre en avant non seulement votre organisation, mais le thème des données lui-même. Par exemple, vous pouvez choisir de mettre à jour les statistiques sur les données de votre page. Vous pouvez aussi choisir de modifier la bibliothèque en ajoutant des applications pertinentes ou d'autres sites qui donnent du contexte à votre thème.
Vous avez modifié le modèle OneMap pour le faire vôtre. Vous avez mis à jour l’image de la page d'accueil, modifié le thème du Hub et cloné une page. Vous pouvez utiliser ce que vous venez d’apprendre pour modifier les pages restantes du Hub afin de les mettre en adéquation avec le style de votre organisation et de ses partenaires.
