Kanban, bir süreç içinde hareket ederken işi yönetmek için kullanılan görsel bir sistemdir. Kanban, hem süreci (iş akışını) hem de bu süreçten geçen fiili işi görselleştirir.
Kanban iş akışını optimize etmenize ve ekibinizin tam kapasitesini kullanmanıza yardımcı olmak için tasarlanmış bir yöntemdir.
| Araç Kutusundaki Görünümü | Free Formdaki Görünümü | Responsive Formdaki Görünümü |
Uyumluluk
| Free Form | Responsive Form | Mobile |
| Kanban form aracının özellikleri |
|
Type: Eklenen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez. Name: Eklenen form aracına bir isim verilir. Form içerisinde kullanılacak aksiyonlarda, Kanban alan ismi olarak burada tanımlanan alan ismi kullanılır. Help Text: Client tarafında, Kanban form aracının üzerine fare ile gelindiğinde gösterilmesi istenen bilgilendirme metni yazılır. Height / Width: Form aracının yüksekliği ve genişliği ayarlanır (Responsive Formlarda genişlik alanı kaldırılmıştır). From Left / Top: Form aracının soldan ve üstten konumu ayarlanır. SQL Query: Kanban içerisinde gösterilecek değerler için sorgu yazılmalıdır. Sorgu alanı boş bırakılırsa, Kanban içerisinde herhangi bir veri görüntülenmeyecektir. Column Query or Constant Value (OrderNo*Column Name): Kanban içinde gösterilmesi istenen sütun başlığına ait bilgilerin girileceği alandır. Bu alana değer yazılırken, Order No ve Column Name bilgilerini içeren değerler girilmelidir. İlk yazılan değer, Kanban’da sütunun hangi sırada gösterileceğini (Order No), ikinci değer ise sütun başlığının hangi isimle görüneceğini (Column Name) belirtir. Table Name: Kanban içinde gösterilecek değerler, bir form ekranındaki kayıtlı verilerden alınmak isteniyorsa, ilgili form sayfasının tablo ismi seçilmelidir. Group Column: Kanban’daki sütunları gruplamak için bir alan seçilir. Kanban aracının özellikler kısmındaki Table Name bölümü boşsa, SQL Query bölümündeki sorguda yer alan bir sütun ismi bu alana yazılır. Sütun isminde boşluk varsa, boşluksuz yazılmalıdır. Eğer Table Name alanı doluysa, Group Column alanına tıklandığında ilgili tablonun sütun isimleri listelenir ve buradan bir sütun ismi seçilir. Search Column: Kanban’daki sütunlarda arama yapmak için bir alan seçilir. Kanban içinde yer alan bir rakam veya metin, Client ekranında Kanban aracının sağ üst kısmında bulunan ‘ Search ‘ alanından aranabilir. 'Search' kısmına yazılan arama ifadesinin Kanban’da hangi alanda aranacağı burada belirlenir. Kanban aracının özellikler kısmındaki Table Name bölümü boşsa, SQL Query bölümündeki sorguda yer alan bir sütun ismi bu alana yazılır. Sütun isminde boşluk varsa, boşluksuz yazılmalıdır. Eğer Table Name alanı doluysa, Search Column alanına tıklandığında ilgili tablonun sütun isimleri listelenir ve buradan bir sütun ismi seçilir. Color Definition: Kanban’daki öğelerin renk ayarları yapılır. Renklendirme işlemi, Card’a ya da Column’a göre yapılabilir. Renklendirme için renk değeri, Kanban içindeki SQL Query bölümündeki sorgudan alınır. Sorgu içerisinde, 'color' isminde bir sütun bulunmalı ve Kanban’da gösterilmesi istenen renk bu sütunda belirtilmelidir. Bu özellik şu anda sadece Card seçeneği ile çalışmaktadır. Yeni sürümlerde, bu özellik üzerinde iyileştirme çalışmaları yapılacaktır. Fit Horizontal: Kullanıcının ekranında form aracını yatay olarak tam ekrana sığdırır. Pin Right: Form aracını Client ekranında sağa sabitler. Display: Form aracının Client ekranında görünmemesini sağlar. |
Örnek Kullanım 1 :
Öncelikle Free Form özelliğine sahip yeni bir form açalım. Bu işlem için aşağıdaki resimde kırmızı çerçeve ile işaretlenmiş, new Form ikonuna tıklanmalıdır.
Açılan pencereden Free Form seçeneğini seçelim.
Free Form seçildiğinde Form_1 isminde yeni bir form ekranı oluşacaktır.
| Free Form seçeneğiyle tasarlanan ekranlar masaüstü kullanımına yönelik olup, mobil tasarımlar için Responsive Form seçeneği tercih edilebilir. |
1 numara ile gösterilen Properties alanını seçelim. Ardından 2 numara ile gösterilen Type alanından Report seçeneğini seçelim.
Formların Type özelliği ‘Form’ olarak seçildiğinde, Table Name özelliğinde yazılı isim ile SQL içinde bulunan XPODA veri tabanı altında yeni bir tablo oluşturulur. Eğer tablo oluşturulması istenmiyorsa, ilgili formun Type özelliği 'Report' olarak seçilmelidir.
Oluşturduğumuz form, Free Form ve Report özellikleriyle açılmıştır.
1 numara ile gösterilen alandan Kanban form aracını sürükleyip formumuza bırakalım. Bu işlem sonrasında, 2 numarayla gösterildiği gibi Kanban form aracı formumuza eklenmiş olacaktır.
Client ekranında, Kanban üzerinde gösterilmesi gereken bilgileri eklemek için önce Kanban form aracını seçelim. Ardından, sağ taraftaki özellikler bölümünde bulunan SQL Query alanına ilgili sorgumuzu yazalım. Aşağıda, bu amaca yönelik örnek bir SQL sorgusu bulunmaktadır:
SELECT
1 AS ID,
'STOCK-A' AS [Stock Name],
5 AS Amount,
'5 pieces will be ordered for this stock' AS Explanation,
'Approval Stage' AS Status,
'rgba(26, 189, 47, 1)' AS color
|
Renk değerini döndüren sütunun ismi sorgu içerisinde 'color' olarak belirlenmeli ve küçük harflerle yazılmalıdır. |
SQL Query alanında yazılan sorguların hatasız bir şekilde çalışıp çalışmadığını doğrulamak için aşağıdaki adımlar izlenmelidir:
1 numara ile gösterilen sorgu sihirbazı alanına tıklandığında, Query Builder ekranı açılacaktır.
2 numara ile gösterilen ‘ ! ’ simgesine sahip butona tıklandığında, ekranda yazılı olan sorgu sonucunu döndüren Query Result ekranı açılacaktır.
3 numara ile gösterilen Query Result ekranında bir sonuç görünüyorsa, sorgu hatasız bir şekilde çalışmaktadır.
Client ekranında, Kanban üzerinde gösterilmesi gereken sütun başlık bilgilerini eklemek için Kanban form aracı seçiliyken, sağ taraftaki özellikler bölümünde bulunan Column Query or Constant Value (OrderNo*Column Name) alanına ilgili sorgumuzu yazalım. Aşağıda, bu amaca yönelik örnek bir SQL sorgusu bulunmaktadır:
Sorguda yer alan ilk değer, Kanban üzerindeki sütunun sıralamasını düzenler (Order No); ikinci değer ise o sütunun görüntülenecek adını belirler (Column Name).
Order No özelliği şu an istenilen sıralama fonksiyonunu tam olarak yerine getiremiyor. Yeni sürümlerde, bu özellik üzerinde iyileştirme çalışmaları yapılacaktır.
SELECT 1, 'Approval Stage'
UNION ALL
SELECT 2, 'Approved'
UNION ALL
SELECT 3, 'Rejected'
|
|
Kanban'daki sütun başlıkları, Column Query ya da Constant Value (OrderNoColumName) bölümünde girilen değerlere göre belirlenir. Sütun başlıkları altında görüntülenecek veriler ise SQL Query kısmına yazılacak sorgu ile elde edilir. SQL Query'den dönen sonuçların hangi sütun altında yer alacağı, SQL Query bölümü içindeki sorguya, Column Query ya da Constant Value (OrderNoColumn Name) bölümünde belirtilen değerle uyumlu bir sütun eklenerek düzenlenir. Bu örnekte, 'Status' sütunu bu amaçla eklenmiştir. |
SQL sorgusundaki Status sütunu, Kanban sütun başlıklarını belirlemek için kullanılmaktadır. Bu değeri Group Column alanına yazarak, sütun başlıkları ile Status değerlerini gruplayıp, sorgu sonuçlarının her sütun altında doğru şekilde gösterilmesini sağlayalım.
Client ekranında, Kanban aracının sağ üst kısmında bulunan ' Search ' alanına girilen rakam veya metnin, Kanban içerisindeki Explanation verisiyle eşleşen sonuçlara göre aranıp filtrelenmesi için, 'Search Column' alanına Explanation yazalım.
SQL sorgusundaki color sütunu, Kanban içerisinde renklendirme işlemi yapmak için kullanılmaktadır. Color Definition alanında Card seçeneğini seçerek, Kanban içerisindeki kartlara color sütunundaki rengi atayalım.
| Group Column ve Search Column alanlarına, SQL Query bölümünde yer alan sorgudaki sütun adı yazılırken, eğer sütun adı boşluk içeriyorsa, bu alanlara boşluksuz bir şekilde yazılmalıdır. |
Client ekranında Kanban form aracının yatay olarak tam ekrana sığması için, öncelikle Kanban form aracını seçelim. Ardından özellikler bölümündeki Fit Horizontal alanını Yes olarak ayarlayalım.
Kanban üzerinde gösterilecek sütunlar ve bu sütunlar içindeki veriler için gerekli ayarlamalar yapılmıştır.
Şimdi, Kanban içerisindeki verilerin tasarım düzenlemelerini yapmak amacıyla Template kullanımına geçebiliriz.
Template Kullanımı
Kanban form aracına template eklemek için öncelikle Kanban form aracı seçilmeli, ardından Kanban üzerindeki Add Customization seçeneğine tıklanmalıdır.
Ekranın sol tarafında, Kanban form aracının altında Template ekranı eklenmiş olarak görüntülenecek ve Template ekranı karşımıza çıkacaktır.
Template ekranı varsayılan olarak 100 x 500 boyutlarıyla görünür.
Bu ölçüleri değiştirmek için, sol taraftan 'Template_1' alanı seçildikten sonra sağ tarafta, 'Template_1' ekranına ait properties bilgileri görünecektir. Burada, Height / Width alanlarında istenilen boyutlandırma işlemi yapılabilir.
Örneğimizde, Template ekranını 300 x 300 ölçülerine göre boyutlandıralım.
Template Ekranı ve Form Ekranı Arasında Geçiş İşlemi
| Template, sol tarafta Kanban form aracının altına eklenmektedir. Form ekranından Template ekranına geçiş yapmak için, 1 numara ile gösterilen Kanban form aracının sol tarafındaki sembole tıklanmalıdır. Bu işlem sonrasında, 2 numara ile gösterilen Template_1 alanı görüntülenecektir. Template_1 alanına çift tıklanarak Template ekranına geçiş yapılabilir. |
| Template ekranından form ekranına geçiş yapmak için, sol taraftaki ilgili forma çift tıklanmalıdır. Bu örnekte, Form_1 alanına çift tıklanarak Template ekranından form ekranına geçiş yapılabilir. |
1 numara ile gösterilen alandan Label form aracını sürükleyip Template ekranı içerisine bırakalım. Ardından 2 numara ile gösterilen Text alanında Label’ a bir isim yazalım ve Enter tuşuna basalım. Bu işlem sonrasında, Label verdiğimiz isimle ekranda görüntülenecektir.
Aynı işlem adımlarını takip ederek, resimde görülen diğer Label’ ları da Template ekranına ekleyelim.
Template ekranına eklediğimiz label’ların karşısında, Kanban form aracının SQL Query bölümünde yazdığımız sorgudaki değerlerin görünmesini sağlamak için yine Label’lar ekleyelim. Label’ı seçtikten sonra, bu sefer Label’ların özelliklerindeki Template alanına SQL sorgusundaki istenilen sütunun ismini $Pxxx$ (xxx yerine sorgudaki sütun ismi yazılmalıdır; eğer sütun ismi boşluk içeriyorsa, burada boşluksuz olarak yazılmalıdır.) şeklinde yazalım.
Aynı işlem adımlarını takip ederek, resimde görülen diğer Label’ların Template alanına SQL sorgusundaki ilgili sütun isimlerini $Pxxx$ şeklinde ekleyelim.
| SQL sorgusunda sütun ismi Stock Name olarak boşluklu yazılmıştır. Ancak Template alanında bu sütun ismi boşluksuz olarak StockName şeklinde yazılmalıdır. |
Eklenen Label’ların boyutlarını ve ekrandaki konumlarını ayarlamak için, öncelikle Label’ı seçelim. Ardından, özellikler bölümündeki Height / Width alanlarından boyutlandırma işlemlerini yapalım.
Label'ın ekrandaki konumunu ise Form Left / Top alanlarından ayarlayalım. Explanation alanına uzun metinler girilebileceği için, bu alanın boyutu diğer Label’lara kıyasla daha uzun olarak ayarlanmıştır.
Template tasarımı ve SQL sorgusundaki sütunların Template içerisine eklenmesi işlemleri tamamlanmıştır.
Client ekranında yapılan işlemleri görüntülemek için, öncelikle ekran açıldığında Kanban alanının tetiklenmesi gerekmektedir.
Ekran açıldığında Kanban form aracını tetikleyen aksiyonun eklenmesi için, Form_1’ e çift tıklayıp, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: When the form is opened seçeneğini seçelim.
Operation: Update Value seçeneğini seçelim.
Value Area: Kanban_1 seçeneğini seçelim.
Ardından aksiyonu kaydedelim.
Kaydedilen aksiyon, resimdeki gibi görünecektir. Aksiyon silinmek istenirse, sağ taraftaki çöp kutusu sembolüne tıklanmalıdır. Aksiyon içerisinde değişiklik yapılmak istenirse, ortadaki kalem sembolüne, aksiyon durdurulmak istenirse sol taraftaki pause sembolüne tıklanmalıdır.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
| Client ekranında, projenin en son kaydedilen hali görüntülenir. Proje kaydedilmeden client ekranına geçiş yapıldığında, son yapılan değişiklikler ekran üzerinde görüntülenemez. |
Kanbanın client ekranındaki görüntüsü aşağıdaki gibi olacaktır.
Kanban form aracının özelliklerinde, Search Column alanını SQL sorgusundaki Explanation alanı ile eşleştirmiştik.
Client ekranında, Kanban aracının sağ üst köşesindeki ‘ Search ‘ alanına 6 rakamını yazarak arama yapıldığında, Explanation alanında 6 rakamını içeren bir metin bulunmadığı için filtreleme işleminden boş veri dönecektir. Search alanına yazılan filtre silindiğinde, Kanban görünümü önceki haline dönecektir.
Örnek Kullanım 2 :
İlk örneğimizde, Kanban form aracının özellikler bölümündeki SQL Query alanına sabit bir sorgu ekleyerek işlem yapmıştık. Bu örneğimizde ise Kanban içinde gösterilecek değerlerin, bir form ekranında bulunan kayıtlı verilerden alınarak yapılacak işlemle görüntülenmesini sağlayacağız.
İlk olarak Kanban içinde gösterilecek değerlerin alınacağı bir form ekranı hazırlayalım.
Free Form özelliğine sahip yeni bir form açalım. Bu işlem için aşağıdaki resimde kırmızı çerçeve ile işaretlenmiş, new Form ikonuna tıklanmalıdır.
Açılan pencereden Free Form seçeneğini seçelim.
Free Form seçildiğinde Form_2 isminde yeni bir form ekranı oluşacaktır.
| Free Form seçeneğiyle tasarlanan ekranlar masaüstü kullanımına yönelik olup, mobil tasarımlar için Responsive Form seçeneği tercih edilebilir. |
Fom_2 isimli formu seçelim, ardından ekranın sağ tarafında bulunan form özelliklerini aşağıdaki gibi düzenleyelim.
1 numara ile gösterilen Properties alanını seçelim. Ardından 2 numara ile gösterilen alanlardaki bilgileri resimde gösterildiği gibi ayarlayalım.
Name alanını, Form_2 formunun ismini değiştirmek için kullanalım ve resimdeki gibi bir isimlendirme yapalım.
Formların Type özelliği ‘Form’ olarak seçildiğinde, Table Name özelliğinde yazılı isim ile SQL içinde bulunan XPODA veri tabanı altında yeni bir tablo oluşturulur.
Kanban_Stock_Order_Form ekranına istenilen alanları ekleyip, ekrandaki işlemlerimizi tamamladığımızda ve projemizi kaydettiğimizde, XPODA veri tabanı altına KANBAN_STOCK_ORDER_DATAS isminde yeni bir tablo oluşturulacaktır. Bu tablo, Kanban_Stock_Order_Form ekranına eklediğimiz alanları içerecektir.
Display Name alanına, ilgili formun Client ekranında görüntülenmesini istediğimiz ismini yazalım.
Oluşturduğumuz form, Free Form ve Form özellikleriyle açılmıştır.
Formumuzda bulunan Tab 1 sekmesinin ismini değiştirmek için, Tab 1 alanını seçelim, ardından özellikler bölümündeki Tab Name alanına yeni ismi yazalım.
Sol taraftaki form araçları kısmından 2 Text Box, 2 Figure Box, 1 Drop Down Box, 1 Picture ve 1 Buton aracını sürükleyerek formumuza ekleyelim.
Label'ları sırayla seçip, özellikler bölümündeki Text alanına resimdeki örneğe göre isimlendirmeleri yapalım. İsimlendirmeyi tamamladıktan sonra Enter tuşuna basalım.
Form araçlarının özelliklerini düzenlemek için, her bir form aracını sırasıyla seçip, ardından resimdeki örneğe göre gerekli ayarlamaları yapalım. Name alanındaki isimlendirmeyi tamamladıktan sonra Enter tuşuna basalım.
Status form aracında kullanılan Constant Value değerleri aşağıdaki gibi belirlenmiştir:
Approval Stage*Approval Stage
Approved*Approved
Rejected*Rejected
Client ekranında Save butonuna tıklandığında ekrandaki alanlara girilen verilerin tabloya kayıt edilmesi için, Save butonuna aksiyon ekleyelim. Save butonunu seçelim, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: When clicked seçeneğini seçelim.
Operation: Save seçeneğini seçelim.
Ardından aksiyonu kaydedelim.
Kaydedilen aksiyon, resimdeki gibi görünecektir. Aksiyon silinmek istenirse, sağ taraftaki çöp kutusu sembolüne tıklanmalıdır. Aksiyon içerisinde değişiklik yapılmak istenirse, ortadaki kalem sembolüne, aksiyon durdurulmak istenirse sol taraftaki pause sembolüne tıklanmalıdır.
Gerekli ayarlamaları tamamladıktan sonra projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
| Client ekranında, projenin en son kaydedilen hali görüntülenir. Proje kaydedilmeden client ekranına geçiş yapıldığında, son yapılan değişiklikler ekran üzerinde görüntülenemez. |
| Proje kaydedildikten sonra, ekranın Type değeri 'Form' olarak seçildiği için, XPODA veri tabanında ekrana eklenen alan isimleri ve veri tipleri ile birlikte, Table Name alanına yazılan isimle yeni bir tablo oluşturulacaktır. |
Kanban Stock Order Formunun client ekranındaki görüntüsü aşağıdaki gibi olacaktır.
Client ekranında yeni bir kayıt oluşturmak için, ID, Stock Name, Amount ve Explanation alanlarına istenilen bilgileri girelim. Status alanının yanındaki aşağı yönlü simgeye tıklayarak, gelen seçeneklerden ilkini seçelim. Resim eklemek için Stock Image alanına tıklayalım ve bilgisayarımızdaki bir resmi seçtikten sonra, kaydımızı oluşturmak için Save butonuna tıklayalım.
Status alanından farklı bir seçenek seçerek, yeni bir kayıt oluşturalım.
Kanban Stock Order Form ekranında oluşturduğumuz kayıtları, Kanban form aracı üzerinde görüntüleyelim.
Öncelikle Free Form özelliğine sahip yeni bir form açalım. Bu işlem için aşağıdaki resimde kırmızı çerçeve ile işaretlenmiş, new Form ikonuna tıklanmalıdır.
Açılan pencereden Free Form seçeneğini seçelim.
Free Form seçildiğinde Form_3 isminde yeni bir form ekranı oluşacaktır.
|
Free Form seçeneğiyle tasarlanan ekranlar masaüstü kullanımına yönelik olup, mobil tasarımlar için Responsive Form seçeneği tercih edilebilir. |
Fom_3 isimli formu seçelim, ardından ekranın sağ tarafında bulunan form özelliklerini aşağıdaki gibi düzenleyelim.
Oluşturduğumuz form, Free Form ve Report özellikleriyle açılmıştır.
1 numara ile gösterilen alandan Kanban form aracını sürükleyip formumuza bırakalım. Bu işlem sonrasında, 2 numarayla gösterildiği gibi Kanban form aracı formumuza eklenmiş olacaktır.
Kanban form aracının yüksekliğini artırmak için, öncelikle Kanban form aracını seçelim. Ardından özellikler bölümünde yer alan Height alanına 650 değerini girelim.
Kanban Stock Order Form ekranında oluşturulan kayıtların, Client ekranındaki Kanban üzerinde görüntülenmesini sağlamak için, öncelikle Kanban form aracını seçelim, ardından sağ taraftaki özellikler bölümünde bulunan SQL Query alanında sorgu sihirbazını kullanarak sorgumuzu oluşturalım.
Açılan pencerede, Tables alanının sol tarafındaki ok simgesine tıklayalım. Kanban Stock Order Form ekranının tablo ismi olarak tanımladığımız KANBAN_STOCK_ORDER_DATAS tablosunun sol tarafındaki ok simgesine tıklayalım. Tablodaki alanlar listelenecektir. 3 numara ile gösterilen alanları sırasıyla seçip, sağ taraftaki Query Builder alanına sürükleyip bırakalım.
Son olarak, 4 numara ile gösterilen alandan sorgumuzu kaydedelim.
Yapılan işlem sonrasında, SQL Query alanına kaydedilen sorgu aşağıdaki resimdeki gibi görünecektir. Aşağıda, sorgu sihirbazı ile oluşturulan sorgu yer almaktadır:
SELECT
KANBAN_STOCK_ORDER_DATAS.UserTableID,
KANBAN_STOCK_ORDER_DATAS.ProjectID,
KANBAN_STOCK_ORDER_DATAS.FormTypeID,
KANBAN_STOCK_ORDER_DATAS.ID,
KANBAN_STOCK_ORDER_DATAS.StockName,
KANBAN_STOCK_ORDER_DATAS.Amount,
KANBAN_STOCK_ORDER_DATAS.Explanation,
KANBAN_STOCK_ORDER_DATAS.Status,
KANBAN_STOCK_ORDER_DATAS.StockImage
FROM
dbo.KANBAN_STOCK_ORDER_DATAS WITH (NOLOCK)
Column Query or Constant Value (OrderNo*Column Name) alanına, aşağıdaki resimde gösterildiği gibi sorgumuzu ekleyelim.
Aşağıda, bu alana eklediğimiz SQL sorgusu bulunmaktadır:
SELECT 1, 'Approval Stage'
UNION ALL
SELECT 2, 'Approved'
UNION ALL
SELECT 3, 'Rejected'
Table Name alanında, Kanban Stock Order Form ekranının tablo ismi olarak tanımladığımız KANBAN_STOCK_ORDER_DATAS tablosunu seçelim.
Group Column alanında, Status seçeneğini seçelim.
Search Column alanında, Explanation seçeneğini seçelim.
Fit Horizontal alanını Yes olarak ayarlayalım.
Kanban içerisindeki verilerin tasarım düzenlemelerini yapmak için, önce Kanban form aracını seçelim, ardından Add Customization seçeneğine tıklayalım.
Template ekranında, Height / Width alanlarını 450 x 300 ölçülerine göre boyutlandıralım.
1 numara ile gösterilen alandan Label form aracını sürükleyip Template ekranı içerisine bırakalım. Ardından 2 numara ile gösterilen Text alanında Label’ a bir isim yazalım ve Enter tuşuna basalım. Bu işlem sonrasında, Label verdiğimiz isimle ekranda görüntülenecektir.
Aynı işlem adımlarını takip ederek, resimde görülen diğer Label’ ları da Template ekranına ekleyelim.
Template ekranına eklediğimiz label’ların karşısında, Kanban form aracının SQL Query bölümünde yazdığımız sorgudaki değerlerin görünmesini sağlamak için yine Label’lar ekleyelim. Label’ı seçtikten sonra, bu sefer Label’ların özelliklerindeki Template alanına SQL sorgusundaki istenilen sütunun ismini $Pxxx$ (xxx yerine sorgudaki sütun ismi yazılmalıdır; eğer sütun ismi boşluk içeriyorsa, burada boşluksuz olarak yazılmalıdır.) şeklinde yazalım.
Aynı işlem adımlarını takip ederek, resimde görülen diğer Label’ların Template alanına SQL sorgusundaki ilgili sütun isimlerini $Pxxx$ şeklinde ekleyelim.
| SQL sorgusunda sütun isimleri Stock Name ve Stock Image olarak boşluklu yazılmıştır. Ancak Template alanında bu sütun isimleri boşluksuz olarak StockName ve StockImage şeklinde yazılmalıdır. |
Eklenen Label’ların boyutlarını ve ekrandaki konumlarını ayarlamak için, öncelikle Label’ı seçelim. Ardından, özellikler bölümündeki Height / Width alanlarından boyutlandırma işlemlerini yapalım.
Label'ın ekrandaki konumunu ise Form Left / Top alanlarından ayarlayalım. Explanation alanına uzun metinler girilebileceği için, bu alanın boyutu diğer Label’lara kıyasla daha uzun olarak ayarlanmıştır.
Template tasarımı ve SQL sorgusundaki sütunların Template içerisine eklenmesi işlemleri tamamlanmıştır.
Client ekranında yapılan işlemleri görüntülemek için, öncelikle ekran açıldığında Kanban alanının tetiklenmesi gerekmektedir.
Ekran açıldığında Kanban form aracını tetikleyen aksiyonun eklenmesi için, Form_3’ e çift tıklayıp, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: When the form is opened seçeneğini seçelim.
Operation: Update Value seçeneğini seçelim.
Value Area: Kanban_1 seçeneğini seçelim.
Ardından aksiyonu kaydedelim.
Kaydedilen aksiyon, resimdeki gibi görünecektir. Aksiyon silinmek istenirse, sağ taraftaki çöp kutusu sembolüne tıklanmalıdır. Aksiyon içerisinde değişiklik yapılmak istenirse, ortadaki kalem sembolüne, aksiyon durdurulmak istenirse sol taraftaki pause sembolüne tıklanmalıdır.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Kanbanın client ekranındaki görüntüsü aşağıdaki gibi olacaktır.
Kanban içindeki kartlar, bulundukları sütundan diğer sütunlara sürükle ve bırak yöntemiyle taşınabilir. Sütunlar arasında geçiş yapıldığında, 'Status' değeri otomatik olarak güncellenir.
Kanban içinde buton kullanarak bir mesaj gösterilebilir veya Kanban Stok Order Form ekranına yönlendirilerek, yeni sipariş oluşturulabilir. Projede yapılmak istenen işleme göre farklı aksiyonlarda kullanılabilir.
Template ekranına 2 buton aracı sürükleyip ekleyelim. Resimdeki gibi düzenlemeleri yapalım.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Kanbanın client ekranındaki görüntüsü aşağıdaki gibi olacaktır.
Kanban içinde gösterilecek değerlerin, bir form ekranında bulunan kayıtlı verilerden alınarak görüntülenmesini işlemini tamamladık.
Aksiyonlar
Kanban form aracı için kullanılabilecek aksiyonlar, aşağıdaki maddelerde ayrıntılı bir şekilde açıklanmıştır:
- When the row is selected: Kanban içerisindeki bir kart seçildiğinde, kart içerisindeki bir bilginin formdaki bir alana aktarılması sağlanır.
İlk olarak, sol taraftaki form araçları kısmından 1 Text Box aracını sürükleyip formumuza ekleyelim. Ekrana gelen Label ve Text Box araçlarının özelliklerini, resimdeki şekilde ayarlayalım.
Kanbana aksiyon eklemek için, Kanban form aracını seçelim, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: When the row is selected seçeneğini seçelim.
Operation: Update Value seçeneğini seçelim.
Value Area: KanbanStockName seçeneğini seçelim.
SQL Query: SELECT '$PStockName$' yazalım.
Kanban form aracının SQL Query bölümünde, stok adını belirten sütun adı Stock Name olarak boşluklu şekilde tanımlanmıştı. Burada ise, isim boşluksuz olarak ve $Pxxx$ formatında yazılmalıdır.
Ardından aksiyonu kaydedelim.
|
|
Kanban form aracı içerisindeki sorguda, sütun adı boşluk içeriyorsa, aksiyonun SQL Query bölümüne bu isim boşluksuz olarak yazılmalıdır. |
Kaydedilen aksiyon, resimdeki gibi görünecektir.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Client ekranında, Kanban'daki bir karta tıkladığımızda, kart içerisindeki Stock Name alanındaki değer, formdaki Kanban Stock Name adlı Text Box alanına aktarılacaktır.
- Record is Added: Kanban içindeki kartlar, bulundukları sütundan diğer sütunlara sürükle ve bırak yöntemiyle taşınırken, eski sütun adı, taşınan sütun adı, kartın ID'si ve diğer bilgileri formdaki ilgili alanlara aktarılır.
Bu örneğimizde, sütun değiştirilirken eski sütun adı, taşınan sütun adı, kart ID'si ve Explanation alanlarındaki değerler formdaki ilgili alanlara aktarılacaktır.
İlk olarak, sol taraftaki form araçları kısmından 1 Figure Box ve 3 Text Box aracını sürükleyip formumuza ekleyelim. Ekrana gelen form araçlarının özelliklerini, resimdeki şekilde ayarlayalım.
Sol tarafta işaretli Label'ları sırasıyla seçtikten sonra, özellikler bölümündeki 'Text' alanını kullanarak isimlendirme işlemi yapalım ve ardından Enter tuşuna basalım.
Kanbana aksiyon eklemek için, Kanban form aracını seçelim, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: Record is Added seçeneğini seçelim.
Operation: Create New Data Object seçeneğini seçelim.
Object Name: Card Information
SQL Query: SELECT $PUserTableID AS ID,
'$PXpodaTaskOldColName$' AS OldColumnName,
'$PXpodaTaskNewColName$' AS NewColumnName,
'$PExplanation$' AS CardExplanation yazalım.
Ardından aksiyonu kaydedelim.
Create New Data Object aksiyonu kullanılarak elde edilen birden fazla bilgi, ilgili form alanlarının 'Linked Object' ve 'Linked Object Field' alanları aracılığıyla birbirine bağlanarak aktarılacaktır.
Kaydedilen aksiyon, resimdeki gibi görünecektir.
Oluşturulan Create New Data Object aksiyonundaki alanların, form alanlarıyla bağlantısı aşağıdaki resimlerde gösterildiği gibi olmalıdır:
Formdaki alanlar sırasıyla seçilip, resimdeki ayarlamalar yapılmalıdır.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
3.Save Column Name: Add Column alanından Kanban içerisine yeni bir sütun ismi oluşturulduğunda, yapılması gereken başka işlemler varsa bu aksiyon kullanılacaktır.
Sütun ismi kaydedildiğinde ekrana mesaj gelecek şekilde bir aksiyon oluşturalım.
Kanban'a aksiyon eklemek için Kanban form aracını seçelim ve ardından resimde gösterildiği gibi aksiyon ayarlarını yapalım.
Kaydedilen aksiyon, resimdeki gibi görünecektir.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
4.Before Record is Added: Kanban içindeki kartlar, bulundukları sütundan diğer sütunlara sürükle ve bırak yöntemiyle taşınırken, belirli bir koşula bağlı olarak taşıma işlemi yapılabilir. Aksi takdirde, taşıma işlemi engellenebilir. Bu koşul, aksiyon içerisinde eklenebilir.
Bu örneğimizde, tüm kullanıcıların sütunlar arasında geçiş yapma işlemi engellenecektir.
Kanbana aksiyon eklemek için, Kanban form aracını seçelim, ardından aksiyonlar bölümünü seçelim. Add New Action alanına tıklayalım.
Gelen seçeneklerden;
Type of Action: Before Record is Added seçeneğini seçelim.
Operation: Validation seçeneğini seçelim.
SQL Query: SELECT 0 yazalım.
Warning Message: You do not have permission to make changes!
Ardından aksiyonu kaydedelim.
SELECT 0 komutu ile aksiyonun çalışması sağlanmıştır ve Warning Message alanında yazan uyarı mesajı ekrana çıkarak işlemin gerçekleştirilmesi engellenmiştir.
Kaydedilen aksiyon, resimdeki gibi görünecektir.
Son olarak projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Edit Card Özelliği Kullanımı
Client ekranında, Kanban içerisinde yer alan kartların değerleri doğrudan Kanban üzerinden düzenlenebilmektedir.
| Client ekranında, Kanban içerisinde yer alan kartların değerlerinin doğrudan Kanban üzerinden düzenlenebilmesi için, Kanban form aracının özellikler bölümünde bulunan SQL Query alanındaki sorguda mutlaka UserTableID, ProjectID ve FormTypeID sütunlarının yer alması gerekmektedir. |
İlk olarak düzenlenmek istenen kartın üzerindeki 1 numara ile gösterilen alana tıklayalım. Ardından 2 numara ile gösterilen Edit Card seçeneğini seçelim. Bu işlem sonrasında 3 numara ile gösterilen düzenleme penceresi açılacaktır.
Pencereyi daha rahat görüntüleyebilmek için, sol kenarından tutup sola doğru sürükleyerek genişletelim.
Açılan düzenleme penceresinde Amount ve Explanation alanlarındaki değerleri güncelleyelim. Düzenlemeleri tamamladıktan sonra Save butonuna tıklayarak değişiklikleri kaydedelim. Kayıt işlemi tamamlandıktan sonra 4 numara ile gösterilen alandan pencereyi kapatalım.
Pencere kapatıldığında, Kanban form aracı otomatik olarak güncellenecek ve ilgili kart üzerinde yapılan değişiklikler anında Kanban görünümünde yansıtılacaktır.
Add Card Özelliği Kullanımı
Client tarafında, Kanban form aracı üzerinden Kanban içerisine doğrudan yeni bir kart ekleme işlemi yapılabilmektedir.
| Client tarafında, Kanban form aracı üzerinden Kanban içerisine doğrudan yeni bir kart ekleme işleminin yapılabilmesi için, Kanban form aracının özellikler bölümünde bulunan SQL Query alanındaki sorguda mutlaka UserTableID, ProjectID ve FormTypeID sütunlarının yer alması gerekmektedir. |
İlk olarak, yeni bir kart eklemek istediğimiz sütunun üzerindeki 1 numara ile gösterilen alana tıklayalım. Bu işlem sonrasında, 2 numara ile gösterilen düzenleme penceresi açılacaktır.
Pencereyi daha rahat görüntüleyebilmek için, sol kenarından tutup sola doğru sürükleyerek genişletelim.
Açılan pencerede, 1 numara ile gösterilen alanlara, kart üzerinde görüntülenmesi istenen veri girişlerini yapalım. Veri girişlerini tamamlandıktan sonra, Save butonuna tıklayarak kartı kaydedelim. Kayıt işlemi tamamlandığında, 3 numara ile gösterilen alandan pencereyi kapatalım.
| Oluşturulacak kartın Approval Stage sütunu altına eklenmesi için, Status alanında Approval Stage seçeneğini seçilmelidir. |
Pencere kapatıldığında, Kanban form aracı otomatik olarak güncellenecek ve kayıt edilen kart ilgili sütun içerisine eklenecektir.
Add Column Özelliği Kullanımı
Client tarafında, Kanban form aracı üzerinden Kanban içerisine doğrudan yeni bir sütun ekleme işlemi yapılabilmektedir.
| Client ekranında, Kanban içerisinde yer alan kartların değerlerinin doğrudan Kanban üzerinden düzenlenebilmesi için, Kanban form aracının özellikler bölümünde bulunan SQL Query alanındaki sorguda mutlaka UserTableID, ProjectID ve FormTypeID sütunlarının yer alması gerekmektedir. |
| Add Column butonunun kullanılabilmesi için, Studio'daki Kanban form aracının özellikler bölümünde yer alan Column Query or Constant Value (OrderNo*Column Name) alanının boş bırakılması gerekmektedir. Bu alanın dolu olması durumunda, Add Column butonu ile eklenen sütun başlıkları ekran yenilendikten sonra Kanban içerisinde görünmeyecektir. |
İlk olarak, Kanban form aracını seçelim. Daha sonra, özellikler bölümünde yer alan Column Query or Constant Value (OrderNo*Column Name) alanındaki mevcut sorguyu silelim.
| Column Query or Constant Value (OrderNo*Column Name) alanı boş bırakıldığında, SQL Query alanında yer alan ve Group Column alanı ile ilişkilendirilmiş sütundaki değerler, Kanban içerisindeki sütunlar olarak görüntülenir. |
Projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Client tarafındaki Kanban görünümünde Approved sütununun görüntülenmemesinin nedeni, KANBAN_STOCK_ORDER_DATAS tablosunda Status değeri Approved olan herhangi bir kaydın bulunmamasıdır.
Kanban form aracı üzerinde bulunan 1 numara ile gösterilen Add Column butonuna tıklayalım. Ardından 2 numara ile gösterilen alana yeni sütun ismi yazalım. Enter tuşuna basarak sütun ekleme işlemimizi tamamlayalım.
Approval Stage sütunu içerisinde bulunan bir kartı sürükleyip yeni eklediğimiz Administrator Approval sütunu içerisine bırakalım. Ardından client ekranını yenileyelim. Sütunlar, alfabetik sıraya göre görüntülenecektir.
|
Add column butonu ile yeni bir sütun oluşturulduktan sonra, sütun içerisine yeni bir kart eklenmesi gerekmektedir. Kart içermeyen sütunlar Kanban üzerinde gösterilmeyecektir. |
Add Column butonu ile oluşturulan sütun altına ilgili kart eklenmiştir.
Sütun İçerisindeki Toplam Kart Bilgisi
Görselde işaretlenmiş alanlarda, ilgili sütun içerisinde bulunan toplam kart sayısı görüntülenmektedir. Sütuna yeni bir kart sürükle-bırak yöntemiyle eklendiğinde ya da yeni bir kayıt oluşturulduğunda veya sütundan bir kart kaldırıldığında, bu sayı anlık olarak güncellenir.
Yetkilendirmeler
Kanban form aracında, yeni kart oluşturma, mevcut kartları güncelleme, yeni sütun ekleme ve var olan sütunları güncelleme işlemlerinin tüm kullanıcılar tarafından yapılmaması istendiğinde, yetkilendirme aksiyonu kullanılır.
Yetkilendirme işlemi için, öncelikler ilgili formu seçelim. Ardından Authority bölümünden Add New Authority alanına tıklayalım.
Type of Authority: Kanban Authorities seçeneğini seçelim.
Action alanında hangi tip yetki verilmek isteniyorsa seçilmelidir.
|
Disable New Card (Yeni Kartı Devre Dışı Bırakma); Yeni kart oluşturma işlemi yetkilendirilecekse, bu aksiyon seçilmelidir. Disable Edit Card (Kartı Düzenlemeyi Devre Dışı Bırak); Mevcut kart düzenleme işlemi yetkilendirilecekse, bu aksiyon seçilmelidir. Disable New Column (Yeni Sütunu Devre Dışı Bırakma); Yeni sütun oluşturma işlemi yetkilendirilecekse, bu aksiyon seçilmelidir. Disable Edit Column (Sütun Düzenlemeyi Devre Dışı Bırakma); Mevcut sütun düzenleme işlemi yetkilendirilecekse, bu aksiyon seçilmelidir.
Description: Açıklama bilgisinin yazıldığı alandır. Condition Type: Manually select users ( yetki verilecek kullanıcı manuel olarak seçilir ) ve Run conditional query (koşullu sorgu yazılarak yetki tanımlanır) seçimlerinden biri seçilir.
|
Condition Type alanında Manually select users seçeneği seçilirse; Kullanıcı seçimi yapılabilmesi için, Users Type ve Users alanları aktif hale gelecektir.
Users Type alanındaki seçeneklerin her birinin detayları aşağıda verilmiştir.
|
Those selected (Seçilmiş Olanlar); Seçilmiş olan kullanıcılar için ilgili yetkilendirme uygulanır. Non-selected (Seçili Olmayanlar); Seçili olmayan kullanıcılar için ilgili yetkilendirme uygulanır. All Users (Tüm Kullanıcılar); Tüm kullanıcılar için ilgili yetkilendirme uygulanır. |
Users alanında sağ taraftaki ok simgesine tıklandığında, kullanıcılar listelenecektir. Yetki tanımlanmak istenen kullanıcılar, yanlarındaki kutucuğa tıklanarak işaretlenmelidir.
| Users Type alanında All Users seçeneği seçildiğinde, Users alanından kullanıcı seçilmesine gerek kalmaz. |
Condition Type alanında Run conditional query seçeneği seçilirse; Koşullu sorgu yazılabilmesi için, SQL Query alanı aktif hale gelecektir.
SQL Query alanına yazılan koşullu sorgudan 1 değeri döndüğünde aksiyon çalışacak ve yetkilendirme işlemi gerçekleştirilecektir.
Örneğimizde, yetkinin koşulsuz olarak çalışabilmesi için SELECT 1 komutu kullanılmıştır.
Disable New Card (Yeni Kartı Devre Dışı Bırakma) Örnek Kullanım;
Projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Disable Edit Card (Kartı Düzenlemeyi Devre Dışı Bırak) Örnek Kullanım;
Projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Disable New Column (Yeni Sütunu Devre Dışı Bırakma) Örnek Kullanım;
Projeyi kaydedelim ve ardından Run butonuna tıklayarak client ekranına geçiş yapalım.
Disable Edit Column (Sütun Düzenlemeyi Devre Dışı Bırakma) Örnek Kullanım;
Bu yetkilendirme aksiyonu şuan için çalışmaktadır. Yeni sürümlerde, bu aksiyon üzerinde iyileştirme çalışmaları yapılacaktır.