Page 1
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 1/ 11
OPAP.FR - OBSERVATOIRE PISCICOLE ARTOIS PICARDIE
PRESENTATION DU PROJET
Nom de domaine/URL : http://www.opap.fr
Type de projet : Système d’information géographique (SIG) - Carte interactive
Description du projet - Grandes lignes :
- Le projet s’oriente vers la conception d’un site internet et d’une carte
interactive (application SIG).
Cette application permettra de géo localiser les différentes stations
piscicoles et présentera les résultats de celles-ci à l’échelle de chaque
tronçon/section hydrographique.
Page 2
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 2/ 11
Elle s’adressera au grand public mais ciblera particulièrement les
pêcheurs, les techniciens et organismes du secteur public ou associatif,
de l’écologie et de la recherche pour l’environnement.
Description de l’interface cartographique :
L’application possédera les fonctionnalités d’une application SIG de
base :
- Navigation dans l’interface cartographique (Zoom avant/arrière, barre de
défilement pour le zoom, déplacements).
- L’affichage panoramique des cartes
- Choix de l’ordre d’affichage des couches (ordonnancement)
- Réglage de l’opacité des couches de base
- Impression de la carte
- etc.
Compatibilité avec les principaux navigateurs du marché :
Elle permettra la superposition de différentes couches/données métiers :
- Couches d’objets géométriques (polygones/lignes) pour l’hydrographie
- Points GPS pour la géolocalisation des stations piscicoles
- Couches thématiques, fonds de cartes, photographies aériennes
- etc.
Un module d’administration sera créé pour la gestion des données :
- Ajout / modification / suppression des points stations
- Ajout / modification / suppression / activation / désactivation des fiches
techniques (poissons/stations)
- Importation / exportation des données
Navigateurs Versions
Internet Explorer 10+ (IE8, IE9, IE10)
Firefox
Firefox Mobile
Chrome
Chrome Mobile
Opera 11.1+
Opera Mobile 11.1+
Safari 3.2+
Safari Mobile 3.2+
Page 3
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 3/ 11
- Etc.
Côté utilisateur :
Chaque section hydrographique de la carte pourra être cliquable par l’utilisateur
(dans la zone de couverture).
La section hydrographique cliquée affichera les données (résultats piscicoles)
d’une ou plusieurs station (s) présente(s) à l’intérieur de cette même section.
Les fiches techniques stations (3 fiches différentes par station) s’afficheront via
l’ouverture d’une fenêtre modale (pop-up).
L’utilisateur pourra passer d’une fiche technique à l’autre à l’aide des boutons de
navigation « fiche précédente » « fiche suivante ».
Une section de l’interface « onglet Carte » sera dédiée à l’affichage sur la carte
des données/couches via un panel de fonctions avancées.
Une autre section de l’interface « onglet Poissons » sera dédiée à l’affichage des
données associées aux poissons (population piscicole) via l’affichage de fiches
techniques dans une fenêtre modale (pop-up).
Comme pour les fiches techniques stations, l’utilisateur pourra passer d’une fiche
poisson à l’autre à l’aide des boutons de navigation « fiche précédente » « fiche
suivante ».
Concernant la population piscicole, la qualité des informations/données
disponibles associées aux tronçons hydrographiques sera présentée directement
sur la carte par l’action d’un recouvrement au passage de la souris et via un code
couleurs spécifique (Légende):
Vert : Espèce présente, Rouge : Espèce absente, Gris : Pas d’information.
La section « onglet Poissons » intégrera un moteur de recherche (système de
filtres) permettant :
- La sélection d’une espèce de poissons dans une liste déroulante affichant les
espèces disponibles en base de données.
- La sélection d’un nom de poisson dans une liste déroulante affichant les poissons
disponibles par espèce.
- L’affichage des résultats par tri périodique, cette fonction actualisera la liste des
poissons de l’espèce sélectionnée.
- Une fenêtre modale (pop-up) présentant la fiche technique du poisson s’affichera
lorsque l’utilisateur cliquera sur un nom de poisson dans la liste déroulante
affichant les poissons disponibles par espèce.
Page 4
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 4/ 11
Toutes les fiches techniques (poissons et stations) pourront être téléchargées au
format .pdf ou directement imprimées.
Zone de couverture :
Pays : France
Bassin Artois Picardie
Départements: Pas-de-Calais (62), Nord (59), Somme (80).
Fonds de cartes et données :
Carte de base :
Cartes IGN -> Scan 25, Scan 100, Scan 500, Scan 1000, Scan Régional, Scan
Départemental
BD TOPO RGE (Réseaux hydrographiques), BD CARTHAGE (Réseaux, régions, secteurs,
zones hydrographiques), BD ORTHO (photographie, imagerie satellite), BD ALTI (Altitudes)
Cartographie Google -> Plan, satellite, Mixte (hybride), Relief
Couches thématiques :
Hydrographie -> BD TOPO, BD CARTO, BD CARTHAGE, ERM
Stations piscicoles Artois Picardie -> BD OPAP
Population piscicole Artois Picardie -> BD OPAP
Unités administratives (Départements, Régions) -> BD TOPO, BD CARTO, ERM, EBM
Réseaux de transport (Routes) -> BD TOPO, BD CARTO, ERM, EGM
Dénominations géographiques -> BD TOPO, BD CARTO, ERM, EGM
Nous avons choisi d’intégrer les fonds de carte et couches IGN
pour la richesse des données et la qualité des ressources
cartographiques mises à disposition.
De plus, dans le domaine de la recherche pour l’environnement,
l’IGN offre la gratuité d’utilisation pour la grande majorité de ses
données.
Technologies :
HTML 5 / PHP 5 / MYSQL 5 / CSS 3 / AJAX / JQUERY
CMS Wordpress 3.7.1 FR (EN, NL)
API GEOPORTAIL (JS) / GOOGLE MAP / (OPENSTREETMAP)
WEBSERVICES (WMS/WMTS/WFS/WFS-T)
DONNEES COUCHES IGN
OPENLAYERS / GEOSERVER / POSTGRESQL/POSTGIS
Page 5
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 5/ 11
Apercus:
Page 6
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 6/ 11
Page 7
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 7/ 11
Page 8
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 8/ 11
Page 9
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 9/ 11
Page 10
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 10/ 11
Page 11
Agence Web SSII ProCreaSite.fr Présentation projet Opap.fr - Application SIG - Carte interactive Dernière mise à jour : 18/12/2013 – Page 11/ 11
Partenaires :