Sirius Web tutorial for EclipseCon 2023

Signed-off-by: Axel RICHARD <[email protected]>
ObeoNetwork · Oct 2, 2023 · 8188dfc · 8188dfc
1 parent 34b1439
commit 8188dfc
Show file tree

Hide file tree

Showing 186 changed files with 9,570 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_store
diff --git a/README.md b/README.md
@@ -1 +1,42 @@
-# Sirius-Web-Tutorial
+# Sirius-Web-Tutorial
+
+## [Let's Practice Sirius Web: Building Web-based Modeling Tools](https://www.eclipsecon.org/2023/sessions/lets-practice-sirius-web-building-web-based-modeling-tools)
+
+* Speaker(s):
+  * Melanie Bats (OBEO)
+  * Pierre-Charles David (OBEO)
+  * Axel RICHARD (OBEO)
+* Experience level: Beginner
+* Tags: #EclipseSiriusWeb #Modeling #WebBasedTools #WebDevelopment
+* Session Track: Tools & IDEs
+* Session Type: Tutorial
+* Duration: 3h
+* Time: 17 Oct 2023 - 09:00 to 17 Oct 2023 - 12:00
+* Room: Wilhelm-Krämer-Zimmer
+
+Join us in this hands-on tutorial to dive into the world of Sirius Web, the cutting-edge technology that brings modeling capabilities to the web. In this interactive session, participants will gain practical experience in coding web-based modeling tools using Sirius Web, enabling users to visualize, edit, and analyze complex models directly in their web browsers.
+
+This tutorial is designed to provide a comprehensive introduction to Sirius Web and equip participants with the skills needed to develop their own web-based modeling tools. We will guide you through the entire process, from setting up the development environment to deploying and running a fully functional Sirius Web application.
+
+Throughout the tutorial, you will:
+
+* Explore the architecture and components of Sirius Web to understand how they work together.
+* Define a metamodel and specify graphical notations for your models.
+* Create and customize diagram editors.
+* Implement custom behaviors and validations to tailor the application to your specific needs.
+* Enable collaborative editing and real-time collaboration features, allowing multiple users to work on the same models simultaneously.
+* Deploy and run your Sirius Web based application, making it accessible to users through their web browsers.
+
+Participants will gain hands-on experience and practical insights into building powerful web-based modeling tools using Sirius Web.
+
+So, come join us in this tutorial and let's practice Sirius Web together!
+
+Installation instructions:
+
+* Follow the instructions at : <https://github.com/ObeoNetwork/Sirius-Web-Tutorial/blob/main/sirius-web-tutorial-eclipsecon2023.adoc#installationsetup-15-min>
+* For unprepared participants, we will provide USB sticks containing the necessary software and materials for Windows, macOS, and Linux.
+* The tutorial will also be demonstrated by a team member on a large screen for those who do not wish to perform the steps themselves.
+
+*Objective of the presentation*: Building web-based modeling tools using Sirius Web.
+
+*Attendee pre-requisites*: Prior knowledge of modeling concepts and web development basics would be beneficial but not mandatory.
diff --git a/images/enduser_bonus_exercise.png b/images/enduser_bonus_exercise.png
diff --git a/images/enduser_diagram_collaborative_edition.gif b/images/enduser_diagram_collaborative_edition.gif
diff --git a/images/enduser_diagram_palette_create_tool_flow.png b/images/enduser_diagram_palette_create_tool_flow.png
diff --git a/images/enduser_diagram_palette_create_tool_result_flow.png b/images/enduser_diagram_palette_create_tool_result_flow.png
diff --git a/images/enduser_diagram_palette_delete_tool_flow.png b/images/enduser_diagram_palette_delete_tool_flow.png
diff --git a/images/enduser_diagram_palette_rename_tool_edition_flow.png b/images/enduser_diagram_palette_rename_tool_edition_flow.png
diff --git a/images/enduser_diagram_palette_rename_tool_flow.png b/images/enduser_diagram_palette_rename_tool_flow.png
diff --git a/images/enduser_explorer_view_create_object_dialog_family.png b/images/enduser_explorer_view_create_object_dialog_family.png
diff --git a/images/enduser_explorer_view_create_object_dialog_flow.png b/images/enduser_explorer_view_create_object_dialog_flow.png
diff --git a/images/enduser_explorer_view_create_object_dialog_person.png b/images/enduser_explorer_view_create_object_dialog_person.png
diff --git a/images/enduser_explorer_view_create_object_menu_family.png b/images/enduser_explorer_view_create_object_menu_family.png
diff --git a/images/enduser_explorer_view_create_object_menu_flow.png b/images/enduser_explorer_view_create_object_menu_flow.png
diff --git a/images/enduser_explorer_view_create_object_menu_person.png b/images/enduser_explorer_view_create_object_menu_person.png
diff --git a/images/enduser_explorer_view_create_object_result_flow.png b/images/enduser_explorer_view_create_object_result_flow.png
diff --git a/images/enduser_explorer_view_create_representation_dialog_flow.png b/images/enduser_explorer_view_create_representation_dialog_flow.png
diff --git a/images/enduser_explorer_view_create_representation_menu_flow.png b/images/enduser_explorer_view_create_representation_menu_flow.png
diff --git a/images/enduser_explorer_view_create_representation_result_flow.png b/images/enduser_explorer_view_create_representation_result_flow.png
diff --git a/images/enduser_explorer_view_create_startrekfan.png b/images/enduser_explorer_view_create_startrekfan.png
diff --git a/images/enduser_explorer_view_delete_object_menu_flow.png b/images/enduser_explorer_view_delete_object_menu_flow.png
diff --git a/images/enduser_explorer_view_rename_object_edition_flow.png b/images/enduser_explorer_view_rename_object_edition_flow.png
diff --git a/images/enduser_explorer_view_rename_object_menu_flow.png b/images/enduser_explorer_view_rename_object_menu_flow.png
diff --git a/images/enduser_family_create_representation_dialog.png b/images/enduser_family_create_representation_dialog.png
diff --git a/images/enduser_family_create_representation_menu.png b/images/enduser_family_create_representation_menu.png
diff --git a/images/enduser_family_create_representation_result.png b/images/enduser_family_create_representation_result.png
diff --git a/images/enduser_family_diagram_person_tool.png b/images/enduser_family_diagram_person_tool.png
diff --git a/images/enduser_family_instance_step1_final.png b/images/enduser_family_instance_step1_final.png
diff --git a/images/enduser_family_instance_step2_final.png b/images/enduser_family_instance_step2_final.png
diff --git a/images/enduser_family_instance_step3_final.png b/images/enduser_family_instance_step3_final.png
diff --git a/images/enduser_family_instance_step4_final.png b/images/enduser_family_instance_step4_final.png
diff --git a/images/enduser_family_instance_step5_final.png b/images/enduser_family_instance_step5_final.png
diff --git a/images/enduser_flow_validation_rule.png b/images/enduser_flow_validation_rule.png
diff --git a/images/enduser_new_others.png b/images/enduser_new_others.png
diff --git a/images/enduser_project_all_views.png b/images/enduser_project_all_views.png
diff --git a/images/enduser_project_previews.png b/images/enduser_project_previews.png
diff --git a/images/enduser_projects_create_blank_project.png b/images/enduser_projects_create_blank_project.png
diff --git a/images/enduser_projects_create_blank_project_name.png b/images/enduser_projects_create_blank_project_name.png
diff --git a/images/enduser_projects_view.png b/images/enduser_projects_view.png
diff --git a/images/enduser_validation_view.png b/images/enduser_validation_view.png
diff --git a/images/installation_add_local_git_repository.png b/images/installation_add_local_git_repository.png
diff --git a/images/installation_clone_git_repository_1.png b/images/installation_clone_git_repository_1.png
diff --git a/images/installation_clone_git_repository_2.png b/images/installation_clone_git_repository_2.png
diff --git a/images/installation_clone_git_repository_3.png b/images/installation_clone_git_repository_3.png
diff --git a/images/installation_clone_git_repository_4.png b/images/installation_clone_git_repository_4.png
diff --git a/images/installation_git_import_project.png b/images/installation_git_import_project.png
diff --git a/images/installation_maven_update_1.png b/images/installation_maven_update_1.png
diff --git a/images/installation_maven_update_2.png b/images/installation_maven_update_2.png
diff --git a/images/installation_run_config.png b/images/installation_run_config.png
diff --git a/images/installation_spring_console_ko.png b/images/installation_spring_console_ko.png
diff --git a/images/installation_spring_console_ok.png b/images/installation_spring_console_ok.png
diff --git a/images/studio_maker_domain_create_attribute_tool.png b/images/studio_maker_domain_create_attribute_tool.png
diff --git a/images/studio_maker_domain_create_domain_diagram_dialog.png b/images/studio_maker_domain_create_domain_diagram_dialog.png
diff --git a/images/studio_maker_domain_create_domain_diagram_menu.png b/images/studio_maker_domain_create_domain_diagram_menu.png
diff --git a/images/studio_maker_domain_create_domain_diagram_result.png b/images/studio_maker_domain_create_domain_diagram_result.png
diff --git a/images/studio_maker_domain_create_entity_tool.png b/images/studio_maker_domain_create_entity_tool.png
diff --git a/images/studio_maker_domain_create_relation_result.png b/images/studio_maker_domain_create_relation_result.png
diff --git a/images/studio_maker_domain_create_relation_tool.png b/images/studio_maker_domain_create_relation_tool.png
diff --git a/images/studio_maker_domain_create_relation_tool_target.png b/images/studio_maker_domain_create_relation_tool_target.png
diff --git a/images/studio_maker_domain_man_woman_2.png b/images/studio_maker_domain_man_woman_2.png
diff --git a/images/studio_maker_domain_person_create_relation_children.png b/images/studio_maker_domain_person_create_relation_children.png
diff --git a/images/studio_maker_domain_person_create_relation_children_set_properties.png b/images/studio_maker_domain_person_create_relation_children_set_properties.png
diff --git a/images/studio_maker_domain_rename.png b/images/studio_maker_domain_rename.png
diff --git a/images/studio_maker_domain_rename_relation.png b/images/studio_maker_domain_rename_relation.png
diff --git a/images/studio_maker_domain_stars_people.png b/images/studio_maker_domain_stars_people.png
diff --git a/images/studio_maker_family_domain_step1_final.png b/images/studio_maker_family_domain_step1_final.png
diff --git a/images/studio_maker_family_domain_step4_final.png b/images/studio_maker_family_domain_step4_final.png
diff --git a/images/studio_maker_family_domain_step5_final.png b/images/studio_maker_family_domain_step5_final.png
diff --git a/images/studio_maker_maven_run_configuration.png b/images/studio_maker_maven_run_configuration.png
diff --git a/images/studio_maker_new_domain.png b/images/studio_maker_new_domain.png
diff --git a/images/studio_maker_new_view.png b/images/studio_maker_new_view.png
diff --git a/images/studio_maker_new_view_2.png b/images/studio_maker_new_view_2.png
diff --git a/images/studio_maker_rename_project.png b/images/studio_maker_rename_project.png
diff --git a/images/studio_maker_template_family.png b/images/studio_maker_template_family.png
diff --git a/images/studio_maker_templates.png b/images/studio_maker_templates.png
diff --git a/images/studio_maker_view_color_palette.png b/images/studio_maker_view_color_palette.png
diff --git a/images/studio_maker_view_color_palette_create_color_dialog.png b/images/studio_maker_view_color_palette_create_color_dialog.png
diff --git a/images/studio_maker_view_color_palette_create_color_menu.png b/images/studio_maker_view_color_palette_create_color_menu.png
diff --git a/images/studio_maker_view_create_color_palette_dialog.png b/images/studio_maker_view_create_color_palette_dialog.png
diff --git a/images/studio_maker_view_create_color_palette_menu.png b/images/studio_maker_view_create_color_palette_menu.png
diff --git a/images/studio_maker_view_create_edge_set_properties.png b/images/studio_maker_view_create_edge_set_properties.png
diff --git a/images/studio_maker_view_create_node_description_dialog.png b/images/studio_maker_view_create_node_description_dialog.png
diff --git a/images/studio_maker_view_create_node_description_menu.png b/images/studio_maker_view_create_node_description_menu.png
diff --git a/images/studio_maker_view_diagram_description_create_palette_dialog.png b/images/studio_maker_view_diagram_description_create_palette_dialog.png
diff --git a/images/studio_maker_view_diagram_description_create_palette_menu.png b/images/studio_maker_view_diagram_description_create_palette_menu.png
diff --git a/images/studio_maker_view_diagram_description_set_properties.png b/images/studio_maker_view_diagram_description_set_properties.png
diff --git a/images/studio_maker_view_diagram_palette_create_node_tool_dialog.png b/images/studio_maker_view_diagram_palette_create_node_tool_dialog.png
diff --git a/images/studio_maker_view_diagram_palette_create_node_tool_menu.png b/images/studio_maker_view_diagram_palette_create_node_tool_menu.png
diff --git a/images/studio_maker_view_edge_style_set_properties.png b/images/studio_maker_view_edge_style_set_properties.png
diff --git a/images/studio_maker_view_node_tool_change_context_dialog.png b/images/studio_maker_view_node_tool_change_context_dialog.png
diff --git a/images/studio_maker_view_node_tool_change_context_menu.png b/images/studio_maker_view_node_tool_change_context_menu.png
diff --git a/images/studio_maker_view_node_tool_create_instance_dialog.png b/images/studio_maker_view_node_tool_create_instance_dialog.png
diff --git a/images/studio_maker_view_node_tool_create_instance_menu.png b/images/studio_maker_view_node_tool_create_instance_menu.png
diff --git a/images/studio_maker_view_node_tool_set_value_dialog.png b/images/studio_maker_view_node_tool_set_value_dialog.png
diff --git a/images/studio_maker_view_node_tool_set_value_menu.png b/images/studio_maker_view_node_tool_set_value_menu.png
diff --git a/images/studio_maker_view_person_node_conditional_style_dialog.png b/images/studio_maker_view_person_node_conditional_style_dialog.png
diff --git a/images/studio_maker_view_person_node_conditional_style_image_node_style_dialog.png b/images/studio_maker_view_person_node_conditional_style_image_node_style_dialog.png
diff --git a/images/studio_maker_view_person_node_conditional_style_image_node_style_menu.png b/images/studio_maker_view_person_node_conditional_style_image_node_style_menu.png
diff --git a/...io_maker_view_person_node_conditional_style_image_node_style_set_properties.png b/...io_maker_view_person_node_conditional_style_image_node_style_set_properties.png
diff --git a/images/studio_maker_view_person_node_conditional_style_menu.png b/images/studio_maker_view_person_node_conditional_style_menu.png
diff --git a/images/studio_maker_view_person_node_conditional_style_set_properties.png b/images/studio_maker_view_person_node_conditional_style_set_properties.png
diff --git a/images/studio_maker_view_person_node_description.png b/images/studio_maker_view_person_node_description.png
diff --git a/images/studio_maker_view_person_node_description_set_properties.png b/images/studio_maker_view_person_node_description_set_properties.png
diff --git a/images/studio_maker_view_person_node_description_set_style_properties.png b/images/studio_maker_view_person_node_description_set_style_properties.png
diff --git a/images/studio_maker_view_person_tool_change_context_set_properties.png b/images/studio_maker_view_person_tool_change_context_set_properties.png
diff --git a/images/studio_maker_view_person_tool_create_instance_set_properties.png b/images/studio_maker_view_person_tool_create_instance_set_properties.png
diff --git a/images/studio_maker_view_person_tool_set_value_set_properties.png b/images/studio_maker_view_person_tool_set_value_set_properties.png
diff --git a/sirius-web-family-application/.classpath b/sirius-web-family-application/.classpath
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" output="target/classes" path="src/main/java">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="optional" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-17">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="src" path="target/generated-sources/annotations">
+		<attributes>
+			<attribute name="ignore_optional_problems" value="true"/>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="m2e-apt" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="src" output="target/test-classes" path="src/test/java">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="test" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry excluding="**" kind="src" output="target/test-classes" path="src/test/resources">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="test" value="true"/>
+			<attribute name="optional" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="src" output="target/test-classes" path="target/generated-test-sources/test-annotations">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="ignore_optional_problems" value="true"/>
+			<attribute name="m2e-apt" value="true"/>
+			<attribute name="test" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="output" path="target/classes"/>
+</classpath>
diff --git a/sirius-web-family-application/.gitignore b/sirius-web-family-application/.gitignore
@@ -0,0 +1 @@
+target
diff --git a/sirius-web-family-application/.project b/sirius-web-family-application/.project
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>sirius-web-family-application</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.springframework.ide.eclipse.boot.validation.springbootbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.m2e.core.maven2Builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.m2e.core.maven2Nature</nature>
+	</natures>
+</projectDescription>
diff --git a/sirius-web-family-application/.settings/org.eclipse.core.resources.prefs b/sirius-web-family-application/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,4 @@
+eclipse.preferences.version=1
+encoding//src/main/java=UTF-8
+encoding//src/main/resources=UTF-8
+encoding/<project>=UTF-8
diff --git a/sirius-web-family-application/.settings/org.eclipse.core.runtime.prefs b/sirius-web-family-application/.settings/org.eclipse.core.runtime.prefs
@@ -0,0 +1,3 @@
+#Mon Sep 24 15:04:19 CEST 2007
+eclipse.preferences.version=1
+line.separator=\n
diff --git a/sirius-web-family-application/.settings/org.eclipse.jdt.apt.core.prefs b/sirius-web-family-application/.settings/org.eclipse.jdt.apt.core.prefs
@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.apt.aptEnabled=false