---
title: Workflow Designer
slug: dw4e-workflow-designer
createdAt: 2023-01-09T11:29:05.000Z
---

<font color="#0c121d">Im Workflowdesigner können aus den einzelnen Komponenten in der linken Komponenten-Bibliothek auf der mittleren Arbeitsfläche individuelle Workflows gestaltet werden. Die Komponenten lassen sich per Drag &amp; Drop an den Stellen im Workflow ablegen, die durch ein "+" gekennzeichnet sind.</font>

![](https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/dgutXrSTklmDIBH5_cxtg_screely-1678270086295.png "Übersicht Workflowdesigner")

## <font color="#0c121d">Mit Workflowkomponenten arbeiten</font>

::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/DvIqTY0nTwN0En72r3lUr_screely-1678092062337.png" size="50" width="562" height="767" caption="Übersicht Workflowkomponenten" position="center" showCaption="true"}

### Komponenten hinzufügen

- <font color="#0c121d">Alle verfügbaren Komponenten sind in der Komponentenbibliothek aufgelistet</font>
- <font color="#0c121d">Innerhalb der Komponentenbibliothek können Komponenten per Suche gefunden werden</font>
- <font color="#0c121d">Komponenten können einfach per Drag &amp; Drop zu einem Workflow hinzugefügt werden</font>
- <font color="#0c121d">Komponenten können überall eingefügt werden, wo ein kleines Plus zu sehen ist</font>


### <font color="#0c121d">Komponenten verschieben</font>

- <font color="#0c121d">Komponenten können innerhalb eines Workflows beliebig verschoben werden</font>


### <font color="#0c121d">Komponenten in die Zwischenablage kopieren, aktivieren, deaktivieren und löschen</font>

<font color="#0c121d">Workflowkomponenten können beliebig innerhalb eines Workflows verschoben werden. Zudem gibt es verschiedene Bearbeitungsoptionen.</font>&#x20; <font color="#0c121d">Ein Rechtsklick auf eine Komponente bietet folgende Optionen\:</font>

- <font color="#0c121d">**Endpunkt entfernen\:** </font>Die Komponente wird aus dem Workflow entfernt
- <font color="#0c121d">**In Zwischenablage kopieren\:** Die Komponente wird in die Zwischenablage kopiert und kann a</font>n einer beliebigen Stelle wieder eingefügt werden
- <font color="#0c121d">**Deaktivieren**\: Deaktiviert die Komponente, Icon bleibt aber im Workflow bestehen</font> (ausgegraut)
- **Löschen:&#x20;**&#x44;ie Komponente wird vollständig aus dem Workflow gelöscht

:::hint{type="info"}
Die Definitionen der einzelnen Workflowkomponenten werden im nachfolgenden Abschnitt [Workflow Komponenten](docId:6Z7lJpRcO4fM7oE6-qC-f) erläutert
:::

### &#xA;<font color="">Komponenten Beschreibung</font>

::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/hw4hr3kIlaw8R1xL7Yw8I_screely-1678092265036.png" size="50" width="672" height="284" caption="Beschreibung einer Komponente" position="center" showCaption="true"}

- <font color="#0c121d">Wird über eine Komponente gehovert, erscheint die Option **Beschreibung**</font>
- <font color="#0c121d">Eine persönliche Beschreibung, die z.B. die Funktion der Komponente beschreibt, kann hinzugefügt werden</font>
- <font color="#0c121d">Eine Beschreibung kann helfen, den Überblick in sehr großen Workflows mit vielen Elementen zu behalten</font>



### Einzelne Workflow-Komponenten konfigurieren

**P**<font color="#0c121d">**lanung\:** Element kann benannt und beschrieben werden</font>

<font color="#0c121d">**Authentifizierung\:**  Anmeldeinformationen können hinterlegt werden, falls die Komponente mit einem anderen System kommunizieren s</font>oll

<font color="#0c121d">**Konfiguration\:** Konfigurationseinstellungen der Komponente werden hier vorgenommen</font>

<font color="#0c121d">**Input\:** Definition, welche Variablen des Workflows als Eingabeparameter der Komponente verwendet werden sollen</font>

<font color="#0c121d">**Output\:** Einstellung, in welcher Ausgabe-Variable die Ausgabe der Komponente für die weitere Nutzung im Workflow bereitgestellt werden soll</font>

<font color="#0c121d">**Error Handling\:** Ermöglicht die Einstellung, wie der Programmablauf im Fehlerfall gesteuert werden soll</font>

:::hint{type="warning"}
<font color="#0c121d">Die konkrete Ausgestaltung der Formulare und einzelner Reiter unterscheidet sich je nach Komponente!</font>
:::



## Einen Workflow speichern und testen

::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/Ma3BfolsvTCTCm-5aRIas_screely-1673598437547.png" size="58" width="597" height="235" caption="Bedienleiste Workflowdesigner" position="center" showCaption="true"}

<font color="#0c121d">Die Bedienleiste oben </font><font color="#0c121d">recht bietet folgenden Optionen zur Auswahl</font>:

- <font color="#0c121d">**Zurück zur Übersicht**\: </font><font color="#0c121d">Zurück zur Workflow Übersicht</font>
- <font color="#0c121d">**Diskette**</font>: <font color="#0c121d">Workflow speichern</font>
- <font color="#0c121d">**Pfeil**\:</font> <font color="#0c121d">Workflow starten, ohne ihn vorher zu speichern</font>
- <font color="#0c121d">**Speichern und testen**</font>: <font color="#0c121d">Workflow speichern und anschließend direkt durchlaufen lassen</font>

<font color="#0c121d">
Die Ansicht des Workflows beeinflussen</font>
---------------------------------------------

::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/T1J5pllVPN4wAg0LpLgky_screely-1673598663308.png" size="58" width="434" height="218" position="center" showCaption="false"}

Die <font color="#0c121d">Bedienleiste unten rechts ermöglicht es, den View auf den Workflow zu beeinflussen</font>

- <font color="#0c121d">**Minimap anzeigen**\: Eine verkleinerte Ansicht des gesamten Workflows wird unten links angezeigt</font>
- <font color="#0c121d">**Workflow zentrieren**\: Der Workflow wird wieder zentriert, falls er vorher verschoben wurde</font>
- <font color="#0c121d">**Ein- und Auszoomen**\: Die Ansicht kann vergrößert und verkleinert werden. Eine Verkleinerung auf 60% und eine Vergrößerung auf bis zu 200% sind möglich</font>
- <font color="#0c121d">**Alle Elemente löschen**\: Alle Elemente werden aus dem Workflow gelöscht. Der angelegte Workflow an sich bleibt bestehen</font>


Debug-View
----------


Reporting
---------

![](https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/rM9exSRAs5lRFjk5OMoG5_screely-1678092608812.png)

<font color="#0c121d">Nachdem ein Workflow im Workflowdesigner ausgeführt wurde, kann der Reporting-View geöffnet werden. Dieser erlaubt es, die verschiedenen Auswertungen einzusehen, ohne den Workflowdesigner verlassen zu müssen.</font>

<font color="#0c121d">Eine genauere Beschreibung des Reportings wird im Abschnitt</font> [Reporting](docId\:GYOP7odba9bVtUc_4-Ke0) <font color="#0c121d">erläutert.</font>


Code-View
---------

