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