Network

Introduction

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, ...). Il est bien sûr possible de définir un périmètre pour n'afficher que les points correspondant à une zone précise. 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.

Grâce à ce tutoriel vous serez en mesure d'utiliser une carte et de créer la votre.

---

Découverte de l’interface de navigation

En vidéo : https://youtu.be/XcuYgWg5zj0

Vous pouvez accéder à une carte Communecter via le site communecter.org, un site tierce intégrant la carte dans sa page ou une adresse internet dédiée. Les critères et la zone géographiques des points remontés dans la carte sont définis par l’éditeur. Sur la droite vous pouvez zoomer plus ou moins sur une zone géographique. Sur la gauche, les filtres vous permettent d’affiner votre recherche selon des critères définis par l’éditeur. Sur la droite, vous trouverez un moteur de recherche pour affiner votre recherche selon vos critères. En haut à droite, vous pouvez passer en mode liste. En cliquant sur en savoir plus, vous accéder à la fiche complète du point d’intérêt.

Créer un compte Communecter via le module network

En vidéo : https://youtu.be/hK5JaYYj0KA

Comme pour wikipédia, un compte est indispensable pour modifier la fiche d’une organisation présente sur la carte. Nous pouvons s’inscrire sur Communecter en cliquant sur le bandeau en haut de la carte, puis “S’inscrire”. Entrer les informations puis cliquez sur je m’inscris.

Ajouter une organisation

En vidéo : https://youtu.be/DTuzy7bWo-0

Une fois connecté vous trouverez en bas à gauche le bouton vous permettant d’ajouter un élément. Le type d’élément proposé (organisation, événement, … ) a été choisi par la personne ayant créer la carte. Si vous souhaitez compléter la fiche créée, il faudra passer par le site communecter.org.

Modifier une fiche

En vidéo : https://youtu.be/fqt_fkV0Mfo

Connectez-vous avec votre compte communecter.org. Choisissez un point d'intérêt, puis cliquez sur "en savoir +". Modifiez la fiche et n'oubliez pas de sauvegarder. L'onglet "historique" vous permet de connaître la date, l'auteur et la teneur exacte de chaque modification.

---

Créer une carte personnalisée

En vidéo : https://youtu.be/OOnEnxjhr-I

L’adresse d’une carte est composée de l’adresse vers le module Communecter (https://www.communecter.org/communecter?network=) suivi d'un lien vers un fichier contenant les paramètres de la carte. Ce fichier doit être format JSON.

Ce JSON peut être hébergé sur votre site ou sur un site tierce. Pour ce tutoriel nous utiliserons Gist (le service de partage de code de GitHub).

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.

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

Fichier type

Ajouter le code complet ici.

Détail des paramètres

En-tête

"name" : "BretagneTelecomIlletVilaine", "mode" : "server", "logo" : "http://monsite.ext/mel.png",

Fonctionnalités

"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 defaut 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 section 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",

Assigner plusieurs tags pour un filtre

"Nord" : ["Nord","MEL"],

Requete transmise à Communecter pour afficher des resultats lors de l'ouverture de la carte

"request" : {

//Clé fournit par Communecter pour accéder aux données (MANDATORY)

"sourcekey" : "BretagneTelecom",

//Nombre de points remonté par requête

"pagination" : 1000,

//Type de recherche dans la DB communecter (MANDATORY)

"searchType" : ["organizations", "projects", "events"],

//Le tag principal des points remontés ou créés via la carte auront le tag mentionné.

"mainTag" : ["TiersLieux" ]

//Filtrer par tags

"searchTag" : ["Nord","MEL"],

//Filtrer par Région

"searchLocalityREGION" : ["POLYNESIE"],

La liste des régions à utiliser est ci dessous. C'est à suivre à la lettre pour que cela fonctionne.

Filtrer par département

"searchLocalityDEPARTEMENT" : ["ISERE"],

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

La liste des Département à utiliser est ci dessous.

## LISTES

### Liste Régions 
- "Î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 Départements 
- "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"