Carte CoCoTe V2

De Movilab.org

Contexte

CoCoTe.png
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...


Objectifs

  • 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

Rappel: cartes monothématiques de la V1

Icônes    Intitulés   Couches thématiques  
Panier.png Cantine.png Farmstand.png Supermarket.png Flowers.png  Panier hebdomadaire/cantine/vente directe/magasins de producteurs/jardins partagés   Se nourrir  
Bureau.png    Espace de coworking   Travailler  
Bidouiller.png    "Faites-le vous même"   Bidouiller  
Rcovoiturage.png Vélo.png Parking.png  Partage de véhicules   Se déplacer  
AchatSolidaire.png Services.pngLivre.pngCurrencyexchange.png   Achat/vente/troc/Monnaie complémentaire   Échanger  
Lit.png   Point de rencontre Couchsurfing/Habitat partagé   Se loger  
Médiationnumérique.png   EPN/Point d'accès à internet   Médiation numérique  


Couches de la V2

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

  • 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

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

Tests 2016

GeoJSON depuis Mapsmarkers (ne fonctionne pas)

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

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

  1. un export KML depuis MapsMarkers utilisé sur le site de Zoomacom
  1. ouvert comme couche dans QGIS (que je commence à savoir "un tout petit peu" comprendre et utiliser, vive les MOOC !)
  1. 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

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é

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"

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 :

name, intitule, 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 la "monnaie complémentaire" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 "troc" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 la "vente" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 remplies, mais la colonne existe et peut donc être complétée.


Pour la catégorie "se déplacer" : 2 partie ont été crée, "parking" et "voiture".

  • Le tableur pour le "parking" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 "voiture" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 remplies, mais la colonne existe et peut donc être complétée.


Pour la catégorie "se loger" : 2 parties ont été crée, "Point de rencontre Couchsurfing" et "habitat partagé".

  • Le tableur pour le "Point de rencontre Couchsurfing" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 "habitat partagé" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 remplies, mais la colonne existe et peut donc être complétée.


Pour la catégorie "travailler" : 1 partie a été crée, "Espace de coworking"

  • Le tableur pour l' "Espace de coworking" est divisé en 14 colonnes qui sont les suivantes :

name, intitule, 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 remplies, mais la colonne existe et peut donc être complétée.


Ces données sont maintenant importables dans umap.

Réalisation de carte avec uMap

Il y a débat au sein de l'équipe projet sur l'opportunité de découper les 5 couches originales en nouvelles couches plus précises (voir ci-dessus: Carte CoCoTe V2#Couches de la V2).

Compte tenu des limitations actuelles de uMap, il n'est pas possible d'avoir une présentation avec des catégories et des sous-catégories. Toutes les couches sont au mếme niveau. Pour contourner ce problème, de présentation, il est nécessaire de nommer les couches sous la forme

  • Se nourrir - AMAP
  • Se nourrir - Drives Fermiers
  • Se déplacer - stations VéliVert
  • Se déplacer - stations Autolib
  • etc.