Créer un document multimédia avec SMIL

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Créer un document multimédia avec SMIL"

Transcription

1 Créer un document multimédia avec SMIL Sébastien Laborie 1 Sébastien Laborie Créer un document multimédia avec SMIL XML : extensible Markup Language Quelques rappels essentiels Sébastien Laborie 2 Sébastien Laborie XML : extensible Markup Language

2 Le contexte : structurer/traiter/échanger des données WWW requête transformation requête requête transformation requête requête transformation transformation Nécessité de définir un langage structuré (semi-structuré) et extensible. Nécessité de prendre en compte la diversité des informations échangées. 3 Sébastien Laborie XML : extensible Markup Language XML Document XML Composés d unités de stockage appelées entités. Ces données sont soit des données simples soit des données concourant au marquage (balisage). Le balisage permet de décrire la structure logique du document. Validation d un document XML Un document XML est bien formé s il respecte les règles de XML. XML fournit un mécanisme pour contraindre les structures, les DTD (Définition de Type de Document). Un document XML peut être valide par rapport à une ou plusieurs DTD. 4 Sébastien Laborie XML : extensible Markup Language

3 Un exemple en XML <?xml version="1.0" encoding="iso "?> <carnetdecontact> <contact> <adresse> <lignesadresse> <ligne>iut de Bayonne et du Pays Basque</ligne> <ligne>17 Place Paul Bert</ligne> </lignesadresse> <codepostal>64100</codepostal> <ville>bayonne</ville> </adresse> <url> <logo src=" /> <tel t="fixe"> </tel> <tel t="fax"> </tel> </contact> <contact>...</contact> </carnetdecontact> 5 Sébastien Laborie XML : extensible Markup Language L arbre XML carnetdecontact contact contact adresse url logo tel tel lignesadresse codepostal ville ligne ligne ligne 6 Sébastien Laborie XML : extensible Markup Language

4 Question? Quel langage XML connaissez-vous? 7 Sébastien Laborie XML : extensible Markup Language Les standards du W3C basés sur XML 8 Sébastien Laborie XML : extensible Markup Language

5 SMIL : Synchronized Multimedia Integration Language Une introduction au langage Sébastien Laborie 9 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction Un exemple de document multimédia Synchronisation Affichage Interactivité 10 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

6 Le contexte Introduction Pourquoi utiliser le langage SMIL? D autres langages de spécification de documents multimédia : Flash Javascript... SMIL est une recommandation du W3C (un standard ) format ouvert défini par RealNetworks, Macromedia, Intel, IBM, Microsoft, Panasonic, Sony, Nokia, Philips, INRIA, CWI... DTD XML = Interoperabilité Utilisation de toutes les technologies XML (XQuery, XPath, XSLT...) Beaucoup de projets Open Source autour des standards (Editeurs, Players...) Un langage en évolution constante. 11 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language L histoire de SMIL Introduction 1996 : W3C Workshop 1997 : Première réunion du groupe de travail SYMM 1998 : La recommandation SMIL 1.0 est née Synchronisation et placement visuel d objets multimédia Interactivité Capacité d adaptation à différents contextes 2001 : SMIL 2.0 Animation Méta-données 2005 : SMIL 2.1 Effets de transitions Exécution multi plates-formes (SMIL profiles) 2008 : SMIL 3.0 Outils supplémentaires de structure et de contrôle de la présentation 12 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

7 Tables des matières Introduction 1 Introduction au langage SMIL Structure générale d un document multimédia SMIL Dimension spatiale Dimension contenu Dimension temporelle Dimension hypermédia 2 Autres fonctionnalités Les animations Adaptation au contexte Spécification de méta-données 3 Les dérivés du langage SMIL HTML+TIME puis Timesheets SMIL Timesheets MMS SVG - Animation 4 Les outils développés autour de SMIL Les éditeurs Les lecteurs 13 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Tables des matières 1 Introduction au langage SMIL Structure générale d un document multimédia SMIL Dimension spatiale Dimension contenu Dimension temporelle Dimension hypermédia 2 Autres fonctionnalités Les animations Adaptation au contexte Spécification de méta-données 3 Les dérivés du langage SMIL HTML+TIME puis Timesheets SMIL Timesheets MMS SVG - Animation 4 Les outils développés autour de SMIL Les éditeurs Les lecteurs 14 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

8 Introduction au langage SMIL Structure générale d un document multimédia SMIL La structure générale d un document multimédia SMIL <smil> <head>... </head> <body>... </body> </smil> Spécifications de l affichage, des méta-données et des transitions Synchronisation des objets multimédia, Spécification des informations hypermédia 15 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension spatiale Spécification des zones d affichage x y Région englobante Région 1 Région 2 Région 3 Région Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

9 Introduction au langage SMIL Dimension spatiale Spécification des zones d affichage en SMIL <head> <layout> <root-layout background-color="#ffffcc" height="460" width="710"/> <region height="440" id="rvideo" left="10" top="10" width="440"/> <region height="230" id="rtitre" left="450" top="10" width="260"/> <region height="230" id="rrecette" left="450" top="240" width="260"> <region id="ingdt1" left="30" top="100" width="200" height="50"/> </region> </layout> </head> 17 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension spatiale Exercice : Spécifier cette organisation spatiale en SMIL (0,0) region1 region2 500 (200,150) region4 region3 650 region5 (570,200) Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

10 Introduction au langage SMIL Dimension contenu Le corps d un document multimédia SMIL <smil> <head>... </head> <body>... </body> </smil> Spécifications de l affichage, des méta-données et des animations Synchronisation des objets multimédia, Spécification des informations hypermédia 19 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension contenu Le corps d un document multimédia SMIL 20 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

11 Introduction au langage SMIL Dimension contenu Spécification des objets multimédia Audio : <audio id="..." src="..." begin="..." dur="..." end="..." /> Vidéo : <video id="..." src="..." begin="..." dur="..." /> Texte : <text id="..." src="..." region="..." /> Image : <img id="..." src="..." region="..." fit="fill" /> 21 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension temporelle Spécification de la timeline de la présentation Certains éléments sont joués en parallèle. Certains éléments sont joués en séquence. Publicité Titre Vidéo Recette 0s 5s 2m 11s 22 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

12 Introduction au langage SMIL Dimension temporelle Spécification de la timeline en SMIL Conteneurs temporels SMIL : PAR et SEQ. <body> <seq> <img id="publicite" src="pub.jpg" region="rpub" dur="5s"/> <par> <video id="emission" src="emission.avi" region="rvideo"/> <img id="titre" src="titre.jpg" region="rtitre"/> <img id="recette" src="recette.jpg" region="rrecette"/> </par> </seq> </body> 23 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension temporelle Exercice : Spécifier cette organisation temporelle en SMIL Image irit.jpg Image carte.jpg Texte sous-titrage.rt Vidéo presentation.avi Musique music.mp3 0s 5s 20s 95s 24 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

13 Introduction au langage SMIL Spécification de liens hypermédia Dimension hypermédia Definition Liens hypermédia Interne : permet de naviguer à l intérieur d une même présentation. Externe : permet de naviguer vers d autres présentations. l 1 Publicité Titre Vidéo Recette 0s 5s 2m 11s Autre document 25 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Introduction au langage SMIL Dimension hypermédia Spécification de liens hypermédia en SMIL <body> <seq> <img id="publicite" src="pub.jpg" region="rpub" dur="5s"> <area href=" </img> <par> <video id="emission" src="emission.avi" region="rvideo"/> <img id="titre" src="titre.jpg" region="rtitre" dur="255s"> <area href="#publicite" dur="100s"/> </img> <img id="recette" src="recette.jpg" region="rrecette"> <area coords="0,85,260,103" href="command:seek(52)"/> </img> </par> </seq> </body> 26 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

14 Autres fonctionnalités Tables des matières 1 Introduction au langage SMIL Structure générale d un document multimédia SMIL Dimension spatiale Dimension contenu Dimension temporelle Dimension hypermédia 2 Autres fonctionnalités Les animations Adaptation au contexte Spécification de méta-données 3 Les dérivés du langage SMIL HTML+TIME puis Timesheets SMIL Timesheets MMS SVG - Animation 4 Les outils développés autour de SMIL Les éditeurs Les lecteurs 27 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les animations Autres fonctionnalités Les animations Définition (animation) L animation consiste à donner l illusion d un mouvement à l aide d une suite d images. Examples d animation Mouvement d un ensemble d objets Translation Rotation Modification de l apparence d un objet Modification de taille Changement de couleurs 28 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

15 Autres fonctionnalités Les animations en SMIL Les animations Spécification d une animation Une animation en SMIL se décrit dans la spécification d un objet multimédia. Déclaration de l animation Mouvement d un ensemble d objets Translation : <animatemotion targetelement="idregion" from="0,0" to="10,10" dur="3s"/> Pas de rotation Modification de l apparence d un objet : Modification de taille : <animate attributename="left" from="200" to="0"/> Changement de couleur : <animate attributename="fill" from="red" to="blue"/> Application de l animation ou de plusieurs animations <img src="img.jpg" dur="20s"> <animate... /> </img> 29 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les effets de transition Autres fonctionnalités Les animations Définition (effets de transitions) Les effets de transition sont des animations particulières qui se déroulent au début ou à la fin de la présentation d un ensemble d objets multimédia. Plusieurs types d effets de transition Fondu-enchaîné Apparition ou disparition (e.g., sous forme d étoile) Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

16 Autres fonctionnalités Les effets de transition en SMIL Les animations Spécification des effets de transition Les effets de transition en SMIL se déclarent dans l entête head du document. Déclaration de la transition (partie head) <transition id="fondu" type="fade" dur="5s" /> <transition id="etoile" type="starwipe" subtype="fivepoint" dur="5s" /> Application de la transition au contenu (partie body) <seq> <img src="img1.jpg" dur="30s" transin="etoile" transout="fondu"/> <img src="img2.jpg" dur="30s" transin="fondu"/> </seq> 31 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Autres fonctionnalités Les animations Exercice : Spécifier des animations et des transitions Inverser image 1 et image 2 en les faisant se croiser en même temps Faire disparaître l image de fond en étoile après l inversion (200,150) Image de fond Image Image 2 (570,200) 32 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

17 Autres fonctionnalite s Adaptation au contexte Adaptation de documents multime dia Adaptation Profil1 33 Profil2 Se bastien Laborie Autres fonctionnalite s Profil3 SMIL : Synchronized Multimedia Integration Language Adaptation au contexte Spe cification d alternatives en SMIL... <par> <video id="demo" src="demo.avi" region="r1"/> <switch> <audio systemoperatingsystem="palmos" systemlanguage="en" src="commentaire-palm.au".../> <audio systemlanguage="en" src="commentaire-en.au".../> <audio systemlanguage="de" src="commentaire-de.au".../> <audio src="commentaire.au".../> </switch> </par> Se bastien Laborie SMIL : Synchronized Multimedia Integration Language

18 Autres fonctionnalités Spécification de méta-données Spécification de méta-données simples Définition (méta-donnée simple) Une méta-donnée simple est une description textuelle d une donnée. Des exemples de méta-données simples L auteur du document. La date de création du document. L éditeur Les droits Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Autres fonctionnalités Spécification de méta-données Spécification de méta-données simple en SMIL <head>... </head> <meta name="author" content="sebastien Laborie"/> <meta name="author" content="florence Sedes"/> <meta name="date" content=" "/> <meta name="publisher" content="irit"/> <meta name="rights" content="copyright 2008 Laborie"/> Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

19 Autres fonctionnalités Spécification de méta-données Recherche d une méta-donnée simple Requête : cherchez les noms des auteurs du document SMIL Utilisation XQuery for $x in doc( cremeanglaise.smil Author ] return sorted Réponse Florence Sedes Sebastien Laborie 37 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les dérivés du langage SMIL Tables des matières 1 Introduction au langage SMIL Structure générale d un document multimédia SMIL Dimension spatiale Dimension contenu Dimension temporelle Dimension hypermédia 2 Autres fonctionnalités Les animations Adaptation au contexte Spécification de méta-données 3 Les dérivés du langage SMIL HTML+TIME puis Timesheets SMIL Timesheets MMS SVG - Animation 4 Les outils développés autour de SMIL Les éditeurs Les lecteurs 38 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

20 HTML+TIME (1998) Les dérivés du langage SMIL HTML+TIME puis Timesheets Timed Interactive Multimedia Extensions for HTML Ajoute une dimension temporelle aux pages web. Basé sur le module temporel de SMIL : Synchronisation des contenus multimédia. Utilisation des conteneurs temporels. Permet la spécification d animations. Pas de langage de scripts pour animer la page. On manipule toujours du XML. Ne fonctionne que sur certaines versions d IE. 39 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les dérivés du langage SMIL Un exemple de code HTML+TIME HTML+TIME puis Timesheets Source : http :// (point 2) <body> <t:par begin="1s"> <t:audio src="talk.mp3"/> <p timecontainer="seq"> <span dur="2.9s" timeaction="class:highlight">smil Timing syntax consists of a set of </span><br/> <span dur="3s" timeaction="class:highlight">attributes for controlling the behavior of media, </span><br/> <span dur="2s" timeaction="class:highlight">and several types of time containers </span><br/> <span dur="4s" timeaction="class:highlight">that group media together for coordinated presentation.</span> </p> </t:par> </body> 40 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

21 Les dérivés du langage SMIL SMIL Timesheets (2008) SMIL Timesheets Ajoute une dimension temporelle aux pages web. Implémentation en Javascript du module temporel de SMIL. Permet de spécifier des feuilles de style temporelles. Fonctionne sur de nombreux navigateurs. 41 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les dérivés du langage SMIL Exemple de SMIL Timesheets SMIL Timesheets Source : http ://wam.inrialpes.fr/timesheets/ <script type="text/javascript" src="timesheets.js"></script>... <body> <div id="banner" smil:timecontainer="seq" smil:repeatcount="indefinite"> <img smil:dur="3s" src="images/dosbox.png" /> <img smil:dur="3s" src="images/gnote.png"/> <img smil:dur="3s" src="images/gpodder.png"/> <img smil:dur="3s" src="images/transmission.png" </div> </body> 42 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

22 MMS Les dérivés du langage SMIL MMS Multimedia Messaging Service Envoyer des messages multimédia entre plates-formes mobiles. Basé sur le langage SMIL : Synchronisation des contenus multimédia. Placement visuel des contenus multimédia. Interactivité. La spécification de la présentation est peu volumineuse. Les contenus sont encodés dans le document MMS. 43 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les dérivés du langage SMIL Un exemple de code MMS MMS start="<smil>"; type="application/smil" Content-ID: <messagecontent> Content-Type: application/smil; name="smil.smil" Content-ID: <SMIL> Content-Location: smil.smil <smil> <head> <layout> <root-layout height="191" width="128"/> <region id="avatar" top="0" left="0" height="96" width="128" fit="hidden"/> <region id="txt" top="96" left="0" height="80" width="128" fit="hidden"/> <region id="reply" top="176" left="0" height="15" width="128" fit="hidden"/> </layout> </head> <body> <par dur="10s"> <img src="logo.gif" region="avatar" begin="0s" repeatdur="10s" /> <audio src="audio.amr" begin="0s" /> <text src="url.txt" region="txt" begin="0s" /> <a href="tel: "><text src="reply.txt" region="reply" begin="0s" /></a> </par> </body> </smil> Content-Type: image/gif; name="logo.gif" Content-Transfer-Encoding: base64 Content-ID: logo Content-Location: logo.gif R0lGODlhgABgAMMAAP///8zMzEAgMAAAAHBAYLBwkICAgGAgQNBAkP+ZzP8wsJkzZuCAsJBQcNgN*snip* naml74y7og6yejwclj+ysu62mm8eaaa7 Content-Type: audio/amr; name="audio.amr" Content-Transfer-Encoding: base64 Content-ID: audio Content-Location: audio.amr IyFBTVIKPHA6cpg8ggZIwmH4IURQR8AACAppIJnAAAQLBFvnQZA8Po3aqNkAHgHjivZPIAJ8rU+m*snip*/E/pbLYCCbJWN8Ju6TYkCNA= Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

23 SVG Les dérivés du langage SMIL SVG - Animation Scalable Vector Graphics Réaliser des dessins vectoriels. L animation du dessin SVG est basée sur le module animation de SMIL : animate. animatemotion. Pas de langage de scripts pour animer la page. On manipule toujours du XML. 45 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Un exemple de SVG Les dérivés du langage SMIL SVG - Animation <svg width="500" height="500" xmlns=" <defs> <symbol id="cube" stroke="black" stroke-line-join="bevel" stroke-width="2"> <rect width="100" height="100" x="1" y="42" /> <polygon points="1,42 42,1 142,1 101,42 1,42" stroke-width="2" /> <polygon points="101,42 142,1 142, , ,42" /> </symbol> </defs> <use xlink:href="#cube" x="150" y="150"/> </svg> 46 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

24 Les dérivés du langage SMIL SVG - Animation Un exemple de SVG avec du SMIL <svg width="500" height="500" xmlns=" <defs> <symbol id="cube" stroke="black" stroke-line-join="bevel" stroke-width="2"> <rect width="100" height="100" x="1" y="42" /> <polygon points="1,42 42,1 142,1 101,42 1,42" stroke-width="2" /> <polygon points="101,42 142,1 142, , ,42" /> </symbol> </defs> <use xlink:href="#cube" x="150" y="150"> <animate attributename="y" dur="2s" values="150;140;130;140;150" /> </use> </svg> 47 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les outils développés autour de SMIL Tables des matières 1 Introduction au langage SMIL Structure générale d un document multimédia SMIL Dimension spatiale Dimension contenu Dimension temporelle Dimension hypermédia 2 Autres fonctionnalités Les animations Adaptation au contexte Spécification de méta-données 3 Les dérivés du langage SMIL HTML+TIME puis Timesheets SMIL Timesheets MMS SVG - Animation 4 Les outils développés autour de SMIL Les éditeurs Les lecteurs 48 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

25 Les outils développés autour de SMIL Les éditeurs LimSee ( 49 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Les outils développés autour de SMIL Les éditeurs Adobe GoLive ( 50 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

26 Les outils développés autour de SMIL Les lecteurs Les lecteurs de documents SMIL Quicktime (SMIL 1.0) Real Player et Grins (SMIL 2.0) PocketSMIL (SMIL 2.0 sur PDA) Ambulant (SMIL 2.1 et SMIL 3.0) Internet Explorer (HTML+TIME) RubiC (MMS) 51 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Conclusion Conclusion et perspectives SMIL est un langage standard qui permet de spécifier des présentations multimédias Spécification des multiples dimensions des documents multimédia contenu, temporelle, spatiale et hypermédia animations, transitions... Spécifications de méta-données Utilisation de toutes les technologies XML (XPath, XSLT...) Développement de projets Open Source (Éditeur, Player) Un langage en évolution constante 52 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

27 Perspectives Conclusion et perspectives SMIL est un standard mais n est pas ou peu connu Des projets de recherche autour de ce langage sont en cours. Intégration au sein du langage HTML D autres formes du langage (SMIL Profiles) sont en élaboration. Des s décrits en SMIL L utilisation du langage sur diverses plates-formes se généralise. Télévision, Set-top boxes, lecteurs multimédia... Le langage est exploité dans l industrie (e.g., Adobe, Real). Windows Media Player, VLC Sébastien Laborie SMIL : Synchronized Multimedia Integration Language Questions? Questions Les slides sont disponibles sur le site suivant : 54 Sébastien Laborie SMIL : Synchronized Multimedia Integration Language

Exemples de DTD XML pour les interfaces homme-machine JMF

Exemples de DTD XML pour les interfaces homme-machine JMF Exemples de DTD XML pour les interfaces homme-machine 1 Introduction XML utilisé pour les IHM Plusieurs DTD : SMIL, SVG, X3D Evidemment du texte (XML) balisé 2 SMIL (pronounced "smile") 3 4 Présentation

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Format XML Jean-Michel FOLLIN jmfollin@univ-lr.fr Limitations HTML Limitations

Plus en détail

1 XML : Une première définition. 2.1 SGML... 1 2.2 HTML... 2 2.3 Feuille de style CSS... 3. 3 XML : extensible Markup Language 4

1 XML : Une première définition. 2.1 SGML... 1 2.2 HTML... 2 2.3 Feuille de style CSS... 3. 3 XML : extensible Markup Language 4 Introduction au Table des matières 1 : Une première définition 1 2 Historique d 1 2.1 SGML................................................. 1 2.2 HTML................................................. 2

Plus en détail

Chapitre 1 HTML et le Web... 15. Chapitre 2 Les navigateurs du marché... 31. Chapitre 3 Les bases du langage HTML... 49

Chapitre 1 HTML et le Web... 15. Chapitre 2 Les navigateurs du marché... 31. Chapitre 3 Les bases du langage HTML... 49 Chapitre 1 HTML et le Web... 15 1.1 Pourquoi apprendre le langage HTML?... 17 1.2 Trois concepts étroitement liés : WWW, HTML et HTTP... 18 1.3 Principes généraux et versions de HTML... 20 Utilisation

Plus en détail

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

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

" 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

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

Bertrand DAVID : Interaction Humain-Machine

Bertrand DAVID : Interaction Humain-Machine Interaction Humain-Machine Xml La transformation avec Xslt Les parseurs les outils pour Xml Transformation de documents dans les applications multimédia 1 XML extensible Markup Langage Un langage universel

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

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

Bibliothèques graphiques

Bibliothèques graphiques Bibliothèques graphiques Cilia Mauro Octobre 2012 ANF DevWeb ASR Bibliothèques graphiques Plan Introduction Choix d une bibliothèque Dygraphs RGraph Highcharts Introduction Modèles colorimétriques 1 pixel

Plus en détail

Autres technologies XML. Plan. XML et la sécurité. Cryptage XML. Signatures XML. Vincent Quint

Autres technologies XML. Plan. XML et la sécurité. Cryptage XML. Signatures XML. Vincent Quint Autres technologies XML Vincent Quint INRIA Rhône Alpes École d été CEA INRIA EDF juin 2003 Plan 1. XML et la sécurité 2. Liens hypertexte : XLink 3. Inclusions XML 4. Formulaires XML : XForms 5. Événements

Plus en détail

Plan : divers exemples

Plan : divers exemples INF347 Langages XML et technologies WEB exemples Sylvie Vignes, ENST École Nationale Supérieure des Télécommunications Département Informatique et Réseaux Plan : divers exemples! Rendre accessible une

Plus en détail

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web IUT d Arles LP ATC/CA 2010-2011 Objectifs : Inclure dans une page web du code ou un fichier d'indirection

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

INTRODUCTION. Plan du cours. Introduction à XML XML? XML

INTRODUCTION. Plan du cours. Introduction à XML XML? XML Plan du cours Introduction à XML Fabrice Rossi http://apiacoa.org/contact.html. Université Paris-IX Dauphine 1. XML : (a) introduction (b) le langage (c) les DTD (d) les espaces de noms 2. les schémas

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

Modélisation et interopérabilité : Semaine 40, cours 3

Modélisation et interopérabilité : Semaine 40, cours 3 Modélisation et interopérabilité : Semaine 40, cours 3 Benoît Valiron http://inf356.monoidal.net/ 1 Question pratique : Evaluation Trois choses : Un examen final (coef 2/3)

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

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan XML, DTD Dan VODISLAV Université de Cergy-Pontoise Licence Informatique L3 Plan XML: pourquoi et comment Principes et caractéristiques de base Comparaison avec HTML et les BD relationnelles Le format XML

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

HTML/XHTML/XML. Olivier Aubert 1/26

HTML/XHTML/XML. Olivier Aubert 1/26 HTML/XHTML/XML Olivier Aubert 1/26 Liens http://www.brics.dk/~amoeller/xml/overview.html http://www.w3.org/tr/xhtml1/#guidelines : annexe C, compatibility guidelines http://www710.univ-lyon1.fr/~exco/cours/cours/htm

Plus en détail

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery Programmation web AJAX Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 AJAX A Jean-Christophe Dubacq (IUTV) Programmation web S3 2013 1 / 33 Le modèle classique Jean-Christophe Dubacq (IUTV) Programmation

Plus en détail

Plan. 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD. Référence :

Plan. 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD. Référence : Définitions de types de documents : DTD Plan 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD Référence : Extensible Markup Language (XML)

Plus en détail

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA S2 Intégration de fichiers multimédia dans une page HTML Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d'ajouter une galerie multimédia

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

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

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

Technologies du Web. Phases de travail Objectifs Activités

Technologies du Web. Phases de travail Objectifs Activités Technologies du Web Tutoriel 1 : «Structurer une page Web» PROBLEMATIQUE Créer la structure d une page Web avec un éditeur de texte. CONDITIONS DE DEROULEMENT DE L ACTIVITE Phases de travail Objectifs

Plus en détail

Module : Bases techniques pour l informatique

Module : Bases techniques pour l informatique Développeur Logiciel Module : Bases techniques pour l informatique Etre capable de naviguer dans le monde culturel de l'informaticien. Savoir utiliser les outils bureautiques et internet. Algèbre de Boole.

Plus en détail

Outil pour le Web XML. Polytech Marseille. E. Tranvouez. Département Génie Industriel et Informatique

Outil pour le Web XML. Polytech Marseille. E. Tranvouez. Département Génie Industriel et Informatique Outil pour le Web XML E. Tranvouez erwan.tranvouez@polytech.univ-mrs.fr http://erwan.tranvouez.free.fr Polytech Marseille Département Génie Industriel et Informatique 1 Sommaire 2 Problématique Contexte,

Plus en détail

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI Java script DU CMSI : Création et Maintenance des Sites Internet Plan Évolution vers le web dynamique Définition du langage JavaScript Avantages Difficultés Codage Exercices Évolution -1- Avant pages Internet

Plus en détail

PARTENARIAT ICI FORMATION

PARTENARIAT ICI FORMATION PARTENARIAT ICI FORMATION Guide d installation de la vignette ICI Formation sur un site partenaire SOMMAIRE Le Partenariat ICI Formation... 3 Script de partenariat ICI Formation... 3 Génération de l'aperçu

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

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

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

de survie du chef de projet

de survie du chef de projet KIT de survie du chef de projet 01 1 2 3 4 5 6 04 03 07 07 03 03 LE SERVEUR LE CLIENT TECHNOLOGIE WEB CLIENT LE SERVEUR WEB TECHNIQUES & CADRE DE TRAVAIL APPLICATIONS 101 LE SERVEUR Un serveur informatique

Plus en détail

Adaptation sémantique de documents SMIL

Adaptation sémantique de documents SMIL Adaptation sémantique de documents SMIL Sébastien Laborie Jérôme Euzenat Nabil Layaïda INRIA Rhône-Alpes - 655 Avenue de l Europe - 38334 St Ismier Cedex {Sebastien.Laborie;Jerome.Euzenat;Nabil.Layaida}@inrialpes.fr

Plus en détail

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique»

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Java EE - Cours 7 Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Rappels 2 Feuilles de Styles : CSS Lorsque l on réalise un site Web, il faut dissocier la partie forme de la partie fond.

Plus en détail

Qu'est-ce qu'un Web Service?

Qu'est-ce qu'un Web Service? WEB SERVICES Qu'est-ce qu'un Web Service? Un Web Service est un composant implémenté dans n'importe quel langage, déployé sur n'importe quelle plate-forme et enveloppé dans une couche de standards dérivés

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Quelques mots sur La Technologie du STREAMING

Quelques mots sur La Technologie du STREAMING ENSG, mardi 16 mai 2006 Quelques mots sur La Technologie du STREAMING Nicolas MENECEUR Nicolas.Meneceur@rap.prd.fr 1 Programme Définition Chaîne de Production Principe et Modes de diffusion Les Protocoles

Plus en détail

Approche de production de documents pédagogiques multimédias multi formats

Approche de production de documents pédagogiques multimédias multi formats CEMAFORAD-2, Seconde édition : 12,13 et 14 Novembre 2005 - Université de Bejaia Approche de production de documents pédagogiques multimédias multi formats Amel Behaz, Enseignante, Département Mathématique,

Plus en détail

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS CODE COMPLET ET COMMENTÉ DE L INTERFACE TABLE DES MATIÈRES 1.

Plus en détail

Cahier des charges Conception de Site Web

Cahier des charges Conception de Site Web Licence MIA-L3 Info (2005/2006) - Université PARIS V Cahier des charges Conception de Site Web BUREL Grégoire 29 novembre 2005 Document crée avec LATEX2ε[3] et kdissert graphiques réalisés sous Dia. Cahier

Plus en détail

Dreamweaver - Créer son site internet avec Dreamweaver

Dreamweaver - Créer son site internet avec Dreamweaver 2 Jours Dreamweaver - Créer son site internet avec Dreamweaver dans CREATION WEB - SITE INTERNET Objectifs de la formation Création de site web avec Dreamweaver Concevoir un site Web en HTML avec les fonctions

Plus en détail

Programmation Web Avancée AJAX

Programmation Web Avancée AJAX 1/28 Programmation Web Avancée AJAX Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017

Plus en détail

ART OSE Catalogue Année 2003/2004 DEVELOPPEMENT ACCESS BASE. Comprendre les bases de données relationnelles, structurer et gérer une base de données

ART OSE Catalogue Année 2003/2004 DEVELOPPEMENT ACCESS BASE. Comprendre les bases de données relationnelles, structurer et gérer une base de données ACCESS BASE Comprendre les bases de données relationnelles, structurer et gérer une base de données Connaissances d un logiciel, Word, Excel, ou autre 1. Introduction aux bases de données relationnelles

Plus en détail

Chapitre II. Notions de base

Chapitre II. Notions de base Chapitre II 1 2 3 Espace de noms Web Sémantique M1 2015-2016 10 Chapitre II 1 ref 2 3 Espace de noms Web Sémantique M1 2015-2016 11 Uniform Resource Identifier () Une est une chaîne qui identifie une ressource

Plus en détail

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

https://angularjs.org/ Gilles Landais -AngularJS 1

https://angularjs.org/ Gilles Landais -AngularJS 1 https://angularjs.org/ 1 Présentation Le Framework AngularJS https://angularjs.org/ Framework javascript depuis 2009 Aujourd'hui (wikipedia) le framework est utilisé dans >8,400/1,000,000 sites web Open-source

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin Table des matières Introduction 1 Pourquoi HTML5 et CSS3? 3 Compatibilité avec les navigateurs 4 Principales différences entre HTML5 et ses prédécesseurs 6 À propos de l auteur 7 1 Les bases du HTML5/CSS3

Plus en détail

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv>

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

Le langage SMIL au service des Sciences Humaines et Sociales

Le langage SMIL au service des Sciences Humaines et Sociales Le langage SMIL au service des Sciences Humaines et Sociales Vincent Kober INRIA Rhône-Alpes, Projet WAM - Maison des Sciences de l'homme-alpes, Projet Portail du Réseau des Maisons des Sciences de l'homme.

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI Programmation de sites web statiques et dynamiques extended Markup Language () Jean CARTIER MASTER INI jcartier@laposte.net 1 extented Markup Language () Le HTML est un langage très bien adapté à la diffusion

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Applications Web. Web 2.0, web services, 18/01/2016. Plan du cours. Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax

Applications Web. Web 2.0, web services, 18/01/2016. Plan du cours. Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax Applications Web Web 2.0, web services, Hubert Segond Orange Labs Année 2015-16 Plan du cours Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax Syndication de contenu & outils de

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Référencer son site Joomla! État de l art

Référencer son site Joomla! État de l art Organisé par 30 AVRIL 2016 Référencer son site Joomla! État de l art Thierry Broussegoutte Joomla! intègre de nombreux paramètres pour réussir un référencement «on-site» et «on-page» Organisation du contenu,

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

Chapitre 2: Présentation de Flex. Développer une application avec Adobe Flex 2.0

Chapitre 2: Présentation de Flex. Développer une application avec Adobe Flex 2.0 Chapitre 2: Présentation de Flex Développer une application avec Adobe Flex 2.0 Thèmes Comprendre l émergence des applications dynamiques pour Internet Présentation de Flex Développer des applications

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

b-swiss entreprise La solution la plus simple et intelligente pour communiquer en entreprise

b-swiss entreprise La solution la plus simple et intelligente pour communiquer en entreprise b-swiss La solution la plus simple et intelligente pour communiquer en b-swiss est la solution de communication par écran pour l de la gamme b-swiss spécialisé dans la communication intelligente par écran

Plus en détail

Langages de publication temporalisée

Langages de publication temporalisée Ingénierie Documentaire Langages de publication temporalisée http://doc.crzt.fr STÉPHANE CROZAT Paternité - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-sa/2.0/fr/

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

NORMES TECHNIQUES 2010

NORMES TECHNIQUES 2010 NORMES TECHNIQUES 2010 -> L'offre Display : Mega bannière - Skyscraper- Pavés -> Offre Display : les formats -> Offre Display : les livrables -> Publi rédactionnel -> Accueil Panoramique -> Habillage du

Plus en détail

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012.

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012. L objectif de ce tutoriel est de créer un site web statique avec Visual Studio. Le site sera composé d une page HTML, une feuille de style CSS et d un fichier Javascript. Etape 1 Lancer Visual Studio L

Plus en détail

TECHNIQUE DE CONSTRUCTION D UN MODULE

TECHNIQUE DE CONSTRUCTION D UN MODULE TECHNIQUE DE CONSTRUCTION D UN MODULE Pilotage Infographie Description générale Romuald LORTHIOIR Stéphane RIO Aurélie PASSILLY Date de création du document 20 nov. 2006 Version 1.1 Validation pour le

Plus en détail

Introduction à XML. Définitions Applications Règles Affichage et transformation Documentation mathématique Métadonnées En conclusion

Introduction à XML. Définitions Applications Règles Affichage et transformation Documentation mathématique Métadonnées En conclusion Introduction à XML transformation 1 XML n est pas Transformations Une norme de description bibliographique «Enfin le moyen pour que les documentalistes s approprient la documentation en ligne» (entendu

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Applets JAVA Jean-Michel FOLLIN jmfollin@univ-lr.fr 1 Extension des fonctionnalités

Plus en détail

Le Guide du marquage Streaming

Le Guide du marquage Streaming Le Guide du marquage Streaming Médiamétrie-eStat Buropolis, Bât 2 1240, route des Dolines Sophia Antipolis 06560 Valbonne Tél : 04 92 38 38 20 Fax : 04 92 96 91 25 E-mail : support-pro@mediametrie-estat.com

Plus en détail

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery 1/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 3/36 Définition

Plus en détail

XML-Bases. www.fenetresurtoile.com XHTML. Les bases. Jean-François Ramiara. INP-ENM 04/10/2012 Toulouse. Copyright J.F. Ramiara Tous droits réservés

XML-Bases. www.fenetresurtoile.com XHTML. Les bases. Jean-François Ramiara. INP-ENM 04/10/2012 Toulouse. Copyright J.F. Ramiara Tous droits réservés XHTML Les bases Jean-François Ramiara INP-ENM 04/10/2012 Toulouse 1 Généralités Jean-François Ramiara XML 2 jours Initiation à XML Contenu Cours Exercices Support PDF Horaires Tour de table 2 Sommaire

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Outils de développement XML

Outils de développement XML Université de Nice Sophia-Antipolis UFR de Sciences Travail d étude Licence Informatique Année 2002 / 2003 Outils de développement XML Antoine Perroud & Sylvain Petrucci Enseignant responsable : Fabrice

Plus en détail

Adobe GoLive cs2. Création professionnelle de sites Web et mobiles à base de technologies standard

Adobe GoLive cs2. Création professionnelle de sites Web et mobiles à base de technologies standard Adobe GoLive cs2 Création professionnelle de sites Web et mobiles à base de technologies standard Présentation du produit Avec Adobe GoLive CS2, exploitez tout le potentiel des feuilles de style CSS grâce

Plus en détail

Manuel d utilisation de la personnalisation avancée des pages web

Manuel d utilisation de la personnalisation avancée des pages web Manuel d utilisation de la personnalisation avancée des pages web Version 1.B Payline PROPRIETAIRE Page 1/15 Version du modèle : DocStd_50 Page des évolutions Le tableau ci-dessous liste les dernières

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques 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

XML Les documents semi-structurés

XML Les documents semi-structurés XML Les documents semi-structurés XML - extensible Markup Language XSL(T) - extensible Stylesheet Language XSD XML Schema DTD Document Type Definition Ivan Madjarov, IUT-R&T, 2006-2008 XML dérive d'un

Plus en détail

HTML : Mini tutoriel

HTML : Mini tutoriel HTML : Mini tutoriel I. Introduction HTML est un langage de formatage de texte adapté à la conception de pages web. Le HTML est un langage balisé, fondé en particulier sur la notion de lien hypertexte,

Plus en détail

Adaptation sémantique de documents SMIL

Adaptation sémantique de documents SMIL Adaptation sémantique de documents SMIL Sébastien Laborie Jérôme Euzenat Nabil Layaïda INRIA Rhône-Alpes - 655 Avenue de l Europe - 38334 St Ismier Cedex {Sebastien.Laborie;Jerome.Euzenat;Nabil.Layaida}@inrialpes.fr

Plus en détail

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

Plus en détail

Nicolas Mérat automne 2001. Stockage de données multimédias et conception de présentations dynamiques avec SMIL et Lazy

Nicolas Mérat automne 2001. Stockage de données multimédias et conception de présentations dynamiques avec SMIL et Lazy Nicolas Mérat automne 2001 Professeur G. Falquet Département de Système d Information Stockage de données multimédias et conception de présentations dynamiques avec SMIL et Lazy Table de matières 1. Introduction...

Plus en détail

Union sociale pour l'habitat

Union sociale pour l'habitat Union sociale pour l'habitat Guide Utilisateur - Organisme, - : 04 72 76 02 30 - : 04 72 76 02 39 SAS PHENIX ENGINEERING 352 200 844 RCS LYON SAS au capital de 637.648 PHENIX ENGINEERING Union sociale

Plus en détail

ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION

ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION OMPI SCIT/WG/2/4 ORIGINAL : anglais DATE : 10 août 1999 F ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION GROUPES DE TRAVAIL Deuxième session

Plus en détail

par Philippe Poulard Présentation XML Philippe Poulard 1 Philippe.Poulard@inria.fr

par Philippe Poulard Présentation XML Philippe Poulard 1 Philippe.Poulard@inria.fr 1 Philippe.Poulard@inria.fr Philippe Poulard Mise en bouche Voici à quoi ressemble un document XML : Cours

Plus en détail

Programmation Web Avancée JQuery

Programmation Web Avancée JQuery 1/27 Programmation Web Avancée JQuery Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017

Plus en détail

Cours No 10 - Conclusion et perspectives

Cours No 10 - Conclusion et perspectives B. Amann - Cours No 10 - Conclusion et perspectives 1 Slide 1 Cours No 10 - Conclusion et perspectives Gestion de contenus Web La gestion de contenus Web est possible grâce à des technologies complémentaires

Plus en détail

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

Plus en détail