Ana içeriğe geç

HMI & Gömülü Platform · Yazılım

Elmes HMI Editor

Yakında

HMI ekranını tarayıcıda çiz, değişkene bağla, cihaza gitmeden simüle et.

Bilgi al Teknik özellikler
Elmes HMI Editor: dizüstünde tarayıcıda fırın ekranı tasarımı, yanında aynı ekranı çalıştıran 7 inç HMI paneli

Genel bakış

Sorun. OEM cihaz üreticisi ekran tasarımını genellikle üreticiye özgü masaüstü araçlarda (DWIN DGUS, Nextion Editor, TouchGFX Designer) yapar. Her araç ayrı kurulum, ayrı öğrenme eğrisi, ayrı dosya formatı ister. Tasarımcı ile firmware mühendisi aynı ekranı görmez; müşteri onayı için her değişiklikte cihaza yükleme gerekir. Değişken–bileşen bağları (sıcaklık > 50 → kırmızı) genelde firmware'de elle kodlanır.

Çözüm. HMI Editor üç panelli bir web editörüdür: solda bileşen kütüphanesi, ortada React Flow tabanlı tuval, sağda sayfa ve özellik panelleri. Tasarımcı çoklu sayfa açar, dikdörtgen/metin/buton/resim bileşenlerini sürükler, ızgaraya hizalar, katman sırasını yönetir, özellikleri (konum, boyut, kenarlık, köşe yuvarlaklığı, renk) panelden düzenler. Global değişkenler (tag) tanımlanır ve bileşen özelliklerine bağlanır; planlanan simülasyon modunda değişken değeri değiştirilerek arayüzün tepkisi cihaz olmadan görülecek.

Proje dosyası. Proje JSON olarak kaydedilir ve geri yüklenir; müşteriyle paylaşılan tek link üzerinden onay alınır. Hedef, aynı JSON'dan DWIN/DiscOS hedef kodu ya da varlık paketi üretmek; böylece tasarım ile firmware arasındaki kopukluk kapanır.

Tarayıcıda HMI editörü: bileşen paleti, tuvalde seçili metin ve tag bağlama paneli; yanda aynı ekranı gösteren HMI
Konsept

Bu ürün geliştirme veya saha testi aşamasında. Teknik bilgi, pilot kullanım ve ön teklif için bizimle iletişime geçin.

Özellikler

  • Ekran alanı çerçevesi: tuvalde gerçek ekran boyutu (ör. 800×480 DWIN 7") seçilemez, sürüklenemez arka alan olarak gösterilir; bileşenler bu alana göre yerleşir.
  • Çoklu sayfa: her sayfanın kendi ekran boyutu, arka planı ve kenarlığı.
  • Tag (değişken) bağlama: bileşen özellikleri global değişkene bağlanır.
  • Katman bağlam menüsü: sağ tık ile öne getir / arkaya gönder / bir adım ileri-geri.
  • Yeniden boyutlandırılabilir paneller: sol/sağ panel genişlikleri tutamaçla ayarlanır.
  • Kopyala/yapıştır ve klavye kısayolları.
  • Düz JSON proje dosyası: Git ile sürümlenebilir; ekipler arasında e-posta ile taşınır.
  • HedefKoşullu stil: değişken değerine göre stil (Sicaklik > 50 → kırmızı).
  • HedefSimülasyon modu: Play/Stop ile cihaz olmadan arayüz tepkisi.
  • HedefGelişmiş bileşenler: gauge, grafik ve giriş alanı.
  • HedefDışa aktarım: DWIN DGUS, DiscOS ve web HMI hedefleri.
  • HedefBulut proje deposu ve çok dilli metin tabloları.
  • HedefBileşen şablon kütüphanesi: Elmes kurumsal stiliyle hazır bileşenler.

Teknik özellikler

“Hedef” işaretli değerler tasarım hedefi, yeni nesil değeri veya çip üreticisi verisidir; ölçüm ve belgelendirme tamamlandıkça güncellenir.

Dağıtım
Dağıtım modeliBulut (editor.elmes.io)
On-prem kurulumOEM'ler için kurulum paketiHedef
SunucuLinux VPS, Nginx reverse proxy + Let's Encrypt TLS; beta sürüm geliştirme sunucusu üzerinden yayında
Üretim yayınıÜretim build'iHedef
GüncellemeGit'ten çekip yeniden başlatma
CI/CDOtomatik derleme ve yayın hattıHedef
TarayıcıGüncel Chrome / Edge / Firefox (masaüstü); mobil tarayıcı desteklenmez
İstemciSunucu tarafı mantık yok; tüm işlem tarayıcıda
Geliştirme ortamıNode.js 20, npm, Vite
Mimari
Teknoloji yığınıVite + React + TypeScript, @xyflow/react (React Flow), Zustand, MUI (koyu tema), Emotion
Veri modeliProje → sayfalar (kimlik, ad, ayarlar: genişlik/yükseklik/arka plan/kenarlık; düğümler; bağlantılar) + tag listesi; düz JSON
Bileşen tipleriDikdörtgen, metin, resim, buton
Ek bileşen tipleriDaire, çizgi, çokgen, gauge, giriş alanı, grafikHedef
Entegrasyonlar
Dışa aktarımJSON
Dışa aktarım hedefleriDWIN DGUS varlık/sayfa paketi, DiscOS ekran tanımı, web HMI paketiHedef
İçe aktarımJSON (editörün kendi proje dosyası)
Resim içe aktarımıJPG / PNG / SVGHedef
APIYok
Proje API'siBulut katmanında REST proje API'siHedef
Güvenlik & veri
Proje verisiProje dosyası kullanıcının bilgisayarında; sunucuda veri tutulmaz
Aktarım güvenliğiTLS 1.2+
Bulut verisi (KVKK)Veri Türkiye'deki sunucudaHedef
Kimlik doğrulamaYok (açık beta sunucusu)
HesaplarKullanıcı hesabı ve proje sahipliğiHedef
YetkilendirmeSahip / düzenleyen / görüntüleyenHedef
Lisans & destek
Lisans durumuŞimdilik iç araç; beta ücretsiz
Lisans modeliÜcretsiz katman + PRO abonelik + OEM/on-prem lisansHedef
Kaynak lisansıHenüz belirlenmedi; üçüncü taraf bileşenler MIT lisanslı (React, Vite, Zustand, React Flow, MUI)
DestekBeta sürecinde destek yok
Destek hedefiE-posta, 2 iş günü içinde yanıtHedef
YedeklemeKullanıcının kendi JSON dosyası
Bulut yedeğiBulutta günlük yedekHedef
Yol haritası
Aşama 1–2Temel editör, çoklu sayfa, boyutlandırma, katman, MUI — tamamlandı
Aşama 3Tag sistemi, bileşen–değişken bağlama — kısmen tamamlandı
Aşama 4 (tamamlanan)Kaydet / aç
Aşama 4 (planlanan)Simülasyon modu; buton eylemleri (sayfa değiştir, değişken yaz, script)Hedef
Sonraki aşamalarGelişmiş bileşenler, dışa aktarım hedefleri, bulut hesap, üretim build'iHedef

Uygulama alanları

  • Fırın ve proses HMI'ları
  • Laboratuvar kabini ekranları
  • Chiller ve sisleme cihazı panelleri
  • DiscOS uygulama ekranları
  • DWIN T5L / Nextion ön tasarımı
  • SCADA operatör ekranı taslakları
  • Web HMI prototipleri

Editör, OEM cihaz HMI'larında ön tasarım ve müşteri onayı için kullanılır: Elmes OEM Cihaz Kontrol Platformu uygulama paketleri (fırın, laboratuvar kabini, chiller, sisleme cihazı) ve Elmes Isıl Proses Kontrolörü ekranları bunun tipik örnekleridir. DiscOS uygulamaları için .dap paketine ekran tanımı üretmek hedefleniyor.

SCADA ve HMI projelerinde (SCADA & Endüstriyel Otomasyon, Endüstriyel HMI & UI/UX Tasarımı) operatör ekranı taslakları editörde hazırlanabilir. Bugün ekran tanımının firmware'e aktarımı HMI tasarım hizmeti kapsamında elle yapılır.

Uyumluluk & belgeler

  • Kullanıcı kılavuzu
    Hedef
  • Lisans metni (EULA / açık kaynak lisansı)
    Hedef
  • Gizlilik / KVKK aydınlatma metni
    Bulut hesap katmanıyla birlikte
    Hedef
  • Erişilebilirlik (WCAG 2.1 AA)
    MUI tabanlı; denetim henüz yapılmadı
    Hedef
  • Üçüncü taraf lisans envanteri (SBOM)
    Hedef
  • Sertifikasyon
    Yazılım ürünü; zorunlu belge yok
    Kapsam dışı

Sıkça sorulan sorular

Editör hangi HMI donanımlarına çıktı verir?

Bugün yalnız JSON proje dosyası üretir. DWIN DGUS, DiscOS ve web HMI dışa aktarımı yol haritasında.

Kurulum gerekir mi?

Hayır; güncel bir masaüstü tarayıcı yeterli. On-prem kurulum isteyen OEM'ler için paket planlanıyor.

Projelerim nerede saklanıyor?

Bilgisayarınızda, indirdiğiniz JSON dosyasında; sunucu veri tutmaz. Bulut proje deposu planlanıyor.

Değişken bağlama nasıl çalışır?

Tag panelinde değişken tanımlanır (ör. Sicaklik), bileşenin rengi veya metni bu değişkene bağlanır. Değerin elle değiştirilip tepkinin izlendiği simülasyon modu planlama aşamasındadır.

Birden çok kişi aynı projede çalışabilir mi?

Şimdilik hayır; JSON dosyası paylaşılır. Eşzamanlı düzenleme PRO katmanı için planlanıyor.

Mevcut DWIN veya Nextion projemi içe aktarabilir miyim?

Hayır. İçe aktarım yalnız editörün kendi JSON dosyasıyla yapılır.

Ücretli mi?

Şu an ücretsiz ve beta aşamasında. Ücretsiz katman, PRO abonelik ve OEM/on-prem lisanstan oluşan bir model değerlendiriliyor.

Firmware ile bağlantı nasıl kurulur?

Planlanan akışta dışa aktarılan ekran tanımı DiscOS/DWIN projesine girer, değişken listesi firmware tag tablosuyla eşlenir. Bugün bu adım Endüstriyel HMI & UI/UX Tasarımı hizmeti kapsamında elle yapılır.

Bu ürün hakkında bilgi alın

Mühendis ekibimiz en geç 24 saat içinde dönüş yapar.

Bilgi al +90 (312) 395 85 86

İlgili ürünler