Master Screen sadece web uygulamalarda desteklenmektedir.
Uygulama içinde oluşturulan ekranlar; Current (tam ekran), Drawer ve Pop-up/Modal olmak üzere 3 farklı şekilde görüntülenir. Bu ekran tipleri için oluşturacağınız şablon sayfalarla ekranların (Master Screen), üst bilgi (Header), altbilgi (Footer), sağ/sol alanlar için hazırlanan menü gibi yapılara ait arayüz bileşenlerini tek bir yerden yönetebilirsiniz. Böylece header tasarımında değiştirdiğiniz bir görsel (örn: logo) şablon ekranın (Master Screen) uygulandığı tüm ekranlarda değişecektir.
Master Screen Ekleme
Uygulamanız içerisine Master Screen eklemek ve yönetmek için sol kenardaki Screens paneli kullanılır. Screenspaneli Screens ve Master Screen olmak üzere iki bölümden oluşmaktadır.
Master Screen başlığı yanındaki + ikon butonuna tıklayın. Açılan modal üzerinde Master Screen için bir isim vererek oluşturun.
Master Screen, default olarak Header ve sol panelde yer alan Vertical Stack ile gelmektedir.
Master Screen’de orta alan şablonun eklendiği ekranlar için boş kalır ve element eklenemez.
Master Screen içindeyken açık şablonu kullanarak yeni bir ekran oluşturabilmek için ADD SCREEN butonunu kullanabilirsiniz.
ADD SCREEN’e tıkladıktan sonra Blank ve içerisinde çalışılan Master Screen ekranı seçili durumda olan bir ekran gelmektedir. Bu ekran içerisinde ekran isimlendirmesi ve ekran yetkilendirme (All Roles Access, Anonymous Access) seçimi yapılmalıdır.
Gerekli seçim ve ekran isimlendirilmesi sonunda CREATE Butonuna tıklayarak orta alana eklenmesi istediğiniz ekranı oluşturmuş olacaksınız.
CREATE butonuna tıkladıktan sonra oluşturduğunuz ekran otomatik olarak açılır.
Oluşturulan Employee ekranı içerisinde sadece orta alanda element veya düzenleme işlemlerini kullanıcı yapabilmektedir. Örneğin oluşturulan Blank ekran içerisinde Master Screen’in sahip olduğu Header, Footer ve Left menüde herhangi değişiklik yapılmadığı (element silme, ekleme vs..) orta alanda ise table elementi eklenebilmiştir.
Employee ekranını dilerseniz Master Screen yerine normal ekran olarak tanımlamanız mümkündür. Bunun için Master Page alanında yer alan selectbox içerisinden None’un seçilmesi gerekmektedir.
None seçildikten sonra Kuika, Master Screen özelliğinde olan left ve header elementleri kaldırılıp orta alana eklenen Table elementi sadece görüntülenecektir.
Press Enter
Ekranda herhangi bir yere focus olmadan enter tuşuna basarak tetiklenecek olan Button'un seçildiği alandır.
Press Enter’ın işlevini görebilmek için Elements panelinden Button elementini ekrana sürükleyip bırakın.
Master Screen Properties Paneli
Master Screen'in Properties (Özellikler) paneli varsayılan olarak Role ve Layout Configuration, aksiyon ve screen input eklenen Property alanları ile birlikte gelmektedir.
Master Screen Role
Ekran rolü Master Screen seçili olarak gelmektedir. Herhangi bir düzenleme yapılmamaktadır.
Layout Configuration
Bu alanda, Master Screen içerisinde bulunan elementlerin ekran içerisindeki varlığı veya mevcut elementlerin konumlandırma ayarlarının yapıldığı bölümdür.
Left menünün görünüm ayarlarını Left isimli selectbox içerisinden seçimler doğrultusunda düzenleyebilirsiniz.
Örneğin left menüyü kaldırabilirsiniz. Ya da ekranda sadece Footer’ın yer almasını sağlayabilirsiniz.
Action
Master screen’e diğer ekranlarda olduğu gibi Kuika içerisinde yer alan sistem aksiyonlarını +Add Action butonuna tıklayarak kullanmanız mümkündür.
Kuika, geliştirdiğiniz uygulama ekranlarında kullanıcılarınız için yetkilendirme seçeneğini Anonymous Access, All Roles Access şeklinde sunmaktadır.
Anonymous Access: Ekran içerisine kullanıcı, hesap bilgileri sorgulamaksızın giriş yapmasına izin verildiği kısımdır. Örneğin geliştirdiğiniz uygulamada reset password sayfasında Kullanıcı şifresini girme zorunluluğu olmadığı için Forgot Password sayfasında Anonymous Access seçeneğini aktive etmeniz gerekmektedir.
All Roles Access: Ekran içerisinde kullanıcı hesap bilgilerinin sorgulandığı kısımdır. Kullanıcı hesap bilgilerinin doğrulanmasına göre sayfaların yönlendirilmesi yapılmaktadır. Geliştirdiğiniz uygulamalarda kullanıcıların hesap bilgilerini doğrulamak istiyorsanız Kuika’nın sunduğu All Roles Access’i ekranınızda aktif hale getirmeniz gerekmektedir. All Roles Acces ile ekran içerisinde bulunan elementleri ve ekran içi yönlendirmelerin Hangi kullanıcıların görmesini - görmemesini sağlamak için All Roles altında bulunan +New Role kısmından yeni roller atayabilirsiniz.
Elementlerde Yetkilendirme İşlemleri
Elementlere yetkilendirme işlemlerini yapabilmek için Authorization/Yetkilendirme işlemlerini yapabilmek için aşağıdaki adımları izleyebilirsiniz:
Ekranda yer alan Element’e tıklayarak seçili hale getirin.
Properties panelini açın.
Authorization alanına tıklayın.
Uygulama ziyaretçisi ve/veya kullanıcılarına uygun olarak şu seçenekleri kullanabilirsiniz.
Uygulamaya giriş yapmış tüm kullanıcıların görüntülenmesini sağlamak için All Roles seçimi yapabilirsiniz.
Kullanıcı girişi yapmadan görüntülenmesini istiyorsanız (Element öncesinde ekranın da bu özelliğe sahip olması gerekir) Anonymous Access anahtarını açın.
Geliştirdiğiniz uygulamada tanımladığınız rollere özel olarak görüntülenmesini istiyorsanız kullanımın açılacağı rolleri seçin.
Yapmış olduğunuz seçim doğrultusunda elementin yetkilendirme ayarları ayarlanmış olacaktır.
