Alice was beginning to get very tired of creating DSL graphical editors and of having too many things to do: start Eclipse, describe her domain with Ecore, generate the EMF code, launch another Eclipse runtime, specify her graphical mappings with Sirius Desktop, test with another Eclipse runtime, package everything to an update site, send it to Bob so that he can install it, help Bob who can’t find how to install the modeler, reiterate from the beginning to update the tool according to Bob feedbacks and needs… “Oh dear! Would you tell me, please, which way I ought to go from here?” she asked, “That depends a good deal on where you want to get to,” said the Cat. Alice prayed for a framework to easily create and deploy her studios to the web! Curiouser and curiouser! This talk is for you! In this session, we’ll introduce and demonstrate: how to describe your domain how to specify your graphical editor how to deploy your studio to your end-users … everything from your browser, thanks to Sirius Web! This is not a dream, this is really happening! We will demonstrate all examples using 100% open-source software, live and in real time. Come and join us!

1. Mélanie Bats
CTO@Obeo
melanie.bats@obeo.fr | @melaniebats
Alice's Adventures
in
Sirius Web land

3. “I want a tool to manage the
pokemons of my kingdom.
I want it graphical and I will share
this tool with all my subjects!”
—The Queen of Hearts

4. “Then, I began falling down,
down, down, down, down, down,
down, down, down, down, down.”
— Alice

5. Welcome to Sirius
Land!

6. Sirius Principles
Domain model Sirius configuration Graphical modeler
+ =

7. Alice’s
Journey
1.Define the domain

9. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes

11. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors

13. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins

15. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model

17. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
6.Define the
representations

20. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations

23. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations
8.Deploy to
users

25. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations
8.Deploy to
users
9.Let users play!

27. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations
8.Deploy to
users
9.Let users play!

28. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations
8.Deploy to
users
10.Iterate 9.Let users play!

29. Alice’s
Journey
1.Define the domain
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
5.Create
the model
7.Package the
application
6.Define the
representations
8.Deploy to
users
10.Iterate 9.Let users play!

32. Sirius Web Project

33. Sirius Web Principles
Domain model Sirius configuration Graphical modeler
+ =
Web Browser
Eclipse

34. Sirius Web Principles
Domain model Sirius configuration Graphical modeler
+ =
Web Browser

35. Alice’s
New
Journey 1.Define the domain

36. Domain Modeler
Mindstorms Domain

37. Domain Modeler
Mindstorms Domain

38. Domain Modeler
Mindstorms Domain

39. Domain Modeler
Mindstorms Domain

40. Domain Modeler
Mindstorms Domain

41. Domain Modeler
Mindstorms Domain

42. Domain Modeler
Mindstorms Domain

43. Alice’s
New
Journey 1.Define the domain
2.Create
the model

44. Alice’s
New
Journey 1.Define the domain
2.Create
the model
3.Define the
representations

45. Alice’s
New
Journey 1.Define the domain
2.Create
the model
3.Define the
representations
4.Let users play!

46. Alice’s
New
Journey 1.Define the domain
2.Create
the model
3.Define the
representations
5.Iterate 4.Let users play!

47. Alice’s
New
Journey 1.Define the domain
2.Create
the model
3.Define the
representations
5.Iterate 4.Let users play!
2.Generate the
domain classes
3.Create
EMF editors
4.Run the plugins
7.Package the
application
8.Deploy to
users

48. Demo

49. Sirius web
enhancements

50. Auto Layout
2021.06

51. Auto / Free Layout
2021.06

52. Move/Resize elements
2021.06

53. Incremental layout
2021.06

54. Arrange all
2021.06
New Arrange all action

55. On the road to Generic APIs for
Data Structure
2021.06
API
public interface ISemanticCandidatesProviderFactory {
Function<VariableManager, List<Object>>
getSemanticCandidatesProvider(AQLInterpreter interpreter, String
domainClass, String semanticCandidatesExpression, String
preconditionExpression);
}
Default EMF implementation
@Configuration
public class CompatibilityConfiguration {
@Bean
public ISemanticCandidatesProviderFactory
semanticCandidatesProviderFactory() {
return SemanticCandidatesProvider::new;
}
}

56. Components reusability
Any Web application
2021.06

57. Components reusability
Any Web application
2021.06
VS Code

58. Components reusability
Any Web application
2021.06
Theia
VS Code

60. Form-based editors
Web 2021.06
Form
Page
Group
Widget

61. Blockly
Experimental
https://developers.google.com/blockly

62. D3
OCP 2021.06

63. D3
OCP 2021.06

64. D3
OCP 2021.06

65. Dialogs
2021.10

66. Validation
2021.10

67. Work in progress

68. Unsynchronized Diagrams,
DnD, Multiple Selection
Next release

69. Magic Connector
Next release

70. Table
Experimental

71. Textual Editors
Experimental

72. Take aways

73. Take aways
Sirius Desktop
Reliable framework for your
Eclipse Platform based graphical
studios
01

74. Take aways
Sirius Desktop
Reliable framework for your
Eclipse Platform based graphical
studios
Sirius Web
The newcomer framework to build
your graphical studios in the web
01
02

75. Take aways
Sirius Desktop
Reliable framework for your
Eclipse Platform based graphical
studios
Sirius Web
The newcomer framework to build
your graphical studios in the web
Obeo Cloud Platform
The add-ons to Sirius Web to get
enterprise-ready graphical studios
03
01
02

76. Take aways
Sirius Desktop
Reliable framework for your
Eclipse Platform based graphical
studios
Sirius Web
The newcomer framework to build
your graphical studios in the web
OCP
The framework to get
enterprise-ready graphical studios
You!
Collaboration, openness,
co-investment on OSS
technologies as Sirius Web
03
01
02
04

77. The End ?

78. Your turn!

79. Give it a try!
OCP 2021.10
Register on:
https://demo.obeostudio.com/signup
Or get the source code :
https://github.com/eclipse-sirius

80. Thanks for your
attention!
Questions?
melanie.bats@obeo.fr | @melaniebats
CREDITS: This presentation template was created by Slidesgo,
including icons by Flaticon, and infographics & images by Freepik