Project presentation Provide behaviour to XML/SVG elements

Fabrice Hong Informatique semestre 8

Assistant : Frédéric Fondement

What we’d like to do ƒ Definition of a language ƒ Abstract synthax ƒ Concrete synthax

ƒ Concrete synthax graphical edition tool Achat client

Client

Type : 0..1 Total : float

*

1

Nom : string Prénom : string Telephone : string QualiteClient : 0 .. 3

1

Vendeur

Achat

vendeur

George Money

Type : à crédit Total : 126.90 CHF

*

1

Dossier Dupont

1 liste Liste : list of string

Nom : string Prénom : string

achats

Prénom : Daniel Nom : Dupont Tel : +41214567788

SVG ƒ W3C standard that allows to define : ƒ ƒ ƒ ƒ ƒ ƒ

Vector graphics Animations Elements groups Many styles Text and picture Complex shapes

ƒ ƒ ƒ

Standard (programms, programmation) Source file is in text Free

ƒ Advantages of SVG

Problematic ƒ ƒ ƒ

SVG is static Complex interactions impossible We would like automated behaviour ƒ Links ƒ Imbricated shapes ƒ Editing component

ƒ Handle interaction in a modular and easy way Achat client

Client

Type : 0..1 Total : float

*

1

Nom : string Prénom : string Telephone : string QualiteClient : 0 .. 3

Achat

vendeur

George Money

Type : à crédit Total : 126.90 CHF

*

1 1

1

Dossier Dupont

Vendeur

liste Liste : list of string

Nom : string Prénom : string

achats

Prénom : Daniel Nom : Dupont Tel : +41214567788

SVG extension example

Résolution du problème ƒ Java for programming ƒ SVG display with Batik ƒ XML gestion with Dom ƒ SVG elements behaviours with DOPIDOM BATIK Display and handle SVG Screen

DOM Handle XML SVG/XML DOCUMENT

DOPIDOM Handle behaviours

Batik ƒ Used in the project ƒ SVG parsing ƒ SVG rendering

ƒ Other modules ƒ Generator ƒ Browser

Dom ƒ Allow to dynamically access XML documents. ƒ Many different types of nodes, implementing methods accessing and navigation

Dopidom ƒ ƒ ƒ ƒ ƒ ƒ

Provide behaviour to SVG component DOPIDOM = Document presentation instrument Based on DOM and SVG Wraps DOM component to interactives components. Interactions and components are defined separately Specify consomable actions and queries

Interactors ƒ Interaction by mean of tools (interactor) ƒ Components will consume actions and queries they can execute

UML model of components ƒ Interactive components are attached to SVG nodes (wrapping) ƒ Actions modify component ƒ Queries return an information

Dopidom

Dopidom ƒ Interactors ƒ ƒ ƒ

Hand Paint Brush PaintGlass Button

ƒ Passives components ƒ ƒ ƒ

Palette Basic Shape Paint Color

TODO : ƒ Kind of components ƒ Links ƒ Containers

ƒ Interactors ƒ To move components ƒ To edit or create new components

ƒ Editing components ƒ Combo ƒ Listbox ƒ Text Fields