Modèle d’édition de document multimédia Mémoire de fin d'études Master d'Informatique Étudiant : Duc Bao LE Sous la direction de : Cécile ROISIN, Professeur et Jan MIKÁČ, Ph.D Grenoble, Septembre 2007 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Introduction Remerciement Pour commencer, je tiens à remercier Cécile ROISIN pour m’avoir accueilli dans le projet LimSee3, de l’équipe WAM, à l’INRIA Rhône-Alpes. Je remercie tout particulièrement Cécile ROISIN et Jan MIKÁČ pour m’avoir guidé et soutenu durant ce stage et pour leurs nombreuses relectures du mémoire. 1 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Introduction Résumé Les travaux de ce stage consistent à étudier les techniques d’édition de document multimédia, le modèle d’édition de LimSee3, les propositions et les expérimentations d’exportation de document LimSee3 vers les formats de présentation multimédia. Nous présentons les différents modèles d’édition qui sont employés par les outils existants.
En plus, nous examinons d’exportation de document LimSee3 vers le format de document multimédia comme SMIL et le format qui ne supporte pas directement d’expression temporelle comme XHTML. En fait, le processus d’exportation est complexe en raison de la diversité de format de présentation de document multimédia. Nous proposons deux approches d’exportation ; l’un utilise Java et l’autre utilise un format intermédiaire avec les feuilles XSL. Le résultat est un cadre d’application offert au service d’exportation et les exportateurs de document LimSee3 vers de formats SMIL, XHTML+CSS+JavaScript, et un ordonnanceur en JavaScript qui permet de rajouter les scénarios temporels aux documents XHTML.
2 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Introduction Table de matières 1.2 Cadre de travail .3 Plan du mémoire. 6 Première partie : Analyse du sujet. Analyse du sujet .2 Format de document multimédia. 11 Deuxième partie : État de l’art .1 Navigation de document XML.2 Langages de Schéma .3 Transformation de documents XML.
Modèle de document multimédia.1 Synchronized Multimedia Integration Language .4 Scalable Vector Graphics. Modèle d'édition de documents multimédia .2 Typologie des systèmes d’édition. Modèle de Document LimSee3. Architecture de LimSee3.
31 Troisième partie : Contribution .2 Étude de l’exportation de LimSee3 .3 Approches possibles pour l’exportation .2 Exportation vers SMIL .3 Exportation vers XHTML+JavaScript+CSS .4 Exportation avec un template. 54 3 LUAN VAN CHAT LUONG download : add luanvanchat@agmail. 60 Annexe 1: Le DTD d’ordonnancement. 60 Annexe 2: Le DTD de format intermédiaire.
62 Table de figures Figure 1: Le processus de création de document multimédia. 8 Figure 2: Une structure d’arbre temporel de document (Bulterman 2005). 22 Figure 3: Le timeline d'un document (Bulterman 2005). 23 Figure 4: Un document basé sur le graphe (Bulterman 2005).
24 Figure 5: Le schéma du modèle de document LimSee3. 27 Figure 6: La représentation de document par l'axe temporel. 31 Figure 7: L'architecture de LimSee3. 32 Figure 8: Le processus d'exportation.
34 Figure 9 : La structure de l'exemple (Liste 1). 36 Figure 10: La correspondance entre le document LimSee3 et le document SMIL. 37 Figure 11: La structure de slideshow. 40 Figure 12: L'exportation avec la structure interne de LimSee3.
43 Figure 13: L'exportation par un format intermédiaire. 44 Figure 14: La correspondance entre le document LimSee3 et le format intermédiaire. 45 Figure 15: Le diagramme de classes d'exportation. 46 Figure 16: La représentation de l'ordonnancement de syncbase.
50 Figure 17: La représentation d'ordonnancement de (a) container "seq" et (b) container "par". 50 Figure 18: La représentation d'ordonnancement de container "excl". 51 Figure 19: Un exemple de modèle de graphe de ordonnanceur JavaScript. 52 4 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.1 Contexte De nos jours, les applications multimédias qui servent aux domaines très variés comme l’apprentissage à distance, la télémédecine, les loisirs… sont de plus en plus complexes.
Ces applications contiennent des documents multimédias qui se composent d’objets médias (ex. image, vidéo, audio, hypertexte, animation) obtenus à partir de sources hétérogènes qui se synchronisent les unes avec les autres. La création de ces documents est complexe et délicate. Les problèmes concernant les documents multimédias sont catégorisés en trois types : (1) le format de représentation, (2) l’outil d’édition, et (3) le lecteur du document.
Le format contraint le contenu et le comportement d’un document. En plus, un format standard permet aux auteurs de publier leurs produits en étant sûr que tout lecteur conforme au standard pourra exécuter correctement le document. Il existe des formats dédiés propriétaires comme Flash, MPEG41, ou des standards ouverts comme SMIL pour des documents multimédias. Les outils d’édition de document multimédia permettent de composer des sources médias hétérogènes et de produire des documents publiables sur l’équipement terminal (projecteur, écran, papier,…).
De nombreuses approches ont été expérimentées pour offrir des services d’édition de document multimédia [Rabin 1996], [Bulterman 2005], [Deltour 2005]. Normalement, un outil d’édition se base sur un modèle d’édition de document multimédia. Le lecteur sert à la restitution d’un document multimédia sur l’équipement terminal. Il prend en compte les interactions de l’utilisateur et les traite.
Le travail dans ce stage vise à contribuer au deuxième point de la problématique des documents multimédias, plus précisément, à la définition d’un modèle d’édition de document multimédia et à l’exportation de documents spécifiés dans ce format d’édition vers des documents standards. 1 Voir plus informations sur les sections 4.5 5 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.2 Cadre de travail Le travail de stage intitulé de « modèle d’édition de document multimédia » s’est déroulé au sein de l’équipe WAM [WAM], INRIA Rhône-Alpes, France pendant 6 mois. Le sujet été proposé dans le contexte du projet LimSee3 [LimSee3] dans le cadre d’une coopération entre l’INRIA et le projet européen Palette [Palette]. L’équipe WAM aborde quelques problèmes posés par les évolutions du Web.
Elle se focalise sur la transformation de documents considérée comme un type de traitement générique des documents du Web, particulièrement des documents multimédias. Le projet LimSee3 vise à développer une nouvelle génération de logiciel source libre pour l’édition de document multimédia utilisant une approche de template. Palette est un projet européen qui vise la facilité et l’augmentation individuel et apprentissage organisationnel pour la coopération dans un groupe d’utilisateurs. La partie théorique de ce stage comprend l’étude des modèles de document multimédia, l’analyse du modèle d’édition de document multimédia LimSee3 et des propositions d’exportation de document LimSee3 vers des formats standards.
La partie pratique propose des expérimentations qui sont intégrées dans le logiciel LimSee3, en particulier, la fonction d’exportation.3 Plan du mémoire La suite de ce mémoire est organisée en trois parties qui sont les suivantes : • Première partie : L’analyse du contexte de travail et des problèmes à étudier. • Seconde partie : L’état de l’art où des solutions technologiques sont présentées en plus des évaluations de ces technologies. • Troisième partie : La contribution où nous proposons des solutions pour les problèmes d’exportation et de template. Nous présentons aussi des expérimentations et les résultats obtenus.
• La conclusion, les perspectifs et les références terminent le mémoire. 6 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Introduction Première partie : Analyse du sujet 7 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Analyse du sujet 2. Analyse du sujet Les études dans le cadre de mon stage se divisent en trois parties principales : les études générales sur le modèle d’édition de document multimédia, l’exportation vers des formats standards, et des templates de LimSee3. Avec l’évolution des applications sur l’Internet, un document électronique est maintenant une composition complexe d’objets médias, en ajoutant une dimension temporelle en plus des dimensions spatiale et logique.
Cette évolution est le résultat de nouvelles capacités technologiques des ordinateurs (CPU, mémoire, disques,…), des réseaux (débit, protocoles), et des techniques numériques de traitement des données multimédias : son, vidéo, hypertexte, animation (codage, compression/décompression). Une conséquence est que la création des documents multimédias est de plus en plus complexe du fait qu’un document de ce type intègre par des compositions spatiale et temporelle des médias de types différents à partir de différentes sources (figure 1). Figure 1: Le processus de création de document multimédia Le cycle de vie d’un document multimédia passe par trois étapes : 1. L’étape d’édition où les auteurs rassemblent des objets médias, et les organisent en structures logiques, spatiales et scénarios temporels.
Les structures de document sont très différentes d’une application à l’autre. Par exemple, un slideshow se compose d’une chaîne de transparents qui contiennent un titre, une note de bas de page, et un contenu textuel. Un document de vidéo à la demande se compose de « trailers », et de courtes descriptions. On a donc besoin de structures 8 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Analyse du sujet spécifiques pour différents types d’applications.
L’étape d’édition produit des documents sous une forme qui dépend de chaque outil et ainsi un format de document a été définit dans le projet LimSee3. L’étape de publication où les auteurs mettent en place le résultat de l’éditeur sous une forme adaptée. Le document d’édition doit être transformé vers un format standard qui permet d’exécuter sur la plupart de lecteurs. L’étape d’exécution sert à jouer des documents.
Le lecteur décode le contenu des documents, résout des références vers des objets médias et restitue le document sur des périphériques terminaux (l’écran, le haut-parleur).1 Type d’application Les applications multimédias visées par le projet LimSee3 sont variées et utilisées dans des domaines différents. Leurs complexité est ainsi très variable. Par exemple, un album de photos familiales est une application simple permettant d’assembler des photos avec leur titre et leur description. Au contraire, une visite virtuelle d’une exposition est définie par une structure complexe qui contient des textes, des références de vidéos, des audio d’explication.
Ces objets médias de sources hétérogènes sont intégrés et synchronisés selon des contraintes temporelles et spatiales. On peut classer ces différentes applications par leur domaine d’utilisation: • Éducation et apprentissage : incluant l’instruction de l’aide par ordinateur, l’apprentissage interactif à distance, et l’encyclopédie multimédia. • Public : incluant la bibliothèque numérique, le musée virtuel. • Divertissement : incluant la vidéo à la demande, la TV interactive, l’album électronique, le journal électronique personnalisé, la messagerie multimédia.
• Office/commerce : incluant le système de consultation à distance, la visioconférence, le courrier électronique multimédia, la publicité, le travail collaboratif, la publication électronique, le magasin en ligne (médical, bancaire, tourisme…), l’exposition en ligne. • Autres : incluant le système de surveillance en ligne, le système de sécurité multimédia… 2.2 Format de document multimédia Comme on peut voir dans la figure 1, lors de l’étape de publication, le document créé doit être exporté vers des formats standards dédiés de la représentation. Le document pourra 9 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Analyse du sujet être interprété par des lecteurs. Avec le développement d’outils dédiés aux applications multimédias, de nombreux langages sont définis et expérimentés pour la présentation des documents multimédias dont voici les plus représentatifs : • Synchronized Multimedia Integration Language [W3C.SMIL] est un langage recommandé par W3C pour les documents multimédias qui permet d’intégrer des objets médias, des structures spatiales et des scénarios temporels dans un document.
Il support aussi des animations, des transitions et même des synchronisations entres des objets médias. • Scalable Vector Graphics [W3C.SVG] : il s'agit en fait d'un format pour les graphiques vectoriels. Sa dernière spécification importe des nombreux concepts de SMIL pour la synchronisation des objets médias et même l’animation. • Adobe Flash [Flash] est un format propriétaire d’Adobe qui permet de contenir des graphiques vectoriels, des objets multimédias, des animations, et des scripts.
• MPEG4 : est un standard développé par Moving Picture Experts Group [MPEG4]. MPEG4 est utilisé sur le Web, pour la conversation (visio-téléphone), pour la diffusion de vidéo sur les chaînes télévisées… À côté des formats standards, des solutions ad-hoc sont étudiées et expérimentées pour rendre un document multimédia exécutable sur le Web [Schmitz 2000]. En effet, des technologies XHTML avec JavaScript et CSS ont montré leurs capacités de représentation des contenus multimédias, [Raggett 2005], [Meyer 2006].