Skip to content
Tom edited this page Jun 6, 2017 · 52 revisions

Un network est une carte exploitant la base de donnée de Communecter. Il permet d'afficher tous les points correspondant à un tag (par exemple : #AMAP, #Culture, #Energie, ...) sur un périmètre défini (par exemple : plusieurs régions ou une seule ville).

Voici quelques exemples de network : Tiers-Lieux des Hauts de France, Assemblée des Communs de Lille, Restaurants vegan de la Réunion, Zéro Déchet Île de France, Bretagne Telecom.

Introduction

Ce tuto existe aussi en vidéo : https://youtu.be/OOnEnxjhr-I

L’adresse d’une carte commence par https://www.communecter.org/communecter?network= suivi d'un lien vers un fichier JSON contenant les différents paramètres de la carte (nom, filtres, limites géographiques, etc.). Ce JSON peut être hébergé sur votre site ou sur un site tierce (pour ce tuto nous utiliserons Gist).

Exemple de lien complet : https://www.communecter.org/communecter?network=https://gist.githubusercontent.com/Simroubriff/3e14264620d9e59e874d44d306314679/raw/f8f013ded329d9e07e3e44666a548f974a7606c0/ZD-Paris

Note : Le format JSON n’autorise pas l’ajout de commentaire dans le code.

Pour commencer, le plus simple est de copier une configuration existante puis de modifier les paramètres un à un pour éviter les erreurs.

Créer une carte personnalisée

  1. Copiez le code ci-dessous dans un nouveau Gist : http://gist.github.com/
  2. Cliquez sur Raw (en haut à droite de votre code)
  3. Ouvrez un nouvel onglet pour ouvrir l'URL suivante : `https://www.communecter.org/communecter?network=LienDuRAW.

Exemple de code

{
    "name" : "Communs",
    "mode" : "server",
    "skin" : {
        "logo" : false,
        "title" : "Communs dans la région Hauts de France",
        "shortDescription" : "false",
        "displayScope" : false,
        "docs":true,
        "displayCommunexion" : true,
        "displayNotifications" : true,
        "profilBar" : false,
        "breadcrum" : true,
        "displayButtonGridList" : false,
        "class" : {
            "mainContainer" : false
        },
        "iconeAdd" : false,
        "iconeSearchPlus" : false,
        "loginTitle":"",
        "front" : {
	        "organization" : false,
	        "project" : true,
	        "event" : true,
	        "community" : true,
	        "dda" : false,
	        "live" : false,
	        "search" : false,
	        "need" : true,
	        "poi" : true
	    },
	    "menu" : {
		    "aroundMe":false,
		    "connectLink":false,
		    "add":true,
		    "detail":true,
		    "news":true,
		    "directory":true,
		    "gallery":true
	    }
    },
 "filter" : {
        "types" : false,
        "linksTag" : {
            "Type de tiers-lieu" : {
                "tagParent" : "Type",
                "background-color" : "#f5f5f5",
                "image" : "Travail.png",
                "tags" : {
                  "Télétravail" : "Télétravail",
                  "Coworking" : "Coworking",
                  "Médiation Numérique" : "Médiation numérique",
                  "FabLab" : "Fablab",
                  "Accompagnement de projets" : "Accompagnement de projets",
                  "Atelier" : "Atelier",
                  "Salle de réunion" : "Salle de réunion",
                  "Communauté Catalyst" : "Catalyst",
                  "Espace à louer" : "Espace à louer"
                }
            },
            "Services complémentaires" : {
                "tagParent" : "Service",
                "background-color" : "#f5f5f5",
                "image" : "Service.png",
                "tags" : {
                    "Espace détente" : "Espace détente",
                    "Cuisine" : "Cuisine",
                    "Achat groupé" : "Achat groupé",
                    "Bar participatif" : "Bar participatif",
                    "Cuisine participative" : "Cuisine participative",
                    "Epicerie participative" : "Epicerie participative",
                    "Jardiné" : "Jardin",
                    "Domiciliation" : "Domiciliation",
                    "Atelier participatif" : "Atelier participatif",
                    "Restaurant" : "Restaurant",
                    "Bar":"Bar"
                }
            },
            "Modèle de gestion" : {
                "tagParent" : "Modele",
                "background-color" : "#f5f5f5",
                "image" : "Loisir.png",
                "tags" : {
                  "Commun" : "Commun",
                  "Association" : "Association",
                  "Business" : "Business",
                  "Public" : "Public"
                }
            },
            "État du projet" : {
                "tagParent" : "Etat",
                "background-color" : "#f5f5f5",
                "image" : "Reparation.png",
                "tags" : {
                  "En projet" : "En projet",
                  "En démarrage" : "En démarrage",
                  "En fonctionnement" : "En fonctionnement"
                }
            },
            "Taille de l'espace" : {
                "tagParent" : "Surface",
                "background-color" : "#f5f5f5",
                "image" : "Information.png",
                "tags" : {
                  "Moins de 60m2" : "Moins de 60m2",
                  "Entre 60 et 200m2" : "Entre 60 et 200m2",
                  "Plus de 200m2" : "Plus de 200m2"
                }
            }
          }
    },
    "add" : {
        "organization" : true,
        "person" : true
    },
    "result" : {
        "displayImage" : true,
        "displayType" : false,
        "fullLocality" : true,
        "datesEvent" : false,
        "displayShortDescription" : true
    },
    "request" : {
        "pagination" : 1000,
        "searchType" : [
            "organizations",
	    "person",
	    "poi"
        ],
           "searchTag" : [
            "communs",
            "commun",
            "Commun",
            "Communs"
        ],

 "searchLocalityREGION": [
      "Nord-Pas-de-Calais-Picardie"
    ],
 "mainTag" : ["commun"]
    }

}

Header

"name" : "BretagneTelecomIlletVilaine", : Nom de la carte afficher dans la bannière du haut "mode" : "server", : ? "logo" : "http://monsite.ext/mel.png", : Pour ajouter son logo

Paramètres pour afficher des fonctionnalités sur la carte.

"skin" : {
        "logo" : false,
        "title" : false,
        "displayScope" : false,
        "displayCommunexion" : false,
        "profilBar" : false,
        "displayButtonGridList" : false,
        "class" : {
            "mainContainer" : false
        },
        "iconeAdd" : false,
        "iconeSearchPlus" : false,
        "loginTitle":""
},

Filtrage dans la carte

"filter" : {
//Filtrer par type (organizations, events, )
        "types" : false,
//Filtrer par tag
        "tags" : true,
//Parametre de filtrage
paramsFiltre : { conditionBlock : "and" | "or" , conditionTagsInBlock : "and" | "or" },
//Par défaut si on ne met pas de paramsFiltres , les filtres agiront ainsi :
//- les tags dans un même block agissent comme des "OU"
//- entre les blocks comme des "ET"
//l'option "conditionBlock" permet de définir comment agissent les tags entre les blocks
//l'option "conditionTagsInBlock" permet de définir comment agissent les tags dans un block 


//Liste des sections de filtre
        "linksTag" : {
//Nom de la section
          "Se nourrir" : {
                "tagParent" : "Alimentation",
                "background-color" : "#f5f5f5",
//Lien vers le logo de la section                
"image" : "Alimentation.png",
"tags" : {
//Filtre checkbox nom_du_filtre_visible : nom_du_tag_dans_communecter
                    "Amap" : "Amap",
                    "magasin de producteurs" : "MagasinDeProducteurs",
                    "Groupement d'achat" : "GroupementDAchat",

"Nord" : ["Nord","MEL"], : Assigner plusieurs tags pour un filtre

"request" : { : Requête transmise à Communecter pour afficher des résultats lors de l'ouverture de la carte

"sourcekey" : "BretagneTelecom", : Clé fournit par Communecter pour accéder aux données (MANDATORY)

"pagination" : 1000, : Nombre de points remonté par requête

"searchType" : ["organizations", "projects", "events"], : Type de recherche dans la DB communecter (MANDATORY)

"mainTag" : ["TiersLieux" ] : Le tag principal des points remontés ou créés via la carte auront le tag mentionné

"searchTag" : ["Nord","MEL"], : Filtrer par tags

"searchLocalityDEPARTEMENT" : ["ISERE"], : Filtrer par département

"searchLocalityREGION" : ["POLYNESIE"], : Filtrer par Région

searchLocalityNAME" : ["LYON"], : Filtrer par Ville

Liste des régions à utiliser

  • "Île-de-France"
  • "NOUVELLE-CALEDONIE"
  • "POLYNESIE"
  • "Bourgogne-Franche-Comté"
  • "Aquitaine-Limousin-Poitou-Charentes"
  • "Alsace-Champagne-Ardenne-Lorraine"
  • "Normandie"
  • "Mayotte"
  • "Nord-Pas-de-Calais-Picardie"
  • "Languedoc-Roussillon-Midi-Pyrénées"
  • "Provence-Alpes-Côte d'Azur"
  • "Pays de la Loire"
  • "Auvergne-Rhône-Alpes"
  • "Guadeloupe"
  • "Martinique"
  • "Bretagne"
  • "Centre-Val de Loire"
  • "Corse"
  • "Guyane"
  • "La Réunion"

Liste des Département à utiliser

  • "ESSONNE"
  • "YONNE"
  • "TERRITOIRE DE BELFORT"
  • "HAUTE-VIENNE"
  • "VOSGES"
  • "VAL-D'OISE"
  • "SEINE-MARITIME"
  • "MAYOTTE"
  • "SEINE-ET-MARNE"
  • "YVELINES"
  • "DEUX-SEVRES"
  • "SOMME"
  • "TARN"
  • "TARN-ET-GARONNE"
  • "VAR"
  • "VAUCLUSE"
  • "VENDEE"
  • "VIENNE"
  • "PAS-DE-CALAIS"
  • "PUY-DE-DOME"
  • "PYRENEES-ATLANTIQUES"
  • "HAUTES-PYRENEES"
  • "PYRENEES-ORIENTALES"
  • "BAS-RHIN"
  • "HAUT-RHIN"
  • "RHONE"
  • "HAUTE-SAONE"
  • "SAONE-ET-LOIRE"
  • "SARTHE"
  • "SAVOIE"
  • "ISERE"
  • "HAUTE-SAVOIE"
  • "PARIS"
  • "GUADELOUPE"
  • "MARTINIQUE"
  • "LOT-ET-GARONNE"
  • "LOZERE"
  • "ARDECHE"
  • "MAINE-ET-LOIRE"
  • "LOIRE-ATLANTIQUE"
  • "MANCHE"
  • "MARNE"
  • "HAUTE-MARNE"
  • "MAYENNE"
  • "MEURTHE-ET-MOSELLE"
  • "MEUSE"
  • "MORBIHAN"
  • "MOSELLE"
  • "NIEVRE"
  • "NORD"
  • "OISE"
  • "ORNE"
  • "COTES-D'ARMOR"
  • "CREUSE"
  • "DORDOGNE"
  • "DOUBS"
  • "DROME"
  • "EURE"
  • "EURE-ET-LOIR"
  • "FINISTERE"
  • "GARD"
  • "HAUTE-GARONNE"
  • "GERS"
  • "GIRONDE"
  • "HERAULT"
  • "ILLE-ET-VILAINE"
  • "INDRE"
  • "INDRE-ET-LOIRE"
  • "JURA"
  • "LANDES"
  • "LOIR-ET-CHER"
  • "LOIRE"
  • "ALLIER"
  • "HAUTE-LOIRE"
  • "CANTAL"
  • "LOIRET"
  • "LOT"
  • "AIN"
  • "AISNE"
  • "ALPES-DE-HAUTE-PROVENCE"
  • "HAUTES-ALPES"
  • "ALPES-MARITIMES"
  • "ARDENNES"
  • "ARIEGE"
  • "AUBE"
  • "AUDE"
  • "AVEYRON"
  • "BOUCHES-DU-RHONE"
  • "CALVADOS"
  • "CHARENTE"
  • "CHARENTE-MARITIME"
  • "CHER"
  • "CORREZE"
  • "CORSE-DU-SUD"
  • "HAUTE-CORSE"
  • "COTE-D'OR"
  • "HAUTS-DE-SEINE"
  • "SEINE-SAINT-DENIS"
  • "VAL-DE-MARNE"
  • "GUYANE"
  • "REUNION"