REUT O SUD

Webinaire REUT multi-usages urbains et espaces verts

Pauline LOMBARD — 2026-01-14T09:11:04Z

Le replay du webinaire est disponible via le lien suivant : Replay Webinaire REUTOSUD

Webinaire REUT usage agricole

Pauline LOMBARD — 2026-01-14T08:55:50Z

Le replay du webinaire est disponible via le lien suivant : Replay Webinaire REUTOSUD

Flyer

Pauline LOMBARD — 2025-09-03T13:46:26Z

Fonctionnement de la table

Armand ROTEREAU — 2025-08-08T21:40:46Z

Sommaire

Fonctionnement de la table

Résumé

La page "Base de données" du site REUT-O-SUD regroupe les données de la base de données présentées en tableau. Celle-ci utilise la librairie javascript "Datatable" pour Bootstrap3 (MIT License).
La modification et l'organisation de la table est uniquement réservé au développeur.

Données

Les données affichées sont la liste des stations d'épuration contenant toutes les informations liées à celles-ci.

Présentation

Par défaut, les stations d'épuration sont triées par ordre alphabétique. Des tris supplémentaires sont possibles et configurables pour chaque champs.

Filtre

Un filtre est disponible pour réduire considérablement l'affichage des données.
Attention, toutes les données sont chargées au départ, et le filtre cache les données non concernées par les critères indiqués grâce à un mécanisme Jquery/Ajax.

Information d'hébergement

Armand ROTEREAU — 2025-08-08T21:22:15Z

Sommaire

Information d'hébergement

Résumé

Actuellement le site REUT-O-SUD ainsi que les 2 bases de données associées sont hébergés sur l'infrastructure ECCOREV du DataCenter de l'AMU.
ECCOREV s'arrêtant fin 2026, la plateforme informatique sera très certainement fermée, c'est pourquoi il faudra chercher les solutions pour un nouvel hébergement.
Pour aider cette mise en oeuvre, voici toutes les informations actuelles concernant l'hébergement, à connaitre.
Bien sur, la mise en place de ces étapes est réservée à l'administrateur et au développeur.

Espace disque

Dans un premier temps, il est important de connaitre l'espace utilisé par l'application web. Celui-ci est de 2 ordres : les fichiers plats & l'espace utilisé par les bases de données.

Fichiers plats

Les fichiers plats sont tous les fichiers de programmation du site web. Ils sont concentrés dans un répertoire nommé ".../spipReutOSud/".
Donc actuellement (au 1/08/2025) :
— > Volume fichiers plats "/var/www/spipReutOSud" < 250 Mo.

Base de données

Pour le fonctionnement du site web, 2 bases de données ont été créees :
– La première se situe sous MySQL et fonctionne avec le CMS SPIP. Le volume de données dépend majoritairement du nombre d'articles créés.
— > Volume de la base de données reut-o-sud sous MySQL "/var/lib/mysql/reutosud" < 20 Mo.
– La deuxième se situe sous PostgreSQL et contient toutes les données liées aux stations d'épurations et affichée graphiquement dans la page "Carte" et en tableau dans la page "Base de données". Le volume de données dépend du nombre d'enregistrements et de la précision des données récoltées.
— > Volume de la base de données reut-o-sud sous PostgreSQL < 25 Mo.

Système d'exploitation

Actuellement, le site est hébergé sur un système d'exploitation Linux Ubuntu 20.04.6 LTS (focal).
Étant donnée la compatibilité des logiciels utilisés, il peut être installé sur de multiples plateformes, comme Microsoft, Linux (distributions différentes), Unix, etc.

Version des logiciels et librairies

Logiciels

– MySql : 8.0.42 (Ubuntu)
– PostgreSQL : 12.22 (Ubuntu)
– Apache : 2.4.41 (Ubuntu)

Librairies essentielles

– PHP : 7.4.3 (Ubuntu)

... et les librairies intégrées dans le CMS :
– Leaflet : 1.4.0
– Bootstrap : 3.3.5
– bootstrap-datetimepicker : 2.4.4 (pour Bootstrap 3)
– DataTable : 1.10.19 (pour Bootstrap 3)
– Jquery : 3.3.1

Services connexes

De plus, pour que le site web soit accessible il lui faut une URL propre. Actuellement nous atteignons le site via l'URL suivante : https://reut-o-sud.eccorev.fr. Celle-ci est composée du protocole (https), du sous-domaine (reut-o-sud) et du nom de domaine (eccorev.fr).

Le nom de domaine

Le nom de domaine est celui de ECCOREV, car le site est actuellement rattaché à ECCOREV.
Dans le cas d'un déménagement du site, il serait peut-être intéressant de créer un nom de domaine propre du type "reut-o-sud.fr" (nom identifiant le contenu du site + l'extension du domaine — "fr" ou autre en fonction de l'objectif du site : explication ici).

Le sous-domaine

Le sous-domaine est majoritairement "www" pour le site principal (comme "www.eccorev.fr" pour ECCOREV), ou un autre nom dans le cas de multiples URLs dépendant du même nom de domaine.

Le protocole

Le protocole est "https" (avec un "S") sans concession, pour des raisons de sécurité évidentes. Pour que cela soit faisable il faut acheter un certificat SSL auprès d'un organisme certifié.

Pour la mise en œuvre de tous ces points, Gandi est une solution très intéressante, car elle permet de créer l'URL complète, d'acquérir le certificat SSL et même de créer des redirection d'URL (ancienne URL vers la nouvelle) et de mail (permettant de proposer des mail utilisant le nom de domaine créé chez Gandi et les rediriger vers des mail existants — afin de ne pas multiplier les boites mails).

Éventuellement, l'hébergement peut être pris en charge par Gandi également...

Description de la base de données

Armand ROTEREAU — 2025-08-08T20:35:50Z

Sommaire

Description de la base de données

Résumé

Le site REUT-O-SUD utilise 2 bases de données pour présenter son contenu. Une base sous MySQL qui est rattachée au CMS SPIP. Celle-ci est gérée par SPIP, et n'est pas exploitable directement, donc non mentionnée ici. La deuxième est sous PostgreSQL, et contient toutes les données des STEU ainsi que des rattachement à celles-ci. C'est elle qui est détaillée dans cet article.

Toutes les données intégrées proviennent de fichiers fournis par le SCP (Société du Canal de Provence), avec parfois des réorganisations (majuscules/minuscules et correction d'orthographes), et des compléments (calculs ou traitements géomatiques à partir des fichers shape fournis).

Les données issues de la base de données affichées dans la carte sont choisies par le SCP et ECCOREV. Celles-ci peuvent être revues du moment que celles voulues sont stockées en base. Dans le cas contraire, elles peuvent être rajoutées sous condition que l'intégration en base soit possible.

Attention : ne pas confondre les données en base et les fichiers JSON, affichant des données (intégrées aux fichiers), des marqueurs et des polygones.

Vue d'ensemble

Actuellement, la version de la base de données est v0.9.6. C'est une version de pré-production. Dès validation de l'ensemble du site, la dernière version de préproduction basculera en v1.0.0, comme toutes les vues du site.
Cela permettra de taguer la première mise en production incluant les données vérifiées de la base ainsi que celles des différentes vues du site.

Organisation en 3 parties

Actuellement, la base de données est organisée en 3 parties :
– Tables bleues : les données propres aux STEU ou STEP,
– Tables brunes : les données des organismes utilisateurs des STEU,
– Tables vertes : les projets et personnes physiques rattachées à ceux-ci.
Une dernière table violette sert aux logs d'évolution de la structure de la base de données, dès la première mise en production.

Données STEU

Les données des STEU sont issues des fichiers Excel "240612 STEP REUTOSUD pour Armand.xlsx" et "STEU_PACA_complet.xlsx" disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour obtenir les coordonnées en WGS84 ansi que les noms des communes (recherchées via les coordonnées des STEU).
L'affichage des informations des STEU se situent dans les bulles rattachés aux points de couleurs, eux-mêmes générés par différenciation des caractéristiques des STEU (Attention, calculs indépendants : une STEU peut appartenir à plusieurs points de couleur ; la couleurs visible est la dernière sélection — superposition des couches —).

Les tables concernées par les STEU (ou step sur le schéma) sont "step" (table principale), ainsi que 11 tables associées, permettant l'unicité des données. La table "step" est le point centrale de la base de données. Tous les éléments sont implémentés en fonction de cette table.
Il est possible d'exploiter les données existante pour encore enrichir l'affichage de la carte ("map" dans le menu) ainsi que celui de la liste ou tableau ("Base de données" dans le menu) ; et bien sur, rajouter des informations pour plus de fonctionnalités.

Données Organismes utilisateurs

Actuellement, la base de données intègre 6 types d'organismes consommateurs réels ou potentiels de l'eau provenant des STEU :
– Les stations de ski
– Les golfs
– Les stades
– Les hippodromes
– Les industries
– L'agriculture
Ces éléments ne sont visibles que par les personnes identifiées et autorisées. Dans le cas contraire, le choix de sélection n'apparait pas dans le menus "Points d'intérêt" de la carte.

Les stations de ski

Les coordonnées et données des stations de ski sont issues des fichiers du répertoire "Infos STEU Ski Golfs Agri" disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour déterminer quelles stations de ski ont été retenues et obtenir leurs coordonnées en WGS84 (fichiers disponibles toujours sur AMUBox, ici).

Les tables concernées par les stades sont "departement", "station_ski", "couple_step_station_ski", et bien sûr "step".
En plus des informations intrinsèques des stations de ski, l'organisation des tables permet une interaction entre les stations de ski et les STEU... pour afficher plus d'information, comme les STEU concernées par une station de ski (du même département), etc...

Les golfs

Les coordonnées et données des golfs sont issues des fichiers du répertoire "Infos STEU Ski Golfs Agri" disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour déterminer quels golfs ont été retenus et obtenir leurs coordonnées en WGS84 (fichiers disponibles toujours sur AMUBox, ici).

Les tables concernées par les stades sont "departement", "golf", "couple_step_golf", et bien sûr "step".
En plus des informations intrinsèques des golfs, l'organisation des tables permet une interaction entre les golfs et les STEU... pour afficher plus d'information, comme les STEU concernées par un stade (du même département), etc...

Les stades

Les coordonnées et données des stades sont issues des fichiers shapes "stade_bdtopo.*" disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour obtenir les coordonnées centroides en WGS84 (fichiers disponibles toujours sur AMUBox, ici).

Les tables concernées par les stades sont "departement", "stade", "couple_step_stade", et bien sûr "step".
En plus des informations intrinsèques des stades, l'organisation des tables permet une interaction entre les stade et les STEU... pour afficher plus d'information, comme les STEU concernées par un stade (du même département), etc...

Les hippodromes

Les coordonnées et données des hippodromes sont issues des fichiers shapes "select_harras_hippodrome.*" disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour obtenir les coordonnées centroides en WGS84 (fichiers disponibles toujours sur AMUBox, ici).

Les tables concernées par les hippodromes sont "departement", "hippodrome", "couple_step_hippodrome", et bien sûr "step".
En plus des informations intrinsèques des hippodromes, l'organisation des tables permet une interaction entre les hippodromes et les STEU... pour afficher plus d'information, comme les STEU concernées par un hippodrome (du même département), etc...

Les industries

Les coordonnées et données des industries sont issues des fichiers Excel par département disponibles dans ce répertoire de AMUBox.
Des calculs complémentaires ont été réalisés pour obtenir les coordonnées en WGS84, les communes, etc. (fichiers des résultats de traitement *.CSV ont disponibles toujours sur AMUBox, au même endroit).

Les tables concernées par les industries sont "departement", "industrie", "commune" et bien sûr "step". Dans ce cas, aucune donnée ne relie directement les STEU aux industries.
En plus des informations intrinsèques des industries, l'organisation des tables permet une interaction entre les industries et les communes... pour afficher plus d'information, comme les industries par commune ou par département, etc...

L'agriculture

Ce type d'organisme n'est pas représenté graphiquement de façon autonome, mais uniquement via ses besoins en eau à travers les STEU, caractérisés par une présence ou absence d'agriculture, sans chiffre.

Les tables concernées par les agricultures sont "agriculture", "couple_step_agriculture" et bien sûr "step". Dans ce cas, aucune donnée ne précise l'emplacement des agricultures concernées.
En plus des informations intrinsèques des agricultures, l'organisation des tables permet une interaction unique entre les agricultures et les STEU.

Données Projets

Les données des projets de réutilisation, quelque soit leur avancée, se situent dans les tables projets (en vert dans le schéma principal). Elles sont représentées à travers la visualisation des données des STEU.

Les tables concernées par les agricultures sont nombreuses et permettent d'identifier beaucoup d'informations. Pour le moment, peu de données sont renseignées : la liste des informations ont été définies dans le compte rendu de réunion "240619 point carte web REUTOSUD.docx", accessible sur AMUBox.

Organisation du site

Armand ROTEREAU — 2025-03-18T09:23:32Z

Sommaire

Organisation du site

Résumé

Le site REUT-O-SUD est organisé en articles permettant une modification quasi-totale de toutes les pages du site par un administrateur, directement via l'espace privé.
Quelques options sont réservées au webmaster / au développeur (décrites également dans cet article).
l'aspect responsive du site est géré par Bootstrap3. Cela permet une harmonisation des pages et une visibilité accrue par les mobiles et tablettes.

L'ajout d'un plugin permet d'accéder directement à l'édition rapide des articles depuis la partie publique, via "un crayon" visible en haut à droite de la partie concernée lors son survol par la souris. Attention, cette pratique ne permet pas d'ajouter, modifier ou supprimer une pièce jointe à l'article. Pour ce faire, le passage par l'espace privé est obligatoire.

Page d'accueil

La page d'accueil est organisée en 7 parties :
– L'entête comprenant le logo et le menu
– Le pied de page contenant les éléments obligatoires ainsi que les sponsors
– 5 blocs.

Seuls les blocs sont modifiables via l'espace privé depuis l'article "Présentation". Il est situé dans le rubrique "Accueil" directement à la racine de la partie privée.

Afin de limiter le nombre de fichiers ainsi que l'organisation des articles, le contenu est intégré dans des balises HTML, incluant également du speudo-langage SPIP ainsi que des éléments CSS (pour une mise en page homogène). Attention : bien respecter l'organisation des balises en cas de changement du contenu.

Les blocs sont identifiés :
– "accueil" pour le premier bloc "RÉUTILISATION DES EAUX EN RÉGION SUD",
– "bloc2" pour le bloc "REUT'O'SUD : pour le développement de la REUT en région Sud"
– "bloc3" pour le bloc "LES PARTENAIRES DU PROJET"
– "bloc4" pour le bloc "NOTRE ADN"
– "bloc5" pour le bloc "Retour d'expériences"

Bloc "accueil"

Ce bloc contient une photo de la station d'épuration Aix-Nord. Celle-ci est intégrée au CSS (accès exclusif au développeur).
Les autres liens internes dépendent des rubriques "Carte" et "Bloc Notre ADN" (pour les articles "Documentation" ainsi que "Living Labs").
L'équilibrage des blocs (en javascript) est intégré à la page via le CSS.

Bloc "bloc2"

Le bloc2 ou bloc "REUT'O'SUD : pour le développement de la REUT en région Sud", n'a rien de particulier si ce n'est un lien interne vers l'article "En savoir plus" de la rubrique "Bloc Développement", ainsi que des marges accentuées fixées par CSS.

Bloc "bloc3"

Idem, le bloc3 ou bloc "LES PARTENAIRES DU PROJET" ne contient rien de spécial si ce n'est une présentation en 3 colonnes (gérée par CSS), ainsi que des liens externes (liens s'ouvrant dans un nouvel onglet grâce à une fonctionnalité du plugin "Couteau Suisse").

Bloc "bloc4"

Le bloc4 ou bloc "NOTRE ADN" est le plus riche, car il inclus plusieurs articles, un mécanisme d'intégration de documents (cf. chapitre intégration de documents) ainsi qu'un équilibrage des colonnes.
Les 4 liens "En savoir plus" pointent sur les articles de la rubrique "Bloc Notre ADN".

Bloc "bloc5"

Le bloc5 ou bloc "Retour d'expérience" est un carrousel. Il est intégralement géré par le développeur pour le moment (mécanisme et contenu).
Le lien des différents boutons "Détails" pointent sur l'article "Retours d'expériences" de la rubrique "Bloc Notre ADN".

Blocs "entête" & "pied de page"

Ces 2 blocs sont présents sur chaque page du site. le code de ceux-ci n'est pas accessible via l'espace privé. Leur modification requiert l'accès direct au serveur sur lequel est installé le site SPIP (accès réservé au développeur).
Ces blocs sont définis à la création du site et n'évoluent que très rarement. Malgré cela, les articles pointés par les liens définis dans ces blocs sont, quant à eux, modifiables via l'espace privé dans les rubriques suivantes :
– Entête : Rubrique "Accueil", "Carte" (pour "Carte" & "Base de données"), "Bloc Notre ADN" (pour "Documentation" & "Living Labs")
– Pied de page : Rubrique "Pied de page" pour les fichiers de pied de page ("Crédits", "Traitement des données")

Données

Carte

La page "Carte" accessible depuis le menu ainsi que la page d'accueil, est gérée dans la rubrique "Carte" à la racine de la partie privée.
Celle-ci inclut la construction de la page et un lien vers le mécanisme complet de la carte ; ce dernier est accessible uniquement par le développeur.
La carte inclut des données de la base de données, mais aussi des fichiers JSON.
Tout cela est décrit dans l'article "Fonctionnement de la carte".

Table de données

La page contenant la table de données accessible depuis le menu via "Base de données", est gérée également dans la rubrique "Carte" à la racine de la partie privée.
Celle-ci inclut la construction de la page et un lien vers le mécanisme complet de la table de données ; ce dernier est accessible uniquement par le développeur.
La table de données inclut des données de la base de données.
Cela est décrit dans l'article "Fonctionnement de la table".

intégration de documents

La page intégration de document accessible via le menu "Documentation" ou la page d'accueil est un mécanisme de gestion et d'affichage de documents, géré dans la rubrique "Bloc Notre ADN" de l 'espace privé.
Ce mécanisme comprend un article "Documentation" ainsi que les sous-rubriques de "Bloc NOTRE ADN" créées pour les besoins.
Voici la vidéo de fonctionnement du mécanisme.

Docs techniques

La documentation technique, accessible depuis le menu uniquement après identification en tant qu'administrateur, permet de recenser la liste d'articles qui contient toutes les informations importantes du site.

Rubriques inutilisées

La rubrique "Gestion des données", accessible depuis la racine du site privé, est pour le moment en suspens. Il s'agissait de tests et d'idées d'évolutions qui seront (ou pas) pris en compte.
Il en est de même pour le lien "s'inscrire" se trouvant dans le menu de l'entête.

Fonctionnement de la carte

Armand ROTEREAU — 2025-03-18T09:18:55Z

Sommaire

Fonctionnement de la carte

Résumé

La page "Carte" du site REUT-O-SUD regroupe toutes les données présentées visuellement et organisées de façon modulable. Celle-ci utilise la librairie Leaflet pour gérer l'affichage ainsi qu'une une base de données spécifique (voir l'article "Description de la base de données") et des fichiers Json pour le contenu.
Le code de toute la configuration de la carte est accessible uniquement par le développeur .

Vue d'ensemble

La carte est conçue en javascript grâce à la librairie Leaflet. Elle est composée d'objets de base, et augmentée par des plugins permettant de présenter des fonctionnalités supplémentaires.
les objets présents dans la carte sont les suivants :

Les éléments de base
– En ➊ se situe la gestion des couches, des pointeurs, des polygones et lignes graphiques (adaptée et étendue par une programmation supplémentaire : détaillé dans la section "Groupes de contrôle" ci-dessous.
– En ➋ est représenté l'échelle de la carte en fonction du zoom appliqué.
– En ➌ est indiqué le copyright de la couche affichée.
– En ➐ sont représentés les icônes de zoom de la carte.

Les éléments rajoutés par plugins
– En ➍ est représentée une mini-carte permettant de positionner la fenêtre visible sur la carte mondiale.
– En ➏ se trouve l'icône permettant l'affichage en plein écran de la carte.
– Un plugin d'aide à l'affichage, visualisable en ➑, permet la création de clusters lorsque les pointeurs sont proches les uns des autres, afin de garantir une lisibilité plus claire de l'ensemble de la carte.
– Un dernier plugin, sans numéro, permet de descendre dans la page sans activer les fonctionnalités de la carte (zoom, défilements). Ce plugin est indispensable pour la version mobile.

Les éléments créés intégralement
– En ➎ est représenté un bouton de réinitialisation des paramètres par défaut (les mêmes qu'au chargement de la page.

Enfin, en ➑ se situe la zone ciblée par le projet. Donc celle-ci qui contient tout l'affichage des pointeurs, des polygones et lignes liés à la thématique.

Groupes de contrôle

Les groupes de contrôle sont au nombre de 3 et sont représentés par des icônes (objet) : les couches, les pointeurs ainsi que les polygones et lignes graphiques. Chaque objet se déploie lors du survol de la souris (en mode d'affichage normal), et au touché (en mode d'affichage mobile) pour offrir des choix de visualisation en fonction du besoin et ou du confort visuel.
Il faut savoir que la hauteur minimale de l'encart de la carte est basée sur le contenu de l'ensemble des groupes de contrôle déployés, afin qu'il n'y ait pas d'ascenseur vertical lors de la visualisation des choix de l'un des 3 groupes .

Couches

Dans cet objet, ont été sélectionnés les fonds de carte les plus pertinents afin de visualiser les pointeurs, polygones et ligne avec le contraste approprié. Ces fonds de carte sont des API directement appelés à la source (comme ESRI, OpenStreetMap, Google, etc.) à chaque rechargement de la page.
Il est toujours possible de les modifier à la demande. Attention tout de même à bien ajouter le copyright associé (visible en ➌).

Pointeurs

L'affichage des pointeurs sont le résultat des informations directement issues de la base de données spécifique (voir l'article "Description de la base de données").
Cette section est divisée en 2 parties : les stations d'épuration et les usagers potentiels de ces stations.

Les stations d'épuration
Elles sont sous-divisés en 3 parties :
– L'affichage de la totalité des stations (en cluster ou sans)
– L'affichage des opérations de REUT existantes (sous-devisé en 2 classements)
– L'affichage des potentiels REUT identifiés (sous-divisé en 5 classements)

Il faut bien comprendre que chaque classement est basé sur des critères indépendants. Ceci implique qu'une station d'épuration peut appartenir à plusieurs classements.
Dans l'affichage, cela se concrétise par des points de couleurs qui peuvent se superposer dans l'ordre de la sélection : la couleur visible est le dernier classement sélectionné.

Les usagers potentiels
Les usagers potentiels ne sont visibles que pour les personnes identifiés et nommés administrateur.
Les points épinglés correspondants aux usagers potentiels référencés en base de données sont affichés en fonction du choix de l'opérateur.
Des clusters peuvent peuvent apparaitre dans le cas où certains usagers se trouvent positionnés au même point géographique : ce qui est le cas de certaines industries.

Polygones, lignes

L'affichage des polygones et lignes sont le résultat de fichiers JSON (1 par choix) chargés en mode asynchrone lors du chargement de la carte.
Il est possible que le chargement prenne un peu de temps en cas de débit réseau faible : cela se concrétise par le choix impossible le temps que l'objet n'est pas complètement chargé.

Ici aussi, la multi-sélection est autorisée et dans ce cas, les différentes couches d'objets s'empilent dans l'ordre de la sélection : le dernier sélectionné est au dessus.

Fiche potentiel REUT _ Usage urbain

Pauline LOMBARD — 2025-02-03T15:18:53Z

Fiche potentiel REUT _ Usage golf

Pauline LOMBARD — 2025-01-27T09:45:24Z