Kuika'nın Master Screens paneli, uygulama genelinde tekrarlayan arayüz bileşenlerini merkezi bir yerden yönetmenizi sağlar. Kuika platformunda oluşturulan ekranlar Current (tam ekran), Drawer, ve Pop-up/Modal olmak üzere üç farklı şekilde görüntülenebilir. Bu ekran tipleri için hazırladığınız şablon sayfalarla ekranların, üst bilgi (Header), alt bilgi (Footer), ve sağ/sol menü alanlarına ait arayüz bileşenlerini tek bir yerden yönetebilirsiniz. Master Screens kullanarak birden fazla ekrana aynı tasarımı uygulayabilir ve örneğin, logoda yapılan bir değişikliğin tüm şablon ekranlara otomatik olarak yansımasını sağlayabilirsiniz. Bu eğitim içeriğinde, Master Screens paneli ile tekrarlayan arayüz bileşenlerini merkezi bir yerden nasıl yönetebileceğinizi öğreneceksiniz.

Master Screens sadece web uygulamalarda desteklenmektedir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:

Master Screens ekleme,
Master Screens Properties paneli,
Press Enter,
Layout Configuration,
Authorization (Yetkilendirme),
Screen Input,
Actions (Aksiyonlar).

Master Screens Ekleyin

Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın.

“UI Design” modülündeyken sağ kenarda bulunan “Screens” panelini açın.
Master Screens başlığı yanındaki “+” ikonuna tıklayın.

Açılan modal ekranında Master Screens için bir isim girerek oluşturma işlemini tamamlayın.
Master Screens varsayılan olarak bir Header ve sol panelde bulunan bir Vertical Stack ile gelir. Orta alan, şablonun eklendiği ekranlar için boş bırakılır ve bu alana element eklenemez.

Master Screens içinde bir şablon kullanarak yeni bir ekran oluşturmak için “ADD SCREEN” butonuna tıklayın.

"ADD SCREEN" butonuna tıkladıktan sonra karşınıza Blank ve içinde bulunduğunuz Master Screen seçili durumda olan bir ekran gelecektir.
Daha sonra ekran isimlendirmesi ve erişim yetkilerini (All Roles Access, Anonymous Access) belirleyin.
Gerekli seçimleri yaptıktan sonra “CREATE” butonuna tıklayarak ekranı oluşturun.
Oluşturduğunuz ekran otomatik olarak açılır. Örneğin, Employee ekranı sadece orta alanda düzenleme yapabileceğiniz şekilde gelir.

Ayrıca, orta alana Table elementi ekleyebilirsiniz, ancak Header, Footer ve Left Menü gibi bileşenler şablondan geldiği için bu alanlarda değişiklik yapamazsınız.
Bir ekranı Master Screens yerine normal ekran olarak tanımlamak isterseniz, Master Page alanındaki selectbox üzerinden None seçeneğini işaretleyin.

None seçildiğinde, Master Screens özellikleri kaldırılır ve yalnızca orta alana eklediğiniz elementler (örn: Table) görünür.

Master Screens Properties Paneli

Master Screens'in Properties (Özellikler) paneli, varsayılan olarak şunlarla birlikte gelir:

Role ve Layout Configuration ayarları
Aksiyon ve Screen Input alanları

Press Enter

Ekranda herhangi bir yere odaklanmadan Enter tuşuna basarak tetiklenecek olan butonu seçebilirsiniz. Bu işlevi görmek için Elements panelinden bir Button elementi ekleyin.

Layout Configuration

Layout Configuration alanı, Kuika'nın Master Screens şablonu içinde yer alan bileşenlerin görünürlüğünü ve konumlandırmasını yönetmenizi sağlar. Layout Configuration aracılığıyla uygulamanızın farklı ekranlarında kullanılan bileşenlerin yerleşim düzenini kolayca kontrol edebilirsiniz. Örneğin, sol menünün görünüm ayarlarını Left isimli açılır menüden seçerek düzenleyebilir, menüyü tamamen kaldırabilir veya sadece belirli ekranlarda görünmesini sağlayabilirsiniz. Ayrıca, Footer gibi belirli bileşenlerin ekranda yer alıp almayacağını bu alan aracılığıyla yönetebilirsiniz.

Authorization (Yetkilendirme).

Uygulamanızın ekran ve elementlerinde, "Anonymous Access" ve "All Roles Access" yetkilendirme seçenekleri ile kullanıcı erişimini özelleştirebilirsiniz. "Anonymous Access" herhangi bir hesap bilgisi sorgulaması olmadan erişimi mümkün kılarken, "All Roles Access" ile kullanıcı hesap bilgileri doğrulanarak erişim sağlanır.

Element düzeyinde yetkilendirme için, ilgili elementi seçip Properties panelinden "Authorization" ayarlarını düzenleyerek, uygulamanızın güvenlik ve kullanıcı deneyimini yönetebilirsiniz.

Actions (Aksiyonlar).

Kuika, Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration ve String Operations gibi sistem aksiyonlarını barındırmaktadır.

Sistem aksiyonlarının yanı sıra kendi oluşturduğunuz SQL aksiyonları da kullanabilirsiniz.

Elementlere aksiyon eklemek için sağ kenardaki Properties panelinden “+ADD ACTİON” butonunu kullanabilirsiniz.

Screen Input

Kuika ile uygulama geliştirme sürecinde, iki veya daha fazla ekran arasında veri aktarımını sağlamak için Screen Input kullanılır. Screen Input, ekranlar arasında veri taşımayı kolaylaştırır. Veri aktarımını sağlamak için, önce veriyi alacak ekranın altına bir Screen Input eklenir. Ardından, veri aktarımını başlatacak ekranda bulunan Navigate aksiyonu altında, Id parametresi olarak eklenen Screen Input seçilmelidir.

Screen Input eklemek, uygulamanın kullanılabilirliğini ve işlevselliğini artıran önemli bir adımdır. Bu özellik, kullanıcıların uygulama ile etkileşimlerini geliştirmekle birlikte, veri girişini de kolaylaştırır. Eğer Master Screens üzerinde veri aktarımı yapmak istiyorsanız, “+Add Screen Input” butonuna tıklayarak Screen Input ekleyebilirsiniz.