Dashboard Ekran için Aksiyonları Oluşturma

Veri Aksiyonları Oluşturma

About this lesson

Bu öğrenme içeriğinde Web Dashboard ekranında yer alan aksiyon ihtiyaçlarını analiz ederek gerekli aksiyonların oluşturulması işlemlerini yürüteceğiz.

Dashboard ekranı incelediğimizde Header’da yer alan ve giriş yapmış kullanıcının bilgilerini gösteren bir alan bulunmaktadır. Bu alan için bir özel aksiyona ihtiyacı ortaya çıkmaktadır.

Ekranın devamını incelediğimizde fikirlere yönelik özet bilgileri içeren ikili bir kart yapısı bulunmaktadır. Bu özet yapısını dinamik verilerle beslemek için aynı mantık çerçevesinde çalışan iki farklı özel aksiyon oluşturacağız.

Son olarak ekranda yer alan fikir listesi için bir listeleme aksiyonu gerekmektedir. Bu aksiyonu önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturmuştuk. Bu sebeple bu aksiyonu tekrak oluşturmamız gerekmiyor. Sol tarafta yer alan Custom Actions panelinde ilgili aksiyonu görüntüleyebilirsiniz.

Hazırsanız aksiyonları oluşturmaya başlayalım.

Öncellikle Header’da yer alan profil bilgilerinin görüntülenmesini sağlayan aksiyon için giriş yapmış kullanıcın kullanıcı adına yani e-posta adresine göre listeleme işlevi sağlayan özel aksiyonu oluşturalım. 

  1. Sol tarafta yer alan Custom Actions panelini açın ve Managed DB ifadesi yanında yer alan + ikonuna tıklayın.
  2. Açılan Menüden Select Action’u seçin.
  3. Aksiyonunuzu isimlendirin.
  4. Choose Source alanı aracılığıyla Personnel tablosunu seçin.
  5. Fields alanını kullanarak varsayılan olarak gelen Email’in yanı sıra, ID, Fullname, PersonnelImage ve Title alanlarını ekleyin.
  6. Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  7. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın.
  8. Bu işlem giriş yapmış kullanıcın kullanıcı adını yani e-posta adresini kullanarak ilgili kişinin bilgilerini personnel tablosundan çekmeyi sağlayacak.

Şimdi ikili kart yapısında yer alacak, tüm fikirlerin sayısını ve giriş yapmış olan kullanıcının oluşturduğu fikir sayısı bilgisini verecek aksiyonları oluşturalım.

  1. Tüm fikirlerin sayısı ile başlayalım. Custom Actions panelini kullanarak yeni bir Select Action oluşturun.
  2. Aksiyonu isimlendirin ve Idea tablosunu seçin.
  3. Field alanında Id seçimini yapın ve Count fonksiyonu seçin.
  4. Alias alanında TotalIdea isimlendirmesini yapın ve Create butonuna tıklayarak aksiyonu oluşturun.
  5. Şimdi giriş yapmış kullanıcı tarafından oluşturulan fikirlerin toplam sayısını verecek aksiyonla devam edelim.
  6. Yeni bir Select Action oluşturun ve isimlendirin.
  7. Idea tablosunu seçin ve Personnel tablosuyla ilişkilendirin.
  8. Fields alanında Id seçimini yapın ve Count fonksiyonu seçin.
  9. Alias alanında TotalUserIdea isimlendirmesini yapın.
  10. Personnel tablosu için gelen Field’i silin.
  11. Devamında Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  12. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın. Create butonuna tıklayın.
  13. Son eklenen fikirlerin listelenmesini sağlayan GalleryView yapısı için önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturduğumuz aksiyonu kullanacağız. Dolayısıyla ek bir aksiyona ihtiyaç duyulmamaktadır. 

Bu işlem akışı ile birlikte Bir Fikrim Var Web uygulamasının Dashboard ekranı için gerekli aksiyonları oluşturduk. Sizin de mobil uygulamada yer alan Dashboard ekranı için gerekli aksiyonları oluşturmanızı bekliyoruz.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Bu öğrenme içeriğinde Web Dashboard ekranında yer alan aksiyon ihtiyaçlarını analiz ederek gerekli aksiyonların oluşturulması işlemlerini yürüteceğiz.

Dashboard ekranı incelediğimizde Header’da yer alan ve giriş yapmış kullanıcının bilgilerini gösteren bir alan bulunmaktadır. Bu alan için bir özel aksiyona ihtiyacı ortaya çıkmaktadır.

Ekranın devamını incelediğimizde fikirlere yönelik özet bilgileri içeren ikili bir kart yapısı bulunmaktadır. Bu özet yapısını dinamik verilerle beslemek için aynı mantık çerçevesinde çalışan iki farklı özel aksiyon oluşturacağız.

Son olarak ekranda yer alan fikir listesi için bir listeleme aksiyonu gerekmektedir. Bu aksiyonu önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturmuştuk. Bu sebeple bu aksiyonu tekrak oluşturmamız gerekmiyor. Sol tarafta yer alan Custom Actions panelinde ilgili aksiyonu görüntüleyebilirsiniz.

Hazırsanız aksiyonları oluşturmaya başlayalım.

Öncellikle Header’da yer alan profil bilgilerinin görüntülenmesini sağlayan aksiyon için giriş yapmış kullanıcın kullanıcı adına yani e-posta adresine göre listeleme işlevi sağlayan özel aksiyonu oluşturalım. 

  1. Sol tarafta yer alan Custom Actions panelini açın ve Managed DB ifadesi yanında yer alan + ikonuna tıklayın.
  2. Açılan Menüden Select Action’u seçin.
  3. Aksiyonunuzu isimlendirin.
  4. Choose Source alanı aracılığıyla Personnel tablosunu seçin.
  5. Fields alanını kullanarak varsayılan olarak gelen Email’in yanı sıra, ID, Fullname, PersonnelImage ve Title alanlarını ekleyin.
  6. Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  7. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın.
  8. Bu işlem giriş yapmış kullanıcın kullanıcı adını yani e-posta adresini kullanarak ilgili kişinin bilgilerini personnel tablosundan çekmeyi sağlayacak.

Şimdi ikili kart yapısında yer alacak, tüm fikirlerin sayısını ve giriş yapmış olan kullanıcının oluşturduğu fikir sayısı bilgisini verecek aksiyonları oluşturalım.

  1. Tüm fikirlerin sayısı ile başlayalım. Custom Actions panelini kullanarak yeni bir Select Action oluşturun.
  2. Aksiyonu isimlendirin ve Idea tablosunu seçin.
  3. Field alanında Id seçimini yapın ve Count fonksiyonu seçin.
  4. Alias alanında TotalIdea isimlendirmesini yapın ve Create butonuna tıklayarak aksiyonu oluşturun.
  5. Şimdi giriş yapmış kullanıcı tarafından oluşturulan fikirlerin toplam sayısını verecek aksiyonla devam edelim.
  6. Yeni bir Select Action oluşturun ve isimlendirin.
  7. Idea tablosunu seçin ve Personnel tablosuyla ilişkilendirin.
  8. Fields alanında Id seçimini yapın ve Count fonksiyonu seçin.
  9. Alias alanında TotalUserIdea isimlendirmesini yapın.
  10. Personnel tablosu için gelen Field’i silin.
  11. Devamında Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  12. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın. Create butonuna tıklayın.
  13. Son eklenen fikirlerin listelenmesini sağlayan GalleryView yapısı için önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturduğumuz aksiyonu kullanacağız. Dolayısıyla ek bir aksiyona ihtiyaç duyulmamaktadır. 

Bu işlem akışı ile birlikte Bir Fikrim Var Web uygulamasının Dashboard ekranı için gerekli aksiyonları oluşturduk. Sizin de mobil uygulamada yer alan Dashboard ekranı için gerekli aksiyonları oluşturmanızı bekliyoruz.

Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.

Bu öğrenme içeriğinde Web Dashboard ekranında yer alan aksiyon ihtiyaçlarını analiz ederek gerekli aksiyonların oluşturulması işlemlerini yürüteceğiz. Önce Header'daki kullanıcı bilgilerini gösteren özel aksiyonu oluşturup ardından fikirlerin özet bilgilerini besleyen iki aksiyonu hazırlayarak, Dashboard ekranında yer alan fikir listeleme aksiyonunu oluşturacağız.

Bu öğrenme içeriğinde Web Dashboard ekranında yer alan aksiyon ihtiyaçlarını analiz ederek gerekli aksiyonların oluşturulması işlemlerini yürüteceğiz.

Dashboard ekranı incelediğimizde Header’da yer alan ve giriş yapmış kullanıcının bilgilerini gösteren bir alan bulunmaktadır. Bu alan için bir özel aksiyona ihtiyacı ortaya çıkmaktadır.

Ekranın devamını incelediğimizde fikirlere yönelik özet bilgileri içeren ikili bir kart yapısı bulunmaktadır. Bu özet yapısını dinamik verilerle beslemek için aynı mantık çerçevesinde çalışan iki farklı özel aksiyon oluşturacağız.

Son olarak ekranda yer alan fikir listesi için bir listeleme aksiyonu gerekmektedir. Bu aksiyonu önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturmuştuk. Bu sebeple bu aksiyonu tekrak oluşturmamız gerekmiyor. Sol tarafta yer alan Custom Actions panelinde ilgili aksiyonu görüntüleyebilirsiniz.

Hazırsanız aksiyonları oluşturmaya başlayalım.

Öncellikle Header’da yer alan profil bilgilerinin görüntülenmesini sağlayan aksiyon için giriş yapmış kullanıcın kullanıcı adına yani e-posta adresine göre listeleme işlevi sağlayan özel aksiyonu oluşturalım. 

  1. Sol tarafta yer alan Custom Actions panelini açın ve Managed DB ifadesi yanında yer alan + ikonuna tıklayın.
  2. Açılan Menüden Select Action’u seçin.
  3. Aksiyonunuzu isimlendirin.
  4. Choose Source alanı aracılığıyla Personnel tablosunu seçin.
  5. Fields alanını kullanarak varsayılan olarak gelen Email’in yanı sıra, ID, Fullname, PersonnelImage ve Title alanlarını ekleyin.
  6. Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  7. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın.
  8. Bu işlem giriş yapmış kullanıcın kullanıcı adını yani e-posta adresini kullanarak ilgili kişinin bilgilerini personnel tablosundan çekmeyi sağlayacak.

Şimdi ikili kart yapısında yer alacak, tüm fikirlerin sayısını ve giriş yapmış olan kullanıcının oluşturduğu fikir sayısı bilgisini verecek aksiyonları oluşturalım.

  1. Tüm fikirlerin sayısı ile başlayalım. Custom Actions panelini kullanarak yeni bir Select Action oluşturun.
  2. Aksiyonu isimlendirin ve Idea tablosunu seçin.
  3. Field alanında Id seçimini yapın ve Count fonksiyonu seçin.
  4. Alias alanında TotalIdea isimlendirmesini yapın ve Create butonuna tıklayarak aksiyonu oluşturun.
  5. Şimdi giriş yapmış kullanıcı tarafından oluşturulan fikirlerin toplam sayısını verecek aksiyonla devam edelim.
  6. Yeni bir Select Action oluşturun ve isimlendirin.
  7. Idea tablosunu seçin ve Personnel tablosuyla ilişkilendirin.
  8. Fields alanında Id seçimini yapın ve Count fonksiyonu seçin.
  9. Alias alanında TotalUserIdea isimlendirmesini yapın.
  10. Personnel tablosu için gelen Field’i silin.
  11. Devamında Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
  12. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın. Create butonuna tıklayın.
  13. Son eklenen fikirlerin listelenmesini sağlayan GalleryView yapısı için önceki öğrenme içeriklerinden olan Select Action içeriğinde oluşturduğumuz aksiyonu kullanacağız. Dolayısıyla ek bir aksiyona ihtiyaç duyulmamaktadır. 

Bu işlem akışı ile birlikte Bir Fikrim Var Web uygulamasının Dashboard ekranı için gerekli aksiyonları oluşturduk. Sizin de mobil uygulamada yer alan Dashboard ekranı için gerekli aksiyonları oluşturmanızı bekliyoruz.

Dosyalar

No items found.

Kaynaklar

No items found.

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak