Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML.

Slides:



Advertisements
Présentations similaires
Données structurées et XML
Advertisements

1 3.Langage XSL = XSLT + XSL-FO transformationFormatage.
Algèbre de composants : une approche fonctionnelle à la sémantique de documents Bart Lamiroy LORIA/INPL QGar - École des Mines de Nancy.
Transformation de documents XML
DTD Sylvain Salvati
Cours XHTML/CSS Lundi 9 Février 2009
Les fonctions de XPath et XSLT
Nicolas Singer Maître de conférence, université Champollion
Format dannotations génériques, multi-annotations, multi- documents Présentation ASP navigation 11 avril 2002.
EPS en maternelle : le parcours
Fiche méthode : Réaliser un graphique
Formulaire HTML Introduction. Définition de formulaire.
12 novembre 2012 Grégory Petit
XSL-FO THEORIE PRATIQUE.
Définition : C'est un format de données qui permet de réaliser des sommaires Un « flux RSS » est un fichier texte qui contient les titres des derniers.
ROLE DES DIFFERENTS ELEMENTS MODIFIER LE PROGRAMME DANS LAUTOMATE DEMANDEZ A LANIMATEUR DE REMETTRE TOUTES LES ENTREES A 0 (ceci nest pas obligatoire pour.
Autodesk® Revit® Building 9
HTML.
17 octobre 2012 Grégory Petit
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Passer au CSS et autres... (2) Pour nous encourager, on revois l'objectif à atteindre.
LOGICIEL PL7 MICRO PROGRAMMATION MISE AU POINT Consignes?
28 novembre 2012 Grégory Petit
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
[photo d'un système] Schéma ordonnancement XML Évaluation Code C Modélisation Solution GÉNÉRATEUR AUTOMATIQUE DE CODE pour OUTIL DE MODÉLISATION-IMPLANTATION.
Réalisation d’une vue éclatée et mise en plan avec repères et nomenclature Support : « le coupe-tube » Formation éclaté coupe tube.
XML: Syntaxe XML, DTD et Schémas
Animation présentant la méthode à utiliser en S.V.T.
Les pointeurs Modes d’adressage de variables. Définition d’un pointeur. Opérateurs de base. Opérations élémentaires. Pointeurs et tableaux. Pointeurs et.
Structures de données IFT-2000 Abder Alikacem Standard Template library Édition Septembre 2009 Département dinformatique et de génie logiciel.
Xpath XML Path language par Yves Bekkers
Support d’accompagnement de l’atelier Excel – les bases
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
Roger Castonguay (MRQ) avec la collaboration de Richard Parent (SCT) et Pierre Chantelois (MIC) Juin 2002 Le défi des formulaires dans un contexte de prestation.
Le langage XHTML 420-S4W-GG Programmation Web Client
Volet culturel du projet d'école
PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II
 Objet window, la fenêtre du navigateur
Programmation Web : Introduction à XML
Programmation Web : Schémas XSD Jérôme CUTRONA 19:27:07 Programmation Web
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
Copyright © 2005 Yves MARCOUX1 Concepts XML de base Yves MARCOUX EBSI - Université de Montréal.
Bureautique M1 Mise en forme évoluée 2.
2006 XED, le système d’édition XML de SCENARI Sylvain Spinelli.
S'initier au HTML et aux feuilles de style CSS Cours 5.
SMIL Synchronized Multimedia Integration Language
MJ. Blin et M. CsernelPoleInfo31 XML et ses environnements Documents XML bien formés Prologue Arbre d'éléments Attributs Commentaires Entités internes.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
Module : Langage XML (21h)
Modélisation des documents: DTD et Schéma
Interface de génération de blason Projet STLM.GIBERT / M.LIPPMANN.
Interface de génération de blason
eXtensible Markup Language. Généralités sur le XML.
Chapitre 4 : Les feuilles de style (généralités) XML fournit aux applications une structure, mais pas la signification ou la manière de mettre en évidence.
Ketuk Un système de mapping entre XML et Java Beans.
Ce document est propriété de AAAD-CAYRE. Il ne peut être communiqué à des tiers et ou reproduit sans son autorisation écrite. Son contenu ne peut être.
Introduction à SVG Scalable Vector Graphic. Informations ● Plus d'informations ici (draft, tutoriaux, outils... ): –
Nouvelles Technologies Internet & Mobile
Interface de génération de blason
Conception des pages Web avec
24 octobre 2012 Grégory Petit
SOAP et les RPC XML SOAP WSDL RPC. Rappels sur le XML Langage avec des balises Très lisible Pour stocker des données Séparation entre contenu et présentation.
Construire un graphique de type courbe
Projet lif7 : Zelda Armes
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Dreamweaver le retour Avec Les Formulaires Les Calques
INF2005– Programmation web– A. Obaid Utilisation avancée des tableaux.
INF2005– Programmation web– A. Obaid Les cartes. INF2005– Programmation web– A. Obaid Images cliquables Outil permettant d'effectuer des liens à partir.
INF2005– Programmation web– A. Obaid Variantes de HTML.
Transcription de la présentation:

Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML

Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé

Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé Difficile dinterpréter XML dans le texte :...

Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé Graphique beaucoup plus lisible :

Conservatoire National des Arts et des Métiers de Paris Le problème XML... SVG ?

Conservatoire National des Arts et des Métiers de Paris La solution ? XML... SVG XSLT

Conservatoire National des Arts et des Métiers de Paris La solution, presque XML... SVG XSLT nest pas suffisant

Conservatoire National des Arts et des Métiers de Paris La solution XML XSLT Document intermédiaire SVG Java Rôles du document intermédiaire : représenter un graphique de manière abstraite, pas de coordonnées, décrire la position des objets graphiques les uns par rapport aux autres.

Conservatoire National des Arts et des Métiers de Paris La représentation intermédiaire Ecrite en XML Comment réussir à placer les objets les uns par rapport aux autres ? Par un système emprunté à LaTeX : des boîtes imbriquées séparées par des ressorts

Conservatoire National des Arts et des Métiers de Paris Exemple Comment représenter :

Conservatoire National des Arts et des Métiers de Paris 1ère étape Générer ceci :

Conservatoire National des Arts et des Métiers de Paris 1ère étape Avec des boîtes : b c a

Conservatoire National des Arts et des Métiers de Paris Les boîtes 2 types de boîtes : finales : ne peuvent contenir ni boîtes ni ressorts non-finales : ne peuvent contenir que des boîtes et des ressorts

Conservatoire National des Arts et des Métiers de Paris Les boîtes Boîte finale : Petit bout de texte Largeur et hauteur fixées par celles du contenu

Conservatoire National des Arts et des Métiers de Paris Les boîtes Boîte non-finale horizontale : Hauteur fixée par le contenu Largeur peut varier entre un minimum et un maximum que lon peut fixer T

Conservatoire National des Arts et des Métiers de Paris Largeur fixée par le contenu Hauteur peut varier entre un minimum et un maximum que lon peut fixer Les boîtes Boîte non-finale verticale : T

Conservatoire National des Arts et des Métiers de Paris 2ème étape Générer ceci :

Conservatoire National des Arts et des Métiers de Paris 2ème étape La structure de boîte reste la même : b c a

Conservatoire National des Arts et des Métiers de Paris Propriété background Toutes les boîtes peuvent avoir un arrière- plan Pour attribuer un arrière-plan à une boîte, on fixe la valeur de lattribut background Cette information sera interprétée par le programme Java qui passe du document intermédiaire au document SVG

Conservatoire National des Arts et des Métiers de Paris Propriété background Avec notre exemple, on indique un background=blueRect pour les 3 boîtes de texte b c a Document de définitions Java

Conservatoire National des Arts et des Métiers de Paris 3ème étape Générer ceci :

Conservatoire National des Arts et des Métiers de Paris 3ème étape Il faut juste générer en plus les liens Un lien permet de lier graphiquement une boîte source et une boîte destination Un lien peut avoir un style b c a

Conservatoire National des Arts et des Métiers de Paris Ce quil faut retenir Le document intermédiaire contient : une structure de boîtes des liens (optionnels) XML XSLT Document intermédiaire SVG Java Document de définitions

Conservatoire National des Arts et des Métiers de Paris Exemple de représentation TAGML

Conservatoire National des Arts et des Métiers de Paris Exemple de représentation DRS

Conservatoire National des Arts et des Métiers de Paris Exemple de représentation Fantaisie

Conservatoire National des Arts et des Métiers de Paris Vers de lédition Intéressant de pouvoir éditer graphiquement Comment faire puisque le document SVG ne contient que des objets graphiques ? Cest le document XML source qui contient toute linformation Il faut lier un objet graphique à lélément correspondant dans le document source

Conservatoire National des Arts et des Métiers de Paris Complément sur le document intermédiaire Information que lon va stocker dans le document intermédiaire sous forme de référence Une référence : désigne un élément du document source avec un XPointer désigne un élément graphique à laide dun identifiant unique

Conservatoire National des Arts et des Métiers de Paris Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur

Léditeur Disponible à ladresse suivante : Contact :