your cloud based modeling workbench · websocket java services pages buttons forms diagrams...

70
Your Cloud Based Modeling Workbench in 15 minutes with Eclipse Sirius @melaniebats CTO @Obeo

Upload: others

Post on 13-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Your Cloud Based Modeling

Workbenchin 15 minutes

with Eclipse Sirius@melaniebatsCTO @Obeo

Page 2: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

ECLIPSE SIRIUSAn Eclipse project to easily create your own Graphical Modeling Workbench

Page 3: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius is Alive!

Two major releases per year

In June and OctoberA release every

Committers actively working

PART OF THE RELEASE TRAIN

2 MONTHS

MORE THAN 10

Page 4: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Principles of Sirius

Metamodel

Page 5: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Principles of Sirius

Metamodel Sirius configuration+

Page 6: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

Page 7: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Metamodel Sirius configuration Graphical modeler

Sirius specifier

+ =

Principles of Sirius

Page 8: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius specifier Workbench end users

Principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

Page 9: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius as an RCP

applicationDEMO

Page 10: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Use the specification editor...

Page 11: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Use the specification editor...

Sirius configuration

Page 12: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

… to specify the end user graphical workbench

Sirius configuration

Page 13: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

… to specify the end user graphical workbench

13

Sirius configuration

End user workbench

Page 14: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Workbench structure

Defines the complete structure of the modeling workbench

Sirius configuration

Page 15: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Workbench structure

15

End user workbench

Model Explorer

Sirius configuration

Page 16: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Dashboard

16

End user workbench

Dashboard

Sirius configuration

Page 17: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Viewpoint

Provides viewpoints adapted to the user’s role or activity

Sirius configuration

Page 18: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Viewpoint

18

End user workbench

Sirius configuration

Page 19: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Representation

Each viewpoint corresponds to a set of representations

Sirius configuration

Page 20: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Representation

20

End user workbench

Sirius configuration

Page 21: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Representation

21

End user workbench

Sirius configuration

Page 22: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Layers

Each diagram provides default and optional layers

Sirius configuration

Page 23: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Layers

23

Sirius configuration

End user workbench

Page 24: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

Each layer defines mappings : node, container and edge

Sirius configuration

Page 25: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

25

Sirius configuration

End user workbench

Page 26: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

26

Sirius configuration

End user workbench

Node

Node

Page 27: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

27

Sirius configurationMetamodel

Page 28: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

28

Sirius configurationMetamodel

Page 29: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

29

Sirius configuration

End user workbench

Page 30: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

30

Sirius configuration

End user workbench

Container Container

Page 31: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mappings

31

Sirius configuration

End user workbench

Page 32: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

32

Sirius configuration

End user workbench

Edge

Edge

Mappings

Page 33: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius as an RCP

applicationDEMO

Page 34: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Diagram, Table, Matrix and much more..

Page 35: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Tree

Page 36: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sequence diagram

Page 37: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Properties views

Page 38: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Obeo Designer is there for you

All you need to work with Sirius

COMMUNITY EDITION

Page 39: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Obeo Designer is there for you

All you need to work with Sirius

For real time collaborative edition in Eclipse based

workbenches

COMMUNITY EDITION

TEAM EDITION

Page 40: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Obeo Designer is there for you

All you need to work with Sirius

For real time collaborative edition in Eclipse based

workbenches

Integrated platform to deploy easily to the cloud

COMMUNITY EDITION

TEAM EDITION

CLOUD PLATFORM

Page 41: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

How do we configure a Cloud-ready graphical designer with Sirius ?

Page 42: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius specifier Workbench end users

We keep the principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

Page 43: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius specifier Workbench end users

We keep the principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

RCP Application

Page 44: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius specifier Workbench end users

We keep the principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

RCP Application

Page 45: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius specifier Workbench end users

We keep the principles of Sirius

Metamodel Sirius configuration Graphical modeler+ =

Web Application

Page 46: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Backend

How it works

Frontend

Obeo Cloud Platform

Page 47: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Backend

How it works

React ComponentsFrontend

Obeo Cloud Platform

Page 48: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Backend

How it works

React ComponentsFrontend

Pages

Buttons

Forms

...

Obeo Cloud Platform

Page 49: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Model explorer

Backend

How it works

React ComponentsFrontend

Pages

Buttons

Forms

Diagrams (Sprotty)

Properties

...

Obeo Cloud Platform

Page 50: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Model explorer

My Spring Application

Backend

How it works

React ComponentsFrontend

GraphQL

WebSocket

Java ServicesPages

Buttons

Forms

Diagrams (Sprotty)

Properties

...

My EMF Ecore

My EMF Edit

odesign

Obeo Cloud Platform

Page 51: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Model explorer

Core My Spring Application

Backend

How it works

React ComponentsFrontend

GraphQL

WebSocket

Java ServicesPages

Buttons

Forms

Diagrams (Sprotty)

Properties

...

My EMF Ecore

EMF Json

PostgreSQL

My EMF Edit

Sirius interpreter

odesign

Components

Diagrams / Layout (ELK)

Obeo Cloud Platform

Page 52: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Practical exerciceSTEP 1 STEP 2 STEP 3

Specify a classical odesign

Configure the web application

Run the server

Page 53: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius as a web application

DEMO

Page 54: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Features Backlog Status

54

Done WIP

Basic set of propertiesUpload / DownloadModel Explorer

ToolsUndo/Redo

CRUD

Diagrams (Node, Container, Edge, Cond. Style, SVG, Auto layout…)

LayersPin/UnpinPalette

Representations

Basic backend Live VisualizationCollaboration

EMF.EditJava Services

Extensibility

Next

Direct EditCopy/PasteComplete set of widgets

Table, Tree, DashboardText EditorBetter auto layout...

One click model shareHistoricReview system

Spring components

Page 55: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Obeo Cloud Platform Capabilities

Modeling tool made easy

Visualize, create and edit on the fly.● Diagrams, Tables, Forms, ● Text editor, ● Explorer, Dashboard...

Be efficiently consistent & consistently efficient

Structure your information thanks to models in the cloud.● All your data are always one click away. ● Increase consistency with a powerful referential that’s accessible from your

browser.

Turn engineering tool creation into a handshake

Everything is there to build your engineering applications quickly● Dynamic interpretation engine● Map your data to the meaningful representation for your domain● Ease the onboarding by creating a dedicated tooling● Be agile and reactive

Built with all the benefits of any cloud software

Easy deployment. It’s Cloud, It’s On-Premised.● Never have to save files again with auto-save● Goodbye export, share models with a live link● Worry-free editing & collaboration with a version control● Control user permissions, manage who can view, edit and contribute

Page 56: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Would like to try?Contact me!We are looking for beta testers. You already use Eclipse Sirius? You are interested in migrating to a web application, subscribe to :

Beta testing team

Page 57: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

We are working on both sides...

Page 58: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Optional table headerSirius 6.1

Page 59: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Optional table headerSirius 6.1

Page 60: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Contribute to MenusSirius 6.1

Page 61: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Mode Visibility Sirius 6.1

Page 62: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Improve ELK integrationSirius 6.1

Experimental

Page 63: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

December - 1st public preview of Obeo Cloud Platform

2 possibilities :● Sirius RCP● Obeo Cloud Platform

WE develop what YOU

need!

2019 2020

…working on the 2 flavors!

Page 64: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius rocks!

Diagrams, tables, trees, properties views

Visual

Page 65: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius rocks!

No code generation

Declarative

Diagrams, tables, trees, properties views

Visual

Page 66: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Sirius rocks!

No code generation

Declarative

Your Cloud/Desktop modeling workbench in hours

Easy

Diagrams, tables, trees, properties views

Visual

Page 67: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

More at EclipseCon EU

All along: visit our NO goodies booth!

15:10 A playful introduction to MBSE (interactive talk inside) by Obeo

11:15 Stepping up Sirius - Tips & Tricks for your visualization journey by Bosch

Page 68: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Stop plastic, save the ocean!

Contribute to the project to clean the

oceans :https://www.theseacleaners.org/en

Page 69: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud

Does anyone have any questions?

[email protected]

THANKS

@melaniebats

CTO @Obeo

Page 70: Your Cloud Based Modeling Workbench · WebSocket Java Services Pages Buttons Forms Diagrams (Sprotty) Properties... My EMF Ecore EMF Json PostgreSQL ... Spring components. Obeo Cloud