Carte CoCoTe V2

Contexte[modifier | modifier le wikicode]

La consommation collaborative au service des territoires => Légende de la carte CoCoTe (V1)

Depuis la création de CoCoTe, une carte verte Saint-Étienne, appelée Sainté GreenMap est accessible en ligne. La carte: Sainté GreenMap (plus d'infos dans la rubrique "À propos")

Portée au démarrage, en 2015, par la FRAPNA Loire, accompagnée par Openscop et Zoomacom. Dés le départ, il y a eu consensus sur le fait que, quitte à travailler sur de la donnée géographique, tout ce qui pouvait être produit en Bien Commun, devait l'être. En pratique: tout ce qui a sa place dans la base de données ouvertes OpenStreetMap(OSM) doit y figurer. La Greeen Map est ensuite générée à partir de requêtes sur la base OSM.

En 2016, mise à jour la Sainté Green Map avec plusieurs nouveautés... Pour les besoins de l'association Ocivélo et grâce à leur contribution financière pour le développement, la carte peut désormais

afficher des couches contenant des données ne venant pas d'OpenStreetMap (cas de figure où ces données ne sont pas supportées par OSM ou n'y ont pas leur place). En pratique il faut les faire passer, à Openscop, au format GeoJSON (format ouvert). Un outil qui permet de valider que vos données GeoJSON sont correctes : GeoJSONLint.
afficher une couleur spécifique pour chaque couche. Avant la couleur était choisie aléatoirement parmi 20 possibilités, de plus les tracés et les polygones étaient forcément bleus...

Cartographier ensemble les modes de vie libres et durables de nos territoires (blog Zoomacom, juin 2013)
Données issues de tableaux et cartographie en ligne, GeoCamps de juin 2016 (blog Zoomacom)

Objectifs[modifier | modifier le wikicode]

une "meilleure" carte CoCoTe, une meilleure navigation possible par un accès à plus de catégories (la "légende de la carte")
une approche par la donnée ouverte :
- contribution et utilisation des données vers et depuis Openstreetmap quand c'est possible
- ouverture des données (accès et licences d'utilisation)
- partage des données pertinentes vers la Sainté GreenMap
...

Nouvelle catégorisation[modifier | modifier le wikicode]

Rappel: cartes monothématiques de la V1[modifier | modifier le wikicode]

Icônes	Intitulés	Couches thématiques
	Panier hebdomadaire/cantine/vente directe/magasins de producteurs/jardins partagés	Se nourrir
	Espace de coworking	Travailler
	"Faites-le vous même"	Bidouiller
	Partage de véhicules	Se déplacer
	Achat/vente/troc/Monnaie complémentaire	Échanger
	Point de rencontre Couchsurfing/Habitat partagé	Se loger
	EPN/Point d'accès à internet	Médiation numérique

Couches de la V2[modifier | modifier le wikicode]

Afficher la carte (uMap): https://umap.openstreetmap.fr/fr/map/cocote-consommation-collaborative-dans-la-loire_120475#9/45.7551/4.1968

Icônes	Fichier de données géolocalisées	Thème
...	AMAPs	Se nourrir
...	Drives fermiers	Se nourrir
...	...	...

Nommer les couches sous la forme "Se nourrir-Drives fermiers", "Se nourrir-AMAP", "Bidouiller-Faîtes-le-vous-même"...

Les données existantes dans Openstreetmap[modifier | modifier le wikicode]

Mobilité:
- stations VéliVert
- stations Autopartage
Se nourrir:
- jardins familiaux
- jardins partagés
- magasins "de producteurs" (shop=farm)
Échanger:
- magasins d'occasion
- brocanteurs, antiquaires
- boutiques solidaires ("charity shops")
Recycler
- Déchetteries
- Conteneurs (verre, papier, vêtements...)

L'export depuis MapsMarkers[modifier | modifier le wikicode]

Rappel : Tests imports-exports (Openscop Collab, 2013)

Tests 2016

GeoJSON depuis Mapsmarkers (ne fonctionne pas)[modifier | modifier le wikicode]

L'export GeoJSON depuis Mapsmarkers (utilisé sur le blog de Zoomacom), par exemple ici : CoCOte > Se nourrir => export => http://www.zoomacom.org/wp-content/plugins/leaflet-maps-marker-pro/leaflet-geojson.php?layer=41,42&callback=jsonp&full=yes&full_icon_url=yes

vérifié sur le site GeoJSONLint renvoie un

Invalid GeoJSON
Line 0: Parse error on line 1: jsonp({"type":"Featu ^ Expecting 'STRING', 'NUMBER', 'NULL', 'TRUE', 'FALSE', '{', '[', got 'INVALID

--EddieJavelle (discussion) 2 janvier 2017 à 16:53 (CET) : Je pige pas tout ce que je trouve à lire mais j'imagine que le souci vient du fait que l'export est en JSONP

JSONP is "wrapped" and requires a callback function call to unpack the JSON data. But I do not know if jQuery takes care of that unpacking and just hands you JSON. (source: https://teamtreehouse.com/community/why-is-this-jsonp-invalid )

(j'ai trouvé ça aussi mais je sais pas si ça s'applique à notre cas : https://datatables.net/manual/tech-notes/1 et ce qu'Ajax vient faire la dedans...)

J'avais déjà constaté le problème pour un test de récupération des données dans uMap. Documenté sur Openscop Collab

KML depuis Mapsmarkers, puis QGIS > GeoJSON[modifier | modifier le wikicode]

--EddieJavelle (discussion) 2 janvier 2017 à 16:53 (CET)

un export KML depuis MapsMarkers utilisé sur le site de Zoomacom

ouvert comme couche dans QGIS (que je commence à savoir "un tout petit peu" comprendre et utiliser, vive les MOOC !)

exporté (enregistré sous) au format GeoJSON depuis QGIS

GeoJSONLint valide !!!

Et je pense que je pourrais aussi gérer les champs inutiles directement dans la table attributaire sous QGIS.

ça fait un peu de travail humain mais de toute façon je crois qu'on n'est pas encore mûrs pour l'automatisation en connectant les différentes sources de données des uns et des autres.

KML, ou GeoRSS depuis Mapsmarkers, puis LibreOffice Calc, puis CSV[modifier | modifier le wikicode]

LibreOffice Calc peut utiliser un document XML comme source de données et les présenter sous forme de tableau. Voir:

Tests --EddieJavelle (discussion) 2 janvier 2017 à 16:53 (CET) [LO Calc] json Menu Données/Source XML > FONCTIONNE PAS (ne voit pas la structure)

[LO Calc] GeoRSS

Menu Données/Source XML > selectionner item, pour remplir la case "Cellules reportées" cliquer dans la feuille en elle-même, dans la première cellule du tableau

=> PAS DE DESCRIPTION DANS CE FICHIER !!!

[LO Calc] KML

même M.O que pour le GeoRSS => LA DESCRIPTION EST EN HTML DANS CE FICHIER !!! (mais au moins elle est là)

Travail effectué[modifier | modifier le wikicode]

Janvier 2017 : récupération (export) des données de la carte CoCoTe depuis MapsMarker Pro (Wordpress) sur le site wordpress de Zoomacom pour réutiliser ses données et les transformer.

Exportation en kml dans le tableur LibreOffice Calc pour nettoyer les données de leur code HTML, les remettre en forme, les compléter, en enlever ou en rajouter.

Restructuration (découpage) des données en diverses colonnes pour bénéficier au maximum des fonctions qu'on peut appliquer à une base de données (requête, tris...).

(ça permet aussi, accessoirement une lecture plus rapide et simple...)

La "base de données" d'origine se compose de 6 catégories, correspondant aux couches de la Carte CoCoTe V1: se nourrir, bidouiller, échanger, se déplacer, se loger et travailler. Qui sont elles-mêmes divisées en 14 parties.

Dans un premier temps, ces 14 parties seront traitées chacune dans une feuille de calcul distincte.

Structure de la "base de données"[modifier | modifier le wikicode]

Il faut respecter quelques règles, pour faciliter l'utilisation avec le service de cartographie uMap, tout en anticipant d'autres usages:

chaque feuille de calcul est découpée en colonnes (champs) créées pour s’insérer facilement dans umap.

la première ligne de la feuille doit contenir l’entête, à savoir : lat, lon, name, description.

Il est possible de nommer comme on l’entend les autres colonnes, toutes les données seront importées comme « propriétés » et pourront être appelées dans l’affichage.

on a conservé la description importée au format HTML, on l'a également "nettoyée" et convertie au format Markdown.

Pour la catégorie "se nourrir" : 4 parties ont été crée, "panier hebdomadaire", "vente directe", "cantine" et jardins partagés.

Le tableur pour le "panier hebdomadaire" est divisé en 17 colonnes qui sont les suivantes :

name, intitule, produits, horaires, lieux de distribution, telephone, site internet, mail, description html (description importée non nettoyée), description markdown ( description nettoyée du code),lien utile, facebook, image liee (adresse web d’image correspondante), address, commune, lon et lat (longitude et latitude).

Le tableur pour le "vente directe" est divisé en 17 colonnes qui sont les suivantes :

name, intitule, produits, horaires, lieux de distribution, telephone, site internet, mail, description html (description importée non nettoyée), description markdown ( description nettoyée du code),lien utile, facebook, image liee (adresse web d’image correspondante), address, commune, lon et lat (longitude et latitude).

Le tableur pour le "cantine" est divisé en 16 colonnes qui sont les suivantes :

name, intitule, produits, horaires, telephone, site internet, mail, description html (description importée non nettoyée), description markdown ( description nettoyée du code),lien utile, facebook, image liee (adresse web d’image correspondante), address, commune, lon et lat (longitude et latitude).

Le tableur pour le "jardins partagés" est divisé en 16 colonnes qui sont les suivantes :

name, intitule, produits, horaires, telephone, site internet, mail, description html (description importée non nettoyée), description markdown ( description nettoyée du code),lien utile, facebook, image liee (adresse web d’image correspondante), address, commune, lon et lat (longitude et latitude).

Chaque tableur n'a pas le même nombre de colonnes, car les différentes parties n'ont pas les mêmes caractéristiques, de même, chaque colonne n'est pas forcément remplie, mais la colonne existe et peut donc être complétée.

Pour la catégorie "bidouiller" : 1 partie a été crée, "Faites-le vous même".

Le tableur pour le "Faites-le vous même" est divisé en 15 colonnes qui sont les suivantes :

name, intitule, horaires, telephone, site internet, mail, description html (description importée non nettoyée), description markdown ( description nettoyée du code),lien utile, facebook, image liee (adresse web d’image correspondante), address, commune, lon et lat (longitude et latitude).

Pour la catégorie "échanger" : 4 partie ont été crée, "Dons, réemploi et occasions", "monnaie complémentaire", "troc" et vente.

Le tableur pour le "Dons, réemploi et occasions" est divisé en 14 colonnes qui sont les suivantes :