# 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)
0:23|Anlegen der Globalenvariable ShapeList vom Typ Editor2DShapeTypeList zur Verwaltung alle Shapes
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 
0:34|Editing PageShowToolsOnToolbar, UndoRedo: Pfeile, DrawTools: (Polyline, Line, ...), SmartlineCopy
0:39|Button Pressed: Aufruf einer Callbackfunktion 
0:42|Grid button tool: Erzeugung von Mustern in 2D/3D
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: 
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
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:20|Umrechnung pixel, inch, mm am Shape
1:21|Erklärung weiterer Element im Editor2dOption 
1:22|Frage zur Kollisionsprüfung: Nur Check der BoundingBox des Objektes gegeneinander
1:26|Editor2dOption: Autosave, DoExportImage2D
1:28|Editor2dOption: EnterBehaviour (für Polyline, z.B. bei der Angabe von FINISH/CLOSE)
1:39|Umgebung: Erstellung der Sesssion aus dem Git Repo. 
1:41|Erklärung des Konzeptes der Trennung der Pfade git Repo und Installation
1:46|Kreisels als Assembly von Motor-/Spannstation und Bändern
1:50|Erklärung der Buttons FAB: Speziell Button Raster
1:54|Callbackfunktion zu Raster
1:59|Callbackfunktion zum Import
2:01|
2:08|Beispiel: Eigene Library erstellen / kopieren: 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:20|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
2:44|RE-Import in den RD Configurator
2:47|Reparatur des svg Files und neu laden im RD Configurator
2:53|Erzeugung der Säule im SolidEdge
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)