Éditer graphiquement des données structurées permet de mieux appréhender des aspects tels que les relations entre certaines données, les imbrications sur plusieurs niveaux, mais aussi identifier plus facilement certaines caractéristiques grâce à des informations visuelles (taille, couleur, forme, icônes, …). Mais pour fournir ce type d’expérience utilisateur, développer des éditeurs graphiques web au-dessus d’un domaine spécifique (DSL) reste une tâche complexe. Sirius Web est un nouveau projet open-source dans la fondation Eclipse, sur des bases full web, qui simplifie la définition des concepts du domaine, la création des éditeurs graphiques, et le déploiement auprès des utilisateurs. Le tout depuis un simple navigateur web. Modulaire, Sirius Web peut également fournir des éditeurs qui viendront s’intégrer dans des applications web existantes pour ajouter une dimension graphique. Durant ce talk nous reviendrons rapidement sur les origines du projet, les différents cas d’usage, ainsi que l’architecture et les choix techniques, pour laisser la place aux démonstrations des principales fonctionnalités.

1. Sirius Web
Simplifier l’édition graphique de données dans le web
Mélanie Bats
CTO@Obeo
melanie.bats@obeo.fr | @melaniebats

2. Il était une fois...

3. Obeo

4. Thales

5. Une rencontre
Technologie créé en 2007 par Thales et Obeo

6. Sirius Desktop

7. Les principes de Sirius
Définition du Domaine
Développeur

8. Développeur Utilisateur
final
Domaines
Domaine
Données

9. Les principes de Sirius
Définition du Domaine Configuration avec Sirius
+
Développeur

10. Développeur Utilisateur
final
Représentations

11. Les principes de Sirius
Utilisateur final
Modeleur Graphique
Définition du Domaine Configuration avec Sirius
+ =
Développeur

12. Les principes de Sirius
Utilisateurs finaux
Modeleur Graphique
Définition du Domaine Configuration avec Sirius
+ =
Spécifieur Sirius

13. Open Source
Projet Sirius Desktop mis en Open Source en 2013

14. +50 Outils de modélisation listés publiquement
https://www.eclipse.org/sirius/gallery.html

15. System Engineering
Robotics
Safety
Simulation
Big Data
Business Process
Automotive
MicroControllers
Ontology
IOT
Cloud Computing
Software Development
Embedded
DevOps
Business Analysis
HealthCare
Risk Analysis
CyberSecurity
Enterprise Architecture
...

16. Reste un problème...

17. Les principes de Sirius
Utilisateurs finaux
Modeleur Graphique
Définition du Domaine Configuration avec Sirius
+ =
A
p
p
l
i
c
a
t
i
o
n
d
e
b
u
r
e
a
u
Spécifieur Sirius

18. Déployer Application de Bureau

19. C’est compliqué!

20. Les principes de Sirius
Utilisateurs finaux
Modeleur Graphique
Définition du Domaine Configuration avec Sirius
+ =
A
p
p
l
i
c
a
t
i
o
n
d
e
b
u
r
e
a
u
Spécifieur Sirius

21. Les principes de Sirius Web
Utilisateurs finaux
Modeleur Graphique
Définition du Domaine Configuration avec Sirius
+ =
A
p
p
l
i
c
a
t
i
o
n
W
e
b
Spécifieur Sirius

22. Sirius Web
En 2020, Obeo open source Sirius Web

23. Sirius Web

24. Dem

25. L’Architecture Technique
de Sirius Web

26. L’Architecture Technique
de Sirius Web
Backend:
Spring

27. L’Architecture Technique
de Sirius Web
Frontend:
React
Material UI
Backend:
Spring

28. THE END

29. THE END

30. Sirius Web
Créer des éditeurs graphiques dédiés à un domaine métier
Stack web moderne
Open source (EPL v2): https://eclipe.org/sirius
Tester par vous même :
https://demo.obeo-studio.fr
A votre tour!

31. melanie.bats@obeo.fr
@melaniebats
https://www.obeosoft.com/fr
Merci!
Des questions?