Zum Hauptinhalt springen

Refinery Studio

Das OctoMesh Refinery Studio ist die webbasierte Oberfläche zum Visualisieren und Interagieren mit Ihren OctoMesh-Daten. Die Seitenleiste im Refinery Studio ist in die folgenden Abschnitte gegliedert.

UI​

Visuelle Designwerkzeuge zum Erstellen von Dashboards und Prozessvisualisierungen. Erfordert die Rolle AdminPanelManagement.

MeshBoards​

Erstellen Sie anpassbare Dashboards mit verschiedenen Widget-Typen:

  • Bauen Sie rasterbasierte Layouts mit konfigurierbaren Spalten und Zeilenhöhen
  • Wählen Sie aus mehreren Widget Types: KPI, Gauge, Chart, Table und mehr
  • Definieren Sie Variables für dynamische, parametrisierte Dashboards
  • Aktivieren Sie Time Filters für die Analyse von Zeitreihendaten
  • Verwenden Sie Well-Known Names für das Routing (z. B. 'cockpit' für das Start-Dashboard)

Process Diagrams​

Bauen Sie vollständige Prozessvisualisierungen durch die Kombination von Symbolen und Primitiven:

  • Ziehen Sie Symbole aus Ihren Bibliotheken auf die Zeichenfläche
  • Fügen Sie primitive Formen für benutzerdefinierte Grafiken hinzu
  • Erstellen Sie Connections zwischen Elementen, um Abläufe darzustellen
  • Konfigurieren Sie die Eigenschaften von Symbolinstanzen
  • Verbinden Sie sich mit Live-OctoMesh-Daten für Echtzeit-Aktualisierungen

Symbol Designer​

Erstellen Sie wiederverwendbare grafische Symbole für Ihre Prozessdiagramme und Dashboards:

  • Gestalten Sie Symbole mit primitiven Formen (Rechtecke, Ellipsen, Linien, Pfade, Text)
  • Definieren Sie Transform Properties, die das Erscheinungsbild von Symbolen auf Basis von Eingabewerten steuern
  • Erstellen Sie dynamische Visualisierungen mit Bindings, die Eigenschaften mit Elementattributen verbinden
  • Testen Sie Ihre Symbole mit dem Simulation-Panel
  • Organisieren Sie Symbole in Symbol Libraries

Repository​

Datenmanagement-Werkzeuge zum Abfragen und Durchsuchen Ihrer OctoMesh-Daten. Erfordert die Rolle AdminPanelManagement.

Query Builder​

Erstellen und verwalten Sie wiederverwendbare Abfragen für Ihre OctoMesh-Daten:

  • Bauen Sie Abfragen visuell, ohne GraphQL zu schreiben
  • Wählen Sie aus Query Types: Simple Query, Aggregation, Grouped Aggregation
  • Wählen Sie CK Types aus und konfigurieren Sie die einzuschließenden Spalten
  • Fügen Sie Filters mit verschiedenen Operatoren hinzu (Equals, Like, In, RegEx usw.)
  • Verwenden Sie Aggregation Functions: COUNT, MIN, MAX, AVG, SUM
  • Speichern Sie Abfragen zur Wiederverwendung in Dashboards und Berichten

Identity​

Benutzer- und Zugriffsverwaltung für Ihren Tenant. Erfordert die Rolle UserManagement.

Identity Management​

Verwalten Sie Benutzer, Rollen, Gruppen und Authentifizierung:

  • Erstellen und verwalten Sie Users mit Rollen- und Gruppenzuweisungen
  • Definieren Sie Roles zur Berechtigungssteuerung
  • Organisieren Sie Berechtigungen mit Groups und verschachtelten Gruppenhierarchien
  • Konfigurieren Sie OAuth Clients für Anwendungen
  • Richten Sie Identity Providers für die externe Authentifizierung ein (Google, Azure AD, LDAP usw.)
  • Automatisieren Sie die Gruppenzuweisung mit Email Domain Group Rules

General​

Systemkonfiguration für OctoMesh-Dienste. Erfordert die Rolle AdminPanelManagement.

Configurations​

Verwalten Sie Systemeinstellungen für OctoMesh-Dienste:

  • Konfigurieren Sie Tenant Settings für Versionsverfolgung und Migrationen
  • Legen Sie den Tenant Mode für Umgebungs- und Wartungssteuerung fest
  • Definieren Sie E-Mail Sender-Konfigurationen für SMTP-Konnektivität
  • Konfigurieren Sie SAP Connections für die Unternehmensintegration

Workflow-Überblick​

┌─────────────────┐     ┌──────────────────┐     ┌─────────────────┐
│ Symbol Designer │ ──► │ Symbol Libraries │ ──► │ Process Diagrams│
└─────────────────┘     └──────────────────┘     └────────┬────────┘
   Create symbols         Organize & share                │
                                                          ▼
┌─────────────────┐                              ┌─────────────────┐
│  Query Builder  │ ─────────────────────────────│   MeshBoards    │
└─────────────────┘                              └─────────────────┘
   Create queries           Data sources           Build dashboards
  1. Symbole erstellen: Verwenden Sie den Symbol Designer, um wiederverwendbare grafische Komponenten zu erstellen
  2. In Bibliotheken organisieren: Speichern Sie Symbole in Bibliotheken für einfachen Zugriff und einfache Weitergabe
  3. Diagramme bauen: Kombinieren Sie Symbole in Process Diagrams, um vollständige Visualisierungen zu erstellen
  4. Abfragen erstellen: Verwenden Sie den Query Builder, um wiederverwendbare Datenabfragen zu definieren
  5. Dashboards erstellen: Verwenden Sie MeshBoards, um Überwachungs-Dashboards mit Widgets zu bauen
  6. Mit Daten verbinden: Binden Sie Symboleigenschaften und Widgets an OctoMesh-Runtime-Daten für Live-Aktualisierungen

Zentrale Konzepte​

Primitives​

Grundlegende SVG-Formen, die die Bausteine von Symbolen bilden:

  • Rectangle, Ellipse, Polygon
  • Line, Polyline, Path
  • Text, Image

Symbols​

Wiederverwendbare Kompositionen aus Primitiven mit:

  • Transform Properties: Bereitgestellte Parameter, die das Erscheinungsbild steuern
  • Bindings: Zuordnungen von Eigenschaften zu Elementattributen
  • Animations: Dynamische visuelle Effekte

Transform Properties​

Von Symbolen bereitgestellte Parameter, die zur Laufzeit gesteuert werden können:

  • Number: Numerische Werte (z. B. 0–100 für einen Füllstand)
  • Color: Farbwerte
  • Boolean: An/Aus-Zustände
  • String: Textwerte

Bindings​

Verbinden Transform Properties mit Elementeffekten:

  • Fill Level (für Tank-Visualisierungen)
  • Rotation (für Gauges)
  • Farbänderungen (zur Statusanzeige)
  • Sichtbarkeit (Elemente ein-/ausblenden)
  • Und viele mehr ...

Expressions​

Mathematische Formeln, die Eigenschaftswerte transformieren:

value           // Pass through
value * 3.6     // Scale (0-100 to 0-360)
lerp(value, 0, 100, 0, 360)  // Linear interpolation
lerpColor(value, 0, 100, "#00ff00", "#ff0000")  // Color gradient