# 2. Schulung - Einführung das Graphical Studio

## 2.1. Thematische Gliederung

### Session 1 von Schulung 2: Einrichtung und Konfiguration eines Graphical Studios

- WebEditor2d-> Types (Baustein -> Userinterface)
- Verknüpfung von WebEditor2d mit Editor2DOption zur Verwaltung der Configuration der Umgebung

![Säule als .svg](bilder/Schulung2_web2dinterface.png)

### Session 2 von Schulung 2: Aufbau einer eigenen Library
 
 - ab 1:45 Kopie der Library
 - Erzeugung eines eigenen Shapes am Beispiel der Säule

## 2.2. Video des Mitschnitts 

\\\\195.243.223.8\allgemein\RuleDesigner\2023-11-06-RuleDesigner-Configurator-Schulung_2.mp4


## 2.3. Inhalte je Zeitstempel

Hier zählt immer der angezeigte Zeitstempel von Teams im im Recording in der linken oberen Ecke. 


Zeit [h:mm]| Thema
:--------- |:-----
0:22|[WebEditor2d-> Types (Baustein, Userinterface)](bilder/session2/022-TemplateTypes.png)
0:23|[Anlegen der Globalenvariable ShapeList vom Typ Editor2DShapeTypeList zur Verwaltung alle Shapes](bilder/session2/023-Editor2DShapeType.png)
0:25|verknüpfung von WebEditor2d mit Editor2DOption zur Verwaltung der Configuration der Umgebung
0:26|Befüllung der Editor2dOption mit der Bibliothek ShapeLibrary (liegt in RDConfigurator/WebApi/Editor2D/DefaultLibrary)
0:28|Web Graphical Editor Library Wizard zur Definition der Bibliothek
0:30|Start der Defaultsession mit Baum aus der Defaultlibrary
0:31|Einschränkung der Shapes im Graphical Editor
0:32|[Aktivierung aller Eigenschaften der Defaultlibrary. Visualisierung der aktivierten ](bilder/session2/032-VorschauDefaultLibrary.png)
0:34|Editing PageShowToolsOnToolbar, UndoRedo: Pfeile, DrawTools: (Polyline, Line, ...), SmartlineCopy
0:39|[Button Pressed: Aufruf einer Callbackfunktion ](bilder/session2/039-ButtonPressed.png)
0:42|[Grid button tool: Erzeugung von Mustern in 2D/3D](bilder/session2/042-GridButtonTool.png), siehe auch [Muster](bilder/session2/042-Muster.png)
0:45|Dreieck in 2D ist eine Verschiebung in 3D
0:46|Grouptools: OnEditor2dGrouped als Callbackfunktion
0:48|Beispiel für Gruppierung: Callbackfunktion: drop von WebMessage in Regrouped Funktion
0:51|Suche im WebGraphical Editor Library Wizard nach der Callbackfunktion
0:52|Beispiel für Callback an Ctrl-V: Änderung der Einstellung am OBjekt
0:53|[Beispiel für Callback von Doppelklick: ](bilder/session2/053-OnDoubleClick.png)
0:54|Freigabe an ShapeEvents in den Options für alle Events für die Reaktionen die man will. Zusätzlich am Shape selbst
0:58|Help button: HTML Seiten, welche auch in der Default Library liegen (siehe auch 0:57)
1:00|Neues Shape anlegen im WebGraphical Editor Library
1:02|[Erklärung der Inhalte von RDConfigurator/WebApi/Editor2D/DefaultLibrary](bilder/session2/102-ImagesInDefaultLibrary.png)
1:02:30| Pfad zur Ablage der .html Datei mit der Hilfe
1:07|Frage von Simon: Das Objekt wird nach der Bestätigung mit  OK in die Variable Shapelist geschrieben
1:12|**Pause**
1:18|Vergabe einer id in der Library bzw. in der Session
1:24|[Umrechnung pixel, inch, mm am Shape](bilder/session2/124-UmrechnungPixelInmm.png)
1:25|Erklärung weiterer Element im Editor2dOption 
1:27|[Frage zur Kollisionsprüfung: Nur Check der BoundingBox des Objektes gegeneinander](bilder/session2/127-Collisions.png), [siehe Boundingbox](bilder/session2/128-CollisionBoundingBox.png)
1:30|Editor2dOption: Autosave, DoExportImage2D
1:33|Editor2dOption: EnterBehaviour (für Polyline, z.B. bei der Angabe von FINISH/CLOSE)
1:43|Umgebung: Erstellung der Sesssion aus dem Git Repo. 
1:45|Erklärung des Konzeptes der Trennung der Pfade git Repo und Installation
1:52|Kreisels als Assembly von Motor-/Spannstation und Bändern
1:58|Erklärung der Buttons FAB: Speziell Button Raster
1:59|[Callbackfunktion zum Raster](bilder/session2/159-RasterCallbackFunktion.png)
2:03|Callbackfunktion zum Import
2:08|Beispiel: Eigene Library erstellen. Kopieren der DefaultLibrary im Explorer für Gerüst
2:09|Kopierte Default-Library aufräumen, nicht benötigtes löschen
2:11|Definiere 1 Zoll Säule
2:15|Zeichnen der Säule im Inkscape
2:21|Speichern der Säule als svg
2:24|Export als 32/64 pixel grosses Icon
2:26|Erstellung eines Verweises auf die Pfade der Icons im Shape 
2:29|Angabe der echten Größe
2:33|Definition der Connection Points
2:37|Korrektur des Zeichnungsbereichs und der Zeichnung selbst
2:40|[Neue 1 Zoll Säule](bilder/session2/240-neueSäule.png)
2:44|RE-Import in den RD Configurator
2:46|neue Connection Points definiert im Web Graphical Editor
2:47|Reparatur des svg Files und neu laden im RD Configurator
2:53| [Erzeugung der Säule im SolidEdge](bilder/session2/253-neueSäuleImSolidEdge.png)
2:56|Export als .stl und .prt
2:57|[Import der 3d Information in RD Configurator (Festlegung des Centers in 3D und im Graphical Studio)](bilder/session2/257-ImportStlFile.png)
2:59|Koordinatensystem in 3D und 2D








