Arayüzde değiştirilmiş olan bir verinin aksiyona parametre olarak sağlanması, Data Collection sürecini oluşturur. Veri bağlama sürecinde, ekran başlangıcında bir aksiyon çalıştırıp arayüz elemanlarında bu aksiyonun sonuçlarını göstermiştik. Bu öğrenme içeriğinde ise, arayüzdeki verinin bir aksiyona parametre olarak tanımlanmasını inceleyeceğiz.

Örnek bir senaryo olarak personel kaydetme ekranını ele alalım.

Önceki öğrenme içeriğinde bu ekran için initial Action ve screen input tanımlama işlemlerini gerçekleştirmiştik. Şimdi Save butonuna ilerleyelim.

Save butonu aracılığıyla yeni eklenecek personel için kullanıcı kaydı yapısını da birlikte kurgulayalım.

1. Save butonunu seçin.
2. Create User aksiyonunu ekleyin.
3. Create User aksiyonu içerisinde ilgili tanımlamaları Symbol Picker aracılığıyla gerçekleştirin.
4. Ardından kullanıcı kaydını gerçekleştirdiğimiz personelin sistemdeki ID’sini çağırmak için bir Select Action oluşturalım.
5. Custom Action paneli aracılığıyla bir Select aksiyon oluşturup isimlendirin.
6. Ardından KUser tablosunu kaynak olarak seçin.
7. Field alanında Id seçimi yapın. 
8. Filter sekmesini açın ve Username kolonu seçin.
9. Ardından is equal to yu seçili halde bırakarak SQL parameter seçimi yapın ve Username yazıp Create butonuna tıklayın.
10. Ekrana dönün ve oluşturduğunuz aksiyonu Save butonu altına ekleyin.
11. UserName parametresi için Email bilgisini girdiğiniz Input’u seçin.

Şimdi  personnel tablosuna ilgili personelin bilgisini kaydedecek aksiyonu oluşturalım.

12. 'Save' butonunun onClick eventine Save Record sistem aksiyonunu ekleyin. Smart seçimini yaparak Personel tablosunu seçin.
13. Daha sonra Personel tablosunda yer alan alanların seçimini yapın.
14. Save Record aksiyonunda yer alan ID parametresi için Screen Input seçimini yapın.
15. Sonrasında Personel tablosunda yer alan Id için Screen Input’tan alınan değeri, Personel Adı ve Soyadı, Personel Departmanı, Ünvan, Eposta, Fotoğraf Personnel numarası için Symbol Picker kullanarak ekranda bulunan ilgili componentten alınan değerleri ve KUserID için UserID aksiyonunun sonucu olarak dönen KUser ID’sini tanımlayın.

Şimdi Image elementine yeni bir değer yani bir görsel yüklemeye olanak sağlayan kurguyu yürütelim.

16. Add yazılı Label’i seçin.
17. PhotoFromGallery aksiyonunu ekleyin.
18. Ardından SetValueOf aksiyonunu ekleyin.
19. Image elementini seçin.
20. Symbol Picker aracılığıla PhotoFromGallery aksiyonundan dönen sonucu bağlayın.

Gerçekleştirdiğimiz bu senaryo Component Data Collection için bir örneği oluşturmaktadır. Kuika ile uygulama geliştirme serüveninizde benzer süreçleri kendi uygulamalarınız için gerçekleştirebilirsiniz.