Sandstar Web Editor

Visuelle Gebäudeautomationsprogrammierung

v3.0.23.1 Published Quellcode ansehen Documentation

Entwerfen, verkabeln und implementieren Sie Gebäudeautomationslogik – direkt in Ihrem Browser.

Sandstar Web Editor ist eine visuelle Programmierumgebung für Sedona Framework. Ziehen Sie Komponenten auf eine Leinwand, verbinden Sie sie miteinander und implementieren Sie diese auf Live-Controllern – alles ohne SkySpark zu verlassen. Es ist der moderne Ersatz für Desktop-only-Sedona-Tools und bringt den gesamten Entwicklungsworkflow in den Browser.

Stellen Sie sich vor, es ist eine visuelle IDE für Gebäudeautomation: Sie sehen Ihre Steuerungslogik als Ablaufdiagramm, nehmen Änderungen per Drag-and-Drop vor und pushen Updates in Sekunden auf echte Hardware.

Warum es wichtig ist

Die Gebäudeautomationsprogrammierung ist in der Desktop-Ära steckengeblieben. Ingenieure laden umfangreiche Client-Tools herunter, verwalten lokale Projektdateien und übertragen kompilierten Code manuell auf Geräte. Sandstar Web Editor verlagert den gesamten Workflow ins Internet – zugänglich von jedem Computer, integriert in Ihr SkySpark-Projekt und verbunden mit Geräten in Echtzeit.

Wer es nutzt

  • Steuerungsingenieure, die Sedona-basierte Gebäudeautomationssysteme programmieren
  • Systemintegratoren, die vor Ort Controller in Betrieb nehmen und abstimmen müssen, von jedem Laptop aus
  • Facility-Teams, die schnelle Anpassungen vornehmen, ohne spezialisierte Software zu installieren

Visuelle Programmierung

Ziehen, Ablegen, Verkabeln

Entwerfen Sie Gebäudeautomationslogik so, wie Sie sie denken – als Ablaufdiagramm. Ziehen Sie Sedona-Komponenten aus der Kit-Palette auf eine Vollbildleinwand und verbinden Sie dann Eingänge mit Ausgängen per Klick. Jeder Knoten zeigt seine Eigenschaftsplätze mit Livewerten, Socket-Typen und bearbeitbaren Abzeichen.

Der Editor basiert auf Rete.js 2.0 mit einem 5100 x 5100-Arbeitsbereich, Minimap-Navigation, Level-of-Detail-Rendering, das Knoten beim Verkleinern vereinfacht, und Raster-Ausrichtung für saubere Layouts.

Ramp
control::Ramp
  • I min 0.0 F
  • I max 100.0 F
  • out 72.4 F
Add
sys::Add
  • F in1 72.4 F
  • F in2 1.5 F
  • out 73.9 F
BO1
io::BooleanOutput
  • B in true B
  • out true B
Verbindungen
+
192.168.1.100
app 24
Ramp
Add
BO1
Kits
Suchen...
sys 12
Add
Avg
Max
control 8
io 6
Leinwand
Inspektor
Ramp
control::Ramp
ID: 5
Eigenschaften
Links
Slots
min 0.0
max 100.0
out 72.4
status ok
rate 1.0

Arbeitsbereich

Alles im Blick

Das dreipanlige Layout stellt Ihren gesamten Arbeitsablauf griffbereit. Auf der linken Seite zeigt der Verbindungsbaum jeden Geräte-, App- und Komponenten in einer navigierbaren Hierarchie. Darunter listet die Kit-Palette alle installierten Sedona-Kits mit durchsuchbaren Komponententypen auf, die Sie direkt auf die Leinwand ziehen können.

Wählen Sie eine Komponente aus und der Eigenschafts-Inspector auf der rechten Seite öffnet sich mit drei Registerkarten: Eigenschaften zum inline Bearbeiten von Slot-Werten, Links zum Anzeigen ein- und ausgehender Verbindungen und Slots für die vollständige Schema-Ansicht. Klicken Sie auf einen beliebigen bearbeitbaren Wert-Badge, um ihn sofort auf dem Live-Gerät zu ändern.

Live-Überwachung

Echtzeit-Werte, echte Hardware

Jeder Slot-Wert auf der Leinwand wird in Echtzeit über WebSocket-Abonnement aktualisiert. Verbindungsleitungen werden grün, wenn die Verbindung auf dem Gerät aktiv ist, sodass Sie den Datenfluss durch Ihre Logik auf einen Blick sehen können. Zwischengespeicherte oder offline Verbindungen werden als gestrichelte graue Linien angezeigt.

Ändern Sie einen Sollwert im Editor und dieser wird sofort auf dem Controller wirksam – kein Kompilierungs- oder Bereitstellungsschritt erforderlich für einfache Parameteranpassungen. Die Statusleiste zeigt Verbindungsstatus, ausstehende Mutationen und abonnierte Komponentenanzahl.

TempSensor
io::AnalogInput
  • out 72.4 °F F
Sollwert
control::Const
  • out 74.0 F
Vergleichen
sys::Gt
  • F in1 72.4 F
  • F in2 74.0 F
  • out false B
Verbunden
| 3 abonniert | 0 ausstehend Projekt SandStar beitreten
Kompilieren & Bereitstellen 192.168.1.100
[1/4] Überprüfe Kit-Abhängigkeiten...
sys-1.2.28 OK
control-1.0.7 OK
io-1.0.5 OK
[2/4] Lade Kits nach sedonac...
sys-1.2.28.kit hochgeladen
control-1.0.7.kit hochgeladen
io-1.0.5.kit hochgeladen
[3/4] Kompiliere SCode-Image...
Serialisiere SAX-Anwendungsdefinition
POST sedonac/ 200 OK
SAB-Binärdatei empfangen (12.847 Byte)
[4/4] Stelle auf Gerät bereit...
Schreibe app.sab zu 192.168.1.100
Starte SVM neu...
Kompilierung und Bereitstellung abgeschlossen.

Build-Pipeline

Kompilieren ohne Installation

Der Sedona-Compiler wird serverseitig durch SkySpark ausgeführt. Klicken Sie auf kompilieren und der Editor überprüft automatisch Kit-Abhängigkeiten, lädt fehlende Kits hoch, sendet Ihre Anwendungs-XML an sedonac und empfängt die kompilierte SAB-Binärdatei – alles in einem Schritt.

Stellen Sie die kompilierte Binärdatei direkt auf dem gleichen WebSocket-Verbindung auf den Ziel-Controller bereit. Keine USB-Kabel, keine SD-Karten, keine separaten Dateiübertragungs-Tools. Der gesamte Build-Deploy-Zyklus erfolgt im Browser.

Geräteverwaltung

Verbinden, Verwalten, Übertragen

Der Device Manager zeigt jeden Controller auf einen Blick – Verbindungsstatus, installierte Kits, ausstehende Mutationen und zuletzt verbundene Zeitstempel. Speichern Sie Geräteanmeldedaten für One-Click-Wiederverbindung oder legen Sie Auto-Connect fest, damit Ihre Controller bereit sind, wenn Sie den Editor öffnen.

Ziehen Sie SAX-Dateien per Drag-and-Drop auf den Editor, um Anwendungsdefinitionen zu importieren. Laden Sie Kit-Dateien, Manifeste und kompilierte SAB-Binärdateien direkt auf Geräte hoch und herunter. Dateiübertragungen verwenden Chunk-Streaming mit Fortschrittsanzeige.

Geräteverwaltung

Verbindung hinzufügen
2 verbunden 1 ausstehend 5 abonniert
RTU-01
Trennen Bearbeiten
192.168.1.100 · admin
sys control io hvac +3 weitere
AHU-Main
Trennen Bearbeiten
192.168.1.101 · admin
VAV-Zone4
Verbinden Bearbeiten Löschen
192.168.1.105 · admin
SkySpark | Mein Projekt admin
Startseite
Diagramme
SWE
Einstellungen
+ Verbinden | RTU-01
TempSensor
out: 72.4
Vergleichen
in1: 72.4
out: false
BO1
in: false
Verbunden SWE v3.0.23

Plattformintegration

Lebt innerhalb SkySpark

Keine separate URL, keine zusätzliche Anmeldung. Sandstar Web Editor wird als native SkySpark-Erweiterung installiert und erscheint in der Projekt-Seitenleiste neben Ihren anderen Ansichten. Authentifizierung, Projektkontext und Gerätezugriff werden automatisch geerbt.

Der Editor wird als Fantom Pod ausgeführt und serviert das Vue 3-Frontend über ein SkySpark-Weblet. WebSocket-Verbindungen zu Controllern werden durch Sandstar Web Socket vermittelt und verwenden denselben Session Pool und die Geräteregistrierung, die vom Rest Ihres SkySpark-Projekts verwendet werden.

Interesse an diesem Projekt?

Erkunde den Quellcode, trage bei oder nimm Kontakt auf.

Auf GitHub ansehen Kontakt aufnehmen