]> Technologies XML pour le développement web Identité : Prénom Nom ( ans)

Cliquez pour éditer la question

Cliquez pour éditer la réponse

par

Cliquez pour éditer la question

Cliquez pour éditer la réponse

""

Technologies XML pour le développement d'applications Web

du projet européen Palette à la création d'Oppidoc

Stéphane Sire

Contact: s.sire@oppidoc.fr

Intervention au séminaire Inria du mercredi 12 juin 2013 à l'EPFL, salle INM202

Remerciements

MEDIA research Group
EPFL logo

Projet WAM
INRIA logo

Centre de recherche Henri Tudor
CRP Tudor Logo

Utilisez les flèches du clavier pour naviguer

Documents web: présentation vs. sémantique ?

Le language du web (1) ?

Le language du web (2) ?

Document vs. données ?

1ère Partie

Déroulement historique

Au commencement : le projet FP6 Palette

“Développer des services pour l'apprentissage dans les communautés de pratiques”

Extrait du site Cordis

Strategic objective: Technology-enhanced Learning
Project type: Integrated project (IP)
Start date: 1 February 2006
Duration: 36 months
EU funding: € 6 000 000
Number of partners: 14
Project coordinator: GEIE ERCIM, Sophia Antipolis, France
Scientific coordinator: Christine Vanoirbeek, EPFL, Suisse

Le lien avec l'édition de documents

Limitations dans les communautés de pratiques

Édition de documents structurés (1)

Édition de documents structurés (2)

Édition de documents structurés (3)

L'INRIA apporte une technologie

Mais il y a des barrières d'adoption

Parenthèse: un peu de place au hasard

L'idée germe...

La librairie AXEL

L'idée se développe...

Notes

2e Partie

Introduction à AXEL et XTiger XML

pour fabriquer des documents éditables sur le Web

avec XHTML, CSS et Javascript

Fonctionnement de la librairie "axel.js"

Template XTiger XML minimal

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:xt="http://ns.inria.org/xtiger">
  <head>
    <xt:head label="Document">
      <xt:component name="sample">
        <p>à compléter</p>
      </xt:component>
    </xt:head>
  </head>
  <body>
    <p>
      <xt:use types="text" label="Test">cliquer pour éditer
      </xt:use>
    </p>
  </body>
</html>
        

Le millefeuille XTiger XML

Liste FAQ (exemple)

Liste FAQ (code XTiger XML)

Liste FAQ (exemple amélioré)

Liste FAQ (code amélioré)

Liste FAQ (exemple étendu)

Liste FAQ (code étendu)

Liste FAQ (exemple structuré)

Liste FAQ (code structuré)

Note: boutons de répétition

Liste FAQ (exemple complet)

Liste FAQ (code complet)

En résumé ...

Fonctionnalités de l'API Javascript

API Javascript : Wrapped Set (a-la jQuery)

3e Partie

Développement serveur

Tout en XML !

Développement avec XML

Oppidum : Principes

Oppidum : le Pipeline

Oppidum : Modèle d'exécution

Oppidum : Gabarit de page

Exemple de flux

Spécification d'une application d'édition en 6 pipelines

Réalisation : Focus

Réalisation : Alliance

Réalisation : UAP

Réalisation : PSE

Conclusion