Gestion Électronique de Documents et XML. Master 2 TSM



Documents pareils
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Formation HTML / CSS. ar dionoea

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

SII Stage d informatique pour l ingénieur

Les types de fichiers

Programmation Internet Cours 4

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

HTML, CSS, JS et CGI. Elanore Elessar Dimar

Voici quelques-unes des questions auxquelles répond cette présentation.

Dans nos locaux au 98 Route de Sauve NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

TD : Codage des images

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006

STID 2ème année : TP Web/PHP

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

HTML. Notions générales

02/02/2011. test 1. Communication visuelle & web. Pao. Principes fondamentaux. Les six principes de base. La mise en page. Module sur trois journées

Master Technologies numériques appliquées à l'histoire Deuxième année

Module : programmation site Web dynamique Naviguer entre les pages via site map

Comment échanger des données (fichiers) en format «STANDARD» lisibles par tous, quelque soit le programme et la version utilisés

< Atelier 1 /> Démarrer une application web

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

Les outils de création de sites web

Panel des technologies Web

Certificat Informatique et internet Niveau 1 TD D1. Domaine 1 : Travailler dans un environnement numérique évolutif. 1. Généralités : Filière

INFO 2 : Traitement des images

From supply chain to demand chain

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)

Projet Gestion des Formats de Fichier

Tutoriel : Feuille de style externe

Guide de réalisation d une campagne marketing

Bernard Lecomte. Débuter avec HTML

XML, PMML, SOAP. Rapport. EPITA SCIA Promo janvier Julien Lemoine Alexandre Thibault Nicolas Wiest-Million

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

nom : Collège Ste Clotilde

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

Chapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème

Fichiers, dossiers, enregistrer et arborescence

XML : documents et outils

CREATION d UN SITE WEB (INTRODUCTION)

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

Travaux dirigés n 10

Optimiser les s marketing Les points essentiels

Outils permettant la diffusion de l information. Un point sur le droit numérique

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

Faculté de Génie Chaire industrielle en infrastructures de communication. La technologie XML. Wajdi Elleuch

Architecture Multi-Niveaux

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

RESPONSIVE WEB DESIGN

Initiation à html et à la création d'un site web

Manuel d'utilisation de l'administration du site Japo.ch - 1

Thierry BOULANGER. par la pratique. Bases indispensables Concepts et cas pratiques XML. 3 ième édition. Nouvelle édition

WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Stage «Créer et animer un site Web en équipe»

Normes techniques 2011

Pack Fifty+ Normes Techniques 2013

Installation de DocBook sur un système Linux

{less} Guide de démarrage

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

101 Réaliser et publier un site WEB

Programmation Web TP1 - HTML

PROSOP : un système de gestion de bases de données prosopographiques

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

Media queries : gérer différentes zones de visualisation

Formats d images. 1 Introduction

FAQ Questions sur la «signature électronique»

COMMENT PUBLIER SUR ARIANE?

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

Extended communication server 4.1 : VoIP SIP service- Administration

Maintenir un service de traitement de son ou d image d ordinateur

GROUPE CAHORS EXTRANET

Classe ClInfoCGI. Fonctions membres principales. Gestion des erreurs

Bibliothèque numérique de l enssib

Quels sont les enjeux?

Le codage informatique

Production de documents avec XSLT. Production de documents p.1/??

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech

Présentation du Framework BootstrapTwitter

Petite définition : Présentation :

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

Optimiser moteur recherche

Master d Informatique Corrigé du partiel novembre 2010

Pour en expliquer le principe, on se limitera à deux exemples :

Dévéloppement de Sites Web

Quelques formats de fichiers courants

Cours d introduction à l informatique. Partie 2 : Comment écrire un algorithme? Qu est-ce qu une variable? Expressions et instructions

les techniques d'extraction, les formulaires et intégration dans un site WEB

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

ING & NEWSLETTER NEWSLETTER RESPONSIVE

EXPOSE. La SuisseID, qu est ce que c est? Secrétariat d Etat à l Economie SECO Pierre Hemmer, Chef du développement egovernment

RapidMiner. Data Mining. 1 Introduction. 2 Prise en main. Master Maths Finances 2010/ Présentation. 1.2 Ressources

KIT MEDIA LE SITE DE RECRUTEMENT des personnes en situation de handicap. L outil de vos actions de Sourcing et de Communication

Sana Sellami. Licence Professionnelle SIL

Transcription:

Gestion Électronique de Documents et XML Master 2 TSM

I n t r o d u c t i o n Les formats de données

F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document informatique (sous forme binaire) Exemple des images :... Bitmap (.bmp) JPEG (.jpg) GIF (.gif) Un logiciel doit connaître le format d'un fichier pour pouvoir l'exploiter!

C r é a t i o n d e d o c u m e n t s : e x e m p l e d e l a m u s i q u e Chacun crée sa musique selon des formats «standards» (CD, MP3, ) Formats bien connus, répondant parfaitement aux besoins Tous les appareils savent les lire parfaitement Un nouveau CD est lu sur une chaîne ancienne sans problèmes et inversement Je sais lire parfaitement vos CD! Les traitements automatiques sont «simples» ET TOUT CELA PARAIT NORMAL!

P o u r l e s a u t r e s d o c u m e n t s? E x e m p l e : l e s f e u i l l e s d e c o m p t a b i l i t é Pas de format standard, ouvert vous ne savez pas lire mes fichiers je ne sais pas lire vos fichiers Sauf si nous avons exactement le même logiciel (même version,...)

C r é a t i o n d e d o c u m e n t s Situation «classique» : Un logiciel propriétaire (Word?) Chaque «auteur» a son style, sa présentation, voire son logiciel

P r o b l è m e s : Non homogénéité de la présentation Le Traitement automatique de l information est TRES difficile : Réunir l information, la synthétiser, La stocker de manière unique Interopérabilité faible!

u n e p r e m i è r e s o l u t i o n? l ' u n i f o r m i s a t i o n! Un seul logiciel pour tous! Simplifie le traitement Oui, mais si on veut en changer? (coût, complexité,...) La même présentation pour tous! Oui, mais si on en change? (les styles?) Et les traitements automatiques? Achat de solutions propriétaires (=onéreuses et pas souvent existante)

S o l u t i o n m o d e r n e : Un seul FORMAT pour tous! Un format OUVERT : on sait ce qu il y a dedans! Il ne dépend pas du logiciel À l opposé de format propriétaire ou fermé Les traitements sont «simples» En général pérenne, et si non, facile à changer

E t p o u r l a p r é s e n t a t i o n? Présentation SEPAREE du contenue! Un document est composée de Un contenu (les données) de l information, du texte Des images, Des règles de présentation (un style) L écriture, la couleur, Ou sont mises les images, comment sont écrits les titres, les sous-titres

U n b o n e x e m p l e : H T M L + C S S

H T M L + C S S <html> <head> <title> Ma page </title> </head> <body> <div id=title>le site </div> <img src=moi.jpg> <h1> Activités </h1> J ai soutenu le 12 Nov. Un fichier HTML (la page web) body { background-image : url(image.jpg); } #title { color: #00000; background-color: #1E90FF; } Un fichier CSS (feuille de style)

l e X M L : u n f o r m a t u n i v e r s e l? Le XML : extensible Markup Language Simple : métaformat à base de balises <truc>... </truc> Lisible par des humains : en texte... Puissant :Tout document informatique peut être représenté en XML!

S y n t a x e X M L : e n q u a t r e p o i n t s des balises ouvrantes et fermantes <gras> Bonjour </gras> Des attributs <texte gras='oui'> Bonjour </texte> balise sans contenu <texte/> équivaut à : <texte></texte> Commentaires <!-- bla bla bla --!>

X M L P a r t o u t Du texte : <livre> <titre> Oui Oui à la plage </livre> <chapitre> <titre> A la plage! </titre> <texte> Un matin, le nain Potiron arrive en courant à la petite maison de son ami Oui-Oui. <citation> Si nous allions à la plage? </citation> propose-t-il.... </texte> </chapitre>... </livre>

X M L P a r t o u t de la musique : <musique> <instrument> <type> Piano >/type> <partition> <note><hauteur>5</hauteur><durée>1</durée></note> <note><hauteur>6</hauteur><durée>1</durée></note>...

X M L P a r t o u t des dessins : <dessin> <forme> <type> Rectangle</type> <x> 10 </x> <y> 20 </y> <largeur> 30 </largeur> <hauteur> 20 </hauteur> <couleur> rouge </couleur> </forme>... </dessin>

X M L n ' e s t p a s u n f o r m a t! plusieurs manières de représenter la même chose : <cv> <nom>lemay</nom> <prenom>aurélien</prenom> <emploi> Maitre de conférence </emploi>... <curiculum> <identity name= 'Lemay' firstname='aurélien' /> <background> <job from='2002'>maître de conférence</job>... Il me faut connaître l'organisation et la signification des balises!

F o r m a t s X M L Il faut préciser : les balises à utiliser les attributs comment les combiner... Etc, etc... Un format XML : règles d'utilisation du XML, décrit dans une DTD ou un schéma XML.

q u e l q u e s f o r m a t s X M L Texte : Docbook, TEI, EAD, Opendocument (Openoffice,...), Word (depuis 2003)... Musique : musicxml Syndication : RSS, Atom Bibliographie : MODS, Mets formules mathématiques : MathML Dessin : SVG Web : XHTML

E x e m p l e : l e X H T M L XHTML : format XML utilisé pour créer des pages WEB. Très proche cousin du HTML Même ensemble de balises... Différent du HTML! plus strict. Par exemple, en HTML, il n'est pas obligatoire de fermer certaines balises

E x e m p l e d e X H T M L <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>exemple XHTML 1</title> </head> <body> <ul> <li>tous les éléments doivent être explicitement balisés.</li> <li>les balises fermantes ne sont pas optionnelles.</li> <li>les noms d'éléments et d'attributs <em class="important">doivent</em> être en minuscules.</li> <li>tous les attributs doivent avoir une valeur explicite <table border="1"><tr><td>x</td></tr></table>.</li> <li>les guillemets sont <em class="important">toujours</em> obligatoires autour des valeurs d'attribut.</li> <li>les éléments vides doivent être fermés <img src="i.png" alt="i"/>.</li> </ul> </body> </html>

L i m i t a t i o n s d e X M L très verbeux (taille énorme de documents) Mais se compresse extrêmement bien les traitements peuvent être long du fait de la longueur des documents Lisibilité parfois relative Contenu texte mais que comprendre de : <data> HtJK0 28DC30F </data> XML seul ne définit pas grand chose! Nécessité d'avoir une DTD ou un schéma!

Mini-projet

F o n c t i o n n e m e n t d ' u n e b a s e d e d o n n é e s X M L Une base de données XML = un ensemble de documents XML répondant à une DTD Exemple : un ensemble de recettes de cuisines un ensemble de livres...

C o m m e n t u t i l i s e r l a b a s e? La questionner? (requêtes Xquery) Ex : Combien d'oeufs pour un gateau au yahourt L'afficher? (format XHTML) L'imprimer (PDF?) Récupérer les données pour les mettre dans une autre base de données? Transformer les données!

T r a n s f o r m a t i o n d e s d o n n é e s? Transformer des documents d'un format à un autre Ex : transformer mes fiches cuisines en pages web (XHTML) Pour transformer des documents XML : feuille de transformation XSL

M i n i - p r o j e t Ensemble de fichiers XML (5?) Un fichier XSL XHTML DTD ( PDF? )

M i n i - p r o j e t Par groupes de 2 personnes Choix d'un type de données Fiches de films, d'acteurs, de voyages, de recettes de cuisine,... Ecriture de la DTD Créer des documents (5?) respectant la DTD Créer un exemple de fichier HTML (avec CSS) Créer le fichier de transformation XSL