© Talend 2011© Talend 2011 1

Porting a GMF application to the Web

Context and Architecture overview

Real life demo

Detailed Architecture

Oryx Limitations compared with GMF

Oryx artifact generation(Demo)

Questions ?

© Talend 2011

High Level Architecture

SVN

Talend Integration SuiteRCP app with business

modelerGMF Editor

Talend Admin CenterWeb app without business

modeler

Talend Admin CenterWeb app with business

modelerOryx Editor

© Talend 2011© Talend 2011 3

Show Time!

© Talend 2011

Client (Javascript)

Web application Details

XHTML

Server (Java)

Oryx API

GMF

Servlet

SVG EXTJSJSON

Oryx architecture

Oryx

© Talend 2011

Generation based on the .gmfgen model

Oryx Artifacts Generation

• index.xhtml : page used as an entry point.

• MyGraphicalModel.json : graphic model and domain model

definition.

• Plugin.xml : defines additional feature to Oryx

(save/load).

Client side :

• servlet : to respond to client requests.

Server side :

© Talend 2011

Oryx compared with GMF

• No separation between Graphical and Domain model.

• Limited property types (not easily extendable).

• Editor tooling is less complete than GMF

• Simple and easy plugin architecture

© Talend 2011© Talend 2011 7

Thank You!

Oryx editor site : http://code.google.com/p/oryx-editor/

Oryx home site : http://bpt.hpi.uni-potsdam.de/Oryx/Research

Author : sgandon@talend.com