Exemples de DTD XML pour les interfaces homme-machine JMF

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Exemples de DTD XML pour les interfaces homme-machine JMF"

Transcription

1 Exemples de DTD XML pour les interfaces homme-machine 1

2 Introduction XML utilisé pour les IHM Plusieurs DTD : SMIL, SVG, X3D Evidemment du texte (XML) balisé 2

3 SMIL (pronounced "smile") 3

4 4 Présentation SMIL = Synchronized Multimedia Integration Language Spécification du W3C pour des présentations audio visuelles interactives de technologie multimédia "riches" audio et vidéo en flot (streaming) comportant aussi des images et du texte. Site de référence de SMIL : Actuellement (janvier 2009) version SMIL 3.0

5 5 SMIL = Permet une description : temporelle, positionelle, et le comportement aux interactions utilisateur d'une présentation multimedia => ~ la TV interactive du web? Soutenu par le W3C, RealNetworks, IBM, Intel, Macromedia, Microsoft, Netscape/AOL, Nokia, Ericsson, Canon, Panasonic, Philips, et d'autres Complètement gratuit

6 Interpréteurs SMIL Voir à : Certains disponibles pour Linux, Linux/PDA, Mac OS X, Windows et WinCE Lecteur SMIL : AMBULANT 2.0 (http://www.ambulantplayer.org/) pour SMIL 3.0 plusieurs pour SMIL 2.x dont RealPlayer 6

7 SMIL : syntaxe (1) Les deux premières lignes d'un document SMIL (2.0) (le prologue XML) sont : <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/smil20/smil20.dtd"> La racine d'un document SMIL (après le prologue) est l'élément <smil> possédant au moins son attribut XML namespace, parfois complété par la langue et un titre du document. Par exemple : <smil xmlns="http://www.w3.org/2001/smil20/language" xml:lang="en" title="smil template"> </smil> 7

8 SMIL : syntaxe (2) L'élément <smil> possède deux sous éléments <head> et <body> Un document SMIL minimal : <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/smil20/smil20.dtd"> <smil xmlns="http://www.w3.org/2001/smil20/language" xml:lang="en" title="smil template"> <head> </head> <body> </body> </smil> La balise <head> contient les informations sur la présentation comme : layout : la mise en forme 8 meta : propriétés de la présentation

9 SMIL : syntaxe (3) La balise <body> contient le déroulement dans le temps (la partie temporelle) Ces principales balises sont : a : Lien par : Lecture parallèle de plusieurs médias seq : Sequence switch : Choix à l'utilisateur ainsi que les "média objects" 9

10 media objects Media object = un objet multimédia = Une image (jpeg, gif, png, etc.). Une video (mpeg, avi, mov, etc.), avec ou sans le son Un son (mp3, wav, au, aiff, rm, mov). image vectorielle (svg, swf, etc). une texte plein (txt, ascii, etc). un texte "streamé" "temporel" (sub, rt, sami, etc). Balise associée : img video audio animation text textstream 10

11 Media object : syntaxe Exemples : ne pas oublier / (XML oblige) <img src="picture.jpg"/> <video src="movie.mpg"/> attribut src MediaClipping pour une vidéo utilisation des attributs clipbegin, clipend <!-- Exécute la video immédiatement mais après ses 20 premières secondes --> <video src="movie.mpg" clipbegin="20s"/> <!-- S'arrète au temps 14:30 de la vidéo --> <video src="movie.mpg" clipend="14:30"/> <!-- Montre une frame de cette vidéo --> <video src="movie.mpg" clipbegin="14:55.7" clipend="14:55.7"/> 11

12 Synchronization Multimedia C'est le but de SMIL!! La séquencialité : balise seq <seq> <video src="video1.mpg" /> <video src="video2.mpg" /> <video src="video3.mpg" /> </seq> La simultanéité : balise par <par> <video src="video1.mpg" /> <video src="video2.mpg" /> <video src="video3.mpg" /> </par> 12

13 Itérations Répéte 4 fois un fichier son : <audio src="telephone.wav" repeatcount="4"/> Exécute (éventuellement en bouclant) 16 secondes <audio src="telephone.wav" repeatdur="16s"/> 13

14 Attribut id Exemple Identifier les medias <par> <video id="v1" src="video1.mpg"/> <video id="v2" src="video2.mpg" begin="v1.end+00:02"/> <video id="v3" src="video3.mpg" begin="v2.end+00:02"/> </par> => par devient seq!! 14

15 Région = rectangle Deux étapes : on définit une région 15 Placement des medias on met le média dans la région Balise region, ayant pour attribut : width et height, largeur et hauteur du rectangle left, right, top et bottom, coordonnées des sommets fit indique que le media doit remplir la région regionname = nom de la région ~ id pour un media. z-index : poids de la région. Les régions de plus fort poids sont empilées sur les autres ~ valeur dans l'axe z Les unités de longueur peuvent être px, cm, mm (cf. CSS à et %

16 Placement des medias : syntaxe Les régions sont définies avec la balise region dans l'unique balise layout sous-balise de head. Un exemple : <head> <layout> <region id="regionvideo" width="352px" height="240px"/> <region id="regionpourphoto" width="6in" height="4in"/> <region id="half-center" left="25%" top="25%" width="50%" height="50%"/> </layout> </head> 16

17 Placement des medias : synthèse Un exemple : <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/smil20/smil20.dtd"> <smil xmlns="http://www.w3.org/2001/smil20/language" xml:lang="en" title="smil template"> <head> <layout> <region regionname="half-center" left="25%" top="25%" width="50%" height="50%"/> </layout> </head> <body> <video src="mambodance.mpg" region="half-center"/> </body> </smil> Une demo avec AmbulantPlayer, fichier avecregionname.smil on peut utiliser id à la place de regionname 17

18 Un exemple plus complet Un exemple complet : <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/smil20/smil20.dtd"> <smil xmlns="http://www.w3.org/2001/smil20/language" xml:lang="en" title="picture-in-picture Television"> <head> <layout> <toplayout width="640px" height="480px"> <region id="main-video" left="0%" top="0%" width="100%" height="100%" fit="fill"/> <region id="corner-video" left="67%" top="67%" width="33%" height="33%" fit="fill"/> </toplayout> </layout> </head> <body> <par> <video id="chameleon-video" src="chameleo2001.mpg" end="20s" region="main-video"/> <video id="mambo" src="mambodance.mpg" region="corner-video" begin="3s"/> </par> </body> </smil> Une demo : complet.smil 18

19 Les animations avec SMIL (1/2) Voir à Plusieurs balises sont disponibles. Elles ont des attributs (supplémentaires) d animation comme : attributename Indique le nom de l attribut sur lequel porte l animation targetelement Permet d animer une région from, to, and by Indique les bornes de l attribut animé Un exemple : <region id= oeil" width="0px" height="30px" top="50px" left="50px" fit="fill"/> <animate targetelement="oeil" attributename="width" to="30px" dur="3s fill="freeze"/> freeze indique de geler la valeur finale (sinon l animation revient aux valeurs initiales) 19

20 Les animations avec SMIL (2/2) Une demo : animation.smil dans RealPlayer <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/smil20/smil20.dtd"> <smil xmlns="http://www.w3.org/2001/smil20/language" xml:lang="en" title="animated SMILe"> <head> <layout> <toplayout width="320px" height="240px" backgroundcolor="#000000"> <region id="left-eye" width="0px" height="30px" top="50px" left="50px" fit="fill"/> <region id="right-eye" width="30px" height="0px" top="140px" left="50px" fit="fill"/> <region id="nose" width="0px" height="30px" top="100px" left="120px" fit="fill"/> <region id="mouth" width="49px" height="0px" top="25px" left="245px" fit="fill"/> </toplayout> </layout> </head> <body> <par> <brush color="#ffffff" region="left-eye"/> <brush color="#ffffff" region="right-eye"/> <brush color="#ffffff" region="nose"/> <img src="smile.png" alt="a SMILe" region="mouth"/> <animate targetelement="left-eye" attributename="width" to="30px" dur="3s" fill="freeze"/> <animate targetelement="right-eye" attributename="height" to="80px" dur="3s" fill="freeze"/> <animate targetelement="nose" attributename="width" to="100px" dur="3s" fill="freeze"/> </par> </body> </smil> <animate targetelement="mouth" attributename="height" to="190px" dur="3s" fill="freeze"/> 20 Un smiley (mouais ;-)

21 Bibliographie SMIL page d'accueil du site de référence sur SMIL Un tutorial en français : 21

Créer un document multimédia avec SMIL

Créer un document multimédia avec SMIL Créer un document multimédia avec SMIL Sébastien Laborie Sebastien.Laborie@iutbayonne.univ-pau.fr http://slaborie.perso.univ-pau.fr 1 Sébastien Laborie Créer un document multimédia avec SMIL XML : extensible

Plus en détail

Applications multimédias réparties

Applications multimédias réparties Applications multimédias réparties Kamal BEYDOUN Master 2 Professionnel Option SRR Université Joseph Fourier Grenoble Kamal_Beydoun@hotmail.com 16/11/2004 1 Plan Introduction Protocole RTP Protocole RTCP

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

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

Service de stockage et de diffusion de contenus vidéo sur IP

Service de stockage et de diffusion de contenus vidéo sur IP Service de stockage et de diffusion de contenus vidéo sur IP 1 Principe de diffusion streaming Numérisation encodeur Diffusion Streamer vidéo Visualisation par temporisation Logiciel de visualisation stockage

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

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

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

système et programmation

système et programmation Multimédia : système et programmation Serveur multimedia Un exemple typique détaillé : serveur VoD Serveurs fonctionnent comme un magnétoscope (lecteur DVD) Système VoD ou near-vod : VoD : lecture à tout

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

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

Introduction Tendance dans le web. SMIL: Synchronized Multimedia Integration Language 2.0. Objectifs du projet : version 2. Plan

Introduction Tendance dans le web. SMIL: Synchronized Multimedia Integration Language 2.0. Objectifs du projet : version 2. Plan SMIL: Synchronized Multimedia Integration Language 2.0 Nail LAYAÏDA INRIA Rhône-Alpes SYMM WG/W3C, Mononnot Nail.Layaida@inrialpes.fr!!! Introduction Tendance dans le we! Diversité des formats et des plates

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

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

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

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

Création de vidéos pour streaming

Création de vidéos pour streaming Création de vidéos pour streaming Dominique PRESENT I.U.T. de Marne la Vallée L infrastructure : Web + streaming serveur administration serveur Web Hub "streaming" r é s e a u Hub client Serveur «sreaming»

Plus en détail

DTD (Document Type Definition) - XML (extensible Markup Language)

DTD (Document Type Definition) - XML (extensible Markup Language) DTD (Document Type Definition) - 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

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

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

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

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML 1. AVERTISSEMENT L objectif de ce support de cours n est pas de faire un catalogue exhaustif de toutes les fonctionnalités ou de toutes les balises

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

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

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

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

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

RTSP - Introduction (1/2)

RTSP - Introduction (1/2) RTSP - Introduction (1/2) Protocol suite: TCP/IP. Type: Application layer protocol. Working group: mmusic, Multiparty Multimedia, Session Control RFC 2326: «RTSP is an application-level protocol for control

Plus en détail

Internet et Multimédia. Plan

Internet et Multimédia. Plan à l Université Pierre et Marie Curie, le 16 février 2004 Maîtrise Polyvalente Internet et Multimédia Cours 2 : Documents multimédia Timur FRIEDMAN Document XML SMIL Plan Plan Document Le document 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

Créer un modèle pour Joomla 1.5

Créer un modèle pour Joomla 1.5 Créer un modèle pour Joomla 1.5 Dans le dossier templates de Joomla, créer un nouveau dossier au nom du modèle (lettres-chiffres-tirets, éviter caractères accentués et spéciaux) Dans ce dossier template/nom_du_modèle,

Plus en détail

Introduction a X3D. Sebti Foufou 10/11/2006 1

Introduction a X3D. Sebti Foufou 10/11/2006 1 Introduction a X3D Sebti Foufou 10/11/2006 1 Historique X3D est la 3e version de VRML Le VRML (Virtual Reality Modeling Langage ou Langage de Modélisation de la Réalité Virtuelle) est un langage qui permet

Plus en détail

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation Plan et : rappels Cours Document et Web Sémantique Nicolas Malandain 1 Généralités Organisation Les éléments Les attributs Les sections littérales Les Entités Conseils 2 Organisation Les éléments Les attributs

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

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

Attributs et types de fichiers. Cours 3. Master LFA, 2011/2012

Attributs et types de fichiers. Cours 3. Master LFA, 2011/2012 Attributs et types de fichiers Cours 3 Master LFA, 2011/2012 Attributs d un fichier Nom et extension Taille : mesurée en octets, Ko, Mo,... Chemin d'accès (chemin absolu) Date de création de dernière mise

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

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

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

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

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

Cours Web - Javascript

Cours Web - Javascript Cours Web - Javascript Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Se familiariser avec le langage Javascript et acquérir une pratique minimale. Être capable d intégrer des scripts clients

Plus en détail

LE LANGAGE XML. I. Généralités. Historique

LE LANGAGE XML. I. Généralités. Historique I. Généralités Historique LE LANGAGE XML Année Langage Description 1950 Hypertexte Premiers développements théoriques par Ted Nelson. 1969 Generalized Markup Language Développement du GML par IBM. 1986

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

Programmation WEB. HTML et Javascript

Programmation WEB. HTML et Javascript Programmation Web : HTML et Javascript Michaël Krajecki Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique Moulin de la Housse - BP 1039 51687 Reims Cedex 2. Tél. : 03 26

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

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Bases du multimedia en formation (aperçu général)

Bases du multimedia en formation (aperçu général) Bases du multimedia en formation (aperçu général) Michel Cartereau - Juin 2013 michel.cartereau à agroparistech.fr http://www.agroparistech.fr/mmip/mc/ Objectifs Connaître les principales caractéristiques

Plus en détail

Le Rich Média, concept et technologies---

Le Rich Média, concept et technologies--- VERDU Jean Philippe Juillet 2009 Le Rich Média, concept et technologies--- Introduction Les interfaces entre l homme et la machine (IHM) évoluent constamment depuis plus de 40 ans tant sur le terrain des

Plus en détail

Modes d'emploi d'outils complémentaires

Modes d'emploi d'outils complémentaires Modes d'emploi d'outils complémentaires 2 Table des matières Chapitre 1 - Outils complémentaires... 4 1. Tutoriel de montage vidéo basique 4 1.1. Préparation de la vidéo à découper 4 1.2. Découverte de

Plus en détail

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any

Plus en détail

Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007)

Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007) Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007) Enregistrement de la narration Une diapositive contient un document iconographique pour lequel vous souhaitez enregistrer un commentaire

Plus en détail

Les images informatiques

Les images informatiques Les images informatiques Le bitmap L image est composée de points (pixels), avec une information de position et de couleur Sur 1 bit en noir et blanc Sur 8 bits soit 256 positions Sur 24 bits soit 8 bits

Plus en détail

Classe de première SI HTML

Classe de première SI HTML HTML Table des matières 1. Le fonctionnement des sites web...2 2. HTML et CSS : deux langages pour créer un site web...3 2.1. Les rôles de HTML et CSS...3 2.2. Les différentes versions de HTML et CSS...3

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

INU3011 Documents structurés

INU3011 Documents structurés INU3011 Documents structurés Cours 1 Hiver 2016 Copyright 2010-2016 Yves Marcoux - Reproduction interdite 1 Plan Introduction à XML En quoi ce cours peut vous être utile dans votre carrière? Contextes

Plus en détail

Durée maximale 1 fichier au format MP4 l index en début de fichier 1 URL de clic par créa 1 pixel 1x1 pour les impressions En option

Durée maximale 1 fichier au format MP4 l index en début de fichier 1 URL de clic par créa 1 pixel 1x1 pour les impressions En option 1 URL de clic par créa Intégration d un adserver tiers. Nécessite : En cas d un VPAID merci d indiquer une phrase de décompte. Exemple : «Fin de cette publicité dans X Possibilité d utiliser en plus ou

Plus en détail

Les feuilles de styles

Les feuilles de styles Qu'est-ce que les feuilles de style? Les feuilles de style CSS pour Cascading Style Sheets en anglais est un langage informatique qui sert à décrire la présentation des documents HTML. L'un des objectifs

Plus en détail

Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript

Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript Mode d'emploi pour Hot Potatoes Permet la lecture d'animations swf, de vidéos flv, et de fichiers son mp3 Sommaire Insertion de vidéo

Plus en détail

La tablette pour toute la famille

La tablette pour toute la famille La tablette pour toute la famille LA TABLET AU FORMAT FAMILIAL La taille parfaite pour un usage familial, le nouveau ARCHOS FamilyPad et son impressionnant écran HD de 34 cm sera le compagnon quotidien

Plus en détail

M2202 Algorithmique TD 5 : Une bannière animée interactive

M2202 Algorithmique TD 5 : Une bannière animée interactive M2202 Algorithmique TD 5 : Une bannière animée interactive Nous verrons dans ce TD comment : enchainer une suite d'images en fondu dans une bannière ; afficher une image spécifique de cette bannière par

Plus en détail

Les services web. Module 04 Les Services Web. Campus-Booster ID : 697. www.supinfo.com. Copyright SUPINFO. All rights reserved

Les services web. Module 04 Les Services Web. Campus-Booster ID : 697. www.supinfo.com. Copyright SUPINFO. All rights reserved Les services web Module 04 Les Services Web Campus-Booster ID : 697 www.supinfo.com Copyright SUPINFO. All rights reserved Les services web Objectifs de ce module En suivant ce module vous allez: Comprendre

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

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

INTRODUCTION. méta-langage

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

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

II Flash - SWF - haxe

II Flash - SWF - haxe II Flash - SWF - haxe A. Introduction On appelle communément «animation Flash» ou «application flash», un contenu animé, dynamique, interactif d un site Internet. Flash existe depuis plus de dix ans maintenant

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

Fichiers Audio et Vidéo

Fichiers Audio et Vidéo Fichiers Audio et Vidéo Formats, caractéristiques, compatibilités et conversions Mickaël MARCHAL Téléchargé sur http://www.lesitedemika.org Sommaire Les fichiers audio Concepts Qualité sonore Formats de

Plus en détail

Compression multimédia

Compression multimédia Compression multimédia 1/21 Compression multimédia Théorie des réseaux nils.schaefer@sn-i.fr Compression multimédia 2/21 Limites de la compression générique Méthodes de compression génériques Aucune connaissance

Plus en détail

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

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Société INOVEXPO Organisateur de salons virtuels

Société INOVEXPO Organisateur de salons virtuels Société INOVEXPO Organisateur de salons virtuels DOSSIER TECHNIQUE STANDS VIRTUELS DU PARC D EXPOSITION BATILOGIS PRESENTATION D UN STAND VIRTUEL Visite en toute sérénité Grâce à un simple ordinateur et

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des images Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Ce chapitre vous montre comment ajouter et afficher des images dans un site Web

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

Programmation Web TP2 CSS i

Programmation Web TP2 CSS i Programmation Web TP2 CSS i Objectifs : Construction d'une page web : comprendre et utiliser un fichier CSS ; définir la structure d'une page web ; Consignes et Pré-requis Lire attentivement cet énoncé

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

OTESA : les Outils pour la Transmission en direct et l'enregistrement de cours, Séminaires, conférences d'aristote

OTESA : les Outils pour la Transmission en direct et l'enregistrement de cours, Séminaires, conférences d'aristote Association Aristote OTESA : les Outils pour la Transmission en direct et l'enregistrement de cours, Séminaires, conférences d'aristote J. Prévost (RENATER), Antoine Cellerier (ECP), Benoit Le Bonhomme

Plus en détail

La classe WINDOW de JS

La classe WINDOW de JS La classe WINDOW de JS Classe au sommet de la hiérarchie On peut omettre le préfixe window. Pour le document courant Obligatoire si l'utilisateur crée sa propre classe La classe WINDOW de JS Propriétés

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

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

Spécifications de l importation dans Ganesha 4 des fichiers au format CSV et XML

Spécifications de l importation dans Ganesha 4 des fichiers au format CSV et XML Spécifications de l importation dans Ganesha 4 des fichiers au format CSV et XML SAS au capital de 51 860 euros - RCS Paris B 432 224 855 Siret : 432 224 855 00028 - NAF/APE : 804 D Historique des modifications

Plus en détail

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels HTML tableau Lévis Thériault, hiver 2009 Structure d un tableau

Plus en détail

Vidéo-diffusion des savoirs La solution qui lave plus libre. Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot

Vidéo-diffusion des savoirs La solution qui lave plus libre. Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot Vidéo-diffusion des savoirs La solution qui lave plus libre Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot Plan Introduction Protocoles, codecs et conteneurs Inventaire de solutions

Plus en détail

AFFICHAGE DYNAMIQUE : accueil public, gestion de files d attente, communication interne,

AFFICHAGE DYNAMIQUE : accueil public, gestion de files d attente, communication interne, AFFICHAGE DYNAMIQUE : accueil public, gestion de files d attente, communication interne, Votre interlocuteur : Dimitri QUIQUET Ingénieur d'affaires Grands Comptes Nord Picardie Tel : 0.825.120.744 Fax

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

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

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 Code NFA053, 6 ECTS Chapitre 02 HTML / LIENS ET INSERTIONS D OBJETS Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de

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

Internet et la vidéo numérique

Internet et la vidéo numérique Internet et la vidéo numérique Dominique PRESENT I.U.T. de Marne la Vallée Flux asynchrones, synchrones et isochrones Un flux est l ensemble des trames échangées entre 2 applications Un flux est asynchrone

Plus en détail

GESTION PREDICTIVE DE LA QUALITE DE SERVICE POUR DES PRESENTATIONS AU FORMAT SMIL

GESTION PREDICTIVE DE LA QUALITE DE SERVICE POUR DES PRESENTATIONS AU FORMAT SMIL GESTION PREDICTIVE DE LA QUALITE DE SERVICE POUR DES PRESENTATIONS AU FORMAT SMIL BELKHIR Abdelkader, NOUASRI Amine Kaderbelkhir@hotmail.com noamine@yahoo.fr USTHB, Faculté Génie Electrique Laboratoire

Plus en détail

Guide pratique pour aligner une transcription sous ELAN

Guide pratique pour aligner une transcription sous ELAN Guide pratique pour aligner une transcription sous ELAN Version 2.0 Juin 2009 Isabel Colón de Carvajal Laboratoire ICAR (CNRS & Université de Lyon) 1 Introduction générale... 1 2 Installation du logiciel...

Plus en détail

SPECIFICATIONS TECHNIQUES. Envoi de SMS/MMS depuis notre plate-forme

SPECIFICATIONS TECHNIQUES. Envoi de SMS/MMS depuis notre plate-forme SPECIFICATIONS TECHNIQUES Envoi de SMS/MMS depuis notre plate-forme v2.0 I - Introduction Ce document a pour objet d expliquer la procédure de raccordement des applications à la plate-forme SMS/MMS de

Plus en détail

XML - Semaine 2. XML - Semaine 2. Pierre Nerzic. février-mars 2016. 1 / 54 Pierre Nerzic

XML - Semaine 2. XML - Semaine 2. Pierre Nerzic. février-mars 2016. 1 / 54 Pierre Nerzic XML - Semaine 2 Pierre Nerzic février-mars 2016 1 / 54 Pierre Nerzic Le cours de cette semaine présente la vérification d un document à l aide de deux techniques : Les Document Type Definitions (DTD) venant

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

(Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire!

(Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire! (Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire! En effet, les développeurs web, graphistes, webdesigners et webmasters pro ou amateurs connaissent Flash

Plus en détail

Webinaires Recette de cuisine : transmission en direct des séminaires Aristote et autres événements

Webinaires Recette de cuisine : transmission en direct des séminaires Aristote et autres événements TutoJRES 5 Webinaires Recette de cuisine : transmission en direct des séminaires Aristote et autres événements Jacques.Prevost@CEA.fr www.renater.fr Mis à jour :Février 2008 Diffusion de séminaires et

Plus en détail

XML & DTD. Aurélien Tabard, Université Lyon 1. Basé sur les cours de Yannick Prié. Aurélien Tabard - Université Claude Bernard Lyon 1

XML & DTD. Aurélien Tabard, Université Lyon 1. Basé sur les cours de Yannick Prié. Aurélien Tabard - Université Claude Bernard Lyon 1 XML & DTD Aurélien Tabard, Université Lyon 1 Basé sur les cours de Yannick Prié!1 Objectifs du cours Être capable de comprendre des documents XML et des DTD Être capable de construire des documents XML

Plus en détail

Groupe Eyrolles, 2005, ISBN : 2-212-11428-1

Groupe Eyrolles, 2005, ISBN : 2-212-11428-1 Groupe Eyrolles, 2005, ISBN : 2-212-11428-1 Table des matières AVANT-PROPOS...XIII 1. PUBLIER SUR LE WEB... 1 Créer un site dynamique 2 Préparation du projet 3 Définition des objectifs 3 Réflexion sur

Plus en détail

Création de vidéos pour streaming. Dominique PRESENT I.U.T. de Marne la Vallée

Création de vidéos pour streaming. Dominique PRESENT I.U.T. de Marne la Vallée Création de vidéos pour streaming Dominique PRESENT I.U.T. de Marne la Vallée L infrastructure : Web + streaming administration serveur serveur Web Hub "streaming" r é s e a u Hub client Serveur «sreaming»

Plus en détail

Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne.

Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne. Travail dirigé Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne. Item B53 : Réaliser des documents hypermédias intégrant textes, sons, images fixes et animées et liens internes

Plus en détail