Une introduction à XML/XSLT

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Une introduction à XML/XSLT"

Transcription

1 Une introduction à XML/XSLT Bernd Amann et Philippe Rigaux Cnam 13 mars 2009 Table des matières 1 L application et ses besoins 2 2 XML, format universel Qu est-ce que XML? Structuration avec XML Documents XML Publication de données avec XSLT Site web (HTML) Transformations XSLT Transformation XML -> HTML Chemins complexes Appel de règle Réutilisation de règles Site WAP (WML) Publication WAP (WML) Création d un site WAP Document papier Les formatting objects (XSL-FO) Le programme de L Épée de bois Échange et intégration de données en XML Exemple : Le Site Description de la structure d un document XML Transformation et échange de données Un moteur de recherche XML/XSLT Intégration dynamique de fragments XML D une base relationnelle à XML Intégration Java/XML/XSLT Séparation des points de vue Comment lire la suite de ce livre? Récapitulatif Échange et intégration avec XML Publication XML/XSLT Organisation des chapitres qui suivent Ce chapitre a pour ambition de proposer au lecteur une présentation intuitive des principales caractéristiques de XML, ainsi qu un tour d horizon de ses apports en terme d intégration, d échange et de 1

2 publication de données. Nous évitons délibérément, à ce stade, toute discussion technique détaillée, l objectif étant plutôt de dresser un panorama des contextes d utilisation de XML et de son association avec XSLT, en vue de convaincre le lecteur de l intérêt de recourir à ces langages. Il existe probablement plusieurs manières de lire ce chapitre. Une première lecture, rapide et laissant de côté les détails des quelques programmes proposés, suffira à comprendre intuitivement le rôle de XSLT et l importance de ce langage dans les applications XML. Une seconde lecture permettra de saisir les principes de base de l association XML/XSLT : structure arborescente des documents, traitement du document par des règles XSLT, et production du résultat par assemblage des fragments produits par les règles. Enfin nous avons placé dans ce chapitre quelques éléments de discussion sur des techniques avancées (notamment l intégration avec les bases de données) qui fournissent une perspective générale sur les architectures incluant des documents XML et leur transformation par des programmes XSLT. Il ne faut donc pas hésiter à laisser de côté, au moins dans un premier temps, les aspects qui peuvent paraître obscurs ou rébarbatifs. La syntaxe des langages basés sur XML peut sembler déroutante à première vue, et la raison d être de cette introduction est justement de proposer une initiation progressive qui permette de découvrir le rôle et l intérêt de ces langages. Nous souhaitons que ce premier chapitre permette, sans investir dans une étude technique approfondie, de dégager clairement la place de XML au sein des nombreux outils, langages et techniques qui constituent un système d information orienté vers la publication ou les échanges de données sur le Web. Pour tous les aspects qui ne sont, techniquement parlant, qu esquissés dans cette introduction, nous indiquons finalement le chapitre ou la partie du livre où le lecteur trouvera un développement complet. Nous prenons comme fil conducteur, dans ce chapitre, une application simple qui nous permettra de décliner des exemples d utilisation de XML. Cette application consiste à fournir, sous les formes les plus variées, les informations relatives aux films à l affiche en France, comprenant un descriptif de chaque film, et les cinémas, salles et séances où ces films sont projetés. Nous supposons de plus que ces informations sont disponibles en différents points du réseau Internet. Nos exemples montreront comment XML permet d échanger ces informations, de les intégrer, et enfin de les publier sur les supports les plus divers. 1 L application et ses besoins Décrivons tout d abord l application (simplifiée). L objectif général consiste, pour un cinéma, à diffuser le plus largement possible l information relative à ses salles, avec les films qui y sont diffusés et les horaires des séances. Nous prendrons comme exemple principal le cas du cinéma L Épée de bois qui propose deux films : Le film Alien, de Ridley Scott, projeté dans la salle 1 avec trois séances dans la journée ; le film Vertigo, d Alfred Hitchcock, projeté dans la salle 2 avec une seule séance à 22 heures. L Épée de bois souhaite bien entendu rendre ces informations disponibles sur son site web. Mais il envisage également le cas de cinéphiles munis d un téléphone mobile, susceptibles de consulter les séances via une application WAP. Enfin le programme des salles doit être affiché à l entrée du cinéma, distribué dans l environnement proche (cafés, librairies) sous forme de tracts, et transmis à un magazine d informations sur les spectacles. Pour tous ces modes de diffusion, la solution traditionnelle, basée sur des outils adaptés à chaque cas, implique de resaisir l information, avec des risques d erreur multipliés et une perte de temps inutile. Par exemple la plaquette serait stockée au format propriétaire d un traitement de mise en page, chaque site web placerait le contenu dans des fichiers HTML, le magazine conserverait ce même contenu dans une base de données, et ainsi de suite. Supposons de plus qu un site, propose de référencer toutes les séances de tous les cinémas en France, et offre aux internautes un service de recherche et d indexation. Bien entendu cela suppose que chaque cinéma lui fournisse, dans un format donné, les informations sur ces propres séances, ce qui implique pour l Épée de bois un travail supplémentaire de saisie et mise à jour. Enfin on supposera que des informations sur des films (acteurs, résumé) sont disponibles dans une base de données interrogeable sur le web. Il serait souhaitable que cette information puisse également être intégrée au programme pour le rendre encore plus attrayant. 2

3 En résumé, la problématique est double : d une part il faut être en mesure de fournir une même information le programme de cinéma sous les formes les plus variées, d autre part il faut «récupérer» tout ce qui peut enrichir cette information, et intégrer le tout dans un format cohérent. Nous allons explorer dans la suite de ce chapitre comment XML/XSLT répond à ce double besoin. 2 XML, format universel XML constitue un moyen de rendre un même contenu accessible à plusieurs applications. Considérons le cas des informations propres au cinéma, à savoir son nom, son adresse et la station de métro la plus proche : L Epée de bois, 100 rue Mouffetard, métro Censier-Daubenton Ces quelques informations constituent un contenu susceptible d apparaître sur de nombreux supports différents : des affiches de film, un magazine des spectacles à Paris, de très nombreux sites web, des plaquettes commerciales, un téléphone portable, etc. Dans un contexte cloisonné où ces différents supports sont produits indépendamment les uns des autres, ce contenu est habituellement dupliqué autant de fois que nécessaire, et associé à un format propre à chaque support. Dans la mesure où les applications gérant ce contenu ne communiquent pas, cette duplication et cette hétérogénéité des formats, adaptés à chaque type d exploitation de ce contenu, sont légitimes. Si, en revanche, on se place dans un environnement connecté au réseau et favorisant les échanges d information, duplication et hétérogénéité deviennent beaucoup moins justifiables. La duplication induit un coût, de transformation ou de stockage, et l hétérogénéité peut rendre inaccessible ou inexploitable une information pourtant présente. 2.1 Qu est-ce que XML? XML est donc d abord destiné à représenter des contenus indépendamment de toute application. Il s appuie pour cela sur la combinaison de plusieurs principes simples et généraux pour la représentation et l échange d information. Voici une représentation XML de notre cinéma : <?xml version="1.0" encoding="iso "?><cinema><nom>epée de Bois </NOM><ADRESSE>100, rue Mouffetard</ADRESSE><METRO>Censier-Daubenton </METRO></CINEMA> Une information codée en XML est donc simplement représentée sous forme d une chaîne de caractères. Cette chaîne débute par une déclaration XML : <?xml version="1.0" encoding="iso "?> Cette ligne indique que la chaîne contient des informations codées avec la version 1.0 de XML, et que le jeu de caractères utilisé est conforme à la norme ISO-8859 définie par l Organisation Internationale de Standardisation (ISO) pour les langues latines. Cette norme est adaptée à l usage du français puisqu elle permet les lettres accentuées commme le é dans le mot Epée. 2.2 Structuration avec XML La représentation sous forme de chaîne de caractères n exclut pas la structuration de l information. Par exemple, la chaîne de caractères L adresse du cinéma Épée de Bois est 100, rue Mouffetard et se trouve près de la station de métro Censier-Daubenton contient la même information que la chaîne XML précédente, mais est difficilement exploitable par un outil informatique car la structure de la phrase est cachée. Cette structure est marquée, en XML, par des balises 1 encadrées par les symboles < et >. Les balises <CINEMA>, <NOM>, </NOM>, <ADRESSE>, </ADRESSE>, <METRO>, </METRO> et </CINEMA> décomposent ainsi le contenu en trois parties textuelles : 1 XML est un langage de balisage structurel. 3

4 Epée de Bois ; 100, rue Mouffetard ; Censier-Daubenton. On peut constater que les balises forment des parenthèses autour de fragments de la chaîne XML. On trouve dans notre exemple les «parenthèses» <CINEMA>...</CINEMA>, <NOM>...</NOM>, <ADRESSE>...</ADRESSE> <METRO>...</METRO>. Dans ces paires de balises, la première est appelé balise ouvrante et la deuxième la balise fermante. Voici la terminologie établie pour désigner les constituants d une chaîne XML : une paire de balises ouvrante et fermante et le fragment qu elles entourent constituent un élément XML ; le nom de la balise est le type de l élément ; le contenu d un élément XML est obtenu en enlevant les balises qui l entourent. La structuration avec XML permet d une part de désigner certaines parties du contenu avec des noms d éléments, et d autre part de structurer ce contenu en définissant une hiérarchie entre les éléments. Une des principales règles de structuration est en effet que le parenthésage défini par les balises doit être imbriqué : si une balise <B> est ouverte entre deux balises <A> et </A> définissant un élément, elle doit également être fermée par </B> entre ces deux balises. Cette contrainte introduit une hiérarchie entre les éléments définis par les balises. Par exemple, l élément <ADRESSE>100, rue Mouffetard</ADRESSE> est un sous-élément de l élément défini par la balise <CINEMA>. Ce dernier englobe tout le document (sauf la première ligne) et est appelé l élément racine du document. On peut noter que le nom des balises, ainsi que l imbrication de ces balises, sont totalement libres : il n existe pas en XML de règles prédéfinies. Cela permet à chacun de définir son propre langage pour décrire ses données. L Épée de bois s est défini un langage basé sur le vocabulaire CINEMA, NOM, ADRESSE et METRO, et une règle de construction très simple consistant à imbriquer dans <CINEMA> les trois autres éléments. Nous parlerons le plus souvent de «dialecte» pour désigner un langage défini avec XML. La structure hiérarchique d un contenu XML devient plus explicite si on ajoute des changements de ligne et des espaces dans le document : <?xml version="1.0" encoding="iso "?> <CINEMA> <NOM>Epée de Bois</NOM> <ADRESSE>100, rue Mouffetard</ADRESSE> <METRO>Censier-Daubenton</METRO> </CINEMA> Cette chaîne est considérée comme identique à la première, si on met à part les caractères blancs et les sauts de ligne entre deux balises (en fait nous verrons que cette mise à l écart des «espaces» ne va pas toujours de soi, et peut soulever quelques problèmes dans les traitements). L indentation est souvent utilisée pour clarifier un contenu XML, sans que cela ajouter quoi que ce soit au contenu lui-même. En fait, ce que cette pratique suggère, c est qu une approche fructueuse pour faciliter la compréhension et le raisonnement sur une information structurée avec XML est de considérer que cette information est un arbre, et pas une chaîne de caractères. La figure 1 montre l arbre correspondant au cinéma «L Epée de bois». Il a pour racine un élément <CINEMA> donc le contenu est lui-même constitué des trois éléments <NOM>, <ADRESSE> et <METRO>. Chacun de ces trois éléments a un contenu qui est du texte simple. Cette représentation, plus abstraite, permet de mettre l accent sur les deux aspects vraiment essentiels d un contenu structuré avec des balises XML. En premier lieu elle montre quels sont les noms d éléments qui décomposent et désignent les différentes parties du contenu. En second lieu elle permet de situer précisément la place de chaque élément au sein de la hiérarchie globale. Il est très important de noter dès maintenant que ces deux aspects sont indissociables : un élément est caractérisé à la fois par son nom et par sa place dans l arbre XML. Concrètement, cela implique que tout traitement de données XML par exemple en vue de les mettre en forme pour une publication se base sur des outils permettant de choisir des éléments par leur nom, ou par leur position, ou par les deux dimensions utilisées simultanément. Voici un exemple plus général illustrant la structure d un document. Il développe la description du cinéma «L Epée de bois». Ce cinéma a deux salles, chacune représentée par un élément XML de type 4

5 CINEMA NOM ADRESSE METRO Épée de bois 100, rue Mouffetard Censier-Daubenton FIG. 1 Représentation arborescente d un contenu XML <SALLE>. Pour chaque salle on connaît le titre du film projeté et les horaires des séances. La première salle a également un sous-élément de type <REMARQUE> qui est absent pour les deux autres salles.»>logbook error: File../EXEMPLES/ExXML1.xml does not exist! Cet exemple introduit un nouvel aspect de la représentation d une information en XML : les attributs. Dans les premiers exemples donnés précédemment, toute l information concernant un type d élément était codée dans le contenu des éléments, ou, autrement dit, dans le texte entouré par les balises de l élément. Ici (exemple??), le numéro et le nombre de places disponibles pour chaque salle ne font pas partie du contenu de l élément correspondant, mais sont indiqués au sein des balises même sous forme d attributs NO et PLACES. La même information aurait pu être codée avec des sous-éléments. Ce choix entre l utilisation d un attribut ou d un élément pour stocker une information concernant un élément est souvent arbitraire : nous proposerons dans le chapitre?? des considérations pour guider ce choix. CINEMA NOM ADRESSE METRO SALLE NO=1, PLACES=320 SALLE NO=2, PLACES= , rue Mouffetard Épée de bois Censier Daubenton TITRE SEANCES TITRE REMARQUE SEANCES Vertigo SEANCE Réservation conseillée Alien SEANCE SEANCE SEANCE 22 :00 15 :00 18 :00 21 :00 FIG. 2 Arbre d un document XML complété 5

6 La figure 2 montre l arbre XML. On peut en tirer quelques constatations générales : cet arbre n est pas équilibré (certaines branches sont plus longues que d autres) ; certains types d éléments se répètent (cas des salles et des séances) et d autres pas (cas du nom du cinéma) ; certains types d éléments apparaîssent régulièrement comme sous-élément d un autre type d élément (cas des salles qui sont des sous-éléments des cinémas et des titres qui sont des sous-éléments des salles) ; les éléments de certains types sont optionnels (cas des remarques). Nous utiliserons abondamment dans la suite de ce livre la représentation arborescente pour soutenir nos explications sur les mécanismes de transformation XSLT. Elle permet de s affranchir de détails inutiles (comme, par exemple : d où vient cette chaîne? comment est-elle indentée?) et de travailler sur une représentation claire et pertinente du contenu et de sa structuration. 2.3 Documents XML Jusqu à présent nous avons parlé de «chaîne de caractères» sans faire d hypothèses sur l origine ou le stockage de cette chaîne : cette dernière peut être placée dans un fichier, mais il peut également s agir d un flux (ou message) échangé entre deux programmes ou machines, ou d une information engendrée à partir d une application. Par exemple, la plupart des systèmes de bases de données actuels permettent de générer des documents XML à partir des données stockées. Dans le cas d un stockage fichier, l information codée en XML peut être affichée et modifiée par un outil de traitement de texte standard. Il est ainsi possible de visualiser et modifier un document XML très facilement et sans outil sophistiqué. Pour des raisons de simplicité, c est la situation que nous envisagerons prioritairement dans ce qui suit. C est celle aussi que nous vous invitons à employer, au moins dans un premier temps, pour manipuler nos exemples. Le caractère persistant (cas d un fichier) ou transitoire (cas d un message) d une information codée avec XML sont cependant des aspects secondaires tant qu on ne s intéresse pas à des problèmes d architecture sur lesquels nous reviendrons plus tard. Nous utiliserons uniformément dans ce qui suit le terme de document XML pour désigner un contenu structuré avec des balises XML, et ce quelle que soit la nature physique et la durée d existence de ce contenu. La notion de document en XML est un peu plus complète que celle d un arbre d éléments. La déclaration XML, ainsi que certaines autres informations qui apparaissent avant l élément racine sont considérées comme parties intégrantes du document. Nous distinguerons donc soigneusement, à partir de maintenant : l élément racine, défini par la première balise rencontrée ; la racine du document qui comprend, outre l élément racine, un ensemble de déclarations et d instructions utiles pour l interprétation du contenu. Cette distinction, ainsi que la différence entre document XML et fichier, sont illustrés par l exemple suivant. Imaginons que dans notre application, chaque salle est gérée par un responsable qui doit tenir à jour les informations. Il existe alors autant de fichiers XML qu il y a de salles. Le document relatif à la salle 2 est le suivant :»>Logbook error: File../EXEMPLES/Salle2.xml does not exist! On retrouve les attributs et les éléments <SEANCE>, et l élément <FILM> auquel on a ajouté des informations complémentaires : année de production, metteur en scène, résumé, etc. Le contenu de ce fichier correspond à un document représenté dans la figure 3, avec la racine du document notée Salle2.xml :/, un commentaire XML marqué par <!-- et -->, puis l élément racine SALLE. À partir de l ensemble des documents décrivant les salles, il est possible de reconstituer un document global en assemblant dans un fichier les informations propres au cinéma, et en important les documents relatifs aux salles. On utilise la notion XML d entité externe qui permet de faire référence à une source de données externe au fichier XML «principal» (appelé entité document), et d inclure le contenu de cette source. 6

7 Salle2.xml :/ SALLE NO= 2 PLACES= 120 FILM SEANCES TITRE AUTEUR ANNEE GENRE PAYS RESUME SEANCE Vertigo Hitchcock 1958 Drame USA Scotty :00 FIG. 3 Arbre d un document XML complété Voici une nouvelle représentation du document XML pour le cinéma «L Epée de bois» de la figure 2. Il s agit bien du même document (avec un description plus détaillée des films), mais réparti dans trois fichiers ou entités externes :»>Logbook error: File../EXEMPLES/Epee.xml does not exist! L entité document Epee.xml contient dans son entête deux définitions d entités externes vers les fichiers Salle1.xml et Salle2.xml (nous verrons la signification de la balise <!DOCTYPE> plus loin) : <!ENTITY salle1 SYSTEM "Salle1.xml"> <!ENTITY salle2 SYSTEM "Salle2.xml"> Les références vers ces entité externes t sont représentées par le nom de l entité correspondante entouré des symboles & et ; : &salle1; &salle2; Pour obtenir la représentation arborescente du document (figure 2), toutes ces références doivent être remplacées par le contenu des entités référencées (Salle1.xml et Salle2.xml). Nous serons amené dans la suite de ce livre à généraliser considérablement ce premier exemple où un document XML est obtenu par assemblage de plusieurs sources. Ici nous sommes dans un cas simple où les sources sont d autres fichiers, mais il est possible d intégrer des composants très divers, incluant des parties «statiques» (par exemple un ou plusieurs fichiers, éventuellement répartis sur l Internet) et des parties «dynamiques», fragments créés à la volée, par exemple par extraction à partir d une base de données. 3 Publication de données avec XSLT Nous allons maintenant montrer comment, à partir d un document XML proposant un contenu structuré, on obtient avec des transformations XSLT (acronyme de extensible Stylesheet Langage Transformations) des publications de ce contenu destinées aux supports les plus variés. L idée de base d un environnement XML/XSLT est de séparer le traitement des données du processus de publication. 7

8 le traitement des données consiste à les mettre sous forme de document XML obéissant à une structure arborescente donnée (par exemple la structure cinéma-salle-film illustrée dans ce qui précède) ; la publication des données consiste à extraire un contenu d un document XML et à le mettre dans un format reconnu par une application de publication particulière (par exemple au format HTML reconnu par les navigateurs web). Dans un tel environnement les responsabilités sont clairement partagées. On y distingue ceux qui gèrent les contenus et doivent établir les documents XML, éventuellement à partir de plusieurs sources de données nous reviendrons sur cet aspect ultérieurement de ceux qui doivent créer une mise en forme pour tel ou tel support. Nous prenons comme exemple les documents XML de la section précédente, sans avoir besoin de faire d hypothèses sur l origine de ces documents. Les transformations XSLT vont permettre d obtenir trois versions différentes de ce même contenu : un site web, affichant les informations sur le cinéma, ses salles et ses séances ; un site WAP permettant de consulter sur un téléphone mobile les mêmes informations ; enfin un document PDF donnant l ébauche de ce qui pourrait être un «Officiel des Spectacles» imprimé. 3.1 Site web (HTML) Nous prenons maintenant comme exemple un document XML restreint à la description du film Vertigo. Notre but est d obtenir une représentation HTML de ces informations.»>logbook error: File../EXEMPLES/Vertigo.xml does not exist! HTML est un langage de balisage dédié à l échange de documents sur le Web sous forme de document hypertextes 2 dans lesquels certains mots ou groupes de mots (les ancres) servent d accès à d autres documents HTML, parfois situés sur d autres sites web. L utilisation des ancres permet de «naviguer» sur le Web sans même connaître ses notions de base (le protocole HTTP, le système d adressage par des URL, etc). Contrairement à XML, HTML fournit un ensemble fixe de balises auxquelles sont attachées des fonctionnalités précises de présentation. L utilisation des balises HTML est donc avant tout destinée à donner des directives de mise en forme au navigateur qui se charge d afficher le document. À l opposé, l auteur d un document XML définit son propre vocabulaire de balises, le choix étant guidé par le besoin de décrire du mieux possible la structure et la signification des données. Nous reviendrons en détail dans le chapitre?? sur le langage HTML, ses différentes versions (et notamment sa variante XHTML), et ses rapports avec XML. Ici nous nous contenterons de montrer comment on peut obtenir une version HTML de nos documents XML par transformation XSLT, en commençant par prendre l exemple très simple de la description d un film. La figure 4 montre la page HTML que nous désirons obtenir. On constate que le titre du film apparaît en caractères gras italiques, le pays d origine en caractères italiques et le nom du réalisateur en caractères gras. De plus le texte entoure une image de l affiche (version française) du film. Le document HTML qui permet d obtenir ce résultat est le suivant :»>Logbook error: File../EXEMPLES/Vertigo.html does not exist! Il s agit, une nouvelle fois, d un arbre dont la racine est l élément <html>, avec deux fils : <head> et <body>. Le reste du document est du texte libre, encadré par des balises de mise en forme. Sans entrer pour l instant dans le détail, on peut : centrer une partie d un document en utilisant la balise <center> ; différencier différents niveaux de titre de sections (balises <h1>, <h2>,..., <h5>) ; mettre du texte en italique (balise <i>) ou en gras (balise <b>) ; créer des paragraphes (balise <p>) ; inclure des images (balise <img>) qui sont stockées dans des fichiers externes. Ce document HTML peut tout à fait être vu comme un document XML, avec une structure imposée (notamment pour la racine de l arbre et ses deux fils), et des noms de balise fixées par la norme HTML. En fait HTML s est développé indépendamment de XML et s avère beaucoup moins rigoureux. Les navigateurs acceptent par exemple des documents sans la racine <html>, et dans de nombreux cas la balise 2 «HTML» est l abréviation de «HyperText Markup Language». 8

9 FIG. 4 Version HTML du document Vertigo.xml, affichée par Netscape fermante d éléments vides est considérée comme optionnelle. Une norme récente, XHTML, reconsidère la définition de HTML comme un «dialecte» XML : nous y reviendrons au chapitre?? Transformations XSLT Nous allons maintenant utiliser un programme XSLT pour produire automatiquement le document Vertigo.html (appelé document résultat) à partir du document Vertigo.xml (appelé document source). Comme c est la première fois que nous rencontrons ce langage, nous commençons par une brève introduction permettant d en comprendre les principes de base. L application d un programme XSLT consiste à parcourir les nœuds d une arborescence XML, et à appliquer des règles de transformation à ces nœuds. Voici un premier exemple de règle de transformation XSLT. Elle consiste à produire une phrase simple chaque fois qu un élément <FILM> est rencontré dans le document source. <xsl:template match="film"> Ceci est le texte produit par application de cette règle. </xsl:template> La notion de règle (nommées template) est centrale dans XSLT, et la bonne compréhension des aspects suivants est essentielle. une règle s applique toujours dans le contexte de l un des nœuds du document source ; l application de la règle consiste à produire un fragment de document, qui peut combiner du texte et des données extraites du document source. Une règle est un élément XML défini par la balise xsl:template. L attribut match="film" est le motif de sélection ou pattern de cette balise et indique à quel(s) type(s) d éléments du document XML traité s applique la règle. La règle ci-dessus s appliquera donc toujours dans le contexte d un élément de type FILM. Enfin le contenu de l élément xsl:template est le corps de la règle et définit le texte produit à chaque fois que la règle s applique. Le début du chapitre?? approfondira toutes ces notions. Un programme XSLT est en général constitué de plusieurs règles dont chacune peut s appliquer à différentes parties d un document XML. Chaque règle produit un sous-arbre spécifique quand elle rencontre un élément déclencheur, et l assemblage de ces sous-arbres constitue le résultat de la transformation. Dans le cas le plus simple, on spécifie des règles différentes pour chaque type d élément d un document, comme nous l avons fait ci-dessus pour l élément <FILM> du document XML à transformer. Parfois la distinction par le type de l élément peut être insuffisante et/ou trop imprécise pour choisir les règles et des motifs de sélection plus complexes, que nous présenterons plus tard, s avèrent nécessaires. 9

10 Le corps de la règle indique le fragmentdu résultat produit quand un nœud du bon type est rencontré dans le document XML. Dans notre premier exemple, le texte produit est toujours Ceci est le texte produit par application de cette règle. et ce quel que soit le contenu de l élément <FILM>. En pratique ce genre de règle n est évidemment pas très intéressante, et on rencontre plus souvent des règles où le texte reprend et réorganise des parties du document XML traité. Rappelons que la règle s applique dans le contexte d un nœud : le principe consiste alors à sélectionner, à partir de ce nœud, les parties du document qui vont être produites par la règle. Prenons l exemple du document XML représentant le film Vertigo. Quand notre règle s exécute, le nœud contexte est l élément racine de l arbre. On a accès, depuis cette racine, à tous les fils du nœud <FILM>, soit les éléments <TITRE>, <AUTEUR>, <ANNEE>, etc., mais aussi à d autres nœuds comme par exemple les nœuds descendants (les fils des fils, etc...) ou les nœuds parents et ancêtres. Pour sélectionner le contenu d un élément, on utilise l élément XSLT xsl:value-of en indiquant simplement le chemin d accès à partir du nœud contexte Par exemple le titre du film est obtenu par : <xsl:value-of select="titre"/> L élément xsl:value-of est un exemple d élément «vide». Quand un élément A n a pas de contenu, au lieu d écrire <A></A>, on utilise une seule balise <A/> qui est à la fois ouvrante et fermante. En général les informations associées à un tel élément sont représentées sous forme d attribut(s), comme par exemple l attribut select pour xsl:value-of. La figure 5 montre l interprétation de xsl:value-of, avec ses deux paramètres déterminants : le contexte d exécution, qui est ici l élément <FILM>, et le chemin d accès, en l occurrence l élément <TITRE>, fils de l élément-contexte. Il s agit ici de l exemple le plus simple mais aussi le plus courant où on accède aux descendants directs d un élément. Nous verrons que le mode de désignation des éléments à partir d un nœud contexte est beaucoup plus général. Contexte d application de la règle XSLT select="titre" FILM TITRE AUTEUR ANNEE GENRE PAYS RESUME Vertigo Hitchcock 1958 Drame USA Scotty... FIG. 5 Extraction des informations dans une règle XSLT Nous sommes maintenant en mesure d enrichir notre première règle pour produire un premier document HTML sommaire, mais complet. <xsl:template match="film"> <html> <head> <title>film: <xsl:value-of select="titre"/> </title> </head> <body> 10

11 Ici je peux mettre d autres informations sur le film </body> </html> </xsl:template> L élément <xsl :value-of select="titre"/> est remplacé à l exécution par la valeur de l élément <TITRE>, soit Vertigo. Appliquée à Vertigo.xml, cette règle produira donc le résultat suivant : <html> <head> <title>film: Vertigo </title> </head> <body> Ici je peux mettre d autres informations sur le film </body> </html> Bien entendu on peut appliquer la même règle à tout document XML ayant la même structure que Vertigo.xml Transformation XML -> HTML Notre objectif est donc d obtenir le document HTML de l exemple??, page??, par transformation XSLT du document Vertigo.xml, page??. De manière générale le résultat est obtenu en insérant dans des balises HTML des extraits du document XML. Tous ces extraits sont facilement accessibles à partir de la racine <FILM>, et nous allons donc pouvoir nous contenter d une seule règle qui va «piocher», à partir de la racine, les différents constituants décrivant le film, et produire les fragments HTML appropriés. La règle de transformation, insérée dans un programme complet Film.xsl, crée un document HTML pour chaque film, autrement dit pour chaque document XML ayant la même structure que Vertigo.xml.»>Logbook error: File../EXEMPLES/Film.xsl does not exist! Un programme XSL comme celui présenté ci-dessus est un document XML interprété par un processeur 3 XSLT : on peut vérifier que c est un arbre constitué d une imbrication de balises ouvrantes et fermantes. Il doit obéir à certaines règles de structuration et de nommage des balises. En particulier toutes les balises propres à XSLT doivent être préfixées par xsl : avec que le processeur puisse les distinguer des balises à insérer dans le résultat (dites éléments littéraux). Ce préfixe définit un espace de noms qui caractérise les balises XSLT (les espaces de noms et leur prise en compte avec XSLT constituent un aspect particulier qui sera abordé dans le chapitre??). L élément racine du document XSLT Film.xsl est de type xsl:stylesheet et contient deux souséléments de type xsl:output et xsl:template. L élément xsl:output informe le processeur XSLT que le document généré est un document HTML (cette information est nécessaire pour des raisons qui seront expliquées dans le chapitre??). 3 Nous désignons par ce terme le programme chargé d effectuer la transformation. 11

12 Remarque : Vous pouvez dès maintenant récupérer les fichiers sur notre site et expérimenter par vousmêmes les transformations si vous avez installé les outils proposés dans l annexe?? (ou d autres). Avec Xalan par exemple la transformation s effectue sur la ligne de commande : java org.apache.xalan.xslt.process -in Vertigo.xml -xsl Film.xsl -out Vertigo.html Un fichier Vertigo.html est alors créé. Une autre possibilité (à utiliser par exemple avec le processeur XSLT de Internet Explorer) est d inclure directement une instruction au début du document XML pour indiquer le programme XSLT à appliquer : <?xml-stylesheet href="film.xsl" type="text/xsl"?> La transformation s effectue alors «dynamiquement». Voir l annexe?? pour plus de détails. La figure 6 illustre l application de cette règle par deux arbres reliés par des arcs en pointillés : l arbre inférieur correspond au document XML qui doit être transformé en HTML (pour une meilleure représentation, la racine de l arbre est en bas) ; l arbre supérieur correspond à la règle contenant la structure de la page HTML à générer. Tous les nœuds sauf sept feuilles sont étiquetés par des balises HTML qui définissent la structure du document produit. Les autres noeuds sont de type xsl:value-of et définissent, pour leur part, la partie dynamique du contenu, obtenue par extraction de certains éléments du document XML. On peut noter que l élément <TITRE> est référencé trois fois et que l ordre des instructions de substitution ne correspond pas à l ordre des éléments insérés dans le résultat Chemins complexes Nous prenons maintenant l exemple de la production du document HTML décrivant une salle de cinéma pour illustrer la capacité de XSLT à spécifier des chemins d accès complexes pour extraire des informations d un document XML. Dans le document HTML montrant un film, tous les nœuds <TITRE>, <AUTEUR> et autres auxquels on accédait était les fils (au sens de : descendants directs) de l élément <FILM> tenant lieu de contexte de la règle. Le cas d un document décrivant une salle de cinéma présente une structure plus riche. La figure 7 montre la salle 1 de notre cinéma. Si on prend comme contexte d une règle de transformation le nœud <SALLE>, on constate que : certaines informations (le numéro de la salle, le nombre de places) sont représentées comme des attributs ; le nœud a trois fils : <FILM>, <REMARQUE> et <SEANCES> ; les informations décrivant le film sont des petits-fils de <SALLE> : <TITRE> et <AUTEUR> en sont séparés par <FILM> ; l élément <SEANCE> est petit-fils de <SALLE>, et peut de plus être répété un nombre quelconque de fois ; enfin l élément <REMARQUE> est optionnel : il apparaît pour la salle 1, mais pas pour la salle 2 (voir figure 3, page 7). Ces nouvelles particularités rendent plus complexe l accès aux informations permettant de créer un document HTML à partir d un nœud de type SALLE. Gardons pour l instant le principe de n utiliser qu une seule règle faisant appel à des xsl:value-of. Les parties du document Salle1.xml sont alors désignées par des chemins qui prennent tous leur origine du nœud <Salle>. Voici quelques exemples, illustrés dans la figure 7. l attribut d un élément est désigné par la concaténation du et du nom de l attribut ; donc le numéro de la salle est désigné par ; le descendant d un élément est désigné en donnant les nœuds successifs rencontrés à chaque niveau de la branche menant à l élément ; donc le titre du film est désigné par select="film/titre" ; 12

13 xsl :template match="film" html head body title xsl :value-of p p Film : img h1 xsl :value-of i xsl :value-of i xsl :value-of Mise... b h3 select="titre" xsl :value-of select="titre" select="titre" select="genre" select="pays" select="annee" Résumé : xsl :value-of xsl :value-of select="resume" Vertigo Hitchcock 1958 Drame USA select="auteur" Scotty... TITRE AUTEUR ANNEE GENRE PAYS RESUME FILM FIG. 6 Transformation XSLT 13

14 FIG. 7 Le document XML pour la première salle pour parcourir toutes les occurrences d un même type d élément, on peut effectuer une boucle xsl:for-each sur l ensemble des séances désignées par select="seances/seance" ; enfin l élément contexte lui-même est désigné par le symbole «.», comme dans select=".". Voici la règle produisant une présentation HTML et récupérant les informations en exprimant les chemins présentés ci-dessus. <xsl:template match="salle"> <!-- Extraction d attribut : no de salle et places --> <h2>salle No <xsl:value-of <h3>capacité: <xsl:value-of places</h3> <!-- Description du film: tous les chemins commencent par FILM/ --> <h3>film: <a href="{film/titre}xml.html"> <b> <xsl:value-of select="film/titre"/> </b></a></h3> de <b> <xsl:value-of select="film/auteur"/> </b><br/><i> <xsl:value-of select="film/pays"/></i>, <xsl:value-of select="film/annee"/> <!-- Boucles sur toutes les séances --> <h3>séances</h3> <ol> <xsl:for-each select="seances/seance"> <li> <xsl:value-of select="."/></li> </xsl:for-each> </ol> <xsl:for-each select="remarque"> <font color="red"><xsl:value-of select="."/></font> </xsl:for-each> </xsl:template> L instruction xsl:for-each permet de créer une boucle pour ajouter toutes les séances et remarques dans le résultat. La transformation définie par le contenu d un élément <xsl :for-each> ne s applique pas à l élément qui est en cours de transformation (la salle), mais aux éléments sélectionnés par 14

15 l attribut select (les séances). Ainsi, l instruction <xsl :value-of select="."/> dans la première boucle sera remplacé par le contenu de chaque séance retrouvée Appel de règle Il reste à ajouter les balises <html>, <head> et <body> pour obtenir un document HTML complet. Jusqu à présent nous nous sommes volontairement limités à des exemples de productions basés sur une seule règle. En pratique on est le plus souvent amené à définir plusieurs règles dans un programme XSLT, et à déclencher des appels de règles à partir d autres règles. La figure 8 montre la page HTML que l on veut obtenir telle qu elle s affiche avec Netscape. FIG. 8 Copie écran du résultat de la transformation de Salle1.xml La règle initiale s applique en général à la racine du document XML, désignée par «/». Elle génère un document HTML complet avec un élément racine <html> et deux sous-éléments <head> et <title>. Cette règle est la première règle appliquée par le processeur XSLT pendant la transformation d un document XML. <xsl:template match="/"> <html> <head> <title> Salle: <xsl:value-of </title> </head> <body bgcolor="white"> <xsl:apply-templates select="salle"/> </body> </html> </xsl:template> L élément <body> ne contient qu un seul sous-élément qui est une instruction XSLT de type xsl:apply-templates. Le processeur XSLT remplace cet élément par le résultat de la transformation qu il déclenche. Autrement dit on va appliquer aux éléments <SALLE> fils de la racine «/» du document la règle spécifique à ce type d élément, et insérer entre les balises <body> et </body> le fragment HTML produit. L intérprétation du mécanisme d appel de règles est donné dans la figure 9. La partie supérieure montre les deux règles du programme XSLT, et la partie inférieure l arbre XML à transformer. La première règle (en bas à gauche dans la figure) s applique à la racine du document, «/». Elle produit successivement un élément <html>, racine de l arbre résultat, puis deux fils, <head> et <body>. 15

16 FIG. 9 Appel de règles à partir d autres règles 16

17 Au sein de l élément <body> se trouve une instruction d application d une règle aux éléments fils de l élément courant qui sont de type SALLE. Le processeur XSLT cherche donc si un tel élément existe : c est le cas et la deuxième règle (en bas à droite) est donc déclenchée. Elle produit des fragments HTML qui viennent s insérer dans l élément <body> Réutilisation de règles FIG. 10 La page d accueil de L Épée de bois Passons maintenant à un dernier stade pour compléter cette introduction à XSLT. Nous voulons produire la page HTML récapitulant tout le programme proposé par «L Épée de bois». La figure 10 montre le résultat obtenu 4. Il apparaît clairement que la présentation de chaque salle est identique à celle qui était obtenue par application de la règle destinée à présenter une salle individuelle. Pour créer la présentation d un cinéma, nous allons donc reprendre la règle existante de traitement des éléments SALLE, et déclencher son application. On utilise pour cela un élément xsl:apply-templates. Voici tout d abord la règle s appliquant à l élément racine du document XML. <xsl:template match="/"> <html> <head> <title> Programme de <xsl:value-of select="cinema/nom"/> </title> </head> <body bgcolor="white"> 4 Il va sans dire que nous privilégions ici la simplicité du code, au détriment de la qualité de présentation. 17

18 <xsl:apply-templates select="cinema"/> </body> </html> </xsl:template> La seconde règle d applique dans le contexte d un élément <CINEMA>. Elle extrait des informations relatives au cinéma, et propage la production de code HTML par un nouvel appel à xsl:apply-templates. <xsl:template match="cinema"> <h1> <i> <xsl:value-of select="nom"/> </i> </h1> <hr/> <xsl:value-of select="adresse"/>, <i>métro: </i> <xsl:value-of select="metro"/> <hr/> <xsl:apply-templates select="salle"/> </xsl:template> Ce dernier appel déclenche la règle relative aux salles, pour tous les éléments <SALLE> qui sont fils de l élement <CINEMA>. Nous ne redonnons pas cette dernière règle. FIG. 11 L arbre HTML, résultat de la transformation XSLT L application de chaque règle engendre un fragment d arbre HTML, et tout appel xsl:apply-templates insère dans ce fragment un ou plusieurs sous-arbres. La figure 11 montre (partiellement) l arbre final HTML obtenu, en distinguant les parties issues de chacune des trois règles impliquées dans la transformation. 1. la première règle, appliquée à la racine du document XML, produit un «squelette» de document HTML, avec les trois balises <html>, <head> et <body> indispensables, puis elle passe la main à la règle s appliquant aux éléments de type CINEMA ; 2. la seconde règle produit les informations globales sur un cinéma, puis déclenche l application de la règle aux éléments <SALLE> ; 3. enfin la troisième règle s applique aux deux éléments <SALLE> présents dans la description du cinéma L Épée de bois, et produit les deux sous-arbres HTML décrivant ces deux salles. 18

19 Un programme XSLT peut donc être vu comme l application successive d un ensemble de règles, chacune concourant à la création du résultat final par «assemblage» de fragments qui viennent s associer pour former une hiérarchie. Dans la copie d écran du résultat de la transformation (figure 10) on peut clairement distinguer la partie créée par la règle de transformation pour les salles, reproduisant un motif de présentation identique pour chaque élément <SALLE> rencontré. 3.2 Site WAP (WML) Passons maintenant à la création d une représentation permettant de consulter les séances à partir d un téléphone mobile, en partant du même document XML décrivant les séances à «L Epée de bois» Publication WAP (WML) Le langage utilisé pour spécifier l affichage sur un mobile est WML. Il s agit d un «dialecte», ou spécialisation de XML, qui se base sur un ensemble de noms d éléments et définit leur signification. Un document WML est un arbre avec pour racine un élément <wml> (de même qu un document HTML est un arbre avec pour racine l élément <html>), mais il est divisé en sous-éléments, les «cartes», définisant l unité d affichage sur l écran du mobile. Les cartes d un même document peuvent être reliées entre elles par des liens, ce qui permet à l utilisateur de naviguer grâce aux boutons de son téléphone. Un exemple de document WML comprenant une seule carte est donné ci-dessous, avec les informations sur le film Alien. Toutes les balises WML sont en minuscules, et toutes sont très concises afin de limiter le coût des transferts de documents.»>logbook error: File../EXEMPLES/Alien.wml does not exist! FIG. 12 L affichage de la carte de l exemple?? Une carte est organisée en paragraphes grâce à la balise <p>, avec au moins un paragraphe par carte, ce qui est le cas dans l exemple ci-dessus. Quelques autres balises, reprises de HTML, peuvent être utilisées pour définir une mise en page (limitée) du texte sur l écran du mobile : la balise <b> affiche le contenu 19

20 de l élément en gras, et la balise <br> permet de passer à la ligne. La figure 12 montre l affichage obtenu dans un téléphone Nokia Voyons maintenant comment obtenir cette représentation WML à partir du document Alien.xml, donné ci-dessous.»>logbook error: File../EXEMPLES/Alien.xml does not exist! Nous allons simplement utiliser deux règles. Une première règle, d initialisation, crée le «squelette» du document résultat, soit l équivalent pour WML de la structure <html>, <head>, <body> que nous avons utilisée pour HTML. Cela consiste : à ouvrir, puis refermer la balise principale <wml> ; à déclencher, dans la balise principale, un appel aux autres règles. Voici cette première règle. <xsl:template match="/"> <wml> <xsl:apply-templates/> </wml> </xsl:template> La seconde règle s applique à un élément de type <FILM>. Cette règle produit une carte WML, et place dans cette carte un extrait des éléments constituant la description du film, à savoir le titre, l année, l auteur et le résumé. Notons que l ordre dans lequel on utilise ces éléments peut être totalement reconsidéré par rapport à celui du document XML initial. <xsl:template match="film"> <card> <p> <b> <xsl:value-of select="titre"/></b>, <xsl:value-of select="annee"/>, <xsl:value-of select="auteur"/><br/> <xsl:value-of select="resume"/><br/> </p> </card> </xsl:template> Voici finalement le programme complet. Il va sans dire qu il s applique à tout document XML dont la structure est identifique à celle de Alien.xml, par exemple Vertigo.xml (voir page??).»>logbook error: File../EXEMPLES/FilmWML.xsl does not exist! L application de ce programme permet d obtenir le document de l exemple??, et donc l affichage de la figure Création d un site WAP Nous pouvons maintenant, à partir de notre document XML décrivant L Epée de bois, créer un ensemble de cartes permettant de choisir la salle et le film, de consulter les séances pour cette salle, et enfin d afficher les informations détaillées sur le film. La structure du document WML résultat est donnée dans la figure 13. Il contient cinq éléments <card> : un pour le menu d accueil, montrant les salles de L Epée de bois et le film qui y est projeté, deux cartes pour les deux salles, enfin deux cartes donnant des détails sur les films. Pour permettre la navigation dans ce document, chaque carte doit être identifiée par la valeur unique au sein du document WML de l attribut id dans la balise <card>. La figure 13 montre les id de chaque carte : index, S1, S2, Alien et Vertigo. Pour créer un lien vers une carte, on utilise en WML, comme en HTML, la balise <a>. Voici par exemple l élément WML permettant de référencer la carte décrivant Alien : <a href="#alien">film : Alien</a> 20

21 FIG. 13 L arbre XML du site WAP En se positionnant sur le texte tenant lieu de lien, l utilisateur peut afficher la carte correspondante. Les flèches en tiretés sur la figure indiquent la navigation entre les cartes : de l index (affichage dans la figure 14, à gauche), on peut se rendre sur une salle (affichage dans la figure 14, au centre), puis d une salle sur le film projeté dans la salle (figure 14, à droite). Voici maintenant quelques détails sur le programme XSLT permettant de produire le document WML. La règle d initialisation procède comme précédemment, en produisant un élément <wml>, puis elle déclenche trois autres règles, correspondant respectivement aux trois types de cartes : liste des salles, liste des séances, affichage du film. Voici cette première règle : <xsl:template match="/"> <wml> <!-- création de la carte d accueil --> <xsl:apply-templates select="cinema"/> <!-- création des cartes pour les salles et séances --> <xsl:apply-templates select="cinema/salle"/> <!-- création des cartes pour les films --> <xsl:apply-templates select=".//film"/> </wml> Rappelons comment on désigne le chemin d accès aux éléments auxquels on applique des règles. Le principe tient en deux points : 1. prendre en compte la position courante (le nœud contexte) dans l arbre ; 2. indiquer le chemin à suivre dans l arbre, à partir du nœud contexte, pour atteindre l élément à traiter. Ici la position courante à laquelle la règle s applique, autrement dit le nœud contexte de la règle, est la racine du document, dénotée «/». On veut traiter trois types d éléments, <CINEMA>, pour produire la carte d index, <SALLE>, pour produire la carte donnant les séances, et <FILM> pour produire la carte donnant la description de chaque film. Étant donnée la position courante située à la racine, et la position de ces éléments dans l arbre XML, la désignation de ces éléments se fait de trois manières différentes : 1. l élément <CINEMA> est un fils de la position courante : on le désigne simplement par CINEMA ; 2. les éléments de type SALLE sont petit-fils de la position courante, avec comme niveau intermédiaire <CINEMA> : on les désigne par CINEMA/SALLE qui indique le chemin à parcourir ; 21

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 -

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 - Les technologies XML Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT Novembre 2010 - Version 3.2 - SOMMAIRE DU COURS TRANSFORMATIONS DE DOCUMENTS XML Introduction à XSL Noeuds

Plus en détail

Créer des documents XML

Créer des documents XML 1 Créer des documents XML La spécification XML définit comment écrire un document au format XML. XML n est pas un langage en lui-même mais, en revanche, un document XML est écrit dans un langage à balises

Plus en détail

Programmation d applications pour le Web

Programmation d applications pour le Web Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 3 Partie 2 XML+XSL Année universitaire 2011/2012 Semestre 2 1 Le XML ne fait rien. Il faudra passer

Plus en détail

Ce qu on ne sait pas faire avec le Web

Ce qu on ne sait pas faire avec le Web Ce qu on ne sait pas faire avec le Web Le principal langage du Web est HTML HTML est un langage pour présenter des informations à l écran. 1. il ne permet pas d échanger des données 2. il ne permet pas

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

XSL Langage de transformation de XML. Approfondissements

XSL Langage de transformation de XML. Approfondissements XSL Langage de transformation de XML Approfondissements http://www.zvon.org/xxl/xsltreference/output/index.html Retour sur les modèles (template) Une feuille de style peut contenir plusieurs modèles Chaque

Plus en détail

" extensible Markup Language " XML

 extensible Markup Language  XML " extensible Markup Language " XML Sylvie Vignes, Département Informatique et Réseaux École Nationale Supérieure des Télécommunications 46, rue Barrault 75634 Paris cedex 13 Département Informatique et

Plus en détail

L environnement multi fenêtré

L environnement multi fenêtré Interffaces pour le Web L environnement multi fenêtré Une application s exécutant dans le cadre d un browser Web démarre généralement depuis un lien hypertexte ou un signet stocké dans le bookmark. La

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Guide utilisateur INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES

Guide utilisateur INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES Sommaire Mon Guide des Démarches Administratives Préambule... 3 Qu est-ce que «Mon guide des démarches administratives»?... 3 Pré-requis...

Plus en détail

Tutoriel Le Web et la conception de sites

Tutoriel Le Web et la conception de sites Tutoriel Le Web et la conception de sites Éléments du Web Internet Internet est un réseau de plusieurs réseaux informatiques. L information stockée sur les ordinateurs devient accessible par les autres

Plus en détail

Créer mon premier squelette

Créer mon premier squelette Créer mon premier squelette Avec ce tutoriel, découvrez progressivement le fonctionnement de SPIP en construisant votre premier squelette. Pas à pas, comment créer un SPIP qui défie les limites. Créer

Plus en détail

Impression de documents avec Optymo

Impression de documents avec Optymo Impression de documents avec Optymo Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes en caractères

Plus en détail

Fiches Outil Acces Sommaire

Fiches Outil Acces Sommaire Fiches Outil Acces Sommaire Fiche Outil Access n 1 :... 2 Le vocabulaire d Access... 2 Fiche Outil Access n 2 :... 4 Créer une table dans la base... 4 Fiche Outil Access n 3 :... 6 Saisir et modifier des

Plus en détail

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3 MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 10 Lecture de données Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Implémentation dans Active Tags d'un module Web pour XUnit

Implémentation dans Active Tags d'un module Web pour XUnit Implémentation dans Active Tags d'un module Web pour XUnit Table des matières 1. Introduction... 2 2. Application Web interactive en Reflex... 2 3. Module Web pour XUnit... 3 3.1. Principes... 3 3.2. Implémentation

Plus en détail

Maîtriser les premières bases de la technologie informatique.

Maîtriser les premières bases de la technologie informatique. 1 Maîtriser les premières bases de la technologie informatique. Rappel du texte de référence : Notions techniques liées aux items de ce domaine : L élève doit être capable: d utiliser à bon escient le

Plus en détail

Manuel utilisateur du site IReMus

Manuel utilisateur du site IReMus Manuel utilisateur du site IReMus Adresse du site : http://www.iremus.cnrs.fr CONNEXION AU SITE DU LABORATOIRE... 2 DEMANDER UN MOT DE PASSE... 4 CHANGER DE MOT DE PASSE APRÈS CONNEXION... 6 VOS ACCÈS...

Plus en détail

Manuel Utilisateur Messagerie

Manuel Utilisateur Messagerie Manuel Utilisateur Messagerie Auteur : Logica Version : 1.3 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Création et utilisation de la boutique

Création et utilisation de la boutique Création et utilisation de la boutique Ce guide a pour but de présenter l organisation et le fonctionnement de l outil boutique de Sopixi, ainsi que les fonctions de base, nécessaire au bon fonctionnement

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

Fonctionnalités de SyGED pour recherche et impression (version guide) Secrétariat général Section de la gestion documentaire

Fonctionnalités de SyGED pour recherche et impression (version guide) Secrétariat général Section de la gestion documentaire Fonctionnalités de SyGED pour recherche et impression (version guide) Secrétariat général Section de la gestion documentaire 7 avril 2014 Table des matières 1. Accéder à l interface de SyGED page 3 a.

Plus en détail

Configuration d une politique de sauvegarde

Configuration d une politique de sauvegarde Configuration d une politique de sauvegarde Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il

Plus en détail

Solution de paiement en ligne Tableau de bord Commerçant

Solution de paiement en ligne Tableau de bord Commerçant Solution de paiement en ligne Tableau de bord Commerçant Nom de fichier : Monetico_Paiement_Internet_Tableau_de_bord_Commerçant_v4_2_06 Numéro de version : 4.2.06 Date : 2015-07-23 Confidentiel Titre du

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

Organisation d un document XSLT

Organisation d un document XSLT Les comportements serveur XSLT CHAPITRE 6 375 tion, et générera un document résultat pouvant être une page XHTML, ou tout type de format selon le média visé (XML, WML, texte, etc.). Voir figure 6-5-a.

Plus en détail

L AUTOMATISATION DU FONCTIONNEMENT D UNE BASE DE DONNÉES

L AUTOMATISATION DU FONCTIONNEMENT D UNE BASE DE DONNÉES 1 L AUTOMATISATION DU FONCTIONNEMENT D UNE BASE DE DONNÉES Dans ce chapitre, nous allons automatiser le fonctionnement de la base de données. Jusqu à présent, nous avons créé différents objets, mais maintenant

Plus en détail

Premiers pas en HTML, CSS et jquery

Premiers pas en HTML, CSS et jquery 2 Premiers pas en HTML, CSS et jquery Arrivé à ce point dans la lecture de l ouvrage, vous êtes en mesure de créer un squelette HTML5 standard, de définir des règles de mise en forme CSS (directement dans

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

CAPTURE DES PROFESSIONNELS

CAPTURE DES PROFESSIONNELS CAPTURE DES PROFESSIONNELS CAPTURE DES PROFESSIONNELS 2 Téléchargement 3 Installation 8 Prise en main rapide 10 Lancement Recherche 14 Gestion des fichiers 23 Compare et Sépare 25 Fichiers annexes 27 Le

Plus en détail

Ouvrir TotEM. Utiliser TotEM

Ouvrir TotEM. Utiliser TotEM Utiliser TotEM Ce guide d utilisation de TotEM permet à l utilisateur de comprendre le fonctionnement général de l application (identique en mode monoposte et multiposte). Il rappelle les éléments indispensables

Plus en détail

Utiliser un modèle d état prédéfini

Utiliser un modèle d état prédéfini Chapitre 8 Etats rapides Certains boutons sont désactivés, en fonction du type de cellule sélectionné. 4 Répétez les étapes 2 et 3 pour chaque bordure à paramétrer. 5 Cliquez sur le bouton OK pour valider

Plus en détail

GUIDE DU CONTRIBUTEUR. www.optigede.ademe.fr

GUIDE DU CONTRIBUTEUR. www.optigede.ademe.fr Déchets : outils et exemples pour agir www.optigede.ademe.fr GUIDE DU CONTRIBUTEUR www.optigede.ademe.fr Inscription au site Proposition de fiches «action-résultat» Proposition de fiches «plan ou programme

Plus en détail

XML. Nicolas Singer. Maître de conférence, université Champollion

XML. Nicolas Singer. Maître de conférence, université Champollion XML Nicolas Singer Maître de conférence, université Champollion XML? Langage de description de documents électroniques : Pour stocker et échanger des documents Par extension, pour représenter tout type

Plus en détail

Initiation Access 2003

Initiation Access 2003 Initiation Access 2003 Sommaire Introduction...3 1. Création d une base...3 1.1. Modélisation...3 1.2. Création de la base...4 2. Les tables...5 2.1. Création d'une table en mode Création...5 2.2. Les

Plus en détail

Présentation des flux RSS

Présentation des flux RSS TITRE DU DOCUMENT Présentation des flux RSS AUTEUR(S) M. LOTFI 30/10/08 DATE VERIFICATEUR(S) G. Le Roy DATE DIFFUSION 2 sur 28 HISTORIQUE DES S DU DOCUMENT Version Date Auteur Commentaires 1.1 30/10/08

Plus en détail

XML, DOM & XSL Synthèse de lecture

XML, DOM & XSL Synthèse de lecture Dorine MAZEYRAT XML, DOM & XSL Synthèse de lecture Novembre 2008 NFE107 - Urbanisation des SI 0 SOMMAIRE 1. LE LANGAGE XML...2 1.1. Définition...2 1.2. Historique...2 1.3. Objectif...2 1.4. Présentation

Plus en détail

I Open Résa. Sommaire :

I Open Résa. Sommaire : I Open Résa Sommaire : I Open Résa... 1 Définition :... 2 Identification... 3 Création d un nouveau dossier :... 8 Première méthode :... 10 Seconde méthode :... 10 Ajout d éléments à la proposition :...

Plus en détail

IUT Nice-Côte d Azur Informatique appliquée 2005 2006. TP N o 4. Tableur : affichage et impression

IUT Nice-Côte d Azur Informatique appliquée 2005 2006. TP N o 4. Tableur : affichage et impression 1 IUT Nice-Côte d Azur TC-Nice 1 re année Informatique appliquée 2005 2006 TP N o 4 Tableur : affichage et impression I Options d affichage Les options concernant l affichage dans les feuilles de calcul

Plus en détail

Web & XML. Evaluation 1/2. ENSEIRB Programmation Web / XML. Version 1.00 du 19 décembre 2012 Etat : Travail SOPRA GROUP. Page 1/9

Web & XML. Evaluation 1/2. ENSEIRB Programmation Web / XML. Version 1.00 du 19 décembre 2012 Etat : Travail SOPRA GROUP. Page 1/9 Web & XML ENSEIRB Programmation Web / XML Evaluation 1/2 Version 1.00 du 19 décembre 2012 Etat : Travail SOPRA GROUP Page 1/9 Historique : Version Date Origine de la mise à jour Rédigée par Validée par

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

XML et arbre. Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications.

XML et arbre. Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications. XML et arbre Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications. Le texte de A Le texte de B

Plus en détail

Ordinateur, programme et langage

Ordinateur, programme et langage 1 Ordinateur, programme et langage Ce chapitre expose tout d abord les notions de programme et de traitement de l information. Nous examinerons ensuite le rôle de l ordinateur et ses différents constituants.

Plus en détail

MÉRÉ Aurélien FIIFO1. Pathfinder

MÉRÉ Aurélien FIIFO1. Pathfinder MÉRÉ Aurélien FIIFO1 AMC Pathfinder 1 Sommaire Préambule... 3 Modélisation de l espace... 4 Modélisation des cases δ, α... 4 Interface en mode texte... 5 Modélisation du robot... 8 1 ) Le type Robot...

Plus en détail

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT 1 TABLE DES MATIÈRES INTRODUCTION...3 1. LES DIFFÉRENTS TYPES DE DOCUMENTS...3 2. LES 5 PRINCIPES POUR STRUCTURER VOS DOCUMENTS...3 2.1. Premier principe

Plus en détail

Manuel Utilisateur Actualités

Manuel Utilisateur Actualités Manuel Utilisateur Actualités Auteur : Logica Version : 1.14 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Introduction. Transformer des documents XML. XPath. XPath. Langage d'expressions de chemins dans un. permet de désigner un noeud (sous-arbre)

Introduction. Transformer des documents XML. XPath. XPath. Langage d'expressions de chemins dans un. permet de désigner un noeud (sous-arbre) Introduction Transformer des documents 1 Désignation d un nœud (sous-arbre) d un document : XPATH Associer une présentation à un document : CSS Transformer un document en un autre document (HTML) : XSLT

Plus en détail

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008 Le langage XML Sébastien Jean IUT de Valence Département Informatique v3.3, 10 novembre 2008 Qu est ce que XML? Généralités XML = extensible Markup Language Spécification du W3C Version 1.0 (1998-2004)

Plus en détail

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil...

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil... Table des matie res 1. Présentation du projet... Page 2 2. Navigateur... Page 3 2.1. Qu est-ce qu un navigateur? 2.2. Ouvrir son navigateur? 2.2.1. Dans Windows 7, 8, 8.1 et 10 3. Comment utiliser son

Plus en détail

Annexes 11 Charte d intégration d un service géolocalisé Offre «Audience et Référencement Gallery» V3.1 Juillet 2010 SOMMAIRE

Annexes 11 Charte d intégration d un service géolocalisé Offre «Audience et Référencement Gallery» V3.1 Juillet 2010 SOMMAIRE SOMMAIRE 1. Objet du document... 2 2. Généralités... 2 2.1. Principe général... 2 2.2. Transmission de la localisation...erreur! Signet non défini. 2.2.1. Mode de transmission... 3 2.2.2. Paramètres d

Plus en détail

Dom, XML, Lecture de fichiers

Dom, XML, Lecture de fichiers Projet de développement web : Développement côté client Chapitre 4 Dom, XML, Lecture de fichiers Page 1 / 11 Table des matières Table des matières Introduction DOM : Document Object Model Structure habituelle

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

Tapez les mots justes

Tapez les mots justes 0BOptimisez vos recherches sur Internet Bien souvent une recherche sur Internet se solde par... trop de réponses, et pas toujours les bonnes! Il convient donc de formuler vos requêtes en respectant quelques

Plus en détail

Gestion de l Information sur l Internet Exercices

Gestion de l Information sur l Internet Exercices Gestion de l Information sur l Internet Exercices Philippe Rigaux 22 septembre 2003 La plupart des exemples sur lesquels s appuient ces exercices sont sur le site : http://www.lri.fr/ rigaux/gii Vous pouvez

Plus en détail

Manuel de prise en main Evolution Documentation & Bibliothèque

Manuel de prise en main Evolution Documentation & Bibliothèque Manuel de prise en main Evolution Documentation & Bibliothèque 1 Introduction Qu est ce que Evolution Documentation & Bibliothèque? Evolution Documentation & Bibliothèque est notre application métier destinée

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

CAPTURE DES MAILS PROFESSIONNELS

CAPTURE DES MAILS PROFESSIONNELS CAPTURE DES MAILS PROFESSIONNELS 2 Téléchargement 3 Installation 8 Prise en main rapide 11 Lancement Recherche 14 Gestion des fichiers 15 Recherche des adresses mails 16 Importation d un fichier d adresses

Plus en détail

Initiation à la Programmation avec Java Semestre 1-2008/2009. Compte rendu final du Projet

Initiation à la Programmation avec Java Semestre 1-2008/2009. Compte rendu final du Projet Initiation à la Programmation avec Java Semestre 1-2008/2009 Compte rendu final du Projet Jean-Baptiste Leprêtre Groupe Y1 Chargé de TD : Fabienne Thomarat 1 SOMMAIRE : I) Cahier des Charges II) Analyse

Plus en détail

CV du futur. Région Picardie guide d utilisation

CV du futur. Région Picardie guide d utilisation CV du futur Région Picardie guide d utilisation conception graphique : wisign Aujourd hui, chacun doit pouvoir bénéficier d un CV moderne, actualisé. Ce portefeuille numérique de compétences vous suivra

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

VADÉMÉCUM RELATIF À L APPLICATION DES ASPECTS LINGUISTIQUES DE LA CHARTE D ADHÉSION À L AGENCE UNIVERSITAIRE DE LA FRANCOPHONIE

VADÉMÉCUM RELATIF À L APPLICATION DES ASPECTS LINGUISTIQUES DE LA CHARTE D ADHÉSION À L AGENCE UNIVERSITAIRE DE LA FRANCOPHONIE VADÉMÉCUM RELATIF À L APPLICATION DES ASPECTS LINGUISTIQUES DE LA CHARTE D ADHÉSION À L AGENCE UNIVERSITAIRE DE LA FRANCOPHONIE Adopté par le conseil associatif de l Agence universitaire de la Francophonie

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

Travaux pratiques de M2105 Web dynamique

Travaux pratiques de M2105 Web dynamique Travaux pratiques de M2105 Web dynamique L objectif des séances de TP du module M2105 est de créer un mini site web d annuaire permettant à différents utilisateurs de gérer leurs contacts. Les informations

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Prise en main ProConcept ERP. Version 11.1 Web

Prise en main ProConcept ERP. Version 11.1 Web Prise en main ProConcept ERP Version 11.1 Web Version du 08.10.2015 Table des matières 1. Lancement de ProConcept Web ERP 11.1... 4 1.1. Définir la page ProConcept ERP comme page de démarrage... 5 1.2.

Plus en détail

Premières macros. Au sommaire de ce chapitre. Créer une macro GrasItalique. Différentes méthodes d enregistrement. Écrire la macro

Premières macros. Au sommaire de ce chapitre. Créer une macro GrasItalique. Différentes méthodes d enregistrement. Écrire la macro 2 Premières macros Au sommaire de ce chapitre Créer une macro GrasItalique Écrire la macro Stocker des macros Différentes méthodes d enregistrement Créer une macro Titre_WordArt 22 Excel 2013 et VBA L

Plus en détail

Solution de paiement par Internet Tableau de bord Commerçant

Solution de paiement par Internet Tableau de bord Commerçant Solution de paiement par Internet Tableau de bord Commerçant Nom de fichier : Monetico_Paiement_Internet_Tableau_de_bord_Commerçant_v4_2_05 Numéro de version : 4.2.05 Date : 2014-05-29 Confidentiel Titre

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 7 Étude de cas : la boutique MX Dans ce dernier chapitre, nous allons exploiter Dreamweaver MX pour développer une boutique marchande utilisant la technologie

Plus en détail

Commande en ligne Programme d application Web

Commande en ligne Programme d application Web Introduction Nous vous souhaitons la bienvenue au système de commande en ligne de Prévost Parts. Ce manuel vous apprendra comment faire vos commandes de pièces via le site Internet de Prévost Parts. Avant

Plus en détail

Guide d utilisation MANITOU

Guide d utilisation MANITOU Guide d utilisation Libre service DOTATION MANITOU 19 mars 2012 L'information ci incluse est la propriété intellectuelle de MOMENTUM TECHNOLOGIES inc., et ne peut être utilisée, reproduite ou divulguée

Plus en détail

Gestion des éditions dans ALEPH. ALEPH v.17 / v.18-1 ère partie : les services

Gestion des éditions dans ALEPH. ALEPH v.17 / v.18-1 ère partie : les services Gestion des éditions dans ALEPH ALEPH v.17 / v.18-1 ère partie : les services Référence Gestion des éditions : les services Date de révision du document Version du document 1.0 Etat Terminé Auteur Timothée

Plus en détail

Objets Avancées Semestre 3 Année 2015-2016. Projet

Objets Avancées Semestre 3 Année 2015-2016. Projet Conception et Programmation IUT d Aix-Marseille Dép. INFO Aix Objets Avancées Semestre 3 Année 2015-2016 Projet André Abramé - andre.abrame@univ-amu.fr Sophie Nabitz - sophie.nabitz@univ-avignon.fr Petru

Plus en détail

VII COMMANDES/LIVRAISONS 1 Création-Modification du bon de commande 2 Création-Modification du détail du bon de commande

VII COMMANDES/LIVRAISONS 1 Création-Modification du bon de commande 2 Création-Modification du détail du bon de commande INTRODUCTION I - FONCTIONNALITES II LES TABLES III LE FICHIER DES ENGINS 1 Création-Modification d un engin 2 Suppression d un engin IV LES ORDRES DE TRAVAIL (OT) 1 Création-Modification du bon de commande

Plus en détail

DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES

DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES LES FONCTIONNALITÉS PROPOSÉES CONSULTER, MANIPULER ET CONSERVER DES CUBES DE DONNÉES EN LIGNE Ce document est destiné à vous présenter le fonctionnement

Plus en détail

PRESENTATION ET UTILISATION COURANTE

PRESENTATION ET UTILISATION COURANTE PRESENTATION ET UTILISATION COURANTE 1- PRESENTATION Remplaçant Sertifal depuis le 1 er février 2007, Sertifup 1 est composé de deux modules principaux : - Un site web( www.sertifup.fr ) dont l accès est

Plus en détail

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE Ce chapitre présente les fonctionnalités permettant de réaliser un document structuré à l aide de Word97. Prérequis : Connaître les fonctions de

Plus en détail

LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR»

LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR» LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR» JEAN-FRANÇOIS GUEUGNON (MODEM-UNIVERSITE PARIS X-NANTERRE) 2003-03 2 LA CREATION SOUS ORACLE DE VOTRE DOSSIER

Plus en détail

Lightroom 2. pour les photographes. Traduction et adaptation Volker Gilbert avec la collaboration de Stéphane Brunet.

Lightroom 2. pour les photographes. Traduction et adaptation Volker Gilbert avec la collaboration de Stéphane Brunet. Lightroom 2 pour les photographes Martin Evening Traduction et adaptation Volker Gilbert avec la collaboration de Stéphane Brunet Groupe Eyrolles, 2009, pour la présente édition, ISBN : 978-2-212-12368-5

Plus en détail

NBB.Stat Manuel d utilisation

NBB.Stat Manuel d utilisation NBB.Stat Manuel d utilisation Table des matières 1. INTRODUCTION... 3 1.1. QU EST-CE QUE NBB.STAT?... 3 1.2. DEMARRAGE... 3 1.3. AIDE... 3 1.4. CONCEPTS DE BASE... 3 2. TROUVER UN ENSEMBLE DE DONNEES...

Plus en détail

Devoir XML / XSLT / Unicode

Devoir XML / XSLT / Unicode Devoir XML / XSLT / Unicode Frédérik Bilhaut Université de Caen Département d'informatique Les fichiers fournis pour réaliser le devoir sont à récupérer ici : http://www.info.unicaen.fr/~fbilhaut/ens/radi/devoir.tgz

Plus en détail

SÉQUENCE D APPRENTISSAGE OU ACTIVITÉ. Cette séquence concerne les élèves de CM1 et CM2, voire de l entrée au collège.

SÉQUENCE D APPRENTISSAGE OU ACTIVITÉ. Cette séquence concerne les élèves de CM1 et CM2, voire de l entrée au collège. FICHE PÉDAGOGIQUE CYCLE 3 N 150 Février 2013 HISTOIRE RUBRIQUE l histoire de l école en France DOMAINES D ACTIVITÉS histoire, instruction civique et TUIC OBJECTIFS ET COMPÉTENCES * Objectifs * : en privilégiant

Plus en détail

Compétences du B2i collège et activités documentaires

Compétences du B2i collège et activités documentaires Compétences du B2i collège et activités documentaires Aujourd hui, les activités de recherche documentaire intègrent nécessairement l utilisation de l informatique, du multimédia et de l Internet. Lors

Plus en détail

Prendre un bon départ

Prendre un bon départ Chapitre A Prendre un bon départ 1 - Avant-propos Un ordinateur sait très bien faire deux choses : Calculer, d oùle nomcomputer en anglais que l on pourrait traduire par calculateur. Placer des données

Plus en détail

Fiche PanaMaths Introduction au tracé de courbes avec Scilab

Fiche PanaMaths Introduction au tracé de courbes avec Scilab Fiche PanaMaths Introduction au tracé de courbes avec Scilab Introduction Ce document présuppose un certain niveau de connaissance du logiciel Scilab de la part du lecteur (de la lectrice) : calcul matriciel,

Plus en détail

Séances 4a/4b Technologies du Web

Séances 4a/4b Technologies du Web Formations en Informatique de Lille 2012/2013 Séances 4a/4b Technologies du Web février 2013 Javascript Exercice 1 : Préalable : mise en place des outils Pour ce premier exercice, nous allons utiliser

Plus en détail

Site de Cours. Procédure pour l utilisation de Site de Cours par le titulaire d un cours

Site de Cours. Procédure pour l utilisation de Site de Cours par le titulaire d un cours Site de Cours Procédure pour l utilisation de Site de Cours par le titulaire d un cours 11/06/2015 Version 6 Service des technologies de l information Table des matières Table des matières... 1 Introduction...

Plus en détail

Félicitations! Vous disposez désormais de votre armoire numérique en ligne.

Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Cette armoire va vous permettre : De mieux classer vos documents De mieux les retrouver De mieux les partager Ce petit guide

Plus en détail

Manuel d utilisation. Juillet 2013

Manuel d utilisation. Juillet 2013 Manuel d utilisation Juillet 2013 Sommaire Saisie dans les formulaires... 3 Module de configuration... 4 Données créancier... 4 Préférences... 5 Base des mandats... 6 Création de mandat... 7 Données mandat...

Plus en détail

Web & XML. Evaluation 2/2. ENSEIRB Programmation Web / XML. Version 1.00 du 6 janvier 2012 Etat : Travail SOPRA GROUP. Page 1/8

Web & XML. Evaluation 2/2. ENSEIRB Programmation Web / XML. Version 1.00 du 6 janvier 2012 Etat : Travail SOPRA GROUP. Page 1/8 Web & XML ENSEIRB Programmation Web / XML Evaluation 2/2 Version 1.00 du 6 janvier 2012 Etat : Travail SOPRA GROUP Page 1/8 Historique : Version Date Origine de la mise à jour Rédigée par Validée par 1.0

Plus en détail

MANUEL DE PRISE EN MAIN RAPIDE

MANUEL DE PRISE EN MAIN RAPIDE MANUEL DE PRISE EN MAIN RAPIDE 59, Avenue Voltaire 02200 SOISSONS (Siège) Tél : 03.23.76.37.37. Fax : 03.23.59.55.59 Logiciels de gestion pour l'audiovisuel 8/10 rue des Blés 93210 La Plaine Saint Denis

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

Cours Systemes d exploitation

Cours Systemes d exploitation Université de Kairouan Institut Supérieur des Siences Appliquées et de Technologie Cours Conçu Spécialement Aux Etudiants: De Master Pilotage et Réseaux Industriels Cours Systemes d exploitation Noureddine

Plus en détail

Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant. Comparateur de documents XML

Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant. Comparateur de documents XML Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant DOCUMENTATION TECHNIQUE Comparateur de documents XML SOMMAIRE 1 Introduction... 3 2 Langage et choix de programmation... 4 2.1 Le langage PHP...

Plus en détail

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page Créer une page web Observons un site... Une entête Le corps de la page Un à-côté Un pied de page Un logo Un menu Un autre menu Une entête La fenêtre de gauche La partie principale de la page Plusieurs

Plus en détail