Seminar windream – Dynamic Workspace Programmierschnittstellen

Standardkomponenten decken typische Arbeitsplätze ab; besondere Fachsichten und Interaktionen benötigen eigene Logik. Das Seminar führt von einer Script-Komponente zu einer gekapselten, testbaren Workspace-Komponente mit sauberer Web-Service-Anbindung.

Inhaltsübersicht

• Zielsetzung
• Zielgruppe
• Voraussetzungen
• Seminarinhalte
• Praxisübungen
• Methodik

Zielsetzung

• Programmiermodell und Laufzeitkontext von Dynamic Workspace beherrschen
• Script-Komponenten mit kontrollierter Daten- und Ereignislogik entwickeln
• Eigene Komponenten strukturiert aufbauen und integrieren
• Sicherheit, Tests, Paketierung und Deployment reproduzierbar gestalten

Zielgruppe

Webentwicklung, Softwareentwicklung, technische windream-Beratung und Entwickler digitaler Facharbeitsplätze.

Voraussetzungen

JavaScript-Erfahrung, Grundkenntnisse in Webentwicklung, HTML5 und CSS. windream-Fachadministration und Web-Service-Programmierschnittstellen werden vorausgesetzt.

Seminarinhalte

Tag 1: Architektur, Web Service und Script-Komponenten

1. Schritt 1: Workspace-Laufzeit, Designer, Komponenten, Ereignisse und Datenflüsse technisch analysieren.
2. Schritt 2: Authentifizierung, Session, REST-Aufrufe und JSON-Verarbeitung über den windream Web Service einrichten.
3. Schritt 3: Script-Komponente mit Eingaben, Zuständen, Fehleranzeige und Protokollierung entwickeln.
4. Schritt 4: Dokument- und Metadatenzugriffe kapseln und gegen unvollständige Antworten absichern.
5. Schritt 5: Ereignisse zwischen Komponenten kontrolliert austauschen.
6. Schritt 6: Erste Komponente in einer Testansicht integrieren und debuggen.

Tag 2: Eigene Komponenten und Benutzeroberfläche

1. Schritt 1: Komponentenanatomie, Lebenszyklus, Konfiguration und wiederverwendbare Schnittstellen strukturieren.
2. Schritt 2: HTML5-Struktur und CSS so einsetzen, dass bestehende Oberflächenkonventionen erhalten bleiben.
3. Schritt 3: Listen, Detailansichten, Aktionen und Zustandswechsel fachlich konsistent umsetzen.
4. Schritt 4: Asynchrone Aufrufe, Ladezustände, Abbruch und Fehlerbehandlung sauber modellieren.
5. Schritt 5: Barrierearme Bedienung, Tastatursteuerung und verständliche Statusmeldungen berücksichtigen.
6. Schritt 6: Komponente mit mehreren Daten- und Berechtigungsszenarien testen.

Tag 3: Sicherheit, Qualität und Bereitstellung

1. Schritt 1: Eingaben validieren, Ausgaben kontextgerecht behandeln und sensible Daten minimieren.
2. Schritt 2: Berechtigungen serverseitig prüfen und reine Oberflächenbeschränkungen vermeiden.
3. Schritt 3: Unit-nahe Logiktests, API-Mocks und Integrationstests für Workspace-Ansichten aufbauen.
4. Schritt 4: Versionierung, Abhängigkeiten, Konfiguration und Paketierung dokumentieren.
5. Schritt 5: Deployment in Test und Produktion mit Freigabe und Rückfallverfahren durchführen.
6. Schritt 6: Eine vollständige Fachkomponente anhand einer Qualitätscheckliste abnehmen.

Praxisübungen

• Script-Komponente mit REST-Datenzugriff entwickeln
• Komponentenkommunikation über definierte Ereignisse umsetzen
• Eigene Fachkomponente mit Lade- und Fehlerzuständen erstellen
• Test-, Paketierungs- und Deploymentablauf für eine Version durchführen

Methodik

Die Entwicklung erfolgt in drei Stufen: Script-Prototyp, gekapselte Komponente und produktionsfähiges Paket. Schnittstellen, Zustände und Fehlerfälle werden vor der Oberflächengestaltung festgelegt, damit die Lösung nicht nur im Idealfall funktioniert.