Sandstar Web Editor
Görsel Bina Otomasyon Programlaması
Bina otomasyon mantığını tasarlayın, bağlayın ve dağıtın -- doğrudan tarayıcınızdan.
Sandstar Web Editor, Sedona Framework için bir görsel programlama ortamıdır. Bileşenleri bir tuvale sürükleyin, bunları birbirine bağlayın ve canlı denetleyicilere dağıtın -- hepsi SkySpark'ı bırakmadan. Bu, yalnızca masaüstü Sedona araçlarının modern yedek seçeneğidir ve tüm geliştirme iş akışını tarayıcıya getir.
Bunu bina otomasyon için görsel bir IDE olarak düşünün: kontrol mantığınızı bir akış diyagramı olarak görürsünüz, değişiklikleri sürükle ve bırak ile yaparsınız ve güncellemeleri saniyeler içinde gerçek donanıma gönderirsiniz.
Neden Önemli
Bina otomasyon programlaması masaüstü çağında takılıp kaldı. Mühendisler kalın istemci araçlarını indirir, yerel proje dosyalarını yönetir ve derlenmiş kodu cihazlara el ile aktarır. Sandstar Web Editor tüm iş akışını çevrimiçi ortama taşır -- herhangi bir makineden erişilebilir, SkySpark projenizle entegre ve cihazlara gerçek zamanlı bağlı.
Kimin İçin
- Kontrol mühendisleri Sedona tabanlı bina otomasyon sistemleri programlayan
- Sistem entegratörleri herhangi bir dizüstü bilgisayardan site üzerinde denetleyicileri komisyonlamak ve ayarlamak için ihtiyaç duyan
- Tesis ekipleri özel yazılım yüklemeden hızlı ayarlamalar yapan
Görsel Programlama
Sürükle, Bırak, Bağla
Bina otomasyon mantığını düşündüğünüz şekilde tasarlayın -- bir akış diyagramı olarak. Sedona bileşenlerini kit paletinden tam ekran tuvale sürükleyin, sonra girişleri çıkışlara tıklama ile bağlayın. Her düğüm, özellik yuvalarını canlı değerler, soket türleri ve düzenlenebilir rozet ile gösterir.
Editör, 5100 x 5100 çalışma alanı, mini harita navigasyonu, uzaklaştırdığınızda düğümleri basitleştiren detay seviyesi işlemesi ve temiz düzenler için ızgara yapışkanlığı ile Rete.js 2.0 üzerine inşa edilmiştir.
- 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
Çalışma Alanı
Her Şey Görünümde
Üç panelli düzen tüm iş akışınızı parmaklarınızın ucuna koyar. Sol tarafta, Bağlantı Ağacı her cihazı, uygulamayı ve bileşeni gezinebilir bir hiyerarşide gösterir. Bunun altında, Kitler paleti, tuvale doğrudan sürükleyebileceğiniz aranabilir bileşen türleri ile yüklü olan her Sedona kitini listeler.
Herhangi bir bileşeni seçin ve sağ taraf Özellik İnceleyicisi üç sekmesi ile açılır: Yuva değerlerini satır içi olarak düzenlemek için Özellikler, gelen ve giden bağlantıları gösteren Bağlantılar ve tam şema görünümü için Yuvalar. Canlı cihazda anında değiştirecek herhangi bir düzenlenebilir değer rozeti tıklayın.
Canlı İzleme
Gerçek Zamanlı Değerler, Gerçek Donanım
Tuvaldeki her yuva değeri WebSocket aboneliği aracılığıyla gerçek zamanlı olarak güncellenir. Bağlantı teli, bağlantı cihazda canlı olduğunda katı yeşile döner, böylece verinin mantığınızdan akışını bir bakışta görebilirsiniz. Önbelleğe alınmış veya çevrimdışı bağlantılar kesikli gri çizgiler olarak işlenir.
Editörde bir ayar noktasını değiştirin ve denetleyicide anında yürürlüğe girer -- basit parametre ayarlamaları için derle veya dağıt adımı gerekli değildir. Durum çubuğu bağlantı durumunu, beklemede olan mutasyonları ve abone olunan bileşen sayılarını gösterir.
- out 72.4 °F F
- out 74.0 F
- F in1 72.4 F
- F in2 74.0 F
- out false B
Derleme Ardışık Düzeni
Hiçbir Şey Yüklemeden Derle
Sedona derleyicisi SkySpark aracılığıyla sunucu tarafında çalışır. Derle'yi tıklayın ve editör otomatik olarak kit bağımlılıklarını doğrular, eksik olan kitlteri yükler, uygulama XML'nizi sedonac'a gönderir ve derlenen SAB ikilisini alır -- hepsi tek bir adımda.
Derlenen ikilisini aynı WebSocket bağlantısı üzerinden hedef denetleyiciye doğrudan dağıtın. USB kablosu, SD kartı, ayrı dosya aktarım araçları yok. Tüm derleme dağıtım döngüsü tarayıcının içinde gerçekleşir.
Cihaz Yönetimi
Bağlan, Yönet, Aktar
Cihaz Yöneticisi her denetleyiciyi bir bakışta gösterir -- bağlantı durumu, yüklü kitler, beklemede mutasyonlar ve son bağlanma zaman damgaları. Tek tıkla yeniden bağlantı için cihaz kimlik bilgilerini kaydedin veya editörü açtığınızda denetleyicileriniz hazır olsun diye otomatik bağlantı ayarlayın.
Uygulama tanımlarını içe aktarmak için SAX dosyalarını editöre sürükle ve bırak. Kit dosyalarını, bildirimleri ve derlenen SAB ikililerini doğrudan cihazlara yükleyin ve indirin. Dosya aktarımları, ilerleme raporlaması ile yığılmış akış kullanır.
Cihaz Yöneticisi
Bağlantı EklePlatform Entegrasyonu
SkySpark İçinde Yaşıyor
Ayrı URL yok, ek giriş yok. Sandstar Web Editor, yerel bir SkySpark uzantısı olarak yüklenir ve proje kenar çubuğunuzda diğer görünümlerinizin yanında görünür. Kimlik doğrulaması, proje bağlamı ve cihaz erişimi otomatik olarak kalıtsal olarak aktarılır.
Editör, Vue 3 ön ucunu bir SkySpark weblet aracılığıyla sunan Fantom pod'u olarak çalışır. Denetleyicilere yapılan WebSocket bağlantıları Sandstar Web Socket aracılığıyla aracılık edilir ve SkySpark projenizin geri kalanı tarafından kullanılan aynı oturum havuzu ve cihaz kaydını paylaşır.
Teknoloji Yığını
Mimari
Özellikler
- Görsel Düğüm Editörü Rete.js 2.0 üzerine inşa edilmiş, sürükle ve bırak kablolama, mini harita ve yakınlaştırma ile
- Gerçek Zamanlı Cihaz G/Ç -- canlı Sedona denetleyicilerinde bileşen değerlerini okuyun ve yazın
- Entegre Derleyici -- Sedona uygulamalarını (sedonac) doğrudan tarayıcıdan derleyin
- Dosya Yönetimi -- SAX ve SAB dosyalarını denetleyicilere/denetleyicilerden yükleyin/indirin
- SkySpark Görünümü -- kenar çubuğunda yerel bir SkySpark uygulama görünümü olarak çalışır
Derleme Ardışık Düzeni
- Vue Derlemesi: TypeScript + Vue 3,
dist/adresine derlenmiş - Pod Derlemesi:
dist/Fantom pod kaynaklarına paketlenmiş ve derlenmiş
Gereksinimler
- SkySpark 3.0.24+ Sedona uzantısı ile
- Cihaz iletişimi için Sandstar Web Socket
- Modern tarayıcı (Chrome, Firefox, Safari, Edge)
Bu projeyle ilgileniyor musunuz?
Kaynak kodunu keşfedin, katkıda bulunun veya iletişime geçin.