Differences

This shows you the differences between two versions of the page.

--- tutorials:create-interactive-tutorial [2025/04/03 09:57] – [Content of each step] Tim
+++ tutorials:create-interactive-tutorial [2025/05/27 00:37] (current) – barley1965
@@ Line 1: / Line 1: @@
 ====== Create an Interactive tutorial ======
-Starting with GroIMP 2.1.7 it is possible to create interactive tutorials to present panels and workflows.
+Starting with GroIMP 2.1.7 it has become possible to create interactive tutorials to present panels and workflows.
-The interaction is based on GroIMP Layouts and the embedded HTML view.
+The interaction is based on GroIMP Layouts, the embedded HTML view and the[[user-guide:more_panels#tutorial_navigation| tutorial navigation panel]].
 ===== Overall concept =====
-GroIMP Layouts describe the composition of the different panels in a project and can be saved using "Panels/add Layout", chosen under "Panels/set Layout" and delete using the layout explorer "Panels/Layout".
+GroIMP Layouts describe the composition of the different panels in a project and can be saved using "Panels/add Layout", chosen under "Panels/set Layout" and deleted using the layout explorer "Panels/Layout".
 The tutorial navigation panel allows the users to "walk through" the different project layouts, starting with the first created one.
-===== First step planing! =====
+===== First step: planning! =====
-Since a layout can not be renamed or edited it is not (easily) possible to later change the order of the different layouts in the walk through. Therefore it is important to properly plan your interactive tutorial.
+Since a layout can not be renamed or edited it is not (easily) possible to later change the order of the different layouts in the walkthrough. Therefore, it is important to properly plan your interactive tutorial.
 ==== Content of each step ====
@@ Line 55: / Line 55: @@
   - Add the file 01_2DView.html to the HTML folder.
   - Open this file
-  - Close all panels but the file
+  - Close all panels except the file
   - Open the 2d Graph and the Tutorial navigation panel
   - Arrange them in the layout below
@@ Line 88: / Line 88: @@
   - **close the file explorer !!!**
   - open the Node toolbar 2d (you can find this under panels/2d/node toolbar 2d)
-  - arrange the layout to as you like (e.g.  see below)
+  - arrange the layout according to your wishes (for an example, see below)
   - use the add layout menu entry to save this layout to the list of layouts
@@ Line 120: / Line 120: @@
 ===== Finishing =====
-If you now press the next button, it should jump to the first layout and allow you to step through your three layouts. and we are done.
+If you now press the next button, it should jump to the first layout and allow you to step through your three layouts. Done!
-===== Trouble shooting =====
+===== Troubleshooting =====
-If you accidentally added a wrong layout you can remove it through the layout-explorer, which can be found in panels/layouts. Jet you can not change the order of the layouts there!
+If you accidentally added a wrong layout you can remove it through the layout-explorer, which can be found in panels/layouts. However, you can not change the order of the layouts there!
-Additionally you can always try to remove individual panels from a already saved layout, by saving and closing the project, accessing the gsz as a archive (zip) and edit the project.gs. It is reccomened to make a backup of the project before trying this.
+Additionally you can always try to remove individual panels from an already saved layout, by saving and closing the project, accessing the gsz as an archive (zip) and edit the project.gs. It is reccomened to make a backup of the project before trying this.
 In the same way it is also possible to edit the HTML files later, they are also files in the gsz.