Éditeur Web Sandstar
Programmation visuelle de l'automatisation des bâtiments
Concevez, câblez et déployez la logique d'automatisation des bâtiments -- directement depuis votre navigateur.
Sandstar Web Editor est un environnement de programmation visuelle pour le Sedona Framework. Glissez des composants sur un canevas, câblez-les ensemble et déployez sur des contrôleurs actifs -- tout sans quitter SkySpark. C'est le remplacement moderne des outils Sedona exclusifs au bureau, portant l'intégralité du flux de développement dans le navigateur.
Pensez-y comme un IDE visuel pour l'automatisation des bâtiments : vous voyez votre logique de contrôle sous forme de diagramme de flux, effectuez des modifications par glisser-déposer et mettez à jour le matériel réel en quelques secondes.
Pourquoi c'est important
La programmation de l'automatisation des bâtiments est restée bloquée à l'ère du bureau. Les ingénieurs téléchargent des outils clients volumineux, gèrent les fichiers de projet locaux et transfèrent manuellement le code compilé vers les appareils. Sandstar Web Editor déplace l'intégralité du flux de travail en ligne -- accessible depuis n'importe quelle machine, intégré à votre projet SkySpark et connecté aux appareils en temps réel.
Pour qui c'est
- Ingénieurs en contrôle programmant des systèmes d'automatisation des bâtiments basés sur Sedona
- Intégrateurs système qui ont besoin de mettre en service et d'ajuster les contrôleurs sur site depuis n'importe quel ordinateur portable
- Équipes de maintenance effectuant des ajustements rapides sans installer de logiciels spécialisés
Programmation visuelle
Glisser, déposer, câbler
Concevez la logique d'automatisation des bâtiments comme vous la pensez -- sous forme de diagramme de flux. Glissez les composants Sedona de la palette des kits sur un canevas en plein écran, puis câblez les entrées aux sorties d'un clic. Chaque nœud affiche ses emplacements de propriétés avec des valeurs en direct, des types de socket et des badges modifiables.
L'éditeur est construit sur Rete.js 2.0 avec une zone de travail de 5100 x 5100, la navigation par minimap, le rendu au niveau de détail qui simplifie les nœuds lorsque vous zoomez arrière, et l'alignement magnétique à la grille pour des dispositions épurées.
- I min 0.0 F
- I max 100.0 F
- out 72.4 F
- F in1 72.4 F
- F in2 1.5 F
- out 73.9 F
- B in true B
- out true B
Espace de travail
Tout en vue
La disposition à trois panneaux met l'intégralité de votre flux de travail à portée de main. À gauche, l'arborescence des connexions affiche chaque appareil, application et composant dans une hiérarchie navigable. Ci-dessous, la palette Kits répertorie chaque kit Sedona installé avec des types de composants consultables que vous pouvez glisser directement sur le canevas.
Sélectionnez n'importe quel composant et l'inspecteur de propriétés du côté droit s'ouvre avec trois onglets : Propriétés pour modifier les valeurs d'emplacement en ligne, Liens affichant les connexions entrantes et sortantes, et Emplacements pour la vue du schéma complet. Cliquez sur n'importe quel badge de valeur modifiable pour le modifier sur l'appareil actif instantanément.
Surveillance en direct
Valeurs en temps réel, matériel réel
Chaque valeur d'emplacement sur le canevas se met à jour en temps réel via l'abonnement WebSocket. Les fils de connexion deviennent vert uni lorsque le lien est actif sur l'appareil, pour que vous puissiez voir les données circuler dans votre logique en un coup d'œil. Les liens en cache ou hors ligne s'affichent sous forme de lignes pointillées grises.
Modifiez un point de consigne dans l'éditeur et il prend effet sur le contrôleur immédiatement -- aucune étape de compilation ou de déploiement nécessaire pour les simples ajustements de paramètres. La barre d'état affiche la santé de la connexion, les mutations en attente et les nombres de composants abonnés.
- out 72.4 °F F
- out 74.0 F
- F in1 72.4 F
- F in2 74.0 F
- out false B
Pipeline de construction
Compiler sans rien installer
Le compilateur Sedona s'exécute côté serveur via SkySpark. Cliquez sur compiler et l'éditeur vérifie automatiquement les dépendances des kits, télécharge les kits manquants, publie votre XML d'application vers sedonac et reçoit le binaire SAB compilé -- tout en une seule étape.
Déployez le binaire compilé directement sur le contrôleur cible via la même connexion WebSocket. Pas de câbles USB, pas de cartes SD, pas d'outils de transfert de fichiers séparés. L'intégralité du cycle de construction et de déploiement se déroule dans le navigateur.
Gestion des appareils
Connecter, gérer, transférer
Le Gestionnaire d'appareils affiche chaque contrôleur en un coup d'œil -- état de la connexion, kits installés, mutations en attente et horodatages de la dernière connexion. Enregistrez les identifiants de l'appareil pour une reconnexion en un clic, ou définissez la connexion automatique pour que vos contrôleurs soient prêts lorsque vous ouvrez l'éditeur.
Glissez-déposez les fichiers SAX sur l'éditeur pour importer les définitions d'applications. Téléchargez et téléchargez les fichiers de kit, les manifestes et les binaires SAB compilés directement vers les appareils. Les transferts de fichiers utilisent le streaming par segments avec rapport de progression.
Gestionnaire d'appareils
Ajouter une connexionIntégration de plateforme
Vit à l'intérieur de SkySpark
Aucune URL séparée, aucune connexion supplémentaire. Sandstar Web Editor s'installe en tant qu'extension SkySpark native et apparaît dans la barre latérale du projet aux côtés de vos autres vues. L'authentification, le contexte du projet et l'accès aux appareils sont tous hérités automatiquement.
L'éditeur s'exécute en tant que pod Fantom servant le frontend Vue 3 via une weblet SkySpark. Les connexions WebSocket aux contrôleurs sont gérées via Sandstar Web Socket, partageant le même pool de session et le même registre d'appareils utilisés par le reste de votre projet SkySpark.
Pile technologique
Architecture
Capacités
- Éditeur de nœuds visuel construit sur Rete.js 2.0 avec câblage par glisser-déposer, minimap et zoom
- I/O d'appareil en temps réel -- lecture et écriture des valeurs de composants sur les contrôleurs Sedona actifs
- Compilateur intégré -- compilez les applications Sedona (sedonac) directement depuis le navigateur
- Gestion des fichiers -- téléchargez/chargez les fichiers SAX et SAB vers/depuis les contrôleurs
- Vue SkySpark -- s'exécute en tant que vue d'application SkySpark native dans la barre latérale
Pipeline de construction
- Vue Build : TypeScript + Vue 3 compilé en
dist/ - Pod Build :
dist/regroupé dans les ressources du pod Fantom et compilé
Exigences
- SkySpark 3.0.24+ avec extension Sedona
- Sandstar Web Socket pour la communication des appareils
- Navigateur moderne (Chrome, Firefox, Safari, Edge)
Intéressé par ce projet ?
Explorez le code source, contribuez ou prenez contact.