Edité le 11 juin 2002 <strong>Etude</strong> <strong>exploratoire</strong> <strong>XML</strong> / <strong>SVG</strong> CERTUOn aurait bien sûr pu obtenir le même résultat avec XSLT. Il est cependant important de remarquer quela syntaxe de XQuery est beaucoup plus proche de celle des langages de requête courants (SQL par exemple). Ilest en effet destiné à offrir le même genre de fonctionnalités. Il permet notamment d’interroger plusieursdocuments <strong>XML</strong>, contrairement à XSLT. De plus, il est prévu qu’il permette de mettre à jour ou d’effacer desportions du document <strong>XML</strong>. Cela ne sera toutefois probablement pas le cas pour XQuery 1.0, mais seulementpour les versions ultérieures. Parallèlement à XQuery, on peut également noter l’existence de XQueryX, unlangage de requête offrant les mêmes fonctionnalités que XQuery, mais avec une syntaxe <strong>XML</strong>.3.4.4 Avantages et inconvénientsAvantagesInconvénientsXPath+ Utilisation avec XSLT+ Syntaxe compacte- Pas de typage des donnéesXQL+ Encore souvent utilisé- N’apporte rien par rapport à XPath- Appelé à disparaîtreXQuery+ Typage des données+ Adapté aux requêtes sur des données- Pas encore de recommandation duW3CSWORD - Nos réf. : <strong>IDL</strong>_<strong>CERTU1</strong>/<strong>ETU</strong>_<strong>001</strong> / <strong>1.1</strong> Diffusion : contrôlée Page : 40/81
Edité le 11 juin 2002 <strong>Etude</strong> <strong>exploratoire</strong> <strong>XML</strong> / <strong>SVG</strong> CERTU3.5 FEUILLES DE STYLE CSS POUR LA REPRESENTATION GRAPHIQUE DES ZONES ETSECTEURS3.5.1 Présentation de CSSLes CSS (Cascading Style Sheets) ont été initialement conçues pour le langage HTML. Elless’appliquent toutefois aussi bien aux documents <strong>XML</strong>, surtout en ce qui concerne CSS-2 (datant de 1998). Lasyntaxe de CSS n’a rien à voir avec <strong>XML</strong>, mais elle est simple à apprendre et à utiliser. Une feuille CSS se baseégalement sur un ensemble de règles, dont le principe est le suivant : on définit un sélecteur, et on applique desvaleurs à certaines de ses propriétés. Par exemple, on peut formater un titre de la manière suivante :titre {font-weight : bold ;font-size : 14pt ;font-family : Garamond ;font-style : normal}En incluant cette feuille à un document <strong>XML</strong> ou HTML, tous les éléments « titre » seront affichés engras, avec une taille de police de 14 points, etc.Le langage <strong>SVG</strong> permet d’utiliser des feuilles de style CSS ou XSL pour mettre en forme les différentsobjets utilisés. Cela dit, Adobe <strong>SVG</strong> Viewer ne permet pas d’utiliser directement XSL. Nous préférerons doncnous concentrer ici sur CSS.Les objets graphiques de <strong>SVG</strong> possèdent un attribut « class » qui indique au visualisateur qu’il doit leurappliquer le style correspondant à cette classe. Par exemple, si on attache une feuille de style CSS avec la règlesuivante :.UA {stroke:rgb(0,0,0);fill:rgb(166,0,0)}et si le document contient l’objet suivant :Ce rectangle sera affiché avec une couleur de remplissage rouge sombre et un contour noir. On peutaisément concevoir l’avantage que ces feuilles de style procurent pour créer une légende au document <strong>SVG</strong> duP.O.S.3.5.2 Légende automatique avec CSSNotre carte du P.O.S. est constituée d’un ensemble de zones et de secteurs d’un type donné. C’est cetype qui va déterminer la couleur utilisée pour le remplissage de chaque objet graphique. On peut réaliser celaautomatiquement en donnant ce type comme valeur de l’attribut « class » de chaque objet. Ensuite, la feuille destyle suivante permet de l’afficher avec la bonne couleur :.NB {fill:rgb(215,200,10)}.ND {fill:rgb(50,160,45)}.INA {fill:rgb(250,175,165)}.IINA {fill:rgb(250,175,165)}.UD {fill:rgb(255,190,120)}.UA {fill:rgb(166,0,0)}.UI {fill:rgb(130,25,135)}SWORD - Nos réf. : <strong>IDL</strong>_<strong>CERTU1</strong>/<strong>ETU</strong>_<strong>001</strong> / <strong>1.1</strong> Diffusion : contrôlée Page : 41/81