Seminar enaio® Webclient Scripting mit JavaScript

Clientnahe Skripte werden als schlanke Ergänzung der Benutzeroberfläche entwickelt. Fachlogik, Sicherheitsprüfung und serverseitige Verarbeitung bleiben klar getrennt, damit Anpassungen wartbar und updatefähig bleiben.

Zwei Tage sind für Ereignismodell, mehrere UI-Muster und einen vollständigen Prototyp mit Debugging erforderlich.

Inhaltsverzeichnis

1. Lernziele
2. Zielgruppe
3. Voraussetzungen
4. Seminarinhalte
5. Eventmodell und Scripting-Umgebung
6. Feldsteuerung und Validierung
7. Dynamische Listen und Benutzerkontext
8. REST-Aufrufe und Add-on-Muster
9. Dialoge, Dashlets und Debugging
10. Praxisübungen

Lernziele

• Webclient-Ereignisse und globale Scripting-Objekte sicher verwenden
• Felder, Pflichtlogik und dynamische Auswahllisten kontextabhängig steuern
• Benutzer- und Gruppeninformationen für UI-Entscheidungen auswerten
• REST-Aufrufe mit kontrollierter Fehlerbehandlung auslösen
• Dialoge und Dashlets prototypisch erweitern und im Browser diagnostizieren

Zielgruppe

JavaScript-Entwickelnde, technische Consultants und Administrierende mit Anpassungsaufgaben im Webclient.

Voraussetzungen

Gute JavaScript-Kenntnisse sowie sichere enaio®-Grundlagen. REST-Kenntnisse sind für Integrationsübungen hilfreich.

Seminarinhalte

Die Themen werden in einer festen Arbeitsfolge aus Einordnung, Konfiguration oder Bedienung, praktischer Prüfung und dokumentierter Auswertung bearbeitet.

Eventmodell und Scripting-Umgebung

Das richtige Ereignis und der verfügbare Objektkontext bestimmen Aufbau und Grenzen eines Skripts.

1. Schritt 1: Typischen Anwendungsfall und gewünschte Benutzerinteraktion beschreiben.
2. Schritt 2: Server- und Clientverarbeitung fachlich trennen.
3. Schritt 3: Geeignetes Webclient-Ereignis auswählen.
4. Schritt 4: Global verfügbare Objekte und Eventparameter protokollieren.
5. Schritt 5: Minimales Skript einbinden und kontrolliert auslösen.

Feldsteuerung und Validierung

Maskenverhalten wird abhängig von Objektzustand, Rolle und Eingabewerten angepasst.

1. Schritt 1: Zielfelder und auslösende Bedingung festlegen.
2. Schritt 2: Feld sichtbar, verborgen oder schreibgeschützt schalten.
3. Schritt 3: Eingabeformat und fachliche Wertebeziehung validieren.
4. Schritt 4: Verständliche Fehlermeldung ohne technische Details ausgeben.
5. Schritt 5: Neuanlage, Bearbeitung und unberechtigten Fall getrennt testen.

Dynamische Listen und Benutzerkontext

Auswahldaten und UI-Verhalten werden aus kontrollierten Kontextinformationen abgeleitet.

1. Schritt 1: Benutzer und Gruppen im aktuellen Kontext ermitteln.
2. Schritt 2: Dynamische Auswahlliste aus zulässigen Werten erzeugen.
3. Schritt 3: Abhängige Liste nach vorheriger Eingabe aktualisieren.
4. Schritt 4: Leeren und nicht eindeutigen Kontext behandeln.
5. Schritt 5: Performance und unnötige Wiederholungsaufrufe prüfen.

REST-Aufrufe und Add-on-Muster

Webclient-Skripte können externe oder enaio®-interne Daten abrufen, ohne Sicherheitsgrenzen zu umgehen.

1. Schritt 1: Aufrufziel, Methode, Eingaben und erwartete Antwort definieren.
2. Schritt 2: Anfrage mit geeignetem Authentifizierungs- und Rechtekontext ausführen.
3. Schritt 3: Antwort validieren und relevante Daten extrahieren.
4. Schritt 4: Zeitüberschreitung, Fehlercode und leere Antwort behandeln.
5. Schritt 5: Ergebnis in Maske oder Dialog darstellen, ohne sensible Daten zu protokollieren.

Dialoge, Dashlets und Debugging

UI-Erweiterungen werden modular aufgebaut und mit Browserwerkzeugen diagnostiziert.

1. Schritt 1: Kleinen Dialog oder Dashlet mit klarer Einzelaufgabe entwerfen.
2. Schritt 2: Datenübergabe zwischen Objektkontext und UI-Komponente implementieren.
3. Schritt 3: Fehler und Netzwerkaufrufe in der Browserkonsole analysieren.
4. Schritt 4: Quellcode mit verständlichen Meldungen und Konfigurationswerten strukturieren.
5. Schritt 5: Installation, Aktivierung, Test und Rücknahme dokumentieren.

Praxisübungen

• Feldsteuerung nach Objektstatus und Benutzerrolle
• Validierung einer fachlich abhängigen Eingabekombination
• Dynamische Auswahlliste mit Benutzerkontext
• Dashlet-Prototyp mit REST-Aufruf und Fehlerbehandlung