CUSTOM ACTION VE VERİ BAĞLAMA

Custom Action (Özel Aksiyon) Oluşturma

Bu bölümde, ihtiyaç duyduğumuz özel aksiyonları belirledikten sonra şimdi bu aksiyonları oluşturacağız. Özel aksiyon oluşturma işlemi sırasında ihtiyaç duyacağınız SQL sorgularını üretmek için isterseniz Kuika tarafından sunulan yapay zeka asistanını kullanabilirsiniz.

İhtiyaç duyduğumuz özel aksiyonları belirledikten sonra şimdi bu aksiyonları oluşturmaya başlayalım.

Özel aksiyon oluşturma işlemi sırasında ihtiyaç duyacağınız SQL sorgularını üretmek için isterseniz Kuika tarafından sunulan yapay zeka asistanını kullanabilirsiniz.

1. TotalEmployee aksiyonu

3. modülde oluşturduğumuz Dashboard ekranında yer alan toplam personel sayısı için TotalEmployee adında özel bir aksiyon oluşturacağız.

İlk olarak Datasources modülünü açın.

Datasources modülünde solda yer alan Actions üzerine imleç ile gelin ve çıkan + ikonuna tıklayarak detay menüsünü açın.

Açılan menüde yer alan New SQL Action öğesini seçiniz.

Seçim işlemi sonrasında açılan SQL editörde ilk olarak özel aksiyonunuzu isimlendirin. Bu örnek kapsamında TotalEmployee isimlendirmesini kullanabilirsiniz. Ardından Employee tablosunu kullanarak toplam personel sayısını sağlayacak sorgu metnini yazın. Ekranda yer alan sorgu metni size yardımcı olacaktır.

Eğer isterseniz yapay zeka asistanına ilgili promptu girerek de SQL sorgusunu oluşturabilirsiniz.

Sorgu metnini yazdıktan sonra sağ üstte çıkan TEST butonu aracılığıyla sorguyu test edebilirsiniz. Test işlemi sonrasında CREATE butonuna tıklayarak aksiyon oluşturma işlemini tamamlayın. Oluşturduğunuz aksiyonu solda yer alan Actions alt panelini genişleterek görüntüleyebilir, düzenleyebilir ve silebilirsiniz.

2. TotalDepartment aksiyonu

Yine Dashboard ekranında yer alan, toplam departman sayısı için TotalDepartment adında özel bir aksiyon oluşturalım. TotalDepartment aksiyonunu oluşturmak için yine yukarıdaki adımları uygulayalım.

Datasources modülünü kullanarak Custom Actions alt paneli yanındaki artı ikonuna tıklayın ve açılan menüde yer alan New SQL Action öğesini seçiniz.

Seçim işlemi sonrasında açılan SQL editörde ilk olarak özel aksiyonunuzu isimlendirin. Bu uygulama kapsamında oluşturacağımız aksiyon için TotalDepartment adını kullanabilirsiniz.

SQL editörde tıpkı TotalEmployee aksiyonunda olduğu gibi Employee tablosunu kullanarak toplam departman sayısını sağlayacak sorgu metnini yazın. Ekranda yer alan sorgu metni size yardımcı olacaktır.

Sorgu metnini yazdıktan sonra bir önceki aksiyonda olduğu gibi sağ üstte çıkan TEST butonu aracılığıyla sorguyu test edebilirsiniz. Test işlemi sonrasında CREATE butonuna tıklayarak aksiyon oluşturma işlemini tamamlayın.

3. SaveEmployee aksiyonu

Personel yönetim uygulaması için yeni personel eklemek ve personel bilgilerini güncellemek için bir SaveEmployee aksiyonu oluşturalım. Bu örnek uygulama kapsamında bu aksiyonu oluşturmak için UI Design modülünde yer alan Custom Actions panelini kullanacağız. Eğer isterseniz Datasources modülünü aracılığıyla da bu aksiyonu oluşturabilirsiniz.

Aksiyonu oluşturmak için UI Design modülünde Custom Actions panelini açın.

Daha sonra Custom Actions panelinde yer alan Add SQL Action butonuna tıklayın. Gelen ekranda, uygulamanıza eklediğiniz veri kaynağı tabloları ve SQL Editör sizi karşılayacaktır. İlk olarak aksiyon isminizi SaveEmployee olarak değiştirin.

Kuika aksiyon oluşturmada kolaylık sağlamak için kullanıma hazır olarak Save/Update sorgusunu size varsayılan olarak sunmaktadır. Bu sorguyu ekleyerek yeni bir aksiyon oluşturmak için ekranın sol tarafında yer alan Employee tablosu üzerine imleç ile gelin.

Employee tablosunun sağında yer alan detay menüsü aracılığıyla Save'e tıklayarak sorgunun sağ taraftaki SQL editöre eklendiğini görebilirsiniz.

SQL editöre eklenen Save sorgusu, hem güncelleme hem de yeni bir kayıt ekleme işlevini yürütecek sorgu satırlarına sahiptir. Belirtilen bu sorgu ifadesinde küçük bir düzenleme yaparak ilerlemeye devam edeceğiz. Yeni bir personel ekleme işleminde eklenilen personelin eklenme tarihini otomatik olarak çekmek için Values parantezi içerisinde yer alan @CreatedDate ifadesini GetDate() ile değiştirin. Bu işlemle birlikte personel kayıt tarihini otomatik olarak çekmeniz sağlanacaktır. Oluşturduğunuz SQL aksiyonun mevcut hali ekranda gösterildiği şekilde olacaktır.

Üstte yer alan Parameters sekmesi aracılığıyla da sorguda yer alan parametreleri görüntüleyebilirsiniz.

SaveEmployee aksiyonunu oluşturma işlemini tamamlamak için CREATE butonuna tıklayın.

Oluşturduğunuz bu aksiyon sayesinde yeni personel ekleyebilecek, var olan personelin bilgilerini güncelleyebileceksiniz.

Oluşturduğunuz aksiyonu Custom Actions paneli aracılığıyla görüntüleyebilir, düzenleyebilir ve silebilirsiniz.

4. SelectEmployeebyDate aksiyonu

Personel yönetim uygulamasında personellerin bilgisini çekmek ve listelemek için bir SelectEmployeebyDate aksiyonunu yine UI Design modülünde yer alan Custom Actions paneli ile oluşturalım.

SelectEmployeebyDate aksiyonunu eklemek için Custom Actions panelinde Add SQL Action butonuna tıklayın.

Açılan ekranda SelectEmployeebyDate aksiyonunu oluşturmak için ilk olarak aksiyon ismini SelectEmployeebyDate olarak girin. Ardından SQL editore aşağıdaki sorgu ifadesini giriniz.

SelectEmployeebyDate aksiyonunu oluşturma işlemini tamamlamak için CREATE butonuna tıklayarak aksiyonu oluşturun

İşte bu kadar şimdi bir sonraki aksiyona bakalım.

5. SelectEmployeebyTI aksiyonu

Liste ekranında TextInput ile girilen değere göre personel bilgilerini çekmek ve personel bilgilerini listeleyebilmek için SelectEmployeebyTI adında bir Select aksiyonunu yine Custom Actions panelini kullanarak oluşturalım. Custom Actions panelinde yer alan Add SQL Action butonu aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon ismini SelectEmployeebyTI olarak girin. Ardından ekranda yer alan SQL editöre ilgili sorgu metnini yazın. Aşağıdaki sorgu bu aksiyon kapsamında işimizi görecektir.

SQL editörde sorgu metnini yazdıktan sonra oluşturduğunuz aksiyonu CREATE butonuyla kaydedin.

6. SelectEmployeebyID aksiyonu

Display ekranı, liste ekranında seçtiğiniz bir personelin bilgilerini göstermeye olanak sağlar. Display ekranda hangi personelin bilgisinin gösterileceğini personelin ID'si ile sağlayabilirsiniz. Bu işlem için oluşturacağınız bir özel aksiyon işinizi görebilir. Önceki aksiyonları oluştururken başvurduğumuz işlem adımlarını kullanarak Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

İlk olarak aksiyon aksiyon ismini yazalım, SelectEmployeebyID. Ardından ekranda sizi karşılayan SQL editöre ilgili sorguyu yazın. Ekranda verilen sorgu personelin sahip olduğu ID aracılığıyla personel bilgisini çekmeye olanak sağlayacaktır. Bu uygulama kapsamında aşağıdaki sorguyu kullanabilirsiniz.

SQL editör ile ilgili sorguyu yazdıktan sonra oluşturduğunuz aksiyonu CREATE butonuyla kaydedin.

7. SelectDepartment aksiyonu

Yeni personel ekleme ve personel bilgisini düzenlemeye olanak sağlayan form ekranında bulunan Departman bilgisini Selectbox aracılığıyla çekmek için bir Departman listeleme aksiyonuna ihtiyaç vardır.

Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon ismini SelectDepartment olarak belirleyelim. SQL editörde bu uygulama kapsamında aşağıdaki sorguyu kullanabilirsiniz.

Sorgu yazma işlemini tamamladıktan sonra CREATE butonuyla aksiyonu kaydedin.

8. SelectTitle aksiyonu

Yeni personel ekleme ve personel bilgisini düzenlemeye olanak sağlayan form ekranında bulunan ünvan bilgisini Selectbox aracılığıyla çekmek için bir Title listeleme aksiyonuna ihtiyacımız var.

Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon adını SelectTitle olarak girin.SQL editöre bu uygulama kapsamında ekranda gösterilen sorguyu ekleyin.

CREATE butonuyla oluşturduğunuz aksiyonu kaydedin.

9. DeleteEmployee aksiyonu

Geliştirmekte olduğumuz uygulama için son aksiyon olan personel silme işlemi için DeleteEmployee aksiyonunu Custom Actions panelini kullanarak birlikte oluşturalım. Custom Actions panelinde bulunan Add SQL Action penceresini açın. Delete sorgusunu hızlıca eklemek için ekranın sol tarafında yer alan Employee tablosu üzerine imleç ile gelin ve detay menüsünü açın. Açılan menüden Delete'e tıklayarak sağda yer alan SQL editöre hızlıca sorguyu ekleyebilirsiniz.

DeleteEmployee aksiyonunu oluşturma işleminin son adımında ise oluşturduğunuz aksiyonu isimlendirin ve CREATE butonuna tıklayarak işlemi tamamlayın.

Aksiyon ekleme işlemi işte bu kadar hızlı ve basit.

Bir sonraki öğrenme içeriğinde, oluşturduğumuz aksiyonları, oluşturduğumuz ekran tasarımlarına bağlamak için Symbol Picker ile tanışacağız.

Bu bölümde, ihtiyaç duyduğumuz özel aksiyonları belirledikten sonra şimdi bu aksiyonları oluşturacağız. Özel aksiyon oluşturma işlemi sırasında ihtiyaç duyacağınız SQL sorgularını üretmek için isterseniz Kuika tarafından sunulan yapay zeka asistanını kullanabilirsiniz.

İhtiyaç duyduğumuz özel aksiyonları belirledikten sonra şimdi bu aksiyonları oluşturmaya başlayalım.

Özel aksiyon oluşturma işlemi sırasında ihtiyaç duyacağınız SQL sorgularını üretmek için isterseniz Kuika tarafından sunulan yapay zeka asistanını kullanabilirsiniz.

1. TotalEmployee aksiyonu

3. modülde oluşturduğumuz Dashboard ekranında yer alan toplam personel sayısı için TotalEmployee adında özel bir aksiyon oluşturacağız.

İlk olarak Datasources modülünü açın.

Datasources modülünde solda yer alan Actions üzerine imleç ile gelin ve çıkan + ikonuna tıklayarak detay menüsünü açın.

Açılan menüde yer alan New SQL Action öğesini seçiniz.

Seçim işlemi sonrasında açılan SQL editörde ilk olarak özel aksiyonunuzu isimlendirin. Bu örnek kapsamında TotalEmployee isimlendirmesini kullanabilirsiniz. Ardından Employee tablosunu kullanarak toplam personel sayısını sağlayacak sorgu metnini yazın. Ekranda yer alan sorgu metni size yardımcı olacaktır.

Eğer isterseniz yapay zeka asistanına ilgili promptu girerek de SQL sorgusunu oluşturabilirsiniz.

Sorgu metnini yazdıktan sonra sağ üstte çıkan TEST butonu aracılığıyla sorguyu test edebilirsiniz. Test işlemi sonrasında CREATE butonuna tıklayarak aksiyon oluşturma işlemini tamamlayın. Oluşturduğunuz aksiyonu solda yer alan Actions alt panelini genişleterek görüntüleyebilir, düzenleyebilir ve silebilirsiniz.

2. TotalDepartment aksiyonu

Yine Dashboard ekranında yer alan, toplam departman sayısı için TotalDepartment adında özel bir aksiyon oluşturalım. TotalDepartment aksiyonunu oluşturmak için yine yukarıdaki adımları uygulayalım.

Datasources modülünü kullanarak Custom Actions alt paneli yanındaki artı ikonuna tıklayın ve açılan menüde yer alan New SQL Action öğesini seçiniz.

Seçim işlemi sonrasında açılan SQL editörde ilk olarak özel aksiyonunuzu isimlendirin. Bu uygulama kapsamında oluşturacağımız aksiyon için TotalDepartment adını kullanabilirsiniz.

SQL editörde tıpkı TotalEmployee aksiyonunda olduğu gibi Employee tablosunu kullanarak toplam departman sayısını sağlayacak sorgu metnini yazın. Ekranda yer alan sorgu metni size yardımcı olacaktır.

Sorgu metnini yazdıktan sonra bir önceki aksiyonda olduğu gibi sağ üstte çıkan TEST butonu aracılığıyla sorguyu test edebilirsiniz. Test işlemi sonrasında CREATE butonuna tıklayarak aksiyon oluşturma işlemini tamamlayın.

3. SaveEmployee aksiyonu

Personel yönetim uygulaması için yeni personel eklemek ve personel bilgilerini güncellemek için bir SaveEmployee aksiyonu oluşturalım. Bu örnek uygulama kapsamında bu aksiyonu oluşturmak için UI Design modülünde yer alan Custom Actions panelini kullanacağız. Eğer isterseniz Datasources modülünü aracılığıyla da bu aksiyonu oluşturabilirsiniz.

Aksiyonu oluşturmak için UI Design modülünde Custom Actions panelini açın.

Daha sonra Custom Actions panelinde yer alan Add SQL Action butonuna tıklayın. Gelen ekranda, uygulamanıza eklediğiniz veri kaynağı tabloları ve SQL Editör sizi karşılayacaktır. İlk olarak aksiyon isminizi SaveEmployee olarak değiştirin.

Kuika aksiyon oluşturmada kolaylık sağlamak için kullanıma hazır olarak Save/Update sorgusunu size varsayılan olarak sunmaktadır. Bu sorguyu ekleyerek yeni bir aksiyon oluşturmak için ekranın sol tarafında yer alan Employee tablosu üzerine imleç ile gelin.

Employee tablosunun sağında yer alan detay menüsü aracılığıyla Save'e tıklayarak sorgunun sağ taraftaki SQL editöre eklendiğini görebilirsiniz.

SQL editöre eklenen Save sorgusu, hem güncelleme hem de yeni bir kayıt ekleme işlevini yürütecek sorgu satırlarına sahiptir. Belirtilen bu sorgu ifadesinde küçük bir düzenleme yaparak ilerlemeye devam edeceğiz. Yeni bir personel ekleme işleminde eklenilen personelin eklenme tarihini otomatik olarak çekmek için Values parantezi içerisinde yer alan @CreatedDate ifadesini GetDate() ile değiştirin. Bu işlemle birlikte personel kayıt tarihini otomatik olarak çekmeniz sağlanacaktır. Oluşturduğunuz SQL aksiyonun mevcut hali ekranda gösterildiği şekilde olacaktır.

Üstte yer alan Parameters sekmesi aracılığıyla da sorguda yer alan parametreleri görüntüleyebilirsiniz.

SaveEmployee aksiyonunu oluşturma işlemini tamamlamak için CREATE butonuna tıklayın.

Oluşturduğunuz bu aksiyon sayesinde yeni personel ekleyebilecek, var olan personelin bilgilerini güncelleyebileceksiniz.

Oluşturduğunuz aksiyonu Custom Actions paneli aracılığıyla görüntüleyebilir, düzenleyebilir ve silebilirsiniz.

4. SelectEmployeebyDate aksiyonu

Personel yönetim uygulamasında personellerin bilgisini çekmek ve listelemek için bir SelectEmployeebyDate aksiyonunu yine UI Design modülünde yer alan Custom Actions paneli ile oluşturalım.

SelectEmployeebyDate aksiyonunu eklemek için Custom Actions panelinde Add SQL Action butonuna tıklayın.

Açılan ekranda SelectEmployeebyDate aksiyonunu oluşturmak için ilk olarak aksiyon ismini SelectEmployeebyDate olarak girin. Ardından SQL editore aşağıdaki sorgu ifadesini giriniz.

SelectEmployeebyDate aksiyonunu oluşturma işlemini tamamlamak için CREATE butonuna tıklayarak aksiyonu oluşturun

İşte bu kadar şimdi bir sonraki aksiyona bakalım.

5. SelectEmployeebyTI aksiyonu

Liste ekranında TextInput ile girilen değere göre personel bilgilerini çekmek ve personel bilgilerini listeleyebilmek için SelectEmployeebyTI adında bir Select aksiyonunu yine Custom Actions panelini kullanarak oluşturalım. Custom Actions panelinde yer alan Add SQL Action butonu aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon ismini SelectEmployeebyTI olarak girin. Ardından ekranda yer alan SQL editöre ilgili sorgu metnini yazın. Aşağıdaki sorgu bu aksiyon kapsamında işimizi görecektir.

SQL editörde sorgu metnini yazdıktan sonra oluşturduğunuz aksiyonu CREATE butonuyla kaydedin.

6. SelectEmployeebyID aksiyonu

Display ekranı, liste ekranında seçtiğiniz bir personelin bilgilerini göstermeye olanak sağlar. Display ekranda hangi personelin bilgisinin gösterileceğini personelin ID'si ile sağlayabilirsiniz. Bu işlem için oluşturacağınız bir özel aksiyon işinizi görebilir. Önceki aksiyonları oluştururken başvurduğumuz işlem adımlarını kullanarak Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

İlk olarak aksiyon aksiyon ismini yazalım, SelectEmployeebyID. Ardından ekranda sizi karşılayan SQL editöre ilgili sorguyu yazın. Ekranda verilen sorgu personelin sahip olduğu ID aracılığıyla personel bilgisini çekmeye olanak sağlayacaktır. Bu uygulama kapsamında aşağıdaki sorguyu kullanabilirsiniz.

SQL editör ile ilgili sorguyu yazdıktan sonra oluşturduğunuz aksiyonu CREATE butonuyla kaydedin.

7. SelectDepartment aksiyonu

Yeni personel ekleme ve personel bilgisini düzenlemeye olanak sağlayan form ekranında bulunan Departman bilgisini Selectbox aracılığıyla çekmek için bir Departman listeleme aksiyonuna ihtiyaç vardır.

Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon ismini SelectDepartment olarak belirleyelim. SQL editörde bu uygulama kapsamında aşağıdaki sorguyu kullanabilirsiniz.

Sorgu yazma işlemini tamamladıktan sonra CREATE butonuyla aksiyonu kaydedin.

8. SelectTitle aksiyonu

Yeni personel ekleme ve personel bilgisini düzenlemeye olanak sağlayan form ekranında bulunan ünvan bilgisini Selectbox aracılığıyla çekmek için bir Title listeleme aksiyonuna ihtiyacımız var.

Custom Actions paneli aracılığıyla yeni bir aksiyon oluşturma ekranını açın.

Aksiyon adını SelectTitle olarak girin.SQL editöre bu uygulama kapsamında ekranda gösterilen sorguyu ekleyin.

CREATE butonuyla oluşturduğunuz aksiyonu kaydedin.

9. DeleteEmployee aksiyonu

Geliştirmekte olduğumuz uygulama için son aksiyon olan personel silme işlemi için DeleteEmployee aksiyonunu Custom Actions panelini kullanarak birlikte oluşturalım. Custom Actions panelinde bulunan Add SQL Action penceresini açın. Delete sorgusunu hızlıca eklemek için ekranın sol tarafında yer alan Employee tablosu üzerine imleç ile gelin ve detay menüsünü açın. Açılan menüden Delete'e tıklayarak sağda yer alan SQL editöre hızlıca sorguyu ekleyebilirsiniz.

DeleteEmployee aksiyonunu oluşturma işleminin son adımında ise oluşturduğunuz aksiyonu isimlendirin ve CREATE butonuna tıklayarak işlemi tamamlayın.

Aksiyon ekleme işlemi işte bu kadar hızlı ve basit.

Bir sonraki öğrenme içeriğinde, oluşturduğumuz aksiyonları, oluşturduğumuz ekran tasarımlarına bağlamak için Symbol Picker ile tanışacağız.

Yardımcı kaynaklar

Sözlük