170 likes | 273 Views
Une chaîne éditoriale développée dans le cadre du CIRM. François Dagorn Journées pédagogiques de l’IFSIC. Le problème posé. Produire des modules de formations en grande quantité ; Disposer d’interfaces ergonomiques évolutives ;
E N D
Une chaîne éditoriale développée dans le cadre du CIRM François Dagorn Journées pédagogiques de l’IFSIC
Le problème posé • Produire des modules de formations en grande quantité ; • Disposer d’interfaces ergonomiques évolutives ; • Réutiliser les contenus dans le temps (modifications, nouvelles versions) ; • Disposer de différents supports (HTML, polycopiés).
L’état des lieux • Les modules sont développés avec des composeurs HTML (DreamWeaver) ; • Difficultés pour bâtir les tables de matières, les glossaires, bibliographies, …. • Mises à jour compliquées ; • Le développement d’un module est assez long ; • Un module.
La réponse proposée • Développement d’une chaîne éditoriale permettant de produire en masse des documents, en se basant sur une stricte séparation entre les formats de stockage et de publication de l’information.
L’architecture retenue • Un éditeur XML pour saisir les contenus • Un seul document XML par module ; • Un cœur d’application qui effectue des transformations indépendantes de la forme ; • Implémentation des chartes graphiques sous forme de plugin (un par charte).
La structure d’un module (1) • Titre • Auteurs • Guide d’étude • Chapitres • [Paragraphes typés] • Sous-chapitres • [Paragraphes typés] • Sections • [Paragraphes typés] • 5 niveaux max • Glossaire, bibliographie, webographie.
<?xml version="1.0" encoding="ISO-8859-1"?> <!-- edited with XMLSPY v5 rel. 3 (http://www.xmlspy.com) by dagorn (univ rennes (fr)) --> <!--W3C Schema generated by XMLSPY v5 rel. 3 (http://www.xmlspy.com)--> <schema xmlns:xs="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified"> <xs:element name="module"> <xs:complexType> <xs:sequence> <xs:element ref="auteurs" /> <xs:element ref="chapitre" maxOccurs="unbounded"/> <xs:element ref="annexes" /> <xs:element ref="guide_etude" /> <xs:element ref="glossaire"/> <xs:element ref="bibliographie" /> <xs:element ref="webographie" /> </xs:sequence> <xs:attribute name="id" type="xs:string" use="required"/> </xs:complexType> </xs:element>
Les paragraphes typés (1) • Ils sont appelés unités d’affichages ; • standard, définition, résumé, important, conseils, objectifs, exemple, citation, remarque, conclusion, exercice. • Les unités d’affichages sont formatées au moyen des outils standards de traitement de textes (puces, images, tableaux, …).
Les paragraphes typés (2) • Les unités d’affichages peuvent comporter des annotations (cf., en savoir plus, référence, conseil) ; • Des médias peuvent être intégrés dans les unités d’affichages (animation, clip vidéo, clip audio, liens www, schéma, carte, photo, document pdf).
La mise à jour des contenus • La mise à jour des contenus est effectuée par un éditeur XML. Les éditeurs XML du marché ont été écartés • ils nécessitent en général une installation sur le poste de travail des utilisateurs ; • ils proposent souvent une interface d’utilisation assez complexe (cf. XmlSpy).
edx • edx est un éditeur XML développé pour les besoins de la chaîne éditoriale : • edx embarque dans un navigateur WWW ; • edx permet de mettre à jour une structure XML définie par un XML Schema ; • edx analyse le schema et propose des grilles de mise à jour adaptées (en fonction d’un positionnement xpath qui lui est fourni) ; • edx permet de partager la mise à jour d’un module entre plusieurs utilisateurs (compatible SSO CAS) ; • Un exemple d’usage.
Une version spécifique d’edx (1) • edx permet de déclarer que certains éléments sont de type WYSIWYG. Dans ce cas un composant Javascript est utilisé pour formater les paragraphes. Il a été modifié pour permettre la saisie des unités d’affichage (disposer d’une interface conviviale pour introduire les médias, les en savoir plus, les références, …). • Exemple.
Une version spécifique d’edx (2) • Des attributs inutilisés de <IMG> pour gérer les contenus spécifiques : <IMGdatafld=7 datasrc=topologie.gif src="images/cirm/carte_a.gif" lowsrc="Une carte du golfe du morbihan vu de loin par temps de brume. " > <IMGdatafld=20 datasrc=$\ds{U_n=\frac{\sin(n)}{\sqrt{n}}}$ src="images/cirm/latex.gif" >
La production des supports Plugin machin Plugin repetud edx XML embarquant du HTML cec Plugin ENVAM XML Plugin IFSIC HTML Diaporama PDF
La structure d’un plugin Le document XML d’un module XSLT XSLT Sources de la charte graphique LaTeX HTML Post traitement Post traitement Le module au format HTML Le polycopié au format PDF
démonstration • demo