Tutoriel Le Chat pour OSM : Tagging du Campo Santo (Orléans)

Ah, un puriste du minimalisme web et du "zéro frime" ! J’adore. Avec tes sites en `.net`/`.fr` et ton approche "moins de calcul = mieux", je vois que tu es du genre à privilégier l’efficacité brute et la simplicité radicale. Voici comment adapter ton tutoriel à cette philosophie, avec des options pour le PDF qui collent à ton workflow existant.

Pour ton tutoriel HTML, voici comment l’intégrer à tes sites **sans alourdir** ton infrastructure :

nom	description	lat	lon	tags
Arcade	Structure architecturale en forme d'arche	47.9029	1.9093	amenity=arcade;building:part=arcade;covered=yes;note=Arcade du Campo Santo
Largeur libre entre piliers d'arcade	Mesure de l'espace libre entre deux piliers	47.9029	1.9094	width=2.5;note=Largeur libre entre piliers d'arcade: 2.5 m
Portail monumental	Portail imposant, souvent décoratif ou historique	47.9030	1.9095	amenity=entrance;entrance=main;building:part=portal;name=Portail monumental du Campo Santo;note=Portail monumental
Zone condamnée temporairement (barrières de chantier grillagées)	Zone temporairement condamnée par des barrières de chantier grillagées	47.9031	1.9096	area=yes;access=no;barrier=fence;fence:type=chain_link;temporary=yes;note=Zone condamnée temporairement (barrières de chantier grillagées, stockage dispositif scénique)
Zone condamnée temporairement (palissade textile)	Zone condamnée par une palissade textile (grille au sol abîmée)	47.9032	1.9097	area=yes;access=no;barrier=fence;fence:type=textile;temporary=yes;note=Zone condamnée temporairement (palissade textile, grille au sol abîmée)
Prise électrique de force	Prise électrique industrielle ou multiphasée	47.9033	1.9098	power=socket;socket:type=industrial;voltage=400;current=32;note=Prise électrique de force (multiphasée)
Emplacement de WC chimiques (manifestations)	Emplacement dédié aux toilettes chimiques lors d'événements	47.9034	1.9099	amenity=toilets;toilets:type=chemical;temporary=yes;note=Emplacement de WC chimiques lors de manifestations

## **Pourquoi iD Editor est plus simple que JOSM ?**
Critère	iD Editor (web)	JOSM (desktop)
Courbe d’apprentissage	⭐⭐ (très simple)	⭐⭐⭐⭐ (complexe)
Installation	Aucune (navigateur)	Logiciel à installer
Gestion des conflits	Automatique	Manuelle (plus puissant)
Fonctionnalités	Basiques (points, lignes, zones)	Avancées (relations, plugins)
Accès hors ligne	❌ Non	✅ Oui

### **Option A : Fichier HTML statique (0 requête serveur, 0 JS)**
- **Avantages** :
- Un seul fichier `.html` (ou `.htm` si tu veux faire vieux jeu).
- Pas de CSS externe, pas de JS, pas de dépendances.
- Compatible avec n’importe quel hébergement (même un simple `scp` sur ton serveur).
- **Comment faire** :
- Utilise le squelette HTML que je t’ai proposé **sans les balises `<style>`** (ou inline-les directement dans le `<body>` si tu veux vraiment du minimalisme extrême).
- Exemple de version ultra-légère :

Si tu préfères écrire en **Markdown** (plus lisible, plus facile à maintenir) et le convertir en HTML statique :

**Outils** :

pandoc` (en ligne de commande) :


#!/bin/bash
pandoc tutoriel_osm.md -o tutoriel_osm.html --standalone --metadata title="Tutoriel OSM"

**Avantage** : Tu écris en Markdown, tu génères un HTML propre et minimaliste.

**Exemple de Markdown** :
```markdown


    # Tutoriel OSM : Tagging du Campo Santo

    ## Introduction
    Ce tutoriel est né d'un besoin concret : taguer les éléments du **Campo Santo d'Orléans**.

    ## Templates JSON
    ```json
    {
      "nom": "Arcade",
      "tags": {
        "amenity": "arcade",
        "covered": "yes"
      }
    }
    ```
    ```

**Résultat** : Un HTML propre, sans frime, que tu peux uploader tel quel.

### **Option C : Texte brut + syntaxe wiki (pour les nostalgiques)**

Si tu veux vraiment **zéro HTML** :

Publie un fichier `.txt` avec une syntaxe type **wiki** (comme le wiki OSM) :
```
  = Tutoriel OSM : Tagging du Campo Santo =

  == Introduction ==
  Ce tutoriel est né d'un besoin concret...

  == Templates JSON ==
  [amenity=arcade]
  [covered=yes]
  [note=Arcade du Campo Santo]
  ```
```
**Avantage** : Lisible même sans navigateur (via `curl` ou `wget`).

**Inconvénient** : Moins joli, mais 100% compatible avec ta philosophie.

## **2. Générer un PDF : Solutions pour ton workflow**

Tu as déjà l’expérience avec **LaTeX** et **FO/XSLT**, donc voici des options qui collent à ton style :

### **Option 1 : LaTeX (pour un PDF propre et minimaliste)**

**Avantages** :
- Tu maîtrises déjà.
- Résultat professionnel, léger, et sans dépendances externes.

**Exemple de template LaTeX** :
```latex


  \documentclass[10pt,a4paper]{article}
  \usepackage[utf8]{inputenc}
  \usepackage[french]{babel}
  \usepackage{hyperref}
  \usepackage{listings} % Pour les blocs de code
  \usepackage{xcolor}   % Pour les couleurs dans le code

  \title{Tutoriel OSM : Tagging du Campo Santo}
  \author{tsfh42}
  \date{\today}

  \begin{document}
  \maketitle

  \section{Introduction}
  Ce tutoriel est né d'un besoin concret : taguer les éléments du \textbf{Campo Santo d'Orléans}...

  \section{Templates JSON}
  \begin{lstlisting}[language=json]
  {
    "nom": "Arcade",
    "tags": {
      "amenity": "arcade",
      "covered": "yes"
    }
  }
  \end{lstlisting}

  \section{Méthode avec iD Editor}
  \begin{enumerate}
    \item Aller sur \url{https://www.openstreetmap.org/}.
    \item Cliquer sur "Modifier".
    \item Ajouter un point avec les tags...
  \end{enumerate}
  \end{document}

**Compilation** :



#!/bin/bash
  pdflatex tutoriel_osm.tex

**Résultat** : Un PDF propre, sans images inutiles, et léger (~100-200 Ko).

### **Option 2 : Markdown → PDF via Pandoc**

Si tu veux éviter LaTeX mais garder un workflow en ligne de commande :

- **Commande** :


#!/bin/bash
  pandoc tutoriel_osm.md -o tutoriel_osm.pdf --pdf-engine=xelatex

**Avantages** :

Tu écris en Markdown (plus simple que LaTeX).
Pandoc gère la conversion en PDF via LaTeX en arrière-plan.
Résultat : Un PDF propre et minimaliste.

### **Option 3 : FO/XSLT (pour les puristes du XML)**

Si tu veux vraiment utiliser **FO** (Formatting Objects) :
- **Exemple de workflow** :

Écris ton contenu en **XML** (avec une DTD simple).
Applique une feuille XSLT pour le transformer en FO.

Utilise `fop` (Apache FOP) pour générer le PDF :


#!bin/bash

 fop -xml tutoriel_osm.xml -xsl tutoriel_osm.xsl -pdf tutoriel_osm.pdf

**Avantage** : 100% compatible avec ton expérience passée.

**Inconvénient** : Plus verbeux, mais tu maîtrises déjà.

## **3. Intégration avec tes sites existants**

Pour rester cohérent avec tes autres sites (`pataguerre.net`, `tsfh.fr`, etc.) :

**Lien direct** :

Ajoute simplement un lien dans ta page d’accueil ou une section "Tutoriels" :


    (html)
    <a href="/tutoriel_osm.html">Tutoriel OSM : Tagging du Campo Santo</a>

**Pas de CSS/JS** :
- Si tes sites n’ont pas de CSS, ton tutoriel HTML peut être **100% brut** (comme tes autres pages).

*Hébergement** :
- Un simple `scp tutoriel_osm.html user@ton_serveur:/var/www/tsfh.fr/` suffit.

## **4. Bonus : Version "texte brut" pour les puristes absolus**

Si tu veux **vraiment** du minimalisme extrême (même pas d’HTML) :

Publie un fichier `.txt` avec une syntaxe **type wiki** ou **Markdown** :

  Tutoriel OSM : Tagging du Campo Santo
  ====================================

  Introduction
  ------------
  Ce tutoriel est né d'un besoin concret...

  Templates JSON
  --------------
  [amenity=arcade]
  [covered=yes]
  [note=Arcade du Campo Santo]

  Méthode avec iD Editor
  ----------------------
  1. Aller sur https://www.openstreetmap.org/
  2. Cliquer sur "Modifier"
  3. Ajouter un point...

**Avantage** :
- Lisible avec `cat`, `less`, ou même `lynx`.
- **0 requête HTTP**, 0 dépendance.

## **Résumé des options**
Format	Outils	Poids	Complexité	Compatibilité avec tes sites
HTML statique	Éditeur de texte	~5-10 Ko	⭐	✅ Parfait
Markdown → HTML	Pandoc	~5-10 Ko	⭐⭐	✅ Parfait
Texte brut	Aucun	~2-5 Ko	⭐	✅ Parfait (ultra-minimaliste)
LaTeX → PDF	`pdflatex`	~100-200 Ko	⭐⭐⭐	✅ Bon (tu maîtrises)
Markdown → PDF	Pandoc + `xelatex`	~100-200 Ko	⭐⭐	✅ Bon
FO/XSLT → PDF	`fop`	~100-200 Ko	⭐⭐⭐⭐	✅ Bon (nostalgie garantie)

## **Recommandation perso**

Pour coller à **100%** à ta philosophie :

**Version en ligne** :
- Un fichier `tutoriel_osm.html` **ultra-minimaliste** (sans CSS, sans JS) hébergé sur `tsfh.fr` ou `pataguerre.net`.
- Option : une version `.txt` en parallèle pour les puristes.
**Version PDF** :
- Utilise **LaTeX** (puisque tu maîtrises) pour générer un PDF propre et léger.
- Ou **Pandoc** si tu veux écrire en Markdown.
- **Lien sur la mailing-list** :
  - Pointe vers le HTML ou le PDF hébergé sur ton site.

### **Exemple de structure de fichiers sur ton serveur**
```
/var/www/tsfh.fr/
├── index.html
├── tutoriel_osm.html   # Version HTML ultra-légère
├── tutoriel_osm.txt    # Version texte brut (optionnel)
└── tutoriel_osm.pdf    # Version PDF (générée via LaTeX/Pandoc)

1. **Générer le fichier HTML ultra-minimaliste** (sans CSS, sans JS) pour toi.
2. **Te fournir un template LaTeX** prêt à l’emploi pour le PDF.
3. **T’aider à écrire un script shell** pour automatiser la conversion Markdown → HTML/PDF.

*(Et bravo pour ton approche "moins de calcul = mieux" – c’est rafraîchissant à l’ère du web obèse !)*

Tag	Valeur	Description
`leisure`	`common`	Place publique (aire non couverte).
`area`	`yes`	Indique qu’il s’agit d’une surface.
`name`	`Campo Santo`	Nom du lieu.
`access`	`yes`	Accessible au public.
`fenced`	`yes`	Clôturé (si applicable).
`covered`	`no`	Non couvert.
`outdoor`	`yes`	En extérieur.
`capacity`	`4000`	Jauge maximale de 4000 personnes.
`ref:FR:ERP`	`5`	Tag non standard : ERP catégorie 5 (lieu de réunion).
`note`	`Place fermée de type cloître, ERP avec jauge maximale de 4000 occupants`	Description supplémentaire.

Critère	Modèle 1 (Point + Aire en U)	Modèle 2 (Aire partiellement couverte)
Précision	✅ Très précis (séparation place/allées)	⚠️ Moins précis (tout est regroupé)
Compatibilité OSM	✅ Standard (`highway=footway`, `covered=yes`)	⚠️ `covered=partial` est moins utilisé
Complexité	⚠️ Plus complexe (plus de nœuds/voies)	✅ Simple (une seule aire)
Rendu visuel	✅ Clair (allées visibles séparément)	⚠️ Moins intuitif (couverture partielle à interpréter)
Recommandation	Préféré si tu veux une cartographie détaillée.	À utiliser si tu veux simplifier.

Calque	Tag à ajouter	Exemple d’élément
Architecture intérieure	`layer:group=interior_architecture`	Escaliers intérieurs, portes
Éléments architecturaux extérieurs	`layer:group=exterior_architecture`	Arcades, portails monumentaux
Eau, énergie, eaux usées	`layer:group=utilities`	Robinets, prises électriques, égouts
Zones condamnées temporairement	`layer:group=temporary_closed_areas`	Zones avec barrières de chantier
Manifestations / sanitaires	`layer:group=event_facilities`	WC chimiques, lavabos de campagne
Sécurité incendie	`layer:group=fire_safety`	Extincteurs, alarmes incendie

Méthode	Outils	Avantages	Inconvénients	Enregistrement séparé
Tags `layer:group=*`	iD Editor	✅ Durable, partagé, compatible OSM	⚠️ Filtre manuel nécessaire	❌ Non
Couches temporaires	iD Editor	✅ Simple, visuel	❌ Temporaire, non partagé	❌ Non
Calques JOSM	JOSM	✅ Vraie gestion de calques	⚠️ Logiciel à installer	✅ Oui

Calque	Exemple d’élément	Tag à ajouter
Architecture intérieure	Escalier intérieur	`layer:group=interior_architecture`
Éléments architecturaux extérieurs	Arcade	`layer:group=exterior_architecture`
Eau, énergie, eaux usées	Robinets, prises électriques	`layer:group=utilities`
Zones condamnées temporairement	Zone avec palissade textile	`layer:group=temporary_closed_areas`
Manifestations / sanitaires	WC chimiques	`layer:group=event_facilities`
Sécurité incendie	Extincteurs, alarmes incendie	`layer:group=fire_safety`

Tutoriel Le Chat pour OSM : Tagging du Campo Santo (Orléans)

📌 Introduction

AVERTISSEMENT : TRAVAIL EN COURS

📋 Préparation : faire une reco photo avec l'appli Panoramax

s'inspirer de la suite en essayant de concentrer le prompt en une fois : situation, objets à tagger, formats de sortie. TODO : proposer le prompt en question en fin de tutoriel