Sirius is the easiest framework when it comes to creating graphical designers in the EMF ecosystem. With Sirius Web, we present the next generation. Rewritten from the ground up and with first-class support for Web applications, Sirius Web, as the successor of Sirius Desktop, also brings new features and support for existing designer specifications. What’s in there? How does it differ from the classic Sirius Desktop? The answers to these questions and others will be given in this talk, together with a dive into example applications. This live session will show you how to use Sirius Web to be super productive when working on new tooling. We’ll demonstrate all the additional features to create, update, and iterate on your designer, including super fast dynamic iteration across your domain definitions, easy creation of your graphical representations, and more. Tune in to this session to catch up with the latest development around Sirius Web. Stéphane Bégaudeau, Obeo

1. Stéphane Bégaudeau
Sirius Web Architect @ Obeo
stephane.begaudeau@obeo.fr | @sbegaudeau
Supercharge
Your Sirius Web
Apps!

2. What’s there?
Ready-to-use
Modeling framework to
define and render
graphical applications in
the web

3. What’s there?
Model server
Open source model
server components
Ready-to-use
Modeling framework to
define and render
graphical applications in
the web

4. What’s there?
Model application
Open source model
application (diagram,
properties, forms…)
Model server
Open source model
server components
Ready-to-use
Modeling framework to
define and render
graphical applications in
the web

5. What’s there?
Classic web stack
Implemented using
Spring Boot, GraphQL,
React, Apollo, XState,
Material UI
Model application
Open source model
application (diagram,
properties, forms…)
Model server
Open source model
server components
Ready-to-use
Modeling framework to
define and render
graphical applications in
the web

6. Full-web definition
DEMO

7. Super powered
Server
Take care of :
● load and retrieve
model instances
● modify model elements
● subscribe to changes
● synchronize multiple
representations

8. Super powered
Server
Take care of :
● load and retrieve
model instances
● modify model elements
● subscribe to changes
● synchronize multiple
representations
Special powers:
● Generic APIs for Data
Structure
● A default EMF
implementation is
provided
● Collaborative modelling,
Simultaneous changes
while model stay
semantically correct

9. Super powered
Application
Take care of:
● Projects browser
● Project editor
○ Properties
○ Explorer
○ Representation editors
(diagrams, forms,...)
○ CRUD operations

10. Super powered
Application
Super powers:
● Diagrams :
○ Edges , Nodes, Containers, List,
Ports
○ Shapes SVG + CSS, Zooming
○ Palette, Direct edit
○ Conditional styles
● Layouting :
○ Auto-Layout, Manual layout, Resize,
Move, Persisted layout data
● Custom Java services
● Sirius Desktop migration path
Take care of:
● Projects browser
● Project editor
○ Properties
○ Explorer
○ Representation editors
(diagrams, forms,...)
○ CRUD operations

11. —DSLGirl
“Specifying my Data Structure and
Views directly in my browser is
awesome. I want to try it now!”

12. Give it a try!
Two possibilities:
- Ready-to-use instance, register on:
https://www.obeocloudplatform-demo.com/signup
- Run your own instance, from sources:
https://github.com/eclipse-sirius/sirius-web

13. CREDITS: This presentation template was created by Slidesgo,
including icons by Flaticon, and infographics & images by Freepik
Do you have any questions?
stephane.begaudeau@obeo.fr
@sbegaudeau
obeosoft.com
THANKS!