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.