Welcome to TerraVisu’s documentation!

_images/logo_color.png

Plateforme TerraVisu

TerraVisu

L’application cartographique TerraVisu permet de manipuler un ensemble de donnĂ©es relatives aux diffĂ©rents champs de l’action publique : dĂ©mographie, habitat, patrimoine, mobilitĂ©, environnement.

TerraVisu propose des outils d’observation et d’analyse pour comprendre l’évolution de vos territoires.

Vous voulez tester par vous-mĂȘme? Une instance de dĂ©monstration est accessible ici !

Résumé des fonctionnalités :

  • Naviguer dans l’interface cartographique

  • IntĂ©ragir avec les couches (filtres, table attributaire, transparence, zoom sur l’emprise, synthĂšse statistique)

  • Interroger les objets gĂ©ographiques (infobulle au survol, fiche descriptive)

  • Afficher des fonds de cartes

  • Utiliser les outils de navigation (recherche dans les donnĂ©es/lieux, gestion du zoom, orientation de la carte..)

  • Exporter et partager les cartes (impression PDF, partage de la carte sur les rĂ©seaux sociaux)

Les principales fonctionnalitĂ©s

L’interface cartographique

L’interface cartographique est dĂ©composĂ©e en deux parties :

  • Les donnĂ©es : Ă  gauche, l’arbre des couches permet d’afficher, de filtrer les donnĂ©es Ă  voir sur la carte

  • La carte : au centre, un fond de plan cartographique sur lequel se superposent des donnĂ©es

Exemple du TerraVisu déployé pour la Région Sud

_images/visu_interfacecarto.png

Plusieurs fonds de cartes sont disponibles par dĂ©faut et vos propres fonds de carte peuvent ĂȘtre ajoutĂ©s.

Les données sont agencées de maniÚre personnalisée. Vous pouvez créer autant de grandes catégories et de sous-catégories de groupes de données que vous le souhaitez.

Les donnĂ©es gĂ©ographiques

Les donnĂ©es gĂ©ographiques sont organisĂ©es dans des couches qui rassemblent des entitĂ©s de mĂȘme nature. Chaque couche de carte permet d’afficher et d’utiliser un jeu de donnĂ©es SIG spĂ©cifique

TerraVisu dispose d’un arbre des couches sur lequel une sĂ©rie d’outils permet d’agir sur les diffĂ©rentes couches de donnĂ©es visibles.

Au niveau de la couche de données, vous pouvez ainsi activez les fonctionnalités suivantes :

  • Afficher/masquer des donnĂ©es

  • Afficher/masquer la table attributaire des donnĂ©es de la couche

  • Afficher/masquer le panneau de filtre de la couche de donnĂ©es

  • Afficher/modifier la liste des filtres appliquĂ©s Ă  la couche de donnĂ©es

  • Afficher le widget de synthĂšse

  • Zoomer sur l’étendue spatiale de la couche de donnĂ©es

  • Changer l’opacitĂ© de la couche

_images/visu_interfacecarto_couche.png

L’interface gĂ©ographique se met automatiquement Ă  jour selon les fonctionnalitĂ©s activĂ©es.

Le filtrage des donnĂ©es

Un jeu de donnĂ©es peut ĂȘtre filtrĂ© par ses donnĂ©es attributaires, c’est Ă  dire des informations textuelles qui dĂ©crivent les caractĂ©ristiques diverses (gĂ©ographiques, alphanumĂ©riques, etc.).

Les éléments qui ne correspondent pas au filtre sont cachés et la carte est alors mise à jour.

Exemple de filtres disponibles

_images/visu_filtre.png

Les filtres peuvent prendre plusieurs formes (case Ă  cocher, intervalle de valeurs, curseur, recherche, etc.) et sont paramĂ©trables dans l’outil d’administration.

La fiche descriptive

Les informations relatives aux donnĂ©es sont prĂ©sentĂ©es dans une fiche Ă  gauche de l’écran. Cette fiche apparaĂźt au clic de l’objet cartographie (i.e. le point sur la carte).

Exemple de fiche descriptive pour une station du métro toulousain

_images/visu_minifiche.png

Depuis l’outil d’administration, vous pouvez personnaliser la fiche de maniĂšre avancĂ©e, en y intĂ©grant du texte, des images ou des graphiques pour amĂ©liorer le rendu visuel.

Il n’y a pas de limite au contenu de la fiche tant que l’information est disponible. La fiche peut contenir des liens vers des sites web et des mails.

Les fiches sont exportables et peuvent donc ĂȘtre imprimĂ©es en format texte ou PDF.

L’infobulle au survol

Une information rĂ©sumĂ©e de la donnĂ©e, sous la forme d’une infobulle, est disponible au survol des des objets cartographiques. Si la couche a Ă©tĂ© configurĂ©e dans ce sens dans l’outil d’administration, des infobulles peuvent apparaĂźtre au survol des objets cartographiques.

Exemple d’infobulle au clic sur une station de mĂ©tro toulousain

_images/visu_infobulle.png

Le contenu de l’infobulle est entiùrement personnalisable dans l’outil d’administration et peut comprendre toutes les information que vous souhaitez.

Le widget

Le widget permet de rĂ©capituler dans un tableau dynamique, des indicateurs utiles Ă  l’analyse de la couche. La synthĂšse des informations se rĂ©actualise en fonction des Ă©lĂ©ments qui se trouvent dans l’emprise spatiale. Le widget s’affiche Ă  droite de l’écran.

Exemple d’un widget du TerraVisu de SCoT en action

_images/visu_widget.png

Les donnĂ©es Ă  afficher dans le widget sont dĂ©finies par l’utilisateur dans l’outil d’administration.

La lĂ©gende

Quand les couches affichĂ©es ont des lĂ©gendes, celles-ci s’affichent sur la partie droite de l’écran. C’est vous qui dĂ©cidez si vous souhaitez affichez la lĂ©gende et quel type de lĂ©gende.

Exemple de type légende disponible

_images/visu_legende.png

La configuration de la lĂ©gende s’effectue depuis l’outil administration.

La table attributaire

TerraVisu propose l’affichage de la table des donnĂ©es contenues dans la couche. La table attributaire contient les caractĂ©ristiques non spatiales des donnĂ©es.

La table attributaire de TerraVisu comprend de nombreuses fonctionnalités telles que :

  • Afficher le nombre de lignes du tableau

  • Trier les donnĂ©es selon une colonne

  • Filtrer les donnĂ©es par l’emprise de la carte

  • Comparer jusqu’à trois lignes

  • Exporter les donnĂ©es au format CSV et Excel

  • Afficher/masquer des colonnes

  • Agrandir la table

Exemple d’une table attributaire du TerraVisu Sud Éco Foncier

_images/visu_table.png

Une fois la table exportée, vous pouvez travailler vos données avec votre tableur habituel et créer des graphiques, des tableaux dynamiques croisés, etc., depuis votre ordinateur.

Le zoom sur les Ă©lĂ©ments d’une couche

Cet outil permet de zoomer sur l’étendue spatiale d’une couche activĂ©e. Le zoom est particuliĂšrement utile lorsque l’on souhaite voir l’emprise gĂ©ographique des Ă©lĂ©ments filtrĂ©s d’une couche.

Exemple d’un zoom pour le TerraVisu de SeineYonne

_images/visu_zoomemprise.png

La table attributaire et le widget sont automatiquement mis Ă  jour en fonction du zoom.

Les outils de navigation

TerraVisu dispose des contrĂŽles classiques de navigation :

  • Recherche de lieux/adresse et dans les donnĂ©es actives

  • Retour Ă  l’emprise d’origine

  • Gestion du zoom

  • RĂ©orientation de la carte

  • Gestion des fonds de carte

  • Impression vers PDF

  • Partage de la carte : hyperlien ou vers les rĂ©seaux sociaux

Barre de navigation Ă  gauche sur la carte

_images/visu_outilnavigation.png

Quelques uns de ces outils de navigation sont détaillés ci-aprÚs.

La recherche sur la carte

La recherche sur la carte (via l’outil loupe) permet d’effectuer à la fois :

  • une recherche de lieu ou d’adresse par Ă  un appel Ă  la base d’adresses Nominatim implĂ©mentĂ©,

  • une recherche dans les champs textuels d’une ou plusieurs couches activĂ©es (exemple : une parcelle par le nom du proprĂ©taire).

Le fait de sĂ©lectionner un rĂ©sultat dans les attributs de la ou les couches activĂ©es permet de zoomer sur ce rĂ©sultat, de sĂ©lectionner l’objet en surbrillance et d’ouvrir la mini-fiche (si elle existe).

Le comportement est diffĂ©rent si on sĂ©lectionne un rĂ©sultat pour la recherche de lieu puisqu’il permet uniquement de zoomer sur l’emprise gĂ©ographique correspondante sans rĂ©aliser d’intĂ©raction avec la ou les couches activĂ©es.

Exemple de recherche pour le TerraVisu de SeineYonne

_images/visu_recherche.png

L’impression de la carte au format PDF

La carte affichĂ©e Ă  l’écran peut ĂȘtre imprimĂ©e en format PDF selon les deux dispositions (portait ou paysage).

Exemple de la procĂ©dure d’impression .. image :: ../_static/images/visu/visu_impression.png

La visualisation en Storytelling

TerraVisu dispose d’une fonction de Storytelling. C’est une autre forme de visualisation qui est accessible depuis une vue dĂ©diĂ©e. Le storytelling comprend du texte et des images qui sont parcourues comme un « slideshow » (diaporama).

Cette fonctionnalitĂ© peut servir Ă  la communication ou de manuel d’utilisation.

Exemple du storytelling de Carto Collectivités

_images/visu_storytelling.png

Outil d’administration

L’outil d’administration

Cette documentation dĂ©crit les procĂ©dures pour l’activation et la gestion des diffĂ©rentes fonctionnalitĂ©s de la plateforme TerraVisu.

L’outil d’administration de TerraVisu permet en quelques clics de gĂ©rer des utilisateurs, d’importer diffĂ©rentes sources de donnĂ©es gĂ©ographiques, de crĂ©er et personnaliser ses cartes.

Résumé des fonctionnalités :

  • GĂ©rer les sources de donnĂ©es gĂ©ographiques

  • Configurer des fonds de cartes

  • CrĂ©er des visualisation privĂ©es

  • CrĂ©er des visualisation publiques

  • CrĂ©er des analyses privĂ©es

  • CrĂ©er des analyses publiques

  • CrĂ©er des scĂ©narios interactifs

  • Organiser les visualisations et analyses prĂ©sentes dans l’application

Authentification

ProcĂ©dure d’authentification

Le chemin d’accĂšs Ă  l’outil d’administration d’une application TerraVisu est toujours constituĂ© de l’URL du visualiseur suivis de /admin.

Une fois en possession des identifiants, vous pouvez les renseigner dans la page d’authentification.

_images/admin_authentification.png

Page d’accĂšs

Une fois connectĂ©, vous arrivez sur l’écran d’accueil de l’outil d’administration. L’outil est composĂ© de trois modules :

  • Utilisateurs, permet de gĂ©rer les utilisateurs de l’application

  • Visualiseur, permet de crĂ©er les cartes

  • Fonds de carte, permet de configurer les fonds de carte

_images/admin_accueil.png

Module de gestion des utilisateurs

Liste des utilisateurs

Pour afficher l’ensemble des utilisateurs cliquez sur Liste des utilisateurs. Vous arrivez sur une page prĂ©sentant la liste de tous les utilisateurs existants.

Le module Utilisateurs de TerraVisu permet de gĂ©rer les permissions d’accĂšs des utilisateurs et des groupes d’utilisateurs aux diffĂ©rents Ă©lĂ©ments du visualiseur cartographique.

_images/admin_utilisateurs.png

Vous avez la possibilitĂ© d’exporter la liste des utilisateurs au format CSV en cliquant sur le bouton EXPORTER.

CrĂ©er un nouvel utilisateur

Seuls les super-utilisateurs sont autorisés à créer de nouveaux utilisateurs.

Pour ajouter un nouvel utilisateur cliquez sur le bouton CRÉER. Les informations Ă  renseigner sont Ă  minima le nom, le prĂ©nom, l’adresse mail, le mot de passe.

Si vous activez l’option Super-utilisateur l’utilisateur pourra Ă  son tour crĂ©er de nouveaux utilisateurs.

Si vous activez l’option Actif l’utilisateur pourra se connecter dĂšs que son compte sera créé, sinon, il devra attendre que celui ci devienne actif.

Vous pouvez intĂ©grer l’utilisateur Ă  un ou plusieurs groupes.

Il est possible de rajouter des informations supplĂ©mentaires comme la fonction, l’organisme de rattachement ou encore l’adresse.

Si l’utilisateur perd son mot de passe, il faut supprimer son compte et lui en crĂ©er un nouveau.

_images/admin_utilisateurs_ajout.png

Liste des groupes d’utilisateurs

Les groupes d’utilisateurs permettent de gĂ©rer des permissions Ă  diffĂ©rents niveaux de l’application.

Les permissions sont les suivantes :

  • L’administration de fonds de carte

  • La gestion des sources de donnĂ©es

  • La gestion des couches cartographiques

  • La gestion des groupes d’utilisateurs

  • La gestion des utilisateurs

Pour afficher l’ensemble des groupes cliquez sur Liste des groupes d’utilisateurs. Vous arrivez sur une page prĂ©sentant la liste de tous les groupes existants.

CrĂ©er un nouveau groupe d’utilisateurs

Pour ajouter un nouveau groupe cliquez sur le bouton CRÉER.

Les informations Ă  renseigner lors de la crĂ©ation d’un nouveau groupe sont Ă  minima le nom, les utilisateurs affectĂ©s, les permissions.

_images/admin_groupe_ajout.png

Module Visualiseur

Le module Visualiseur de TerraVisu permet de gĂ©rer les donnĂ©es de l’application et le paramĂ©trage de leur(s) reprĂ©sentation(s).

Il comporte trois entrées :

  • Les sources de donnĂ©es

  • Les couches

  • Les vues

Liste des sources de donnĂ©es

Afin de configurer une visualisation, l’utilisateur doit crĂ©er les diffĂ©rentes sources de donnĂ©es en adĂ©quation avec le projet si elles n’existent pas dĂ©jĂ .

Pour afficher l’ensemble des sources de donnĂ©es cliquez sur Liste des sources de donnĂ©es.

Vous arrivez sur une page présentant la liste de toutes les sources de données déclarées.

_images/admin_sources.png

Pour retrouver plus facilement une source de donnĂ©es dans la liste, vous avez la possibilitĂ© d’utiliser la barre de recherche ou d’ajouter un filtre pour filtrer par type de donnĂ©es ou par type de gĂ©omĂ©trie.

CrĂ©er une source de donnĂ©es

Pour ajouter une nouvelle source, cliquez sur le bouton CRÉER.

Les types de sources de donnĂ©es supportĂ©s actuellement par l’application sont :

  • les fichiers GeoJSON ;

  • les fichiers Shapefile ;

  • les requĂȘtes PostGIS ;

  • les fichiers CSV contenant des coordonnĂ©es gĂ©ographiques ;

  • les flux WMS/WMTS.

Note

Une fois la source de donnĂ©es enregistrĂ©e, il n’est pas possible de modifier son type.

Les types de gĂ©omĂ©tries supportĂ©s par l’application sont les suivants :

  • Point

  • Linestring

  • Polygon

  • MultiPoint

  • MultiLinestring

  • MultiPolygon

  • GeometryCollection

Lors de la dĂ©claration de la source, il est possible d’ajouter un ou plusieurs groupes d’utilisateurs, De cette façon, seuls les utilisateurs faisant partie des groupes affectĂ©s Ă  la source seront en mesure de visualiser les donnĂ©es.

Note

  • Le nom d’une source de donnĂ©es doit ĂȘtre unique, si ce n’est pas le cas l’enregistrement Ă©chouera.

  • Toutes les donnĂ©es intĂ©grĂ©es Ă  l’application doivent a minima possĂ©der un champ d’identifiant unique et une gĂ©omĂ©trie.

Import de fichiers

Une source de donnĂ©es peut ĂȘtre créée par l’import d’un fichier GeoJSON, Shapefile ou CSV en dĂ©posant le fichier dans l’interface.

GeoJSON ou Shapefile

Les informations Ă  renseigner Ă  minima, lors de la crĂ©ation d’une nouvelle source GeoJSON ou Shapefile sont le nom, le type de donnĂ©es, le type de la gĂ©omĂ©trie et l’identifiant unique.

_images/admin_source_creation_geojson.png

Note

Les fichiers Shapefile doivent ĂȘtre fournis sous la forme d’une archive zippĂ©e contenant l’ensemble des fichiers (.shp, .prj, .shx, .dbf, etc).

CSV

Pour intégrer un fichier CSV, il faut que celui-ci comporte des coordonnées géographiques, dans une ou deux colonnes.

Les informations Ă  renseigner Ă  minima lors de la crĂ©ation d’une nouvelle source CSV sont le nom, le ou les champs de coordonnĂ©es, le systĂšme de coordonnĂ©es, le champ de l’identifiant unique, le sĂ©parateur de champ, le sĂ©parateur de texte, le sĂ©parateur dĂ©cimal pour les coordonnĂ©es et le nombre de lignes Ă  ignorer.

_images/admin_source_creation_csv.png

L’ option EntĂȘte Ă  la premiĂšre ligne activĂ©e permet de conserver les entĂȘtes de colonnes qui se trouvent Ă  la premiĂšre ligne du fichier CSV.

Si l’option Ignorer les colonnes Ă  null est activĂ©e, toutes les colonnes vides ne seront pas conservĂ©es.

Import via une requĂȘte PostGIS

Les informations Ă  renseigner Ă  minima lors de la crĂ©ation d’une nouvelle source PostGIS sont le nom, le type de gĂ©omĂ©trie, les paramĂštres de connexion Ă  la base de donnĂ©es (hĂŽte, port, nom bdd, nom utilisateur, mot de passe utilisateur), requĂȘte SQL, champ de gĂ©omĂ©trie, champ de l’identifiant unique.

Note

Attention Ă  ne pas terminer la requĂȘte par un point virgule.

Tip

Il est possible de dĂ©finir la frĂ©quence de mise Ă  jour automatique de la source (toutes les heures, quotidiennement
). La requĂȘte peut ainsi ĂȘtre exĂ©cutĂ©e rĂ©guliĂšrement afin de mettre Ă  jour les donnĂ©es avec le contenu de la base.

_images/admin_source_creation_postgis.png

Note

Si une source de donnĂ©es dont la frĂ©quence de mise Ă  jour a Ă©tĂ© paramĂ©trĂ©e sur Quotidienne, le dĂ©clenchement de la synchronisation ne se fera pas exactement 24h aprĂšs. L’heure d’exĂ©cution se fera 24h+25mn (redĂ©marrage de l’outil qui regarde toutes les 25 mn s’il y a des changements) + date de fin de la derniĂšre mise Ă  jour. Il peut donc y avoir un delta de 24h et 25mn au minimum entre chaque mise Ă  jour de source de donnĂ©es. Ce delta peut se rajouter d’autant plus s’il y a des mise Ă  jour manuelles.

GĂ©omĂ©tries invalides

Géométries invalides

Seules des gĂ©omĂ©tries valides peuvent ĂȘtre importĂ©es dans l’application TerraVisu. Avec PostGis, il est possible de corriger des gĂ©omĂ©tries invalides avec les fonctions suivantes :
  • ST_MakeValid(geom)

  • ST_Buffer(geom, 0)

  • ST_SimplifyPreserveTopology(geom, tolerance)

Import via un flux WMS/WMTS

Les flux WMS/WMTS sont des protocoles de communication qui permettent d’obtenir des cartes de donnĂ©es gĂ©orĂ©fĂ©rencĂ©es Ă  partir de diffĂ©rents serveurs de donnĂ©es (IGN, BRGM, etc.).

Les informations Ă  renseigner Ă  minima lors de la crĂ©ation d’une nouvelle source WMS/WMTS sont le nom et l’adresse.

Il est possible de renseigner les niveaux de zoom min et max auxquels les images du flux seront affichées dans le visualiseur cartographique.

_images/admin_source_creation_wms.png

Enregistrer une source de donnĂ©es

Au moment de l’enregistrement de la source, les champs attributaires sont automatiquement dĂ©terminĂ©s et renseignĂ©s et trois onglets sont créés :

  • DÉFINITION contient les informations principales de la source

  • DONNÉES contient la liste de tous les champs attributaires

  • RAPPORT D’IMPORTATION permet de remonter les Ă©ventuelles erreurs rencontrĂ©es lors de l’enregistrement

Une fois la source enregistrĂ©e, revenez Ă  la liste. La colonne Statut indique l’état actuel de la source de donnĂ©es.

  • NEED SYNC : le statut de la source nouvellement créé , cela signifie que la source a besoin d’ĂȘtre synchronisĂ©e pour ĂȘtre utilisĂ©e. Cliquez d’abord sur la source pour Ă©diter son statut, puis sur Actualiser les donnĂ©es. Une fois revenu Ă  la liste des source, vous pourrez constater que le statut est devenu SUCCESS.

  • DON'T NEED : ce statut ne concerne que les sources WMS/WMTS car celles ci n’ont pas besoin d’ĂȘtre raffraichies.

  • SUCCESS : la source de donnĂ©es a bien Ă©tĂ© créé et vient d’ĂȘtre synchronisĂ©e avec succĂšs.

  • PENDING : la source de donnĂ©es a bien Ă©tĂ© créé et son Ă©tat de synchronisation est stable.

  • FAILURE : la source de donnĂ©es n’a pas Ă©tĂ© correctement créé ou mise Ă  jour. Il y a un problĂšme dans les paramĂštres renseignĂ©s. Voir le dĂ©tail dans l’onglet RAPPORT D’IMPORTATION.

Modifier une source de donnĂ©es

L’onglet DONNÉES contient l’ensemble des champs attributaires de la source.

L’outil dĂ©tecte automatiquement les types de chaque champ mais il peut arriver qu’il soit mal reconnu. Dans ce cas lĂ , il est possible de le modifier dans la liste du type de chaque champ.

Les types gĂ©rĂ©s par l’application sont les suivants :

  • String

  • Integer

  • Float

  • Boolean

  • Undefined

  • Date

Note

Lorsqu’un champ est de type Undefined, cela signifie que l’outil n’a pas rĂ©ussit Ă  l’identifier. A ce moment lĂ  il faut lui assigner le bon type dans la liste dĂ©roulante.

Un extrait des valeurs pour chaque champ est fournit afin d’avoir un aperçu des donnĂ©es.

Le libellĂ© de chaque champ est modifiable de façon Ă  le rendre plus lisible qu’une variable brut. Celui-ci sera utilisĂ© lors de la configuration des couches.

_images/admin_source_modification.png

Dupliquer une source de donnĂ©es

Cela peut ĂȘtre particuliĂšrement intĂ©ressant pour les sources PostGIS qui possĂšdent les mĂȘmes paramĂštres de connexion Ă  la base de donnĂ©es.

Si la duplication est réalisée sur une source Shapefile/GeoJSON/CSV, il est nécessaire de réimporter le fichier de données.

Pour dupliquer une source de données cliquez sur le bouton DUPLIQUER depuis la liste des sources.

Note

Assurez vous de renommer la source car le nom d’une source de donnĂ©es doit ĂȘtre unique.

Supprimer une source de donnĂ©es

Pouvoir supprimer une source de donnĂ©es nĂ©cessite de s’assurer qu’elle n’est pas utilisĂ©e par aucune couche. Si ce n’est pas le cas, la suppression ne pourra pas ĂȘtre effectuĂ©e.

Pour supprimer une source, vous avez deux façons de procéder :

  • dans la liste, cliquez sur la vue et en bas de la page cliquez sur le bouton SUPPRIMER.

  • dans la liste, cochez la source et cliquez sur le bouton SUPPRIMER.

Note

Toute suppression est définitive.

Liste des couches

Une fois les sources de donnĂ©es dĂ©clarĂ©es, l’utilisateur peut crĂ©er les couches qui en dĂ©coulent.

Pour afficher l’ensemble des couches cliquez sur Liste des couches.

_images/admin_couche_liste.png

Tip

Pour retrouver plus facilement une couche dans la liste, vous avez la possibilitĂ© d’utiliser la barre de recherche ou d’ajouter un filtre pour filtrer par source de donnĂ©es, vue, affichĂ©e par dĂ©faut(oui/non), table attributaire affichĂ©e(oui/non), fenĂȘtre au survol(oui/non), mini-fiche (oui/non).

CrĂ©er une couche

La configuration des couches permet de personnaliser de maniĂšre trĂšs approfondie les possibilitĂ©s d’interaction au sein d’une couche :

  • La fonction de recherche

  • La reprĂ©sentation cartographique

  • La lĂ©gende associĂ©e aux styles cartographiques affichĂ©s

  • L’affichage de popups associĂ©s aux donnĂ©es

  • L’affichage de fiches informatives associĂ©s aux donnĂ©es

  • La gestion d’outils de filtrage des donnĂ©es

  • La gestion de la table attributaire

  • La gestion d’un outil de synthĂšse

Pour crĂ©er une nouvelle couche, cliquez sur le bouton CRÉER.

Une page s’ouvre avec diffĂ©rents onglets Ă  renseigner.

Onglet DÉFINITION

Les informations à renseigner à minima lors de la définition de la couche sont le nom et la source de données.

A la diffĂ©rence des sources qui doivent avoir des noms uniques, il est possible d’avoir plusieurs couches avec le mĂȘme nom.

Il faut ensuite sĂ©lectionner une source de donnĂ©es dans la liste. Chaque couche est associĂ©e Ă  une source de donnĂ©es. Il est possible d’en filtrer le contenu en ajoutant une condition de sĂ©lection des donnĂ©es Ă  partir de la liste des champs disponibles fournie (voir ci-dessous).

Le Champ principal permet d’activer la fonction de recherche dans le visualiseur qui retournera les rĂ©sultats en fonction de ce champ.

Si l’option AffichĂ©e par dĂ©faut est activĂ©e, la couche sera activĂ©e dĂšs l’ouverture de la vue Ă  laquelle elle est associĂ©e dans le visualiseur cartographique.

Enfin, la partie Description permet d’ajouter un texte informatif en langage HTML sur cette couche. Ce texte peut ĂȘtre mis Ă  disposition de l’utilisateur dans les vues classiques et de storytelling.

A ce stade, il est possible d’enregistrer la couche telle quelle et de l’afficher dans le visualiseur cartographique. Une reprĂ©sentation par dĂ©faut est appliquĂ©e Ă  la couche, ce qui permet de la visualiser.

_images/admin_couche_definition.png
Filtrage de source

L’intĂ©rĂȘt principal du filtrage de source est qu’il permet de crĂ©er de multiple couches Ă  partir de la mĂȘme source de donnĂ©es.

Le langage de filtrage, Pivot QL, est trùs proche du SQL et une aide 🛈 permet d’obtenir des exemples avec des cas de figures parlants.

Pour aider Ă  l’écriture de la requĂȘte de filtrage, il peut ĂȘtre intĂ©ressant de consulter la liste des champs disponibles afin de ne pas faire d’erreur de nommage.

_images/admin_couche_definition_filtrage1.png

Pour finir, si la requĂȘte est syntaxiquement incorrecte ou qu’un nom de champ est mal orthographiĂ© alors un message d’erreur vient avertir l’utilisateur.

Le nombre d’élĂ©ments retournĂ©s par le filtre est une aide prĂ©cieuse pour savoir si la requĂȘte est bonne.

_images/admin_couche_definition_filtrage2.png

Le filtre appliquĂ© Ă  la source de donnĂ©es dans la couche est immĂ©diatement rĂ©percutĂ© dans la fenĂȘtre de filtre cĂŽtĂ© interface du visualiseur cartographique.

Onglet ICÔNES

Il est possible d’afficher ses propres pictogrammes sur une couche. Ils pourront servir d’icĂŽnes ou de motifs sur la carte créée.

Pour cela il suffit de cliquer sur le bouton AJOUTER, d’importer son image (png/jpeg) et de la nommer dans le champ Nom.

_images/admin_couche_icone.png

Il est possible de modifier la couleur de fond de l’image en utilisant l’outil COMPOSER. Pour cela il est nĂ©cessaire que l’image ait Ă©tĂ© enregistrĂ©e au prĂ©alable afin qu’elle soit disponible dans la liste.

Pour enregistrer l’image, enregistrez la couche.

_images/admin_couche_icone_bleue.png
Onglet STYLE

La conception du style permet de donner du sens Ă  une carte en transmettant une information qui doit ĂȘtre la plus efficace et comprĂ©hensible possible.

Parmi les nombreux styles que l’on peut rĂ©aliser, voici les plus courants :

  • Des styles simples sans analyse : polygones, lignes, points.

  • Des analyses paramĂ©trĂ©es permettant de reprĂ©senter une variable en particulier :

    • Cartes choroplĂšthes (analyse discrĂšte)

    • Carte thĂ©matiques (catĂ©gorisation)

    • Points avec cercles proportionnels (analyse continue)

    • Point avec iconographie (catĂ©gorisation)

    • Affichage de texte

  • Des analyses bivariĂ©es permettant de reprĂ©senter deux variables en mĂȘme temps en faisant varier deux caractĂ©ristiques du style de la mĂȘme reprĂ©sentation gĂ©ographique.

  • Des reprĂ©sentations mettant en jeux plusieurs couches (polygone + centroide par exemple) du type couche principale + couche de dĂ©coration.

  • Des reprĂ©sentations diffĂ©rentes en fonction du niveau de zoom.

Il existe deux modes possibles pour la conception du style : le mode avec assistant de style et le mode sans. Par défaut, le mode avec assistant est activé.

Dans ce manuel d’utilisation, nous nous concentrons principalement sur le mode avec assistant car celui ci s’adresse Ă  un profil d’utilisateur non dĂ©veloppeur.

Style simple

L’application identifie automatiquement le type de reprĂ©sentation possible en fonction de la gĂ©omĂ©trie de la source de donnĂ©es utilisĂ©e. Ainsi, au moment de la conception, un style simple par dĂ©faut est proposĂ© Ă  l’utilisateur. Il est possible de modifier les couleurs par dĂ©faut en cliquant sur le carrĂ© colorĂ©. Un sĂ©lecteur de couleur apparaĂźt et vous permet d’en choisir une dans la palette chromatique ou de renseigner le code couleur en HTML ou RGBA.

Pour renseigner une valeur numĂ©rique (exemple le DiamĂštre pour une reprĂ©sentation Cercle), il suffit de cliquer sur la zone concernĂ©e et d’inscrire une valeur.

_images/admin_couche_style.png

Les curseur de la plage de visibilitĂ© permettent de dĂ©finir des niveaux de zoom d’apparition/disparition d’un style sur la carte (exemple : on affiche des zones du zoom 0 jusqu’au zoom 13 et Ă  partir du zoom 13 on affiche des icĂŽnes).

Pour utiliser une icĂŽne existante dans un style simple, sĂ©lectionnez la reprĂ©sentation IcĂŽne et choisissez l’image que vous avez enregistrĂ© dans l’onglet ICÔNES.

_images/admin_couche_style_icone.png
Style avec motif

Il est possible d’utiliser des motifs au lieu des couleurs pour remplir un polygone.

  1. CrĂ©ation d’un motif La premiĂšre Ă©tape est de crĂ©er le motif, dans l’onglet ICÔNES. Pour cela, il est nĂ©cessaire d’importer une image servant de base au motif (le motif est idĂ©alement blanc et de taille 28 x 28 pixels). L’import d’image se fait via le bouton UPLOAD. Il est ensuite possible de colorer l’image prĂ©cĂ©demment importĂ©e dans l’application. Le bouton COMPOSE permet ce choix de couleur Ă  appliquer sur le motif.

  2. Utilisation d’un motif Actuellement les motifs ne sont pas gĂ©rĂ©s par l’assistant de style. Il est nĂ©cessaire de dĂ©sactiver l’assistant pour utiliser les motifs via du code Mapbox.

Exemple :

{
  "type": "fill",
  "paint": {
    "fill-pattern": "hachures-bleu"
  },
  "maxzoom": 24,
  "minzoom": 0
}
Style avec une analyse
  • Choix du type de reprĂ©sentation

    • Polygone

    • Ligne

    • Extrusion (3D)

    • Cercle

    • IcĂŽne

    • Texte

    • Diagrammes circulaires

  • Choix du de la caractĂ©ristique Ă  faire varier

    • Couleur fond

    • Couleur contour

    • DiamĂštre

    • Épaisseur

    • Couleur texte

    • Taille texte

    • etc.

  • Choix de la variable Ă  reprĂ©senter

  • Choix du type d’analyse

    • Si la variable est un nombre (type Float/Integer)

      • DiscrĂ©tisation (mĂ©thodes Jenks, Quantiles, Intervalles Ă©gaux)

      • Interpolation

      • CatĂ©gorisation

      • Diagrammes circulaires

    • Si la variable est un texte (type String)

      • CatĂ©gorisation

Afin de ne pas Ă©garer l’utilisateur dans les nombreux choix du type de reprĂ©sentation, ce dernier sera restreint en fonction du type gĂ©omĂ©trique de la source de donnĂ©es utilisĂ©e par la couche. Par exemple, Ă  une source de type Polygon sera proposĂ© uniquement les types de reprĂ©sentation Polygone, Ligne, Extrusion.

Le choix de la caractéristique à faire varier découlera automatiquement du type de représentation choisi précédemment. Par exemple, pour une représentation Polygone, les caractéristiques à faire varier seront Couleur du polygone et Couleur du contour.

Il est Ă  noter que toutes les caractĂ©ristiques ne sont pas variables car n’apportant pas d’intĂ©rĂȘt : par exemple l’épaisseur du contour de la reprĂ©sentation Cercle n’est pas variable, uniquement fixe.

Le choix de la variable Ă  reprĂ©senter se fait Ă  l’aide d’une liste dĂ©roulante. La variable se prĂ©sente ainsi : le label (Ă©ditable), le nom de la variable, le type. Le type de la variable choisie (String, Integer, Float..) conditionne les possibilitĂ©s du type d’analyse.

Le choix du type d’analyse constitue la derniĂšre Ă©tape. Le type d’analyse Interpolation n’est disponible que pour faire varier les caractĂ©ristiques DiamĂštre ou``Épaisseur``, c’est Ă  dire une taille.

Lors de la conception d’un style avec une analyse, il est possible d’activer l’option GĂ©nĂ©rer la lĂ©gende associĂ©e pour que la lĂ©gende soit exactement conforme au style reprĂ©sentĂ©.

_images/admin_couche_style_assistant.png
Exemples de styles Mapbox avancĂ©s

Catégorisation

  • Fallback value (valeur par dĂ©faut)

{
 "type": "fill",
 "paint": {
  "fill-color": [
    "case",
    [
      "has",
      "nb_log_ind_pour_mille"
    ],
    [
      "step",
      [
        "get",
        "nb_log_ind_pour_mille"
      ],
      "#fde725",
      0.1,
      "#5dc963",
      1.1,
      "#21908d",
      3.1,
      "#3b528b",
      7.1,
      "#440154",
      15.1,
      "#CCC"
    ],
    "#CCC"
  ],
  "fill-outline-color": "#a7c2e8"
},
"maxzoom": 24,
"minzoom": 0
}
  • Variation simple (icones en fonction d’un champ) + Ă©tiquettes en fonction d’un champ

{
  "type": "symbol",
  "paint": {
    "text-color": "hsl(352, 100%, 15%)"
  },
  "layout": {
    "icon-size": 1,
    "text-font": [
      "Arial Unicode MS Bold"
    ],
    "text-size": 8,
    "icon-image": [
      "match",
      [
        "get",
        "cep_nature"
      ],
      "ESU",
      "point-vert",
      "ESO",
      "point-noir",
      "EMI",
      "point-marron",
      ""
    ],
    "text-field": "{cep_nom}",
    "text-radial-offset": 2,
    "text-variable-anchor": [
      "top",
      "bottom",
      "left",
      "right"
    ]
  },
  "maxzoom": 24,
  "minzoom": 0
}
  • Variation simple (couleur des points en fonction d’un champ) + clusters colorĂ©s en fonction du nombre de points

{
  "type": "circle",
  "paint": {
    "circle-color": [
      "case",
      [
        "has",
        "secteuractivite"
      ],
      [
        "match",
        [
          "get",
          "secteuractivite"
        ],
        "Alimentaire",
        "hsla(210, 50%, 40%, 0.8)",
        "Automobiles, motos",
        "hsla(0, 0%, 80%, 0.8)",
        "HÎtels, cafés, restaurants",
        "hsla(180, 50%, 60%, 0.8)",
        "Culture, loisirs",
        "hsla(180, 50%, 40%, 0.8)",
        "Divers",
        "hsla(0, 20%, 50%, 0.8)",
        "Équipement de la maison",
        "hsla(60, 50%, 60%, 0.8)",
        "Équipement de la personne",
        "hsla(300, 33%, 30%, 0.8)",
        "Grand magasin",
        "#c7843d",
        "HygiÚne, santé, beauté",
        "hsla(300, 33%, 70%, 0.8)",
        "Services Ă  la personne",
        "hsla(0, 100%, 90%, 0.8)",
        "Services Ă  vitrine",
        "hsla(30, 100%, 60%, 0.8)",
        "#CCC"
      ],
      "#CCC"
    ],
    "circle-radius": 7,
    "circle-stroke-color": "hsl(0, 0%, 95%)",
    "circle-stroke-width": 1
  },
  "cluster": {
    "font": {
      "color": "#ffffff"
    },
    "sizes": [
      5,
      10,
      15,
      20,
      22,
      25
    ],
    "steps": [
      2,
      5,
      10,
      50,
      80
    ],
    "border": 4,
    "colors": [
      "#b8e295",
      "#8dcf82",
      "#64bc6e",
      "#3ba859",
      "#1c8a47",
      "#006837"
    ],
    "radius": 50
  },
  "maxzoom": 24,
  "minzoom": 0
}
  • Variation double : couleur des lignes en fonction d’un champ + taille des lignes en fonction en fonction d’un champ

{
  "type": "line",
  "paint": {
    "line-color": [
      "match",
      [
        "get",
        "class_adm"
      ],
      "Autoroute",
      "#bb1e2a",
      "Départementale",
      "#487b00",
      "Nationale",
      "#487bb6",
      "#000000"
    ],
    "line-width": [
      "match",
      [
        "get",
        "class_adm"
      ],
      "Autoroute",
      3,
      "Départementale",
      2,
      "Nationale",
      1,
      0
    ]
  },
  "maxzoom": 24,
  "minzoom": 9
}
  • Variation simple (couleur du polygone en fonction d’un champ) + ordre d’affichage des gĂ©omĂ©tries en fonction d’un champ

{
  "type": "fill",
  "paint": {
    "fill-color": [
      "match",
      [
        "get",
        "buffer"
      ],
      "1000",
      "#e47e1c",
      "250",
      "#e41a1c",
      "#000000"
    ],
    "fill-outline-color": "transparent"
  },
  "layout": {
    "fill-sort-key": [
      "case",
      [
        "==",
        [
          "get",
          "buffer"
        ],
        "1000"
      ],
      0,
      [
        "==",
        [
          "get",
          "buffer"
        ],
        "250"
      ],
      1,
      0
    ]
  },
  "maxzoom": 24,
  "minzoom": 0
}

Filtres

  • Filtre simple (une condition)

{
  "type": "fill",
  "paint": {
    "fill-color": "hsl(140, 92%, 24%)",
    "fill-outline-color": "hsl(0, 0%, 100%)"
  },
  "filter": [
    "==",
    "nouvelle_culture",
    "Oui"
  ],
  "maxzoom": 24,
  "minzoom": 0
}
  • Filtre “et” (les conditions se cumulent)

{
  "type": "fill",
  "paint": {
    "fill-color": "hsl(140, 92%, 24%)",
    "fill-outline-color": "hsl(0, 0%, 100%)"
  },
  "filter": [
    "all",
    [
      "==",
      "nouvelle_culture",
      "Oui"
    ],
    [
      ">=",
      "evol_2021_surf",
      "0"
    ]
  ],
  "maxzoom": 24,
  "minzoom": 0
}
Ajouter un style secondaire

Une couche peut utiliser plusieurs styles. Le style principal utilise les données de la source utilisée par la couche, en revanche, le style secondaire peut faire appel à une source de données différente.

Le style secondaire doit ĂȘtre vu comme un Ă©lĂ©ment de dĂ©coration sur la carte. De cette maniĂšre, aucune interaction ne sera possible avec les donnĂ©es du style secondaire (info-bulle, mini-fiche, filtre, etc.)

Exemple concret : Dans le cas d’une carte des communes, il pourra ĂȘtre intĂ©ressant de rajouter les Ă©tiquettes des noms au centre des communes. Pour se faire, on aura besoin de crĂ©er un style secondaire faisant appel Ă  la source de donnĂ©es des centroides des communes pour pouvoir ajouter les Ă©tiquettes.

_images/admin_couche_style_secondaire.png
Style sans assistant

Il est possible d’aller plus loin dans la conception d’un style en dĂ©sactivant le mode assistant. Ce mode s’adresse Ă  des utilisateurs dĂ©veloppeurs car il faut rĂ©diger le code en JSON, en suivant la spĂ©cification Mapbox.

_images/admin_couche_style_sansassistant.png
Onglet LÉGENDES

La lĂ©gende est un des Ă©lĂ©ments essentiels de la carte. Elle doit ĂȘtre claire, facilement comprĂ©hensible et doit s’adapter aux Ă©lĂ©ments affichĂ©s sur la carte.

Voici les typologies de légende :

  • LĂ©gende avec carrĂ©s pour reprĂ©senter des polygones

  • LĂ©gende avec cercles pour reprĂ©senter des points

  • LĂ©gende avec lignes pour reprĂ©senter les lignes

  • LĂ©gende avec icĂŽnes pour reprĂ©senter les pictogrammes ou motifs

On peut faire varier :

  • La couleur de fond pour les carrĂ©s et le cercles

  • La couleur de la ligne pour les carrĂ©s, les cercles et les lignes

  • La taille pour les carrĂ©s et les cercles

  • L’épaisseur de ligne pour les carrĂ©s, les cercles et les lignes

_images/admin_couche_legende.png

Si elle est gĂ©nĂ©rĂ©e depuis l’onglet STYLE, alors elle se met en lien automatiquement avec le style de la couche et prend en compte la typologie de gĂ©omĂ©trie affichĂ©e.

Il n’est pas possible de modifier une lĂ©gende qui a Ă©tĂ© gĂ©nĂ©rĂ©e. Seuls le titre et le pied de lĂ©gende sont Ă©ditables.

Si la lĂ©gende gĂ©nĂ©rĂ©e ne vous convient pas, il faut dĂ©sactiver l’option GĂ©nĂ©rer la lĂ©gende associĂ©e dans l’onglet STYLE pour la caractĂ©ristique concernĂ©e (exemple Couleur du polygone). De cette façon, vous pourrez crĂ©er manuellement la lĂ©gende souhaitĂ©e.

_images/admin_couche_legendegeneree.png
Onglet FENÊTRE AU SURVOL

La fenĂȘtre au survol ou info-bulle est un message contextuel apparaissant en surimpression au survol de la souris sur les Ă©lĂ©ments de la couche. Le contenu du message s’adapte dynamiquement en fonction de l’objet survolĂ©. Celle-ci n’est pas active par dĂ©faut.

_images/admin_couche_pophover.png

Une fois activĂ©e, la configuration de la fenĂȘtre est facilitĂ©e grĂące Ă  un assistant qui permet d’ajouter les Ă©lĂ©ments de contenus et de dĂ©finir une plage de zoom.

Si le champ principal a Ă©tĂ© dĂ©finit dans l’onglet DÉFINITION, alors ce dernier sera aussi utilisĂ© comme titre de l’info-bulle.

En cas de valeur nulle sur un champ, il est possible de dĂ©finir une valeur par dĂ©faut. De mĂȘme, l’outil permet de rajouter du texte en prĂ©fixe et suffixe de la valeur du champ choisi.

_images/admin_couche_pophover_nonexpert.png

Lorsque le label d’un champ est renommĂ© Ă  un endroit de l’application, il est renommĂ© partout ailleurs.

Le Mode expert permet d’aller plus loin dans le paramĂ©trage de l’info-bulle en codant le contenu en Nunjucks.

Le code est gĂ©nĂ©rĂ© Ă  partir de ce qui existe dans le mode avec assistant, en revanche l’inverse n’est pas vrai. C’est Ă  dire que le mode avec assistant n’est pas synchronisĂ© avec le Mode expert.

Ce mode avancĂ© s’adresse Ă  des utilisateurs dĂ©veloppeurs. Il peut ĂȘtre intĂ©ressant de l’utiliser pour dĂ©finir des conditions if ou elseif.

_images/admin_couche_pophover_expert.png
Onglet MINI-FICHE

La mini-fiche est une fiche structurĂ©e prĂ©sentant des informations associĂ©es Ă  un objet de la couche. Celle-ci s’ouvre au clic sur l’objet en question.

La mini-fiche n’est pas active par dĂ©faut.

_images/admin_couche_minifiche.png

La mini-fiche fonctionne sur le mĂȘme principe que celui de la fenĂȘtre au survol. Si le champ principal a Ă©tĂ© dĂ©finit dans l’onglet DÉFINITION, alors ce dernier sera aussi utilisĂ© comme titre de la mini-fiche.

Il est possible de sĂ©lectionner une couleur de surbrillance pour les objets cliquĂ©s sur la carte au moment de l’affichage de la mini-fiche.

En cas de valeur nulle sur un champ, il est possible de définir une valeur par défaut.

De mĂȘme, l’outil permet de rajouter du texte en prĂ©fixe et suffixe de la valeur du champ choisi.

A la diffĂ©rence de l’info-bulle, l’utilisateur peut ajouter des titres de section pour structurer les parties de la fiche.

_images/admin_couche_minifiche_nonexpert.png

Lorsque le label d’un champ est renommĂ© Ă  un endroit de l’application, il est renommĂ© partout ailleurs.

Le Mode expert permet d’aller plus loin dans le paramĂ©trage de la fiche en codant le contenu en Nunjucks.

Le code est gĂ©nĂ©rĂ© Ă  partir de ce qui existe dans le mode avec assistant, en revanche l’inverse n’est pas vrai. C’est Ă  dire que le mode avec assistant n’est pas synchronisĂ© avec le Mode expert.

Ce mode avancĂ© s’adresse Ă  des utilisateurs dĂ©veloppeurs. Il peut ĂȘtre intĂ©ressant de l’utiliser pour ajouter du texte colorĂ©, des liens hypertexte ou des images.

_images/admin_couche_minifiche_expert.png
Onglet FILTRE

L’outil de filtre permet de restreindre les Ă©lĂ©ments sur la carte en fonction des valeurs de champs sĂ©lectionnĂ©es.

L’outil de filtre n’est pas actif par dĂ©faut.

_images/admin_couche_filtre.png

Pour ajouter un filtre sur la couche cliquez sur AJOUTER.

Plusieurs types de filtrage sont disponibles en fonction des types de champs :

  • Une seule valeur (texte)

  • Plusieurs valeurs (texte)

  • Une Ă©tendue de valeurs (numĂ©rique ou date)

Au niveau de l’affichage, il est possible de choisir:

  • Aucune valeur

  • Toutes les valeurs disponibles pour le champ

  • Une liste de valeurs

_images/admin_couche_filtreactive.png

Il est possible de remonter/descendre les filtres dans l’ordre souhaitĂ©.

Onglet TABLE

La table attributaire permet d’avoir une vision tabulaire des donnĂ©es de la couche. Elle n’est pas activĂ©e par dĂ©faut.

_images/admin_couche_table.png

Une fois la table activĂ©e, l’utilisateur peut configurer l’affichage des champs et autoriser leur export au format xlsx.

Il est possible de remonter/descendre les champs dans l’ordre souhaitĂ©.

_images/admin_couche_tableactivee.png
Onglet WIDGET

L’outil de widget permet de rĂ©capituler dans un tableau dynamique des indicateurs utiles Ă  l’analyse de la couche.

Sur le visualiseur cartographique, lors du zoom sur la carte, la synthĂšse se rĂ©actualise en fonction des Ă©lĂ©ments qui se trouvent dans l’emprise spatiale.

La configuration de l’outil de widget s’adresse Ă  des utilisateurs dĂ©veloppeurs car il requiert l’écriture en JSON avec dans la clĂ© “template” une chaĂźne de caractĂšre contenant le code en Nunjucks du format de donnĂ©es attendu.

_images/admin_couche_widget.png

Modifier une couche

Pour modifier une couche existante, cliquez sur la couche dans la liste et effectuez vos changements.

Dupliquer une couche

La duplication d’une couche inclut la copie :

  • du style

  • de la lĂ©gende

  • de l’infobulle

  • de la mini-fiche

  • du widget

Pour dupliquer une couche cliquez sur le bouton DUPLIQUER depuis la liste des couches.

Un message indique Ă  l’utilisateur que la couche a bien Ă©tĂ© dupliquĂ©e.

Supprimer une couche

Pouvoir supprimer une source de donnĂ©es nĂ©cessite de s’assurer qu’elle n’est utilisĂ©e dans aucun vue. Si ce n’est pas le cas, la suppression ne pourra pas ĂȘtre effectuĂ©e.

Pour supprimer une couche, vous avez deux façons de procéder :

  • dans la liste, cliquez sur la vue et en bas de la page cliquez sur le bouton SUPPRIMER

  • dans la liste, cochez la couche et cliquez sur le bouton SUPPRIMER

Note

Toute suppression est définitive.

Liste des vues

La configuration des menus d’accĂšs aux couches de donnĂ©es s’appelle les vues.

Il s’agit de la derniĂšre Ă©tape Ă  rĂ©aliser (aprĂšs la crĂ©ation de la source, puis crĂ©ation de la couche) pour visualiser ses donnĂ©es.

Pour afficher l’ensemble des vues cliquez sur Liste des vues.

Vous arrivez sur une page présentant la liste de toutes les vues déclarées.

_images/admin_vue_liste.png

CrĂ©er une vue

Pour ajouter une nouvelle vue cliquez sur le bouton CRÉER.

Les informations Ă  renseigner Ă  minima lors de la crĂ©ation d’une nouvelle vue sont le nom, le type de vue, le classement et l’arbre des couches.

Il existe deux types de vues :

  • Carte : les couches sont affichĂ©s dans une arborescence composĂ©e de groupes

  • Storytelling : les couches sont affichĂ©s Ă  droite d’une description (analyse de carte, chiffre clĂ©s..) et l’utilisateur les fait dĂ©filer dans l’ordre dans lesquelles elles sont ordonnĂ©es dans l’arbre des couches.

Le classement permet d’affecter Ă  la vue une position par rapport aux autres (exemple : 1ere position, deuxiĂšme position..). Il est possible de crĂ©er autant de vues que nĂ©cessaire mais il ne peut pas y avoir plus de 10 vues affichĂ©es dans le visualiseur cartographique.

Il est possible de dĂ©finir une emprise gĂ©ographique diffĂ©rente de l’emprise par dĂ©faut du visualiseur cartographique (exemple : Centre ville de Thionville). Pour cela, il suffit de dessiner la zone Ă  afficher Ă  l’aide de l’outil de dessin.

S’il a dĂ©finit au prĂ©alable des fonds de carte dans le module Liste des fonds de carte, l’utilisateur peut choisir de les utiliser dans une vue. Si il ne le fait pas, c’est le fond de carte par dĂ©faut (Mapbox Monochrome Light) qui sera utilisĂ©.

Une icĂŽne par dĂ©faut est appliquĂ©e Ă  la vue si l’utilisateur ne lui en choisis pas. Sa couleur est blanche afin que l’icĂŽne se dĂ©marque bien sur le menu des vues dans le visualiseur cartographique. Le format supportĂ© par l’outil est le png.

Arbre des couches

Une couche appartient obligatoirement Ă  un groupe.

Pour ajouter un groupe cliquez sur le bouton CRÉER UN GROUPE.

Pour ajouter une couche Ă  un groupe cliquez sur le + et choisissez la dans la liste.

Vous pouvez construire votre arbre en ajoutant, déplaçant, imbriquant les éléments.

A partir d’un groupe, en cliquant sur les trois petits points verticaux vous avez la possibilitĂ© de :

  • Ajouter une couche

  • Ajouter un sous-groupe

  • ParamĂ©trer le mode de sĂ©lection des couches (exclusif/inclusif)

  • Supprimer un groupe

Note

Une couche ne peut ĂȘtre ajoutĂ©e qu’à une seule vue Ă  la fois.

_images/admin_vue.png

L’enregistrement de la vue aura pour effet immĂ©diat de rajouter automatiquement l’ensemble des Ă©lĂ©ments de l’arbre des couches dans le visualiseur cartographique.

Pour modifier une vue existante, cliquez sur la vue dans la liste et effectuez vos changements.

Supprimer une vue

Pour supprimer une vue, vous avez deux façons de procéder :

  • dans la liste, cliquez sur la vue et en bas de la page cliquez sur le bouton SUPPRIMER

  • dans la liste, cochez la vue et cliquez sur le bouton SUPPRIMER

Note

Toute suppression est définitive.

Fonds de carte

Le module Fonds de carte de TerraVisu permet Ă  l’utilisateur de dĂ©finir ses fonds de cartes sur lesquels viendront se superposer les couches de donnĂ©es cartographiques de l’application.

L’utilisateur peut par exemple ainsi basculer d’un fond de plan cartographique Ă  une photographie aĂ©rienne pour avoir un meilleur aperçu de la rĂ©alitĂ© physique du territoire d’étude.

Liste des fonds de carte

Trois types de fonds de cartes peuvent ĂȘtre dĂ©finis :

  • Raster

  • Vectoriel

  • Mapbox

Pour afficher l’ensemble des fonds de carte cliquez sur Liste des fonds de carte.

Vous arrivez sur une page présentant la liste de tous les fonds de carte existants.

_images/admin_fondscarte.png

CrĂ©er un nouveau fond de carte

Pour ajouter un nouveau fond de carte cliquez sur le bouton CRÉER.

Les informations Ă  renseigner Ă  minima lors de la crĂ©ation d’un nouveau fond de carte sont le nom, le type et l’URL.

La taille des tuiles est modifiable mais elle est dĂ©finie par dĂ©faut sur la valeur 256. Le curseur de l’amplitude du zoom permet de choisir Ă  quel niveau de zoom les tuiles du fond de carte s’afficheront dans le visualiseur.

Une fois les fonds de plan ajoutĂ©s, l’utilisateur peut les choisir de les utiliser dans les vues qu’il veut.

_images/admin_fondscarte_modification.png

Modifier un fond de carte

Pour modifier un fond de carte existant, cliquez sur le fond de carte dans la liste et effectuez vos changements.

Supprimer un fond de carte

Pour supprimer fond de carte, vous avez deux façons de procéder :

  • dans la liste, cliquez sur le fond de carte et en bas de la page cliquez sur le bouton SUPPRIMER

  • dans la liste, cochez le fond de carte et cliquez sur le bouton SUPPRIMER

Note

Toute suppression est définitive.

Install instructions

Requirements

  • You need docker installed. Compose plugin is recommended in the configuration below.

    See Docker.

  • Optional : if you want to use external database, prepare a postgresql 11+ (15 recommended) postgis2.5 (3.3 recommended) database with postgis enabled, and a dedicated user.

    You can use external database by commenting postgres container and volume references in docker-compose.yml, and set variables in your conf/visu.env file :
    • POSTGRES_HOST

    • POSTGRES_PORT

    • POSTGRES_USER

    • POSTGRES_PASSWORD

    • POSTGRES_DB

Add local IPs in pg_hba.conf to allow connection from docker containers to your database.

  • You can use external nginx proxy. Edit provided nginx conf file and comment nginx references in docker-compose.yml. Fix web:8000 to 127.0.0.1:8000 in nginx.conf.

Install

  • Download zip package

  • Unzip it where you want

    unzip install.zip
    cd terra_visu
    
  • Prepare environment variables

    ./conf/visu.env
    

    -> Set or change all required values

at least:

  • ALLOWED_HOST # list of your final host(s), comma separated values

  • SECRET_KEY # unique key for your project. See https://djecrety.ir/

  • POSTGRES_USER # a dedicated user for your database

  • POSTGRES_PASSWORD # a dedicated password for your database

  • Pull images

    docker compose pull
    
  • Init database and project config

    docker compose run --rm web update.sh
    
  • Create your super user

    docker compose run --rm web ./manage.py createsuperuser
    
  • Load initial data

    docker compose run --rm web ./manage.py loaddata project/fixtures/initial.json
    
  • Launch stack

    docker compose up -d
    
  • 
 and access to TerraVisu

    http://<your_domain>/
    

You can change port mapping by using a .env file in terra_visu directory :

# .env
NGINX_PORT=8080

Update

  • Read release notes about bugfix, news and breaking changes.

  • Backup your data (database, public/media and var/ folder)

  • Pull latest image

    docker compose pull
    
  • Run post update script

    docker compose run --rm web update.sh
    
  • Relaunch your stack

    docker compose down
    docker compose up -d
    

Configuration

Environment variables

Add your environment variables in app.env file.

General

ALLOWED_HOSTS

domains allowed to be used by your instance. Support comma separated values.

Example:

ALLOWED_HOSTS=mysite.fr  # ALLOWED_HOSTS=mysite.fr,my.other.site.fr
SECRET_KEY

unique secret key for your instance. (https://djecrety.ir/)

Example:

SECRET_KEY=zbesj@t3_&u75&l=xk@ftg1yh4wy)i)9!z+(v$ig7*-*lkd6om
SSL_ENABLED

Set true if your site is behind ssl proxy.

Example:

SSL_ENABLED=True

Default:

False

OIDC Connect

To allow OIDC login, you should configure these settings.

OIDC_ENABLE_LOGIN

Enable OIDC connect login.

Example:

OIDC_ENABLE_LOGIN=True

Default:

False
OIDC_DISABLE_INTERNAL_LOGIN

Disable internal login if OIDC enabled. (direct redirection to OIDC login)

Example:

OIDC_DISABLE_INTERNAL_LOGIN=True

Default:

False
OIDC_AUTH_SERVER

Set your OIDC Realm URL.

Example:

OIDC_AUTH_SERVER=https://your.openid.com/realms/master
OIDC_AUTH_CLIENT_ID

Set your OIDC Client ID.

Example:

OIDC_AUTH_CLIENT_ID=your-client-id
OIDC_AUTH_CLIENT_SECRET

Set your OIDC Client secret.

Example:

OIDC_AUTH_CLIENT_SECRET=7GcKm7XiWIE6BRscGHZZku
OIDC_AUTH_SCOPE

Set your OIDC Client scope. Support comma separated values.

Example:

OIDC_AUTH_SCOPE=openid,email

Default:

openid

SENTRY

SENTRY_DSN

Set your SENTRY_DSN to enable sentry reporting.

Example:

SENTRY_DSN=https://your.sentry/dsn

Default:

None
SENTRY_TRACE_SAMPLE_RATE

Specify sample rate for your performance tracking.

Example:

SENTRY_TRACE_SAMPLE_RATE=1.0

Default:

0.2
SENTRY_SEND_DEFAULT_PII

Specify if sentry enable user informations.

Example:

SENTRY_SEND_DEFAULT_PII=False

Default:

True

API Schemas

API_SCHEMA

Set true if you want to expose API openapi schema. It expose /api/schema/ endpoint.

Example:

API_SCHEMA=True

Default:

False
API_SWAGGER

Set true if you want to expose API swagger. API_SCHEMA should be enabled. It expose /api/schema/swagger/ endpoint.

Example:

API_SWAGGER=True

Default:

False
API_REDOC

Set true if you want to expose API redoc. API_SCHEMA should be enabled. It expose /api/schema/redoc/ endpoint.

Example:

API_REDOC=True

Default:

False

Troubleshooting

Elastic search container doesn’t start

If you have:

bootstrap check failure [1] of [1]: max virtual memory areas vm.max_map_count [xxx] is too low, increase to at least [yyy]

Then you need to increase the vm.max_map_count on your host machine.

sudo nano /etc/sysctl.conf
vm.max_map_count=262144

Then reboot your machine.

Contributing

Conventions

  • Before contributing, open an issue and discuss about it with community (is it a bug or a feature ? What is the best way to achieve my goal ?)

  • Use flake8

  • KISS & DRY as much as possible

  • Elegant and generic is good, simple is better

  • Separate bug fixes and new features in several pull requests.

  • Open a new Pull Request in “Draft” status until tests passed. Use at least ‘bug’, ‘improvement’ or ‘feature’ label.

  • Commits messages are explicit and mention issue number ((ref #12) or (fixes #23))

  • Features are developed in a branch and merged from Github pull-requests.

Definition of done

  • docs/changelog.rst is up-to-date

  • An explicit unit-test covers the bugfix or the new feature.

  • Unit-tests total coverage is above or at least equal with previous commits. Patch coverage is 100% on new lines.

  • Settings have default value in project/settings/__init__.py

  • Installation instructions and documentation are up-to-date

Development

Prepare stack

cp db.env.dist db.env
cp app.env.dist app.env
docker compose build

Init database

docker compose run --rm web ./manage.py migrate

Load initial data

docker compose run --rm web ./manage.py loaddata project/fixtures/initial.json

Create your superuser

docker compose run --rm web ./manage.py createsuperuser

Prepare admin if required

make build_admin

Prepare frontend if required

make build_front

Launch stack

docker compose up

Access

Frontend

http://visu.localhost:8080

Admin

http://visu.localhost:8080/admin/

Django admin (config / debug)

http://visu.localhost:8080/config/

Linting

We use flake8, isort and black rules. You can run :

make lint

to check them

Modification

  • Each modification should be done in a Pull request correctly named and labeled (dependencies, bug, enhancement, 
) with a changelog entry.

Release process

  • Changelog should be up to date

  • assign version number in project/VERSION and docs/source/changelog.rst with date (version in the form YYYY.MM.XX where YYYY is the year, MM the month, XX the release number in the month.)

  • Use Release fonction in github to create a release with the same name as the version number

  • Use release notes button to generate release notes

  • CI publish a new docker image.

  • Back to dev by adding “+dev” to project/VERSION and new changelog section with XXXX-XX-XX date and version

Translating

Getting started

Documentation

We use sphinx doc and sphinx-rtd-theme. Requirements are included.

To compile and test documentation on local environment, run :

docker-compose up -d sphinx

Design

Architecture

Main components

Authors

  • Jean-Etienne Castagnede

  • JĂ©rĂ©mie Pardou

  • Maxime Bouveron

  • Alice Chetta

  • CĂ©dric Farcy

  • Pauline Millet

  • Florian Sommariva

  • Benjamin Marguin

  • TimothĂ©e de Montety

  • Marine Faucher

https://geotrek.fr/assets/img/logo_makina.svg https://geotrek.fr/assets/img/logo_autonomens-h120m.png

Changelog

2023.8.3 (2023-08-29)

Improvements:

  • Optimize source refresh and ES indexation process

2023.8.2 (2023-08-10)

Improvements:

  • Add close button to partners modal

  • Improve source reporting interface in admin

Bugfix

  • Allow numbers in source filter variables in admin

2023.8.1 (2023-08-03)

Improvements:

  • Add filter feature for layers tree

  • Make some A11y enhancements

Bugfix

  • Remove legend scaling

  • Fix invisible splash-screen catching clicks

2023.7.2 (2023-07-25)

Improvements:

  • Add icon categorization in layers in admin.

Bugfix

  • Fix tooltip on menubar in frontend.

2023.7.1 (2023-07-11)

Improvements:

  • Enable legends for WMTS layers.

  • Piecharts are now clickable.

  • Piecharts are disabled in extra styles.

  • Icons can now be categorized in layer admin.

2023.7.0 (2023-07-03)

Improvements:

  • Pie charts improvements

2023.6.13 (2023-06-30)

Bugfix

  • Fix content overflow in storytelling

Improvements:

  • Pie charts legend definition

2023.6.12 (2023-06-27)

Bugfix

  • Fix unauthenticated access to Source API endpoint exception.

  • Legend title, content and box width are fixed

2023.6.11 (2023-06-23)

New features:

  • Map visualization with circular diagrams

Bugfix

  • Fix info content overflow if height taller than window

2023.6.10 (2023-06-22)

Improvements:

  • Add more options to info content editor in config dashboard

2023.6.9 (2023-06-21)

Bugfix

  • Fix duplicated legends

2023.6.8 (2023-06-20)

New features:

  • Allow to define and display pie charts in layer style

Improvements:

  • Split default info content template in multiple blocks to enhance customization

2023.6.7 (2023-06-19)

Bugfix

  • Fix upper white ribbon in responsive view

  • Use autocomplete field for source in layer secondary style and list filter

  • Fix map PDF export

  • Fix API filters

2023.6.6 (2023-06-14)

Improvements:

  • Customize info menu content in config dashboard

Bugfix

  • Fix restricted menus not showing after login

2023.6.5 (2023-06-14)

Bugfix

  • Use an autocomplete widget to select source in layer definition in admin (Not limited to 100 elements anymore)

2023.6.4 (2023-06-09)

Improvements:

  • Ability to define default text for SSO and internal login buttons in frontend and admin

2023.6.3 (2023-06-08)

Bugfix

  • Fix instance config panel with new dashboard

  • Fix user login state after an SSO login in frontend

2023.6.2 (2023-06-07)

New feature

  • Complete OIDC login feature in frontend and admin

Improvements:

  • In admin layer style, ability to choose if icon style overlaps or not

2023.6.1 (2023-06-01)

Improvements:

  • Provide user and initial token in both frontend and admin settings API

  • Provide login and logout urls in API settings in case of SSO authentification enabled

2023.5.5 (2023-05-31)

Improvements:

  • Implement JWT token generation to authenticate through sessions

2023.5.4 (2023-05-30)

Improvements:

  • Allow icon_allow_overlap in layer admin style definition

2023.5.3 (2023-05-25)

Improvements:

  • Allow customization by providing var/conf/{static | templates} folders tu override and adding custom files

2023.5.2 (2023-05-17)

Improvements:

  • Frontend CSS simplified location

2023.5.1 (2023-05-17)

Bugfix

  • Fix style image already loaded in frontend

Improvements:

  • Layer legend title is not required anymore

2023.5.0 (2023-05-10)

Bugfix

  • Fix legend null values in admin

2023.4.9 (2023-04-26)

Bugfix

  • Prevent deleted style key in admin to keep null value

Improvements:

  • Increase style categorization from 20 to 100 element max in admin layer style.

2023.4.8 (2023-04-24)

Bugfix

  • Fix permission management on source list in admin

  • Fix regression with style category color picker in admin

2023.4.7 (2023-04-21)

Bugfix

  • Fix layer duplication and notification in admin

2023.4.6 (2023-04-20)

Improvements:

  • Layer duplication in admin improved and now made by backend duplication

2023.4.5 (2023-04-20)

Improvements:

  • Disable autocomplete / autofill on PostGIS source form in admin

Bugfix

  • Allow PostGIS source form edition in admin without retype password

2023.4.4 (2023-04-19)

Improvements:

  • Improve admin to define polygons patterns

  • Filter frontend with non empty views

  • Default view is now the first ordered for an user (authenticated or not)

2023.4.3 (2023-04-13)

Improvements:

  • Allow to set group access to extra menu items

  • Include basic certificates in docker image

2023.4.2 (2023-04-11)

New features:

  • Allow using style images patterns in polygon advanced styles

2023.4.1 (2023-04-07)

New Version

New Simplified Installation

New documentation

Bug fixes:

  • Fix and allow date usage in source fields and imported data

  • Fix group creation / edition in admin

  • Fix LayerTree cache management

  • Fix bug when no base layer defined in scene (#109)

New features:

  • Use icon and patterns in point / polygon styles

Improvements:

  • Direct use elasticsearch connector for data indexation instead of terra-bonobo-nodes

  • Better layer duplication

  • Some instance configuration managed in config panel (/config/)

Maintenance

  • From Python 3.6 to 3.10

  • From Django 2.2 to 4.1

  • All python packages updated

  • Admin node-js from 12 to 18

User Manual

We have a few places for you to get started:

🚀 Plateforme TerraVisu

Discover everything you need to know about TerraVisu.

🚀 Outil d’administration

Using the back-office for the first time? We have the manual to get you started.

Installation & Configuration

Need to know how something works? Here are a few of the most important reference docs:

🔧 Install instruction

Learn about the requirements and install instructions.

🔧 Configuration

Learn how to set your environment variables.

🔧 Troubleshooting

Learn how to fix common problems.

Contribute

Need to get something specific done? These guides provide step-by-step instructions in key areas to get you up to speed faster:

✹ Contributing

Discover how to contribute to this project.

✹ Development

Overview of all the main commands of developement.

✹ Translating

Feel free to translate our doc.

✹ Documentation

Get familiar with some of the more advanced topics of building and deploying documentation with Read the Docs.

✹ Design

Information about the architecture and main components

Others

Learn about the authors and browse the changelog:

📝 Authors

Learn more about the authors.

📝 Changelog

Overview of all notable changes made to the project.

Indices and tables