Pages

Pages nedir?

Pages, kullanıcı arayüzünün ekranlarıdır. Bu ekranlar üzerinden bilgileri görüntüler veya sistem üzerinde işlem yaparsın — örneğin bir makineyi çalıştırmak, sıcaklığı göstermek veya bir sayfadan diğerine geçmek.
Her Page, bir dijital panel gibi çalışır ve Web Panel (ör. WP400), masaüstü veya mobil cihazlarda kullanılabilir.

Pages ne zaman kullanılır?

  • Kontrol panelleri veya dashboard’lar oluşturmak için
  • Farklı kullanıcı rolleri için ayrı ekranlar tasarlamak için
  • Arayüzü bölümlere ayırmak ve gezinme eklemek için

Ayrıca, menü (hamburger simgesi) üzerinden yeni sayfalar oluşturabilir ve sayfalar arasında kolayca geçiş yapabilirsin.

Bir Page neler içerebilir?

Görsel editörde sürükle-bırak ile:

  • Butonlar
  • Slider’lar (kaydırıcılar)
  • Değer göstergeleri (ör. sıcaklık)
  • SVG grafikler
  • Trend göstergeleri
  • Bar grafikler

Tüm bu öğeleri bir Connection String aracılığıyla kontrol sistemine bağlayabilirsin.

Sayfa çözünürlüğü

Her Page’in çözünürlüğünü belirleyebilirsin – örneğin: 1920x1080 büyük ekran için, 1280x800 Web Panel için.
Böylece ekran her cihazda doğru boyutta görünür.

Canlı güncellemeler

Veriler soft-realtime güncellenir – yani sayfa yenilemeden otomatik görünür.
Örneğin: Bir sensör değeri değiştiğinde, gösterge anında değişir.

Sayfa geçişleri

Sayfalar arasında bağlantı kurulabilir:

  • Butonla: “Sayfa 2’ye git”
  • Mantıkla: “Sıcaklık > 100°C ise uyarı sayfasını aç”
  • Başlangıç sayfası olarak ayarlanabilir

Sayfalarla yapabileceklerin

  • Yeni sayfa oluşturma
  • Sayfaları kopyalama (şablon gibi)
  • Sayfaları silme
  • Sayfaları şablon olarak kaydetme
  • Sayfaları gruplara ayırma
Özellik Düzen içerir Yeniden kullanılabilir Tipik kullanım
Page Evet Hayır (ama kopyalanabilir) Tam kullanıcı arayüzleri
Template Evet Evet Düzen + öğeler içeren şablon
Combined Control Hayır (sadece içerik) Evet Tekrar kullanılabilir küçük fonksiyonlar

Sonuç:

Pages, arayüzünün temel yapı taşıdır.
Burada düzeni kurarsın, bağlantıları yaparsın, öğeleri yerleştirirsin.

Pages’i anladığında, kod yazmadan her türde HMI ve kontrol paneli tasarlayabilirsin.

1280x800
1920x1080
Connection String