Links

Dashboard

Kuika'da Dashboard Ekran Şablonlarını Öğrenin!
Kuika uygulama geliştirme sürecini hızlandırmak için çeşitli ekran şablonları sunar. Uygulama geliştirme sürecinde şablon ekranları, uygulamanın ihtiyacına uygun olarak kullanabilirsin. Kullanabileceğin şablon ekran türlerinden biri de Dashboard ekranlarıdır.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
  1. 1.
    Şablon Dashboard Ekranı Ekleme:
  2. 2.
    Şablon Dashboard Ekranları:

1. Şablon Dashboard Ekranı Ekleme:

Geliştirdiğin uygulamaya hızlıca şablon bir dashboard ekranı ekleyebilir, eklediğin şablon ekranlar üzerinde düzenleme ve güncelleme işlemlerini yapabilirsin.
Şablon bir dashboard ekranı eklemek için sol kenardan Screens panelini açın
Screens paneli ekran görüntüsü
Screens paneli
Açılan Screens panelinde yer alan Yeni Ekran Ekleme iconuna tıkla.
New Screen pop-up ekranı ekran görüntüsü
New Screen açılır penceresi
Açılan pop-up da yer alan sol menüde Dashboard öğesine tıkla.
Şablon dashboard ekranı pop-up ekranı ekran görüntüsü
Şablon dashboard ekranı ekleme pop-up ekranı
Açılan ekranda yer alan dashboard ekranı şablonlarından birini uygulamanın ihtiyacına göre seçip, isimlendirerek CREATE butonuna tıkla.
Screen paneli ekranlar listesi ekran görüntüsü
Screen paneli ekranlar listesi
Oluşturulan ekran, Screen paneli altında listelenecektir.

2. Şablon Dashboard Ekranları:

Dashboard ekranları şablonları çeşitli tiplerde bulunmaktadır. Bu noktada geliştirmekte olduğun uygulamaya uygun dashboard ekranı tipini seçebilirsin.
Şablon dashboard ekranları varsayılan olarak header ve header elementleri ile birlikte gelmektedir. Header üzerinde güncelleme ve düzenlemeleri uygulaman özelinde yapabilirsin.
Uygulamanın ihtiyacına uygun olarak dashboard ekran şablonlarını ve tüm elementleri düzenleyebilirsin.
Kuika tarafından 4 adet dashboard ekranı sunulmaktadır.

2.1.Başlıklı Dashboard Ekranı

Dashboard ekranı şablonu ekran görüntüsü
Dashboard ekranı şablonu
Dashboard başlıklı dashboard ekranı, geliştirdiğin uygulamada yer alacak ve bilgi akışını sağlayacak gösterge ekranının sunulduğu dashboard ekranıdır.

2.2. Card and List Başlıklı Dashboard Ekranı:

Card and List dashboard ekranı şablonu ekran görüntüsü
Card and List dashboard ekran şablonu
Card and List başlıklı dashboard ekranı, geliştirdiğin uygulamada yer alacak ve bilgi akışını Card ve liste formatında sağlayacak gösterge ekranının sunulduğu dashboard ekranıdır.

2.3.Two Columns Başlıklı Dashboard Ekranı:

Two Columns dashboard ekranı şablonu ekran görüntüsü
Two Columns dashboard ekranı şablonu
Two Columns başlıklı dashboard ekranı, geliştirdiğin uygulamada yer alacak ve bilgi akışını iki sütunda listeleme elementleri ve grafik aracılığıyla sağlayacak gösterge ekranının sunulduğu dashboard ekranıdır.

2.4. Three Columns Başlıklı Dashboard Ekranı

Three Columns dashboard ekranı şablonu ekran görüntüsü
Three Columns dashboard ekranı şablonu
Three Columns başlıklı dashboard ekranı, geliştirdiğin uygulamada yer alacak ve bilgi akışını sağlayacak gösterge ekranının sunulduğu dashboard ekranıdır. Three Columns başlıklı dashboard şablon ekranda Chart elementleri üç sütunda sunulurken listelemeyi sağlayacak elementler bir sütunda sunulmaktadır.