Seminar Camunda Modeler – Formulare mit form-js und Camunda Forms

Dieses Seminar verbindet visuelle Formulargestaltung mit ausführbaren User Tasks. Formulare werden im Modeler strukturiert, mit Datentypen, Pflichtfeldern, Validierungen und bedingter Darstellung versehen. Anschließend werden Variablenbindung, Ein- und Ausgabedaten, Wiederverwendung, Tests und die Einbettung von form-js-Viewer und -Editor in eigene Anwendungen behandelt.

Inhaltsübersicht

1. Kapitel 1: Tag 1: Formdesign, Komponenten und Validierung
2. Kapitel 2: Tag 2: Prozessanbindung, Tests und Einbettung

Lernziele

• Formschema, Seiten, Gruppen und Layout fachlich einordnen, praktisch umsetzen und anhand definierter Prüfpunkte bewerten
• Eingabekomponenten, Datentypen und Standardwerte fachlich einordnen, praktisch umsetzen und anhand definierter Prüfpunkte bewerten
• User-Task-Verknüpfung und Formreferenzen fachlich einordnen, praktisch umsetzen und anhand definierter Prüfpunkte bewerten
• Eingabedaten, Ausgabedaten und Variablenmapping fachlich einordnen, praktisch umsetzen und anhand definierter Prüfpunkte bewerten

Kapitel 1: Tag 1: Formdesign, Komponenten und Validierung

Formulare werden verständlich, datentypisch korrekt und prüfbar aufgebaut.

Kapitelinhaltsverzeichnis: 1.1 Formschema, Seiten, Gruppen und Layout; 1.2 Eingabekomponenten, Datentypen und Standardwerte; 1.3 Pflichtfelder, Validierungsregeln und Fehlermeldungen; 1.4 Bedingte Darstellung und barrierearme Gestaltung

1. Schritt 1: Formschema, Seiten, Gruppen und Layout

   Zunächst wird „Formschema, Seiten, Gruppen und Layout“ systematisch eingeordnet. Begriffe, Verantwortlichkeiten, Eingaben und erwartete Artefakte werden abgegrenzt. Das Teilziel wird mit den Qualitätskriterien des Kapitels verbunden.

2. Schritt 2: Eingabekomponenten, Datentypen und Standardwerte

   Danach wird „Eingabekomponenten, Datentypen und Standardwerte“ am Schulungssystem umgesetzt. Einstellungen, Dateien und Modellierungsschritte werden in einer nachvollziehbaren Reihenfolge ausgeführt; jeder Zwischenstand wird unmittelbar kontrolliert.

3. Schritt 3: Pflichtfelder, Validierungsregeln und Fehlermeldungen

   Im nächsten Schritt wird „Pflichtfelder, Validierungsregeln und Fehlermeldungen“ mit Positiv-, Grenz- und Fehlerfällen geprüft. Meldungen, Modellartefakte und sichtbares Verhalten werden ausgewertet, damit Abweichungen nicht nur behoben, sondern ursächlich verstanden werden.

4. Schritt 4: Bedingte Darstellung und barrierearme Gestaltung

   Abschließend wird „Bedingte Darstellung und barrierearme Gestaltung“ in eine wiederverwendbare Arbeitsanweisung überführt. Reviewpunkte, Versionshinweise, Zuständigkeiten und typische Fehlermuster werden so dokumentiert, dass der Ablauf im Projekt reproduzierbar bleibt.

Praxisaufgabe: Ein mehrstufiges Antragsformular wird mit Pflichtfeldern, Grenzwerten, bedingten Bereichen und verständlichen Fehlermeldungen erstellt.

Kontrollpunkte: Das Ergebnis ist reproduzierbar, fachlich nachvollziehbar, ohne ungeklärte Warnungen gespeichert und anhand mindestens eines Fehlerfalls geprüft.

Kapitel 2: Tag 2: Prozessanbindung, Tests und Einbettung

Formulare werden mit Prozessvariablen verbunden und in unterschiedlichen Laufzeitkontexten geprüft.

Kapitelinhaltsverzeichnis: 2.1 User-Task-Verknüpfung und Formreferenzen; 2.2 Eingabedaten, Ausgabedaten und Variablenmapping; 2.3 Testdaten, Validierungsfälle und Versionswechsel; 2.4 form-js Viewer und Editor in eigenen Anwendungen

1. Schritt 1: User-Task-Verknüpfung und Formreferenzen

   Zunächst wird „User-Task-Verknüpfung und Formreferenzen“ systematisch eingeordnet. Begriffe, Verantwortlichkeiten, Eingaben und erwartete Artefakte werden abgegrenzt. Das Teilziel wird mit den Qualitätskriterien des Kapitels verbunden.

2. Schritt 2: Eingabedaten, Ausgabedaten und Variablenmapping

   Danach wird „Eingabedaten, Ausgabedaten und Variablenmapping“ am Schulungssystem umgesetzt. Einstellungen, Dateien und Modellierungsschritte werden in einer nachvollziehbaren Reihenfolge ausgeführt; jeder Zwischenstand wird unmittelbar kontrolliert.

3. Schritt 3: Testdaten, Validierungsfälle und Versionswechsel

   Im nächsten Schritt wird „Testdaten, Validierungsfälle und Versionswechsel“ mit Positiv-, Grenz- und Fehlerfällen geprüft. Meldungen, Modellartefakte und sichtbares Verhalten werden ausgewertet, damit Abweichungen nicht nur behoben, sondern ursächlich verstanden werden.

4. Schritt 4: form-js Viewer und Editor in eigenen Anwendungen

   Abschließend wird „form-js Viewer und Editor in eigenen Anwendungen“ in eine wiederverwendbare Arbeitsanweisung überführt. Reviewpunkte, Versionshinweise, Zuständigkeiten und typische Fehlermuster werden so dokumentiert, dass der Ablauf im Projekt reproduzierbar bleibt.

Praxisaufgabe: Das Formular wird an einen User Task gebunden, mit Testvariablen ausgeführt und zusätzlich als Viewer in eine kleine Webanwendung eingebettet.

Kontrollpunkte: Das Ergebnis ist reproduzierbar, fachlich nachvollziehbar, ohne ungeklärte Warnungen gespeichert und anhand mindestens eines Fehlerfalls geprüft.

Zielgruppe und Voraussetzungen

Zielgruppe: Prozessdesigner, Formularentwickler, Frontend-Entwickler, Fachbereichsanalysten und User-Task-Verantwortliche.

Voraussetzungen: Grundkenntnisse in BPMN-User-Tasks und Datenfeldern; Web- und JSON-Grundlagen sind für Erweiterungsthemen hilfreich.

Didaktik und Arbeitsweise

Kurze Fachimpulse wechseln mit Demonstrationen, strukturierten Arbeitsschritten, eigenständigen Übungen und kontrollierten Fehlerfällen. Jede Aufgabe enthält Ausgangslage, Ziel, Umsetzung, Prüfpunkte und Dokumentationsanforderungen. Dadurch entstehen nicht nur funktionierende Modelle oder Erweiterungen, sondern wiederholbare Vorgehensweisen für Projekt- und Teamarbeit.