Le document des spécifications techniques
Contents
1. 4 1 C ofception teChniIQqu 2 252585288085 rengat 2022006 4060 AA At 29 4 11 Conception g n rale rss nee A A di 29 4 1 2 Conc ption des composants JavaScript gnit A ana 29 4 1 3 Conception des composants J va t Php 222222424 da 30 4 2 Composants logiciels sise 30 4 21 SOUN COS rar RELATA ads A N eee ve Dean n ee Ta VAD AE Sr om de teen us dad 30 9 avril 2010 5 CP2I DO M diterran e ED GEO 4 22 Versions x COMP S gt nn rues a und D OU A TE Ape EA den E e en es tv de 30 4 3 l ments d accompadi mentes he nd nd nn ti ed ir 31 4 3 1 DOCU NE Ni a LORA ROA TER era es end nes pense 31 4 3 2 EXemples d utilisations a a A DS aa O RA a Abc sent are eee Ne LP Ou 31 5 1 0Ofganis tion g n ral rcr 2002056240000404 dc 33 DEL INntefVenants sienne A A A EA A A RA AAA AAA 33 5172 Plan G PA O NN 33 5 2 Patterns de conception JavaScript exemples 33 5 2 1 cOUteUrS uns nent anne DAO c a a n A a A NUE 33 5 22 Fonctions de FO OUR AAA AA enduro seen ner ASE E EU E anus on 0 34 5 2 3 Mod lisation MVG sirere e rena a E a A adn 35 ERE OT E A A S A N T 37 5 3 1 Organism s etinstanc Sa sisi see A inerte aE a cid 37 5 3 2 Technologies LACOSTE 38 9 avril 2010 6 CP2I DO M diterran e ED GEO 1 Introduction 1 1 Pr sentation de la version en production 1 1 1 Objectifs et contenu L infrastructure du minist re pour r pondre au besoin de Cartographie sur Internet repose princ2. la ma trise d ouvrage du projet est assur e par la sous direction PSI du MEEDDM La ma trise d uvre est confi e au CETE M diterran e Extension du p rim tre fonctionnel Actuellement l objectif des composants est cibl sur le grand public et les utilisateurs internes non sp cialistes de l information g ographique Les fonctionnalit s propos es couvrent ainsi les actions de visualisation consultation et interrogation Deux champs nouveaux sont d sormais jug s prioritaires chacun d entre eux ayant une cible particuli re pour les utilisateurs internes sp cialistes de l information g ographique charg s d tudes notamment il est n cessaire de pouvoir modifier en ligne le style des objets d une couche dans une carte et plus particuli rement d effectuer ces modifications selon des analyses statistiques param trables e pour les applications m tier il est indispensable de pouvoir g rer c t client la g om trie des objets g ographiques manipul s 1 2 2 Typologie des volutions Int gration de biblioth ques JavaScript L int gralit de la version 1 des composants a t r alis e en interne par le CETE M diterran e Dans le souci de faciliter la maintenance et l volution la version 2 a t bas e sur la biblioth que OpenLayers pour la gestion cartographique pure appels des couches interactions de navigation Les widgets associ s une carte gestionnaires des couches
3. pandu clarifie le code en isolant traitements objets manipul s et repr sentation de ces objets dans l IHM Ces patterns doivent dans la mesure du possible tre respect s Des exemples de mise en uvre de ceux ci sont pr sent s en annexe Par ailleurs l ouvrage Pro JavaScript Design Patterns aux ditions Apress est une bonne r f rence pour structurer le code Javascript 3 3 2 Codages Java et PHP Les r gles de l art d impl mentation dans ces langages sont davantage nombreuses et connues que pour JavaScript Elles ne font donc pas l objet de sp cifications particuli res Toutefois les impl mentations des services centralis s doivent imp rativement tre compatibles avec les frameworks mis en uvre dans les applications Il ne faut pas par exemple privil gier un quelconque framework MVC En cons quence les impl mentations doivent tre le plus proches possibles du langage de base utilis Ainsi pour la version Java les services seront r alis s sous forme de servlets 9 avril 2010 28 CP2I DO M diterran e ED GEO 4 Livrables attendus 4 1 Conception technique Le livrable correspondant est un Dossier de Conception Technique DCT ventuellement accompagn s d un projet UML r alis avec un logiciel de mod lisation 4 1 1 Conception g n rale Le DCT contiendra obligatoirement les l ments suivants e la liste des frameworks et biblioth ques externes propos s JavaS
4. aussi connu sous le nom de Rich Internet Application RIA Ce principe n est toutefois pas la panac e la n cessit de traitements c t serveur tant indispensable dans plusieurs cas e impossibilit de r aliser les traitements souhait s pour des raisons d incapacit du navigateur Web g n ration de PDF par exemple e n cessit d utiliser un serveur proxy pour pallier aux restrictions de s curit du navigateur cross domain AJAX interdit Les composants doivent donc comporter une biblioth que JavaScript proposant le maximum des fonctionnalit s requises e des services centralis s proposant les autres fonctionnalit s pour des applications tant JAVA que PHP 3 2 1 Communication entre client services Les communications entre le client JavaScript et les services centralis s c t serveur doivent tre mises en uvre selon le respect des exigences suivantes e l appel un service doit tre effectu selon une m thode HTTP de type POST plus a m me de transmettre des param tres hi rarchis s et nombreux e les param tres d appels un service doivent tre publi s et identiques quelque soit l impl mentation du service cela garantit l ventuelle adaptation du client des impl mentations dans d autres langages e la r ponse l appel d un service doit pouvoir tre fournie selon plusieurs formats selon le contexte IHM de r cup ration par exemple XML GML
5. gories e configurer les propri t s g n rales de la carte e configurer le contenu des l ments de l interface e configurer les l ments IHM d acc s aux fonctions e configurer l ergonomie graphique 2 2 1 Configurer les propri t s g n rales de l interface Cette cat gorie regroupe les possibilit s de choix des fonctionnalit s offertes par les composants en fonction du p rim tre fonctionnel souhait Modalit s de navigation cartographique Il s agit de permettre au ma tre d uvre de choisir les fonctionnalit s de navigation offertes l utilisateur final parmi celles disponibles dans le composant C G1 M thodes offertes S lection des m thodes n cessaires recentrage suite un clic sur la carte glisser relacher sur la carte translation dans une direction e translation via Une mini carte de navigation saisie d un couple de coordonn es e choix dans une liste d chelles e saisie de l chelle souhait e zoom avant simple E zoom avant par dessin de rectangle zoom sur l emprise maximale de la carte a zoom sur l emprise initiale de la carte zoom sur l emprise pr c dente ou suivante C G2 Mode de progression Choix exclusif entre progression uniquement sur une liste d chelles discr tes progression libre ventuellement born e par une chelle maximale et ou une chelle minimale Pour C G2 si la progression est bas e sur une liste d chelle discr t
6. rale Les sources doivent tre organis es selon les r gles suivantes e chaque classe est d finie dans un fichier propre portant le nom de la classe e un fichier ne d finit qu une seule classe e une hi rarchie de classes est d finie par un pseudo syst me de paquetages l arborescence des fichiers sources reproduit la hi rarchie de classe e la classe de base de l arborescence est le m ta objet Descartes Ces r gles sont illustr es par les exemples suivants Fichier Racine Descartes js var Descartes Class create le m ta objet de bas Descartes UnPremierPaquetage Class create Descartes UnSecondPaquetage Class create Pam du fichier Fichier UnPremierPaquetage UnePremiereClasse js Descartes UnPremierPaquetage UnePremiereClasse Class create Fin du fichier 9 avril 2010 24 CP2I DO M diterran e ED GEO Fichier UnPremierPaquetage UneSecondeClasse js Descartes UnPremierPaquetage UneSecondeClasse Class create Ein du fichier Fichier UnSecondPaquetage UneDerniereClasse js Descartes UnSecondPaquetage UneDerniereClasse Class create Fin du fichier Frameworks de d finition des classes Si le langage JavaScript se suffit lui m me pour d finir des classes il est souvent pr f rable de se baser sur des frameworks facilitant le codage prototype js
7. uvre via prototype js Dans tous les cas chaque classe doit poss der une propri t CLASS_NAME ayant pour valeur son nom complet dans le pseudo syst me de paquetage Par commodit cette propri t sera toujours plac e en fin de d finition de la classe UnPaquetage UnSousPaquetage UneClasse Class create proprietel null propriete2 null initialize EUTC ton propil pP2 T LOS propriete Propi dais propri ere So r0p2 getProprietel function return this proprietel CRASS NAME UnBaquetage UnsousPaguetage UneCllasse Coh rence avec les codes HTML et CSS Certaines classes ont vocation proposer l utilisateur final des l ments d IHM Pour ce faire la seule strat gie devant tre impl ment e consiste lier Une instance de classe une DIV destin e contenir les l ments g n r s en passant au constructeur de la classe l identifiant de la DIV L exemple suivant illustre cette strat gie D finition de la classe UneClasse js UneClasse Class create dos maily initializes MEUNCLION abi this div document getElementByld idDiv d draw function this div innerHTML quelque chose CLASS NAME UneClasse Utilisation de la classe dans une page HTML lt html xmlns http www w3 org 1999 xhtml xml lang fr gt lt head gt lt seript sro prototype Ll 6 0 L 3sM gt lt script g
8. w3 org 1999 xhtml xml lang fr gt lt head gt lt style gt smallmap width 512px height 256px border 1px solid ccc lt style gt lt ScreiplaSstc prototype 1 odas Senipt gt lt script src lib Openlayers js gt lt script gt lt script src ecouteur s gt lt script gt lt script gt Funetuon DAIEN var map new OpenLayers Map map var layer new Openlayers Layer WMS OpenLayers WMS http labs metacarta com wms vmap0 layers basic map addLayer layer map zoomToMaxExtent new Control GeoDims geodims map lt script gt lt title gt Exemple d couteur lt title gt lt head gt lt body onload init gt lt div id map class smallmap gt lt div gt lt div id geodims gt lt div gt lt body gt lt html gt 5 2 2 Fonctions de retour D finition d une classe d clenchant des fonctions de retour Calcul Class create initralize funcetionlargl arg2 callbacks 4 this result argl arg2 this callbacks callbacks execute function for var i 0 i lt this callbacks length 1 4 this callbacks i this result 9 avril 2010 34 CP2I DO M diterran e ED GEO Utilisation de la classe dans une page HTML avec deux fonctions de retour lt html xmlns http www w3 org 1999 xhtml xml lang fr gt lt head gt SEBUPEASEC prototype 1762014295 gt lt SCripl gt lt script src reto
9. 35 CP2I DO M diterran e ED GEO this prop3 datas prop3 frire setDatas function modele this propl modele propl this propl this prop2 modele prop2 this prop2 this prop3 modele prop3 this prop3 hasValidDatas function Les regles de gestion var isValid this propl null amp amp this prop2 null g this propl this prop2 return isValid D finition d un Vue de saisie Mvc VueSaisie Class create initialize function id templateHTML modele controleur this idDiv id this modele modele this controleur controleur this template new Mvc TemplateEngine templateHTML id getDatas function var modeleSaisi new Mvc Modele return this template sendDatas modeleSaisi paint function contenu this idDiv innerHTML this template render this modele var self this this idDiv Actualiser onclick function self controleur actualiseModele D finition d une Vue d affichage Mvc Vuelnfo Class create initialize function id templateHTML modele this idDiv id this modele modele this template new Mvc TemplateEngine templateHTML id paint function contenu 1 this idDiv innerHTML this template render this modele Le gestionnaire de Templates Mvc TemplateEngine Class create Utilisat
10. 7 Modes de localisation indirecte S lection des modes n cessaires parmi e suite un choix dans un ensemble d objets de r f rence suite un choix d objet issu d une interrogation des donn es C G8 Fonctions de param trage des couches S lection des fonctions n cessaires parmi affichage masquage des couches et des groupes e r glage de l opacit des couches activer d sactiver une couche pour les interrogations modification de l ordre de superposition des couches modification de l ordonnancement de l arborescence des couches y compris groupes ajout suppression de couches et de groupes C G9 Modes de sauvegarde de la carte S lection des modes n cessaires parmi e enregistrement sous forme d image composition de document PDF gestionnaire de vues personnalis es C G10 Acc s la modification de la taille de la Activation du s lecteur de tailles carte 9 avril 2010 17 CP2I DO M diterran e ED GEO 2 2 2 Configurer le contenu des l ments de l interface Cette cat gorie regroupe les configurations n cessaires l alimentation des composants en contenu s mantique C C1 Constitution de la carte Liste des couches de la carte avec leurs propri t s respectives C C2 Gestionnaire de contr le des couches Liste des groupes de l arborescence avec leurs propri t s respectives Liste des couches d un gro
11. Composants DESCARTES Version 3 0 Phase 1 Dossier de sp cification V 3 P itats Ressources territoires et habit Pr vention des risques Infrastructures transports et me j Pr sent pour l avenir Libert galit Fraternit R PUBLIQUE FRAN AISE Minist re de l cologie de l nergie du D veloppement durable et de la Mer CP2I DO M diterran e ED GEO 9 avril 2010 2 CP2I DO M diterran e ED GEO Historique des versions du document 1 15 03 2010 Denis CHABRIER Premi re version bas e sur MEEDDM CP2I DO e les composants V2 0 M diterran e leur utilisation dans CARTELIE le mod le commun de cartes 2 18 03 2010 Denis CHABRIER Modifications apr s relecture interne MEEDDM CP21 DO au DO M diterran e M diterran e 3 09 04 2010 Denis CHABRIER Modifications apr s premi re relecture MEEDDM CP2I DO par le groupe Modules de la CCIG M diterran e Mise jour du planning Documents de r f rence Composants Descartes V2 0 Manuel d utilisation 2 1 15 02 10 D CHABRIER Mod le commun de cartes sur le Web 4 08 02 10 P LAGARDE Liste des destinataires Cl ment JAQUEMET MEEDDM CGDD DRI MIG Validation Gr gory MOREAU MEEDDM SPSSI PSI 1 Validation Christophe ROUSSON MAAP SDSI BMSQ DIG Validation Pierre LAGARDE BRGM STI DIR Validation Christop
12. Par contre cela n est pas adapt au cas de composants offrant de multiples options de configuration La signature d un constructeur de classe ne doit donc comporter que les param tres indispensables une instanciation Les param tres optionnels doivent eux tre pass s en tant que propri t s d un objet JSON structur L exemple suivant illustre cette strat gie UneClasse Class create dav a malli ana paola E function idDiy Options 9 avril 2010 27 CP2I DO M diterran e ED GEO this div document getElementByld idDiv his operen opt onsoprroni O7 Thisuoptien2 options optron2 uE CUASSENAME Une CIRE SEM D Patterns de conception Certains patterns de conception contribuent la modularit la lisibilit et l extensibilit du code la mise en place d couteurs listeners Une instance de classe s abonne un v nement d une instance d une autre classe Quand cet v nement est d clench par l instance mettrice l instance de classe abonn e est notifi e et active ses traitements propres l anonymat des fonctions de retour callbacks Une instance de classe ignore la ou les utilisations faites de ses propres traitements Les fonctions responsables de ces utilisations sont pass es en param tres dans le constructeur de la classe puis ex cut es de mani re anonyme la mod lisation MVC Ce pattern largement r
13. ars 15 j h Validation des sp cifications CCIG Groupe Modules Mi mars Mi avril 10 j h R alisation de la conception technique BULL M diterran e Mi avril Mi mai 15 j h Validation de la conception technique CP2I DO M diterran e Mi mai Mi mai 5 j h R alisation des composants BULL M diterran e Mi mai Fin juin 40 j h R alisation des l ments BULL M diterran e Fin mai Fin juin 20 j h d accompagnement Recette des composants et des CP2I DO M diterran e D but juillet Fin juillet 25 j h l ments d accompagnement CP21 DO Ouest 25 jh Ajustements apr s les recettes BULL M diterran e D but ao t Fin ao t 10 j h Recette finale et diffusion CP2I DO M diterran e Fin ao t D but septembre 3 j h La charge totale correspond 180 J H 5 2 Patterns de conception JavaScript exemples 5 2 1 couteurs D finition d une classe abonn e un v nement Control new Object Control GeoDims Class create initialize function idDiv map this idDiv idDiv 9 avril 2010 33 CP2I DO M diterran e ED GEO this map map this map events register moveend this this updateDims this updateDims updateDims function this idDiv innerHTML Largeur this map getExtent getWidth lt br gt Hauteur this map getExtent getHeight Utilisation de la classe dans une page HTML lt html xmlns http www
14. ble de type saisie libre couche requ te attributaires ou liste de valeurs F 17 par saisie de crit res de s lection pour une F 18 par consultation directe de l ensemble des bouton pictogramme Voir les donn es donn es d une couche Le r sultat des recherches peut tre affich dans une fen tre pop up ou dans une zone de la page courante Celle ci peut comporter un bouton pictogramme pour exporter le r sultat au format CSV Ce r sultat peut de plus comporter pour chaque objet trouv un bouton pictogramme Localiser Pour la m thode F I7 une couche de s lection est ajout e la carte pour rep rer les objets satisfaisant les crit res de recherche Cette couche de s lection peut tre supprim e de la carte gr ce un bouton pictogramme Effacer la s lection 2 1 5 Conserver des instantan s de la carte Cette cat gorie regroupe toutes les fonctionnalit s permettant de sauvegarder au sens large du terme un tat particulier de la carte au cours de la session de visualisation Cr ation de documents partir de la carte Il s agit ici d exporter la carte sous forme de fichier externe bouton pictogramme Enregistrer la carte F C1 l enregistrer la carte sous forme d image bouton pictogramme Mise en page PDF assistant F C2 composer un document PDF partir de la carte de mise en page des l gendes Gestion de contextes de visualisa
15. brut GeoJSON et HTML format 9 avril 2010 22 CP2I DO M diterran e ED GEO 3 2 2 Utilisation de frameworks Bien videmment il ne s agit pas de construire les composants ex nihilo Des frameworks ou biblioth ques reconnus dans le monde du libre peuvent largement et efficacement contribuer la mise en uvre des sp cifications fonctionnelles de Descartes N anmoins la mise contribution de frameworks ou biblioth ques reconnus doit satisfaire les exigences suivantes e apporter une r elle plus value l effet sapin de No l doit en particulier tre vit pour les IHM propos es par DESCARTES e couvrir un champ fonctionnel restreint et pr cis la situation o DESCARTES n utiliserait qu une proportion l g re voir infime du p rim tre fonctionnel offert par un framework ou un composant doit tre vit e e ne pas tre directif vis vis des applications l int gration de frameworks ou de composants ne doit pas remettre en cause l architecture technique g n rale d une application De plus les frameworks ou biblioth ques utilis es doivent imp rativement tre sous une licence compatible avec la mise disposition de DESCARTES sous licence CeCILL C 2 0 Frameworks et biblioth ques JavaScript La biblioth que OpenLayers doit bien videmment tre la base de DESCARTES pour l affichage d une carte et les interactions de base li es cette carte C est une librairie prouv e et riche tan
16. cc s au zoom avant par rectangle Choix exclusif entre comportement par d faut d OpenLayers touche shift gt bouton pictogramme loupe et dessin de rectangle C A7 Acc s au zoom arri re simple Choix exclusif entre e curseur d OpenLayers bouton pictogramme loupe gt 9 avril 2010 18 CP2I DO M diterran e ED GEO 2 2 4 Configurer l ergonomie graphique Tous les l ments de l IHM doivent pouvoir tre ais ment configur s au sens rendu visuel boutons pictogrammes e textes informatifs zones de saisie libre e listes d roulantes e tableaux etc 9 avril 2010 19 CP2I DO M diterran e ED GEO 9 avril 2010 20 CP2I DO M diterran e ED GEO 3 Sp cifications techniques 3 1 Socle normatif conceptuel et technique 3 1 1 Pr pond rance des normes OGC La mise en uvre des normes OGC en mati re de Web mapping dans les composants doit tre recherch e en priorit et cela en prenant en compte les diff rentes versions de ces normes En cas d impossibilit ou de difficult technique av r e les solutions de contournement propos es par le prestataire doivent tre motiv es Correspondances fonctionnalit s normes OGC Le tableau suivant d taille les correspondances mises en uvre dans la version 2 0 des composants Afficher une couche WMS GetMap Interrogation par cl
17. cente les couches de la carte pouvant donner lieu aux modifications d crites ci apr s L arborescence est bien s r de type syst me de 9 avril 2010 12 CP2I DO M diterran e ED GEO fichiers ce qui permet de proposer les actions de pliage d pliage usuelles et d avoir une profondeur non limit e Deux comportements exclusifs sont possibles e __ l arborescence refl te fid lement l ordre de superposition des couches l arborescence est d connect e de l ordre de superposition des couches Gestion des couches affich es dans la carte Il s agit ici de modifier les certains param tres des couches de la carte F M1 Afficher masquer une couche de la carte bouton pictogramme de type bascule quatre tats oui non besoin zoom besoin zoom F M2 R gler l opacit d une couche de la carte curseur de r glage F M3 Afficher masquer un groupe de couches de la bouton pictogramme de type bascule trois tats oui carte non mixte F M4 Rendre une couche interrogeable ou non bouton pictogramme de type bascule trois tats oui non inaccessible Organisation des couches dans une arborescence Il s agit ici de modifier l organisation de l arborescence des couches Ces fonctions ne sont possibles que si l ordre de superposition des couches est coh rent avec l arborescence F M5 Ajouter retirer une couche de la carte l initiative de chaque app
18. cript Java et Php avec un argumentaire tay pour chacun d entre eux e la d finition du protocole de communication entre le client JavaScript et les services centralis s Pour chaque service centralis les l ments d finir sont les suivants o liste des param tres des appels HTTP 0 formats possibles des r ponses aux appels o structurations des r ponses pour chaque format 4 1 2 Conception des composants JavaScript Le DCT contiendra obligatoirement les l ments suivants e l organisation en pseudo syst me de paquetages de l API JavaScript e la d finition de chaque classe de l API JavaScript suffisamment document e pour en comprendre l objectif et le fonctionnement Les l ments d finir sont les suivants o interface de la classe nom propri t s avec leur valeur par d faut constructeur avec ses param tres y compris les param tres optionnels m thodes avec leurs param tres et leur ventuel valeur de retour o information sur l ventuel h ritage classe m re m thodes surcharg es e la liste des interactions internes entre classes de l API Javascript Pour chaque classe les l ments d finir sont les suivants o d clenchements des m thodes des classes propri t s o abonnements des v nements d autres classes o fonctions de retour fournies d autres classes la cin matique diagrammes de s quence de certaines actions d clench es par l utilisateur Les actio
19. des exemples d utilisation 4 3 2 Exemples d utilisation Accompagnant le manuel d utilisation des exemples directement utilisables doivent pr senter les diff rentes fonctionnalit s offertes par les composants tant pour les utilisateurs finaux que pour les ma tres d uvre Ces exemples doivent illustrer les capacit s suivantes des composants e vari t du p rim tre fonctionnel offert l utilisateur final 5 exemples e vari t des IHM offertes par simple instanciation des classes de l API JavaScript 2 exemples e vari t des IHM offertes par styles CSS et pictogrammes personnalis s 3 exemples Les exemples doivent tre disponibles en deux versions une application Java Tomcat une application Php 9 avril 2010 31 CP2I DO M diterran e ED GEO 9 avril 2010 32 CP2I DO M diterran e ED GEO 5 1 Organisation g n rale 5 1 1 Intervenants MEEDDM SG SPSSI PSI 1 Ma trise d ouvrage G MOREAU MEDDDM CP2I DO M diterran e Ma trise d uvre g n rale D CHABRIER CCIG Validation des sp cifications Groupe Modules MEDDDM CP2I DO Ouest Ma trise d uvre de recette C BOCQUET BULL M diterran e Sous traitant de conception et r alisation O PELOUX 5 1 2 Planning Prise en charge des composants BULL M diterran e Mi mars Fin mars 12 j h R daction des sp cifications CP2I DO M diterran e Mi f vrier Mi m
20. des l gendes des recherches etc ont toutefois continu tre r alis s en interne Pour la future version ces widgets devront autant que possible reposer sur des biblioth ques JavaScript reconnues dans la communaut du libre Sous r serves de tests d aptitude mener ceux ci devraient tre la biblioth que jQuery et ses compl ments jQueryUI Dynatree etc 9 avril 2010 9 CP2I DO M diterran e ED GEO Adaptation aux besoins des applications existantes Dans le cadre de la mutualisation interminist rielle la future version des composants devra videmment inclure les fonctionnalit s pr sentes dans les applications existantes mais actuellement absentes de DESCARTES Il n est toutefois pas envisag d tre exhaustif le groupe technique Modules de la CCIG a en charge d identifier les fonctionnalit s g n riques pertinentes Symbolisation en ligne Cela consiste proposer l utilisateur de mani re individuelle donc c t client de modifier le style graphique des objets affich s couche par couche Les modifications d un style doivent tre possibles sur toutes les caract ristiques de celui ci taille couleur paisseur symbole etc Pour un couche donn e les modifications peuvent tre de plusieurs types e globales tous les objets de la couche ont un nouveau style identique e diff renci es suite analyse statistique plages valeurs symboles proportionnels etc Gestion d
21. e cartographique 2 1 1 Naviguer dans la carte Cette cat gorie regroupe toutes les fonctionnalit s permettant de modifier l emprise de visualisation de la carte D placement de la zone de visualisation Il s agit ici de modifier l emprise de visualisation de la carte sans changer l chelle courante F N1 recentrage suite un clic sur la carte rien cf OpenLayers bouton pictogramme croix F N2 glisser relacher sur la carte rien cf OpenLayers bouton pictogramme main F N3 translation dans une direction croix OpenLayers 4 directions rose des vents en bord de carte 8 directions 9 avril 2010 11 CP2I DO M diterran e ED GEO F N4 translation dans une mini carte de localisation mini carte OpenLayers de la repr sentation de l emprise courante F N5 saisie d un couple de coordonn es double zone de saisie textuelle Changement d chelle de visualisation Il s agit ici de modifier l emprise de visualisation de la carte en changeant l chelle courante ce changement pouvant selon les cas tre combiner avec un d placement cas des zoom fen tre notamment F N6 choix dans une liste d chelle curseur OpenLayers horizontal ou vertical liste d roulante textuelle F N7 saisie de l chelle souhait e zone de saisie textuelle F N8 zoom avant simple curseur OpenLayers horizon
22. er autre chose que des r f rences des styles CSS par l interm diaire des attributs HTML id ou class 9 avril 2010 23 CP2I DO M diterran e ED GEO Bien videmment il est du ressort de chaque ma tre d uvre de constituer ce fichier CSS ainsi que les pictogrammes associ s celui ci Une IHM par d faut sera propos e dans le composant Par ailleurs le composant devra offrir des m thodes pour param trer les URL d acc s aux services centralis s utilis s par le client JavaScript Configuration des services centralis s Un nombre minimal de fichiers de configuration doit tre recherch pour param trer les services centralis s Par exemple pour la version JAVA les param tres seront concentr s dans web xml 3 3 R gles d impl mentation Si toute application informatique doit satisfaire des exigences aidant rendre son code lisible maintenable et volutif ceci est renforc dans le cas DESCARTES du fait de sa diffusion sur l Adullact Les r gles d crites dans ce chapitre doivent en cons quence tre respect es pour concourir cet objectif 3 3 1 Codage JavaScript M me si JavaScript n est pas proprement parler un langage de programmation orient objet ses capacit s offrent la possibilit de cr er par prototypage des pseudo classes et donc des objets instances de celles ci Tout le code JavaScript doit tre structur de cette mani re Organisation g n
23. es il n est pas possible d offrir la m thode de saisie d un couple de coordonn es pour C G1 Informations d aide la lecture de la g ographie Il s agit de permettre au ma tre d uvre de choisir les fonctionnalit s d information 9 avril 2010 16 CP2I DO M diterran e ED GEO cartographique offertes l utilisateur final parmi celles disponibles dans le composant C G3 couteurs g ographiques Activation des couteurs n cessaires parmi e afficheur des coordonn es courantes e afficheur de la projection de la carte e afficheur de l chelle graphique afficheur de l chelle m trique afficheur des dimensions terrain C G4 Mesureurs g ographiques Activation des mesureurs n cessaires parmi e distances par dessin de polylignes surfaces par dessin de polygones C G5 Mesureur de surfaces Activation ou non de l affichage compl mentaire pour le p rim tre Interactions non cartographiques Il s agit de permettre au ma tre d uvre de choisir les fonctionnalit s autres que cartographiques offertes l utilisateur final parmi celles disponibles dans le composant C G6 Modes d interrogations des donn es S lection des modes n cessaires parmi interrogation ponctuelle interrogation par rectangle interrogation par cercle e interrogation par polygone e survol de la carte e consultation globale et directe des couches C G
24. es les possibilit s de compilation sont les suivantes e Java cr ation d une archive JAR e JavaScript fusion et compactage gr ce a l utilitaire JSMIN en un fichier unique 9 avril 2010 30 CP2I DO M diterran e ED GEO e Php aucune possibilit Par ailleurs chaque fichier diffus sur la forge de l Adullact doit poss der les informations relatives la licence d utilisation propre Descartes En cons quence les sources doivent tre accompagn es d un script ANT pour g n rer les versions compil es et ins rer le contenu d un fichier d crivant la licence Descartes Ce script ANT inclura aussi la g n ration des documentations d API 4 3 El ments d accompa 4 3 1 Documentation Le manuel d utilisation des composants destin s aux ma tres d uvre d applications doit comporter a minima les chapitres suivants e description exhaustive et sommairement illustr e de l API JavaScript y compris les ventuelles m thodes utilitaires du m ta objet Descartes e description exhaustive de l IHM propos e par d faut styles CSS et pictogrammes e modalit int gration des composants client dans une application liens entre DIV classes CSS et classes Descartes e description exhaustive du ou des protocoles de communication entre l API JavaScript et les services centralis s e installation et configuration des services centralis s e pr sentation didactique d une s lection
25. es objets g ographiques Gr ce au navigateur Web l utilisateur doit pouvoir interagir sur la g om trie des objets e cr ation d un nouvel objet e modification d un objet existant suppression d un objet existant Les cr ations et modifications peuvent le cas ch ant tre r alis es par rapport d autres objets accrochage fusion scission etc Cette volution a d ores et d j fait l objet par le CETE M diterran e d une d finition d architecture technique respectant le mod le en couches d ACAI L architecture envisag e qui a donn lieu un prototype repose sur des biblioth que Java reconnues Struts2 Java Topology Suite JTS et Hibernate Spatial Contrairement aux autres types d volutions les composants serveurs ne seront r alis s a priori qu en version Java 1 2 3 Phasage Afin d viter un effet tunnel il est envisag de scinder le projet d volution des composants DESCARTES en deux phases se chevauchant partiellement La premi re phase dite phase Composants convergents comportera les types d volution suivants e Int gration de biblioth ques JavaScript Adaptation aux besoins des applications existantes La seconde phase dite phase Composants volutifs comportera les types d volution suivants e Symbolisation en ligne e Gestion des objets g ographiques Le pr sent document est relatif la premi re phase 9 avril 2010 10 CP2I DO M diterra
26. est ce titre performant et reconnu Passer une classe utilitaire un objet JSON stockant les propri t s et m thodes de la classe suffit a d finir celle ci D finition de classe avec prototype js UneClasse Class create proprietel null propriete2 null le constructeur imieialize E function propil _prop2 als roles i propi ehis propr iere Prop getProprietel function return this proprietel OpenLayers propose lui aussi une strat gie similaire celle de prototype js D finition de classe avec OpenLayers UneClasse OpenLayers Class proprietel null propriete2 null le constructeur ima eai alte Une on propi propa ts pao errer propii chars proprietez prop getProprietel function return this proprietel 9 avril 2010 25 CP2I DO M diterran e ED GEO Une classe de DESCARTES peut donc tre d finie avec l un ou l autre des frameworks Toutefois la d finition avec prototype js doit tre pr f r e quand la classe n h rite pas d une classe OpenLayers Cela permet de ne pas ajouter un couplage inutile entre DESCARTES et OpenLayers Par exemple un gestionnaire de s lection dans un ensemble d objets de r f rences sera d fini gr ce prototype js car il peut ventuellement tre utilis dans un contexte non cartographique De la m me mani re tous les appels XmlHttpRequest seront mis en
27. gramme Surfaces p rim tres par dessin de polygones 2 1 4 Interroger les donn es pr sent es par la carte Cette cat gorie regroupe toutes les fonctionnalit s permettant d acc der aux donn es attributaires des couches constituant la carte Interrogations par l interm diaire de la carte Il s agit ici de rechercher les objets correspondant une zone particuli re de la carte F 11 clic simple sur la carte bouton pictogramme S lection par simple clic F 12 dessin d un rectangle de s lection sur la carte bouton pictogramme S lection par rectangle F 13 dessin d un cercle de s lection sur la carte bouton pictogramme S lection par cercle F 14 dessin d un polygone de s lection sur la carte bouton pictogramme S lection libre F I5 survol de la carte info bulle Aucun F 16 hotlink liens sur zones sensitives Aucun Le r sultat des recherches de type F I1 F I4 peut tre affich dans une fen tre pop up ou dans une zone de la page courante Celle ci peut comporter un bouton pictogramme pour exporter le r sultat au format CSV Pour les m thodes F 12 F I4 ce r sultat peut de plus comporter pour chaque objet trouv un bouton pictogramme Localiser Autres interrogations Il s agit ici de rechercher des objets sans interaction avec la carte 9 avril 2010 14 CP2I DO M diterran e ED GEO zones de saisie en nombre varia
28. he BOCQUET MEEDDM CP21 DO Ouest Validation Olivier PELOUX BULL M diterran e Mise en uvre 9 avril 2010 CP2I DO M diterran e ED GEO 9 avril 2010 4 CP2I DO M diterran e ED GEO Table des mati res 1 1 Pr sentation de la version en production gt 7 TAO EC A A a ie 7 1 1 2 Diffusion EL ACCOMPA ii io 8 1 2 Plan d volution Envia ir 8 1 2 1 l ments d contexte rire ei ie diodo cfa dre te 8 1 2 2 Typologie des VOlUt ONS 2222 2228004 A A SALON AA E MR Asa 9 1 2 3 Phasage DL tn A ee n 10 2 SP CIFICATIONS FONCTIONNELLES ccccccccccccccccceeoccccccccccccnannacccccccconnnnnnnuuuu LL 2 1 Fonctionnalit s pour les utilisateurs finaux 11 2 1 1 NaVig er dans la Carte 222222004 a ne te Diane rot ai ee Eau 11 2 1 2 Modifier le mode de construction de la Carte ccsscececreccrrenecevnsoucaecaonsanenevaseneevaveeneneuecenaveunso 12 2 1 3 Obtenir des informations de la carte cicccsiccccciscccsoceresracenenreovsserenvecnenu nevavasanveseseseneres resesenas 13 2 1 4 Interroger les donn es pr sent es par la carte siens 14 2 1 5 Conserver des instantan s de la Carte cecenerenecenrnonenenenrnsnenenensnanenenensasnenanansasnananansenannennenses 15 2 1 6 Pers nhaliser l interface cartographique isnste sein dits e ee a ne antenne genie D Serenade ha ann tent de 15 2 2 Fonctionnalit s pour les ma tres d uvre 16 2 2 1 Config
29. ic WMS GetFeaturelnfo Interrogation par rectangle WFS GetFeature FE Interrogation par cercle WFS GetFeature FE Interrogation par polygone WFS GetFeature FE Info bulle au survol WMS GetFeaturelnfo Affichage des donn es WFS GetFeature Requ te attributaire Tableau des donn es WFS GetFeature FE S lection sur la carte WMS GetMap SLD FE Ces correspondances doivent tre respect es dans la version 3 0 Incompatibilit s fonctionnalit s normes OGC L impossibilit de mettre en uvre gr ce aux normes OGC certaines fonctionnalit s sont d ores et d j identifi es Il s agit notamment de l enregistrement sous forme d image des cartes et de la composition d un document PDF labor 3 1 2 Adaptation du mod le commun de cartes Un des objectifs du mod le commun de cartes sur le web est la d finition d un mod le permettant l affichage d une carte complexe sur Internet au travers d un outil de cartographie dynamique La mod lisation propos e comporte des informations dont le p rim tre est plus large que celui couvert par les composants Descartes Par exemple les m tadonn es d une carte description r f rences temporelles etc si elles ont ventuellement vocation tre indiqu es dans l interface g n rale d une application ne seront pas mises en uvre directement par les composants mais par la page web statique ou dynamique embarquant les composants 9 avri
30. ion des classes MVC dans une page HTML lt html xmlns http www w3 org 1999 xhtml xml lang fr gt lt head gt Script sec prototype 1 6 0 1 3sM gt lt script gt lt script see mve s1 gt lt scrlipt gt lt script 9 avril 2010 36 CP2I DO M diterran e ED GEO var function loadExample var leModele new Mvc Modele propl valeur 1 prop2 valeur 2 var templateSaisie Propri t 1 lt input type text value propl gt var configVueSaisie idDiv saisie templateHTML templateSaisie var configVuelnfo idDiv info templateHTML templatelnfo var leControleur new Mvc Controleur leModele configVueSaisie configVuelnfo leControleur activate lt br gt Propri t 2 lt input type text value prop2 gt lt br gt lt input type button value Actualiser gt lt br gt templatelnfo Propri t 1 lt span gt propl lt span gt lt br gt Propri t 2 lt span gt prop2 lt span gt lt br gt Propri t 3 lt span gt prop3 lt span gt Sci lt title gt Exemple MVC lt title gt lt head gt lt body onload loadExample gt lt div id saisie gt lt div gt lt div id info gt lt div gt lt body gt lt html gt 5 3 Glossaire 5 3 1 Organismes et instances CCIG Commission de Coordination de l Information G ographique CETE Centre d t
31. ipalement sur l utilisation des normes publi es par l Open Geospatial Consortium OGC Afin de faciliter la mise en uvre de ces normes dans les applications du minist re DESCARTES propose aux quipes de ma trise d uvre technique des composants logiciels directement utilisables Ceux ci sont de deux types e Une biblioth que JavaScript pour embarquer un visualiseur OGC dans une page Web Des services centralis s destin s tre inclus dans une application ACAI Si le visualiseur JavaScript et les services c t serveur sont destin s tre utilis s conjointement il est envisageable de les mettre en uvre individuellement e utiliser le visualiseur sans les services c t serveur e utiliser le visualiseur avec d autres services c t serveur utiliser un autre visualiseur avec les services c t serveur Dans les deux derniers cas il convient toutefois de respecter le protocole de communication d fini par DESCARTES Le visualiseur OGC Il permet d offrir l utilisateur l essentiel des fonctionnalit s habituellement souhait es lors d une consultation de cartes tout en g rant l ensemble des communications OGC requises Il s agit de plus d un client OGC autorisant l acc s simultan plusieurs serveurs OGC Une carte peut en ce sens tre compos e de couches issues de sources multiples La version actuelle version 2 du visualiseur est bas e sur des biblioth ques JavaScript reconnues da
32. l 2010 21 CP2I DO M diterran e ED GEO A contrario la mod lisation propos e ne fournit pas toutes les informations n cessaires l utilisation et la configuration des composants Par exemple les fonctionnalit s d crites par la mod lisation se limitent aux objectifs des interactions proposer mais ne pr cisent pas les l ments d IHM pour l acc s celles ci Le mod le de classes laborer lors de la conception technique s il doit tre bas sur le mod le commun de cartes sur le web ne doit donc pas tre un strict reflet de ce dernier 3 1 3 Analyse de produits similaires La version 2 de DESCARTES est bien videmment la base de la version 3 N anmoins tant pour l impl mentation des nouvelles fonctionnalit s que pour les probables am liorations de l existant il est judicieux d analyser certains produits similaires afin d identifier dans ceux ci les l ments qui pourraient viter de red velopper tout ou partie de ceux ci Il s agit des produits suivants e l API G oportail e le code Javascript de visualisation cartographique de CARMEN Au sujet de l API G oportail il est de plus indispensable d assurer la compatibilit de DESCARTES avec la version minimale de celle ci L acc s aux services de donn es fournis par l IGN doit en effet tre efficient 3 2 Architecture technique L architecture technique g n rale des composants doit reposer sur le principe du client web riche
33. lication par exemple par interfa age avec un client CSW F M6 R ordonner les couches au sens d un groupe F M7 D placer les couches d un groupe un autre F M8 R ordonner les groupes de couches entre eux F M9 Ajouter supprimer un groupe de couches 2 1 3 Obtenir des informations de la carte Cette cat gorie regroupe la fois les fonctionnalit s permettant d offrir des l ments informatifs sur le contenu de la carte autres que ceux correspondant aux objets des couches Informations propres aux couches F O1 visualiser les l gendes des couches automatique selon couches visibles et mode d acc s l initiative de chaque mise en uvre F O2 acc der des informations compl mentaires bouton pictogramme d acc s une URL fiche de m tadonn es document associ 9 avril 2010 13 CP2I DO M diterran e ED GEO Informations cartographiques F 03 visualiser les coordonn es du curseur et le nom zone de texte automatique de la projection associ e F 04 visualiser l chelle courante chelle graphique automatique chelle m trique automatique F O5 visualiser les dimensions terrain de l emprise zone de texte automatique courante Mesures sur la carte F 06 mesurer des distances par dessin de polylignes bouton pictogramme Distances F 07 mesurer des surfaces et ventuellement des bouton picto
34. n e ED GEO 2 Sp cifications fonctionnelles La dimension Composants de l op ration n cessite de d crire les sp cifications fonctionnelles de Descartes selon deux axes compl mentaires e le service final devant tre rendu aux utilisateurs d une application cartographique int grant les composants e la richesse des possibilit s d adaptation de configuration et de personnalisation des composants offerte aux ma tres d uvre des dites applications 2 1 Fonctionnalit s pour les utilisateurs finaux Les fonctionnalit s d crites ci apr s sont celles disponibles pour les utilisateurs finaux d une mise en uvre particuli re des composants Bien videmment toutes ne seront pas offertes par l ensemble des mises en uvre il convient chaque ma tre d uvre de ne mettre disposition que celles correspondant au p rim tre fonctionnel souhait De la m me mani re pour une m me fonctionnalit plusieurs mode d acc s peuvent tre disponibles en terme d IHM le ma tre d uvre doit donc choisir celle qui est offerte aux utilisateurs finaux Les fonctionnalit s sont r parties en six cat gories correspondant aux macro cas d utilisation suivants naviguer dans la carte e modifier le mode de construction de la carte e obtenir des informations g n rales sur la carte e interroger les donn es pr sent es par la carte e conserver des instantan s de la carte e personnaliser l interfac
35. ns concern es sont o celles mettant en uvre le pattern MVC dans le client JavaScript o celles mettant en uvre la fois le client JavaScript et les services centralis s e la d finition de la mod lisation des l ments IHM liste des DIV aliment es par les classes de l API JavaScript liste des classes CSS par d faut 9 avril 2010 29 CP2I DO M diterran e ED GEO 4 1 3 Conception des composants Java et Php Le DCT contiendra obligatoirement les l ments suivants e la conception g n rale des services centralis s pour les versions Java et Php Les l ments a d finir sont les suivants o contraintes d exploitation n cessaires vis vis des l ments de plateforme pour les versions JRE Tomcat Php et d pendances modules de Php par exemple o liste des param tres de configuration et modalit s de stockage o liste des threads n cessit s par des temps de traitements incertains e la d finition de chaque classe des API Java et Php suffisamment document e pour en comprendre l objectif et le fonctionnement Les l ments d finir sont les suivants o propri t s et m thodes publiques de la classe o information sur l ventuel h ritage de la classe nom de la classe m re m thodes surcharg es 4 2 Composants logiciels 4 2 1 Sources Les sources doivent tre livr es selon les sp cifications d crites pr c demment cf 3 3 1 Codage JavaScript page 24 pour les comp
36. ns la communaut du libre e prototype extension du langage JavaScript et gestionnaire de requ tes AJAX e scriptaculous effets DHTML seul le slider est utilis e openLayers version 2 7 gestionnaire de couches g ographiques La biblioth que descartes js est charg e de piloter ces diff rents composants Elle se compose d un ensemble de classes permettant d impl menter les sp cificit s fonctionnelles requises dans une application Les appels toutes ces biblioth ques doivent tre confi s un code JavaScript client sp cifique chaque application Ce code client peut bien s r utiliser d autres biblioth ques Dans le cas de Cartelie par 9 avril 2010 7 CP2I DO M diterran e ED GEO exemple l accord on de la biblioth que rico permet de g rer l affichage alternatif de la plupart des gestionnaires contr le des couches l gende localisation rapide etc Les services centralis s Certaines op rations propos es par les normes OGC ne peuvent pour des raisons techniques tre mises en uvre directement dans un navigateur Web par le langage JavaScript Cinq services centralis s sont propos s pour y pallier dans la version 2 e Gestion de requ tes WMS GetFeaturelnfo multiples avec r ponses HTML e Gestion de requ tes WFS GetFeature multiples avec r ponses HTML Gestion de requ tes WMS GetFeaturelnfo unitaires avec r ponses XML e G n ration d
37. nternet Application SLD Styled Layer Descriptor WFS Web Feature Service WMS Web Map Service XML eXtensible Markup Language 9 avril 2010 38
38. osants JavaScript et selon les regles d usages pour les composants Java et Php Les sources doivent tre int gralement document es de mani re a pouvoir g n rer ais ment la documentation des API A ce titre la compl tude de la documentation doit aller jusqu aux propri t s et m thodes priv es Si pour les composants Java le formalisme retenu doit tre naturellement JavaDoc le prestataire proposera pour les composants JavaScript et Php des formalismes coh rents avec des g n rateurs de documentation reconnus et fiables Par exemple http www naturaldocs org pour JavaScript et PHP http code google com p jsdoc toolkit pour JavaScript Dans le cas des composants JavaScript l exigence de modularit des sources un fichier par classe rend de facto fastidieuse l int gration de celles ci dans une page HTML Afin de simplifier cette int gration les sources des composants Javascript doivent tre accompagn es d un fichier contenant un script de chargement automatique seul fichier int grer dans une page HTML Cette strat gie est d ores et d j mise en uvre dans OpenLayers et dans la version 2 0 de DESCARTES 4 2 2 Versions compil es Si la diffusion finale des composants comportera bien videmment les sources de ceux ci mise disposition sur l Adullact oblige elle proposera aussi une version dite compil e pour les utilisateurs ne se pr occupant pas des vues internes Selon les langag
39. t 9 avril 2010 26 CP2I DO M diterran e ED GEO lt script src UneClasse js gt lt script gt lt script gt functuon LARE Y var unObjet new UneClasse info unObjet draw lt script lt title gt Exemple MVC lt title gt lt head gt lt body onload init gt lt div id info gt lt div gt lt body gt lt html gt De plus l aspect graphique de chaque l ment d IHM g n r est d fini par des styles CSS personnalisables Pour associer un style personnalis a un l ment d IHM g n r par une classe la seule strat gie devant tre impl ment e consiste fournir au constructeur de la classe les noms des classes CSS a appliquer L exemple suivant illustre cette strat gie UneClasse Class create davy a maniy initialize function idDiv displayClass this div document getElementByld idDiv this div className displayClass d draw function this div innerHTML quelque chose CLASS NAME UneClasse Constructeurs de classe avec objet JSON pour les options La d finition des signatures de m thodes dans le langage JavaScript ne suit pas v ritablement les r gles de l art Il est tout fait possible d ex cuter une m thode sans passer l int gralit des param tres potentiellement accept s Cela ne pose pas trop de probl mes quand le nombre de param tres potentiels est faible
40. t en couverture fonctionnelle qu en capacit de personnalisation L int gration d autres biblioth ques ou frameworks est envisageable et m me souhaitable dans les cas suivants e biblioth ques techniques telles que prototype js ou jQuery facilitant le codage pour les appels AJAX par exemple e biblioth ques graphiques telles que jQueryUI facilitant la cr ation de widgets IHM Frameworks et biblioth ques Java et PHP L int gration de frameworks ou de composants dans les services centralis s doit tre motiv e par l impossibilit de rendre le service requis avec le langage de base utilis A titre d exemple les composants c t serveur utilis s par la version 2 0 sont commons httpclient et ses d pendances pour les appels HTTP en Java e iText pour la g n ration de PDF en Java e fPdf pour la g n ration de PDF en Php 3 2 3 Configuration technique des composants Dans l objectif de faciliter l int gration des composants dans une application la configuration technique de ceux ci doit la fois consister en un nombre limit de param tres et permettre leur adaptation au contexte IHM de l application Configuration du client JavaScript L association du client une IHM propre l application doit tre r alis e uniquement par le biais d un param tre ou d une propri t de la m ta classe DESCARTES indiquant le fichier CSS choisi Le code de programmation ne doit en aucune mani re pr cis
41. tal ou vertical bouton pictogramme loupe F N9 zoom avant par dessin d un rectangle touche shift cf OpenLayers bouton pictogramme loupe F N10 zoom arri re simple curseur OpenLayers horizontal ou vertical bouton pictogramme loupe Localisation directe Il s agit ici de se localiser directement sur une emprise sans interagir avec un quelconque outil cartographique zoom panoramique etc F N11 sur l emprise maximale de la carte bouton pictogramme Tout voir F N12 sur l emprise initiale de la carte bouton pictogramme Vue initiale F N13 sur l emprise pr c dente ou suivante de boutons pictogrammes Pr c dent Suivant l historique de navigation F N14 sur un l ment d un ensemble d objets de listes d roulantes textuelles imbriqu es ex r gion r f rence d partements communes F N15 sur un objet issu d une interrogation des donn es bouton pictogramme localiser de la carte voir 2 1 4 Interroger les donn es pr sent es par la carte F N16 sur une emprise m moris e voir 2 1 5 bouton pictogramme Recharger la vue Conserver des instantan s de la carte 2 1 2 Modifier le mode de construction de la carte L ensemble de ces fonctionnalit s est li l existence d un gestionnaire de contr le des couches Ce gestionnaire pr sente sous une forme arbores
42. tion Il s agit ici de proposer une gestion de vues personnalis es pour revenir loisir sur des emprises compositions jug es pertinentes par l utilisateur F C3 M moriser un contexte emprise courante taille bouton pictogramme Enregistrer la vue de la carte couches affich es avec leur opacit F C4 Supprimer un contexte m moris bouton pictogramme Supprimer la vue 2 1 6 Personnaliser l interface cartographique Cette cat gorie regroupe toutes les fonctionnalit s permettant de personnaliser l interface g n rale de visualisation de la carte F P1 Choisir la taille de la carte liste d roulante textuelle F P2 Afficher masquer la mini carte de navigation bouton pictogramme OpenLayers 9 avril 2010 15 CP2I DO M diterran e ED GEO 2 2 Fonctionnalit s pour les ma tres d uvre Les fonctionnalit s d crites ci apr s sont celles disponibles pour les utilisateurs des composants c est dire les ma tres d uvre int grant les composants dans une application Elles ont pour objectifs de configurer l interface cartographique au sens large offerte aux utilisateurs finaux de la dite application selon le p rim tre fonctionnel souhait pour celle ci A ce titre les informations techniques n cessaires au fonctionnement des composants URLs des serveurs WMS par exemple ne sont pas d crites ici Cette configuration peut tre r partie en quatre cat
43. udes Techniques de l quipement CP2I Centre de Prestations de d Ing nierie Informatique DDAF Direction D partementale de l Agriculture et des For ts DDE Direction D partementale de l quipement DDEA Direction D partementale de l quipement et de l Agriculture DDT Direction D partementale des Territoires DIREN Direction R gionale de l ENvironnement DO D partement Op rationnel DRE Direction R gionale de l quipement DRIRE Direction R gionale de l Industrie de la Recherche et de l Environnement ED GEO tudes et D veloppements en GEOmatique MAAP Minist re de l Agriculture de l Alimentation et de la P che MEEDDM Minist re de l cologie de l nergie du D veloppement Durable et de la Mer OGC Open Geospatial Consortium 9 avril 2010 37 CP2I DO M diterran e ED GEO 5 3 2 Technologies et acronymes ACAI Architecture Commune des Applications Informatiques AJAX Asynchronous Javascript And Xml CSS Cascaded Style Sheets CSV Comma Separated Values CSW Catalogue Service Web DHTML Dynamic HyperText Markup Language FE Filter Encoding GeoJSON Geographic JavaScript Object Notation GML Geographic Markup Language HTML HyperText Markup Language HTTP HyperText Transfer Protocol IHM Interface Homme Machine JSON JavaScript Object Notation MVC Model View Controlert PDF Portable Document Format PNG Portable Network Graphics RIA Rich I
44. un fichier PNG partir de requ tes WMS GetMap e G n ration d un fichier PDF partir de requ tes WMS GetMap Ils sont disponibles pour des serveurs d applications JAVA et PHP et donc ais ment utilisables dans les applications ACAI 1 1 2 Diffusion et accompagnement La version actuelle des composants est mise a disposition sur le portail du d veloppement du MEEDDM Intranet Elle l est de plus sur l Adullact forge des collectivit s territoriales depuis janvier 2010 avec une licence libre CeCILL C 2 0 https adullact net projects descartes Outre les sources des composants sont mises a disposition e une documentation comportant la fois un volet Guide de R f rence et un volet Manuel de l utilisateur e une application exemple illustrant la majeure partie des fonctionnalit s offertes et disponible en version Java et Php Ces deux l ments d accompagnement sont consid r s comme majeurs pour obtenir l adh sion aux composants par les ma tres d uvre 1 2 Plan d volution envisag 1 2 1 l ments de contexte Mutualisation interminist rielle Historiquement DESCARTES provient de l ancien minist re de l quipement Les bouleversements des toutes derni res ann es ont t nombreux e nouveau p rim tre minist riel ex quipement ex cologie une partie de l industrie e fusion en d partement des DDE Minist re de l quipement et DDAF Minist re de l agriculture po
45. upe avec leurs propri t s respectives C C3 S lecteur d chelle Liste des chelles de visualisation propos es C C4 Gestionnaire de requ tes attributaires Liste des requ tes disponibles Liste des crit res d une requ te C C5 Infos bulles Liste des couches concern es Liste des attributs concern s pour une couche C C6 Objets de r f rence Niveaux d imbrication avec leurs propri t s respectives Param tres de l ventuel service de fourniture des objets 2 2 3 Configurer les l ments IHM d acc s aux fonctions Cette cat gorie regroupe les possibilit s de choix IHM pour acc der aux fonctionnalit s permises dans le cas o plusieurs options sont disponibles pour le ma tre d uvre C A1 Acc s au recentrage suite un clic Choix exclusif entre comportement par d faut d OpenLayers bouton pictogramme croix C A2 Acc s au glisser relacher sur la carte Choix exclusif entre comportement par d faut d OpenLayers bouton pictogramme main C A3 Acc s la translation dans une Choix exclusif entre direction a croix d OpenLayers s zones sensibles en bord de carte C A4 Acc s au choix de l chelle dans une Choix exclusif entre liste gt curseur d OpenLayers e liste d roulante textuelle C A5 Acc s au zoom avant simple Choix exclusif entre curseur d OpenLayers bouton pictogramme loupe et simple clic C A6 A
46. ur donner lieu aux DDEA qui seront elles m mes remplac es en 2010 par les DDT e fusion en r gion des DRE Minist re de l quipement des DIREN Minist re de l cologie et d un partie des DRIRE Minist re de l industrie Ces restructurations ont pour le domaine de la cartographie sur le Web conduit mettre en concurrence plusieurs produits 9 avril 2010 8 CP2I DO M diterran e ED GEO e CARTELIE bas sur DESCARTES pour la consultation de l ex quipement CARMEN de l ex cologie GEOWEB de l agriculture e PRODIGE plateforme r gionale Dans un souci de limiter les effets pervers de cette concurrence et de mutualiser les efforts fournir l avenir une Commission de Coordination de l Information G ographique CCIG a t cr e entre le Minist re de l cologie de l nergie du d veloppement durable et de la mer MEEDDM et le Minist re de l alimentation de l agriculture et de la p che MAAP Dans le champ d action de DESCARTES les d cisions d ores et d j prises par la CCIG sont les suivantes e les fonctionnalit s de visualisation consultation des diff rents produits doivent tre prioritairement trait es par les mutualisations futures e le futur composant de visualisation consultation mutualis devra dans la mesure du possible offrir les fonctionnalit s des produits actuels la version actuelle des composants DESCARTES est la souche de base du futur composant
47. urer les propri t s g n rales de l interface ss 16 2 2 2 Configurer le contenu des l ments de l interface issues 18 2 2 3 Configurer les l ments IHM d acc s aux fonctions 18 2 2 4 Configurer l ergonomie graphique ss ses sssssresessenssanenensensonenensensenonenseneessenensenenseonanes 19 3 SP CIFICATIONS TECHNIQUES nn rbe 27 3 1 Socle normatif conceptuel et technique ss ra rrrarrnanrnnns 21 3 1 1 Pr pond rance des normes OGC 27224242 A o R R ERU EA a 21 3 1 2 Adaptation du mod le commun de Cartes esececerenesenenenenenenenenenesenenenenenenensenenusvsenuensnenanus 21 3 1 3 Analyse de produits SIMU ES ed 2226 d22272 9092192204422402 a A IA ARR ARRA Abc ee Penser A 22 3 2 Architecture technique cs C 2060004 2086 GO A nr rr rr rr 0 ORA C RA rr rr 22 3 2 1 Communication entre client ServiceS seeccccccceconoonaunooonsaeeecseceeeenenonnnaanuuuauasseesseeenauananen 22 3 2 2 Utilisation de frameWO0fKS 12200e A A AAA A AAA AAA ERR EES 23 3 2 3 Configuration technique des COMPOSaNtS cssseciccrcr rercrnranenarcrarenensnanasenraneasenennanenasennanansanananasnanes 23 3 3 R gl s d impl mentatioh ti AAA REE ARRA AG CROC ee 24 3 3 1 C0dag TIVA E A ARMA das Aen non tan COR eE aA d ne e The 24 3 3 2 Codages Java t PHP 2222 A 1 Ned ee A a NOSA Ae DP 28 4 LIVRABLES ATTENDUS ciciciiiccicccccccccccccococoonooconononncocnnonnnnonnnnonunnnnnnnunnnnnnunnnnnunu 29
48. urs js gt lt script gt lt SC REpL gt FUNCTION inutil var monCalcul new Calcul 1 1 retourl retour2 monCalcul execute Jiz var retourl function texte alert texte var retour2 function texte retour innerHTML texte lt script gt lt title gt Exemple de retours multiples lt title gt lt head gt lt body onload init gt lt div id retour gt lt div gt lt body gt lt html gt 5 2 3 Mod lisation MVC D finition d un Contr leur Mvc Controleur Class create initialize function exempleModele vueSaisie vuelnfo this modele exempleModele var self this this vueSaisie new Mvc VueSaisie vueSaisie idDiv vueSaisie templateHTML this modele self this vuelnfo new Mvc Vuelnfo vuelnfo idDiv vuelnfo templateHTML this modele activate function this vueSaisie paint this vuelnfo paint actualiseModele function Recuperation des valeurs saisies var modeleSaisi this vueSaisie getDatas Validation metier des saisies if modeleSaisi hasValidDatas mise a jour du modele this modele setDatas modeleSaisi this vuelnfo paint else alert Valeurs incorrectes D finition d un Mod le Mvc Modele Class create initialize function datas this propil datas propi I d faut this prop2 datas prop2 d faut 9 avril 2010
Download Pdf Manuals
Related Search