Skip to Content
DocsLowcodeFeaturesPortalLowCode Portal

LowCode Portal

Das ProcessCube® Portal ist eine Progressive Web App (PWA) für die Bearbeitung von UserTasks und Process-Monitoring.

Übersicht

Das Portal basiert auf Dashboard-2 und bietet:

  • Standard-Portal: Vorkonfiguriertes UserTask-Portal
  • Custom Pages: Eigene Dashboard-2 Seiten erstellen
  • PWA-Support: Installierbar als App auf Desktop und Mobile
  • Offline-Funktionalität: Arbeiten ohne Internetverbindung
  • Responsive Design: Automatische Anpassung an alle Bildschirmgrößen

Hauptfunktionen

UserTask-Liste: Übersicht aller wartenden UserTasks mit Filterung und Sortierung.

UserTask-Details: Dynamische Formulare basierend auf formFields mit Validierung.

Process-Monitoring: Übersicht laufender Prozesse mit Heatmap-Visualisierung.

Dashboard: Prozess-Statistiken und Übersichten mit Charts.

Aktivierung

Standard-Portal in docker-compose.yml aktivieren:

environment:
  - PROCESSCUBE_PORTAL_ENABLED=true
  - PROCESSCUBE_PORTAL_PATH=/portal

Zugriff: http://localhost:1880/portal

Custom Portal

Eigene Portal-Seiten mit Dashboard-2 erstellen:

  1. Dashboard-2 installieren (@flowfuse/node-red-dashboard)
  2. UI-Base Node konfigurieren (Path: /my-portal)
  3. UI-Pages erstellen (Task-Liste, Formulare, etc.)
  4. PWA-Manifest konfigurieren

Architektur

┌─────────────────────┐
│  Portal (PWA)       │
├─────────────────────┤
│  Dashboard-2 UI     │
│  Service Worker     │
└─────────┬───────────┘
          │
┌─────────▼───────────┐
│  LowCode            │
│  (Node-RED)         │
└─────────┬───────────┘
          │
┌─────────▼───────────┐
│  Engine             │
│  (BPMN)             │
└─────────────────────┘

Use Cases

  • UserTask-Bearbeitung: Formulare für BPMN-UserTasks
  • Field Service Apps: Mobile Apps für Techniker
  • Process Monitoring: Echtzeit-Überwachung von Prozessen
  • Admin Dashboards: Verwaltungs-UIs

Nächste Schritte

Ressourcen

UI-NodesPortal-Beispiele