Introduction au logiciel de cartographie thématique Magrit

## Démo

<p class="ta-left"><b>Données</b></p>

- [Découpage des quartiers de Paris (GeoJSON)](data/demo/quartier_paris.geojson)

- [Données de Population (CSV)](data/demo/quartier_paris_pop.csv)

<br>

<p class="ta-left"><b>Objectif</b></p>

- Importer et joindre les données

- Calculer un nouveau champ

- Combiner plusieurs représentations

- Exporter la carte

<aside class="notes">
					📝
					<ul>
					<li>Ajout geojson</li>
					<li>Choix Lambert 93</li>
					<li>Ajout CSV données + jointures</li>
					<li>Représentation Symbols proportionnels sur champ population 2012</li>
					<li>Calcul champ densité_pop_2012</li>
					<li>Représentation choroplèthe sur densité pop 2012</li>
					<li>Modification de la légende pour layout horizontal</li>
					<li>Représentation anamorphose, puis la cacher</li>
					<li>Ajout d'éléments d'habillage : échelle et nord</li>
					<li>Ajout d'un titre</li>
					<li>Export en SVG</li>
					<li>Montrer export en geojson du résultat de l'anamorphose ?</li>
					</ul>
				</aside>

## Exercice 1

- **Objectifs** : Porter une analyse critique sur une carte existante puis chercher à la reproduire avec Magrit

<div class="ta-left"><p><b>Source de données pour les fonds de carte à l'échelle du globe</b> :</p>

- http://naturalearthdata.com/ (trouver le bon fond de carte : niveau de détails, présence des 50 pays concernés par le jeu de données, etc.)
				
				<br><br><img src="images/screenshot-wikipedia_uefa.png" style="float: right; width: 320px;"/>

<p><b>Données des victoires par pays</b> :</p>

- [data_uefa.csv](data/ex1/data_uefa_2023.csv)

<div style="width: 50%;"><small>Source: <a href="https://fr.wikipedia.org/wiki/Ligue_des_champions_de_l%27UEFA">Wikipedia - Ligue des champions de l'UEFA</a></small></div>

</div>

### Exemple de résultat

## Exercice 2

- **Objectif thématique** : Faire une carte de l'évolution 1968-2019 de la population de France Métropolitaine

- **Objectifs techniques** :  Réaliser une carte choroplèthe, choisir une méthode de discrétisation et une palette de couleurs adaptée.

- **Données** :

- Fond de carte des départements (disponible dans Magrit)

- Données de population par département (source: INSEE) - https://www.insee.fr/fr/statistiques/1893204

</div>
				
				--

### Étapes à suivre

- **Étape 1** : Calculer la variable à représenter à partir du tableur de l'INSEE et exporter la table en CSV

- **Étape 2** : Importer les données CSV dans Magrit

- **Étape 3** : Importer le fond de carte des départements de France Métropolitaine dans Magrit

- **Étape 4** : Faire les bons choix de sémiologie et d'habillage jusqu'à l'obtention d'une carte finalisée

</div>

### Exemple de résultat
				
				<img src="./images/evo-pop-fr-metropolitaine.png" style="width: 650px; background-color: white;">

## Exercice 3

- **Objectif thématique** : Analyser la structure de l'emploi dans la région Hauts-de-France en 2014.

- **Objectifs techniques** : Combiner plusieurs modes de représentation sur une même carte et mettre en œuvre des représentation cartographiques avancées

- **Données** :

- [Fond de carte des communes de la région Hauts-de-France](data/ex3/Communes_Region.zip) (source : IGN)

- [Fond de carte des départements de la région Hauts-de-France](data/ex3/departements.zip) (source : IGN)

- [Structure de la population active de 25 à 54 ans par commune](data/ex3/Region_CSP.csv) (source : INSEE)

<small><i>NB : les données ont été mises en forme avec R pour être importées dans Magrit (extrait des communes des Hauts-de-France et calcul des ratios et de la catégorie dominante)</i></small>

</div>
				--

<div class="light-small">
				
				### Étapes à suivre

- **Étape 1** : Importer toutes les données dans Magrit et réaliser la jointure

- **Étape 2** : Choisir la ou les représentations appropriées

- **Étape 3** : Habiller la carte _(choix d'un titre, modification des légendes, ajout de labels, ajout du nom de l'auteur et des sources, d'un logo, etc.)_

- **Étape 4** : Exporter la carte _(SVG ou PNG)_

</div>

### Exemple de résultat

## Options pour l'habillage de la carte

### Ajouter une ombre à une couche

### Aligner précisément les éléments d'habillage

<h3 style="display:none;">Aligner précisément les éléments d'habillage (suite)</h3>
				<img src="images/alignement1.png">

<h3 style="display:none;">Aligner précisément les éléments d'habillage (suite)</h3>

Après activation de la fonctionnalité, des guides rouges apparaissent lors du déplacement des éléments pour guider leur
				alignement les uns par rapport aux autres (*"à la Powerpoint"*)

<h3 style="display:none;">Aligner précisément les éléments d'habillage (suite)</h3>

<h3 style="display:none;">Aligner précisément les éléments d'habillage (suite)</h3>

### Ajouter un contour autour du texte

<small><em>Pour améliorer la lisibilité de certains textes<br>(sur un fond sombre, lors du chevauchement de certaines portions du fond de carte, etc.).</em></small>

<small class="fragment"><em>Disponible sur l'élément "titre", sur l'élément "annotation de texte" et sur les couches de labels.</em></small>

## Installer Magrit ?
				
				- Pour l'utiliser sans internet

- Pour traiter des données sensibles en local

- Pour bénéficier de meilleures performances

- L'installer sur un *Raspberry Pi* pour enseigner la cartographie à une classe sans accès au Web ?

### Installer Magrit avec Docker

- **Compatibilité** : Tous les OS qui supportent Docker (Windows, Mac, Linux, etc.)

- **Prérequis** : Docker installé sur votre machine

### Installer Magrit avec Docker (suite)

- **En ligne de commande (option 1)** : <br>

- Lors de la première utilisation (téléchargement de l'image et démarrage) :

docker run -d -p "9999:9999" --name magrit magrit/magrit

- Pour l'arrêter :

docker stop magrit

- Pour le redémarrer :

docker start magrit

### Installer Magrit avec Docker (suite)

- **En utilisant le GUI Docker Desktop (option 2)** :

<img src="images/docker-desktop-ui.png" style="width: 800px"/>
				--

<small>*Chercher "Magrit" dans la barre de recherche, sélectionner l'image __magrit/magrit__ et cliquer sur __Pull__*.</small>

<small>*Dans le menu __Images__, cliquer sur le bouton* ▶️ *de l'image __magrit/magrit__*.</small>

<small>*Renseigner le port sur lequel l'application doit être exposée (par exemple 9999)*.</small>

### Accéder à Magrit...

😎 **_Simplement en ouvrant votre navigateur à l'adresse http://localhost:9999/_**

<br>

*Il est ensuite possible de stopper ou de redémarrer l'application depuis le menu __Containers__ de Docker Desktop.*