From 40b4301502f05f05bb168e21db3a66faf1a6a5f1 Mon Sep 17 00:00:00 2001 From: viglino Date: Thu, 31 Aug 2023 12:17:52 +0200 Subject: [PATCH] [UPD] ch 3.3 --- _includes/head_custom.html | 1 + _sass/custom/custom.scss | 4 ++ annexes/biblio.md | 3 + chap-1/1.2-classification.md | 11 ++-- chap-3/3.2-rediger.md | 4 ++ chap-3/3.3-raconter.md | 106 +++++++++++++++++++++++++++++------ chap-5/chap-5.md | 3 +- 7 files changed, 107 insertions(+), 25 deletions(-) diff --git a/_includes/head_custom.html b/_includes/head_custom.html index a7cbc4b..13967cb 100644 --- a/_includes/head_custom.html +++ b/_includes/head_custom.html @@ -1,3 +1,4 @@ + diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss index b05e62f..9ff274e 100644 --- a/_sass/custom/custom.scss +++ b/_sass/custom/custom.scss @@ -157,6 +157,10 @@ img.fleft { margin: 0.5em 1em 0 0; max-width: 130px; } +h2+img.fleft+h3 { + margin-top: 1em; +} + i.fleft { float: left; line-height: 1em; diff --git a/annexes/biblio.md b/annexes/biblio.md index 860b506..dfde749 100644 --- a/annexes/biblio.md +++ b/annexes/biblio.md @@ -75,6 +75,9 @@ Roger Brunet. La carte-modèle et les chorèmes. Mappemonde 86/4, pp. 2-6. [PDF] ## Omer, 2015 Omer Nadin. Evaluation du potentiel des Storymaps. SGOI 2015. [PDF](https://ise.unige.ch/geomrapport/rapports/CCG2015-RapportDeStage-OmerNadin.pdf) +## Wilke, 2019 +Claus O. Wilke. Fundamentals of Data Visualization. O'Reilly Media, 2019. [PDF](https://clauswilke.com/dataviz/) + # Resources et médias ## Les géographies imaginaires diff --git a/chap-1/1.2-classification.md b/chap-1/1.2-classification.md index 32a7fb8..3b4371a 100644 --- a/chap-1/1.2-classification.md +++ b/chap-1/1.2-classification.md @@ -82,9 +82,8 @@ Elle peut inclure des services pour permettre à l'utilisateur de se localiser ( ## la carte d'inventaire -La carte d'inventaire, présente la localisation de phénomènes bien définis. - - +La carte d'inventaire, présente la localisation de phénomènes bien définis. +Elle permet de décrire un lieu de manière exhaustive dans un cadre défini (touristique, historique, aménagement, etc.). ## la carte de traitement @@ -125,7 +124,7 @@ Il est particulièrement adapté à un récit de voyage, pour présenter la chro Les cartes comparatives permettent d'afficher 2 cartes côte à côte ou en superposition avec un curseur pour révéler la carte en dessous. Ce type de représentation permet ainsi de comparer deux phénomènes sur une même zone ou un même phénomène à deux instants différents. Il a été popularisé en France par le site [Remonter le temps](https://remonterletemps.ign.fr/){:target="_blank"} de l'IGN. -## Les cartes agrégatives +## les cartes agrégatives Afin de mettre en évidence un phénomène spatial, la symbologie graphique ne suffit pas et il faut introduire une modélisation graphique supplémentaire pour **servir efficacement à l'interprétation** et à la représentation des espaces, **distributions et dynamiques géographiques**. Généralement, les données initiales vont être agrégées (ou réparties) dans ce modèle. @@ -148,7 +147,7 @@ Parmi ceux-ci on trouve des collecteurs (carroyage ou maillage du territoire) qu > {: .right } > [Brunet, 1986](https://viglino.github.io/Macarte-MI/annexes/biblio#brunet-1986) -## Les cartes de flux +## les cartes de flux Une carte de flux est un type de carte thématique qui utilise des symboles linéaires pour représenter le mouvement (personnes, trafic routier, marchandises, eau, idées, télécommunications). @@ -159,7 +158,7 @@ Lorsque le flux est orienté, une flèche peut venir indiquer le sens du mouveme ![](https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Minard.png/800px-Minard.png) Carte figurative des pertes successives en hommes de l'armée française dans la campagne de Russie 1812-1813, [Charles Minard, 1869](https://fr.wikipedia.org/wiki/Carte_figurative_des_pertes_successives_en_hommes_de_l%27arm%C3%A9e_fran%C3%A7aise_dans_la_campagne_de_Russie_1812-1813) -## Les cartes en temps réel +## les cartes en temps réel L'avènement de l'informatique et du Géoweb permet d'inclure dans les cartes des données dynamique mises à jour en temps réel (ou quasi réel). diff --git a/chap-3/3.2-rediger.md b/chap-3/3.2-rediger.md index 7170ee0..658a742 100644 --- a/chap-3/3.2-rediger.md +++ b/chap-3/3.2-rediger.md @@ -37,6 +37,10 @@ Si vous avez des [données attributaires](../chap-2/2.3-donnees.html#les-donnée Une fois les données récupérées, vous devrez les structurer pour qu'elles "collent" à vos besoins. Il vous faudra parfois les enrichir ou au contraire filter l'information qui vous intéresse, croiser les données entre elles, les organiser, les hiérarchiser. + +{: .note } +Si le contenu principale est la géo-données pensez aussi aux autres types de données qui viendront agrémenter le discourt (vidéos, photos ou texte) et la façon de les lier à la donnée. + Les données devront être réparties en couche en fonction des traitements que vous voulez permettre ou simplement pour faciliter leur visualisation. Définissez ici les interactions entre les données et entre les couches. Vous devrez élaborer les spécifications de votre carte. diff --git a/chap-3/3.3-raconter.md b/chap-3/3.3-raconter.md index 8ad501f..9260f54 100644 --- a/chap-3/3.3-raconter.md +++ b/chap-3/3.3-raconter.md @@ -18,53 +18,123 @@ Pour le guider, les outils modernes de cartographie narrative (storymap en angla La carte devient interactive, attractive. +## Un bon récit -Introduction / Developpement / Conclusion -copyright / attribution / remerciement etc +{: .quote } +> Pour faire un film, premièrement, une bonne histoire, deuxièmement, une bonne histoire, troisièmement, une bonne histoire. +> +> {: .right } +> Henri-Georges Clouzot -## Personnaliser sa mise en page / couleurs +Comme pour un film un récit cartographique c'est d'abord **une bonne histoire**. -choisir la narration qui convient le mieux au récit voulu. -Bulle / volet -Une ou plusieurs cartes (comparaison) -Titre / logo -description +Il va donc falloir construire votre récit, c'est-à-dire l'ordonnée selon le phénomène observé, les faits, le temps, l'espace, une logique... +Classiquement, ont utilise une introduction, un développement divisé en petits paragraphes selon le sujet et une conclusion. -## Choisir sa narration +### L'introduction + +L'introduction doit être accrocheuse pour capter l'intérêt du lecteur. +Elle introduit le sujet ou le contexte et peut indiquer le fonctionnement de la narration. + +Sur une carte, elle ne sera pas toujours affichée mais il est cependant important que vous l'ayez en tête avant de commencer. +En particulier penser à : +* clarifier le sujet, par exemple en le formulant sous forme interrogative, +* noter les idées (mots clés, dates, personnages, lieux…) +* rédiger un plan + +L'introduction, quand elle est présentée à l'utilisateur, va s'afficher dans la première étape ou dans un dialogue à l'ouverture de la carte. + +### Le développement + +Le développement est le cœur de votre narration. +Chaque paragraphe devrait développer un point ou une idée spécifique en lien avec le sujet principal. + +Sur une carte, on n'aura pas forcément de paragraphe à proprement parlé mais des fonctionnalités proposées au lecteur qu'il pourra parcourir à sa guise (c'est le [héros de la carte](https://viglino.github.io/Macarte-MI/chap-3/3.1-heros.html#la-carte-dont-vous-%C3%AAtes-le-h%C3%A9ros)). Ainsi pour un simple plan de localisation, on aura la ou les localisation qu'on veut mettre en avant (notre données), des outils pour permettre à l'utilisateur de se localiser et des informations pour se rendre sur cette localisation (comment s'y rendre) ou pour rechercher la données pertinente (où se trouve tel service ?). + +Pour d'autre carte (modèle étape) la narration est plus linéaire et oblige le lecteur à suivre le plan qu'on lui impose. + +N'hésitez pas à rédiger sur une feuille le plan et les différents paragraphes de votre histoire. +Pour une carte, il doit être court et précis, le choix des mots et la construction des phrases doit donner envie à l'internaute de lire et de se plonger dans l'histoire. + +### La conclusion + +Trop souvent négligée, vous devez toujours avoir à l'esprit la conclusion de votre histoire puisque c'est, au final, le message que vous voulez faire passer à voter lecteur. +Elle doit présenter la fin de l'histoire ou le bilan (ce que l'on en retire). Elle ne sera pas toujours formalisée dans la carte finale mais doit s'imposer, de manière plus ou moins implicite, au lecteur qui devra dans ce cas la déduire de lui-même. + +Votre carte incluant des données que vous avez potentiellement récolté dans différents endroit, pensez à bien noter les attributions (copyright éventuels) ou les remerciements. + +## Choisir sa narration + +Ma carte propose différents **modèles de narration** proposant chacun une expérience interactive différente. +Suivant que vous voulez afficher une carte simple, placer les informations dans une bulle sur la carte ou dans un volet, afficher des photos, raconter une histoire pas à pas ou comparer deux cartes côte à côtes, vous devrez choisir la narration qui convient le mieux à voter récit. ![](/Macarte-MI/assets/img/ch3.3-story-standard.png){: .fleft } -Le mode standard présente une carte via une interface utilisateur simplifiée. +### Modèle standard +Ce mode présente une carte via une interface utilisateur simplifiée. A l'exception de la barre de titre et d'une légende facultative, la carte remplit l'écran. -Une bulle s’affiche lors du clic ou du survol d’un objet. Idéal pour une présentation simple et rapide de votre carte en plein écran. +Une bulle s'affiche lors du clic ou du survol d'un objet. + +{: .idea } Idéal pour une présentation simple et rapide de votre carte en plein écran. ![](/Macarte-MI/assets/img/ch3.3-story-volet.png){: .fleft } -Le mode volet présente une carte avec des descriptifs importants, inadaptés à un affichage dans une bulle. Les informations -sur les objets s’affichent dans un volet latéral (gauche ou droit). Idéal pour une carte où le contenu est important. +### Le Modèle volet +Ce modèle présente une carte avec des descriptifs importants, inadaptés à un affichage dans une bulle. Les informations +sur les objets s'affichent dans un volet latéral (gauche ou droit). +{: .idea } Idéal pour une carte où le contenu est important. ![](/Macarte-MI/assets/img/ch3.3-story-photo.png){: .fleft } -Le mode photo est identique au mode volet, mais ajoute un bandeau en bas de la carte pour afficher les photos -présentes sur la carte. Les informations sur les objets s’affichent dans un volet latéral. Idéal pour présenter une carte avec des photos. +### Modèle photo +Il est identique au modèle volet, mais ajoute un bandeau en bas de la carte pour afficher les photos +présentes sur la carte. Les informations sur les objets s'affichent dans un volet latéral. +{: .idea } Idéal pour présenter une carte avec des photos. ![](/Macarte-MI/assets/img/ch3.3-story-diapo.png){: .fleft } +### Modèle diapo +Comme pour modèle photo, un bandeau d'images vient s'ajouter en bas de la carte mais au lieu d'afficher la photo dans un volet, elle s'affiche en plein écran. +Il est possible de lancer un diaporama qui affiche les photos parmi les objets présents sur la carte. +{: .idea } Idéal pour présenter vos photos de vacances. ![](/Macarte-MI/assets/img/ch3.3-story-etape.png){: .fleft } +### Modèle étapes +Ce modèle permet de créer un parcours constitué de différentes étapes. +Chaque étape est définie par un niveau de zoom, le centrage de la carte et des couches visibles ainsi que par une description de l'étape. +{: .idea } Idéal pour présenter un parcourt sur une carte et guider l'utilisateur le long de celui-ci. ![](/Macarte-MI/assets/img/ch3.3-story-onglet.png){: .fleft } +### Modèle onglets +Ce modèle permet d'afficher plusieurs cartes dans des onglets séparé. +Les onglets peuvent être synchronisés pour afficher la même zone de la carte. Chaque carte dans un onglet peut être elle-même une carte narrative (mais pas une carte à onglets). +{: .idea } Idéal pour présenter différentes facettes d'un phénomène. ![](/Macarte-MI/assets/img/ch3.3-story-compare.png){: .fleft } +### Modèle comparaison +Dans ce modèle on affiche deux carte en fac à face pour permettre leur comparaison. +Il intègre un mode superposition qui permet de découvrir le contenu d'une carte sous l'autre carte à comparer et un mode loupe. +{: .idea } Idéal pour observer l'évolution d'un territoire : urbanisation (extension des zones urbaines, villes nouvelles, grands aménagements industriels...), modification des espaces naturels (zones littorale...), évolution des voies de communication (réseau routier…). + ![](/Macarte-MI/assets/img/ch3.3-story-differentiel.png){: .fleft } +### Modèle différentiel +Il permet de sélectionner deux objets à comparer sur une carte. Leurs fiches s'affichent alors côte à côte pour permettre la comparaison des attributs de chaque objet. +{: .idea } Idéal pour comparer deux territoires ou l'évolution d'un phénomène de manière chiffrée . + +## Personnaliser sa mise en page + +Pour chaque modèle, vous pourrez personnaliser le rendu de votre narration. +Vous pouvez ainsi définir un titre et ajouter un logo à votre page. +Vous pouvez également ajouter une description qui va en fait correspondre à votre introduction puisque, dans la plupart des modèle, cette description va s'afficher dans un dialogue à l'ouverture de la carte (sauf pour le modèle étape ou l'introduction sera placée dans la première étape). +En matière de personnalisation, Ma carte permet aussi de modifier les couleurs (le thème, couleur du fond, du texte) de la présentation et la façon dont les bulles vont s'afficher sur la carte. -## Interagir avec la carte +## Interagir avec la carte {: .bright .small } ![](/Macarte-MI/assets/img/ch3.3-donjon.png) La Carte majeure, Joann Sfar, Andreas © Delcourt - * Les bulles / volets - * Les outils +* Les bulles / volets +* Les outils # Publier / référencer sa carte diff --git a/chap-5/chap-5.md b/chap-5/chap-5.md index 7361c9c..05f7839 100644 --- a/chap-5/chap-5.md +++ b/chap-5/chap-5.md @@ -20,7 +20,8 @@ Stéphanodrome par Augustin Estienne, 1844 - [Gallica BnF](https://gallica.bnf.f > {: .right } > Herman Melville, Moby-Dick (1851). -Si comme le dit Joseph Joubert « La parole entraîne, l’exemple enseigne », cette section présente quelques cartes et la manière de les reproduire. +Si comme le dit Joseph Joubert « La parole entraîne, l'exemple enseigne », cette section présente quelques cartes et la manière de les reproduire. +* Une carte de voyage (Nautilus) * Une carte comme l'INSEE * Faire une carte bivariée