Notify aksiyonu, belirli bir işlem veya kullanıcı etkileşimi sonrasında kullanıcıya anlık bildirimler göndermek için kullanılır. Uygulama içinde başarı, hata, uyarı gibi durumlarla ilgili kullanıcıya hızlı geri bildirim sağlar. Ayrıca sistem genelinde merkezi bildirim yapılandırmaları için Configuration Manager içerisindeki Notify Actions ayarları kullanılabilir.
Teknik Özellikler
Bildirim Türü: Başarı, uyarı, bilgi, hata ve özelleştirilmiş türler desteklenir.
Konum Seçimi: Bildirimin ekranda gösterileceği konum (örn. sağ üst, sol alt) seçilebilir.
Süre Ayarı: Bildirimin ekranda kalacağı süre ayarlanabilir.
Görsel Özelleştirme: Renk, yazı tipi boyutu gibi stil ayarları yapılabilir.
Web ve Mobil Desteği: Hem web hem de mobil platformlarda çalışır.
Notify Aksiyonu Uygulama Adımları
Notify Aksiyonunun Projeye Eklenmesi
Kuika platformuna giriş yapın ve Apps ekranından üzerinde çalışacağınız projeyi seçin.
UI Design modülüne geçin.
İlgili bileşeni seçerek Properties panelini açın.
+ ADD ACTION açılır menüsüne tıklayın.
Initial Actions, OnClick, OnBlur gibi uygun bir tetikleyici eylem(event) seçin → Notification → Notify seçeneğini ekleyin.
Notify Aksiyonunun Yapılandırılması
Açılan menüde aşağıdaki alanları yapılandırabilirsiniz:
Message
Tip: String
Zorunluluk: Evet
Açıklama: Ekranda gösterilecek olan bildirim mesajının metnini yazın.
Input: Metin kutusu. Buraya kullanıcıya bildirim olarak gösterilecek metni yazabilirsiniz. Örneğin, "İşlem başarıyla tamamlandı!" gibi. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Type
Tip: Enum
Zorunluluk: Evet
Açıklama: Bildirim türünü seçin. Seçenekler:
Default: Varsayılan bildirim tipi.
Info: Bilgilendirme mesajları için kullanılır.
Success: Başarı mesajları için kullanılır.
Warning: Uyarı mesajları için kullanılır.
Danger: Kritik hata veya acil durum bildirimleri için kullanılır.
Custom: Bildirimin arka plan rengini, yazı rengini ve font boyutunu özelleştirir.
Type değeri, bildirimin stilini belirler; örneğin Info bilgilendirme, Success başarı, Warning uyarı, Danger kritik hata ve Custom ise özel renk ve stil kullanımı için seçilir. Bu bildirim türleri yalnızca görsel stili yani bildirimin arka plan rengi, yazı rengi ve yazı tipi boyutu gibi görsel özelliklerini etkiler; bildirimin işleyiş mantığında herhangi bir değişiklik yaratmaz. Özellikle Custom seçeneği ile bildirimin tasarımı tamamen özelleştirilebilir.
Input: Seçim kutusu - Default, Info, Success, Warning, Danger, Custom. Bu alanda, bildirim türünü seçmeniz gerekir. Örneğin, başarı mesajı için "Success" seçebilirsiniz. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Background Color
Tip: String
Zorunluluk: Opsiyonel
Açıklama: Bildirim arka plan rengini özelleştirir. (Hex, RGB, vb. formatlarda renk kodu kullanabilirsiniz.)
Input: Metin kutusu - Örnek: #FF5733. Eğer özelleştirilmiş bir arka plan rengi kullanmak isterseniz, buraya renk kodunu yazabilirsiniz. Örneğin, "#FF5733" kırmızı bir renk kodudur. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Input: Metin kutusu - Örnek: #FFFFFF. Buraya metnin rengini belirlemek için bir renk kodu yazabilirsiniz. Örneğin, "#FFFFFF" beyaz renk kodudur. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Font Size
Tip: String
Zorunluluk: Opsiyonel
Açıklama: Bildirim metninin font boyutunu belirler.
Input: Metin kutusu - Örnek: 14px. Bildirimdeki yazının boyutunu ayarlamak için font boyutu belirtmeniz gerekir. Örneğin, "14px" veya "1em" gibi değerler kullanabilirsiniz. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Position
Tip: Enum
Zorunluluk: Evet
Açıklama: Bildirimin ekranda hangi pozisyonda gösterileceğini belirler. Web ve mobil uygulamalarda farklıdır.
Top Left: Web için sol üst, mobil için üstte sol konumda gösterilir.
Top Right: Web için sağ üst, mobil için üstte sağ konumda gösterilir.
Bottom Left: Web için sol alt, mobil için altta sol konumda gösterilir.
Bottom Right: Web için sağ alt, mobil için altta sağ konumda gösterilir.
Input: Seçim kutusu - Top Left, Top Right, Bottom Left, Bottom Right. Bu alanda, bildirim mesajının ekranda hangi konumda görünmesini istediğinizi seçebilirsiniz. Örneğin, "Top Right" seçildiğinde bildirim sağ üst köşede görünür. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Duration
Tip: Integer
Zorunluluk: Opsiyonel
Açıklama: Bildirimin otomatik olarak kapanmadan önce ekranda kalacağı süreyi saniye cinsinden belirler.
Input: Sayı kutusu - Örnek: 5 saniye. Bu alanda bildirim mesajının ekranda kalma süresini saniye cinsinden belirleyebilirsiniz. Örneğin, 5 saniye sonra bildirim otomatik olarak kapanır. Eğer "0" veya "null" girilirse, bildirim kapanmaz. Bu alana öncelikli olarak Action Result gibi veri kaynaklarından veri aktarılabilir. Ayrıca Method Input, Current, Screen Input, Fixed veya Component gibi farklı kaynaklar da kullanılabilir. Bu kategoriler Symbol Picker üzerinden seçilerek tanımlanabilir.
Kullanım Senaryosu: Form Gönderimi Sonrası Bilgilendirme
Kullanıcı bir iletişim formunu doldurup gönderdiğinde, işlemin başarılı olduğunu belirten bir bildirim (Notify) gösterilir. Böylece kullanıcı, formun başarıyla gönderildiğinden emin olur.
Form Butonuna Aksiyon Ekleme
UI Design modülüne girin.
Sol kenardaki Elements paneline gidin.
Button elementini sürükleyip bırakın.
Properties paneli altındaki Label başlığına “Gönder” metnini girin.
Message: “Form başarıyla gönderildi! En kısa sürede sizinle iletişime geçeceğiz.”
Type: Success
Position: Top Right
Duration: 5 saniye
Bu yapılandırma ile kullanıcı formu gönderdiğinde ekranın sağ üst köşesinde yeşil renkli, 5 saniye süren bir bilgilendirme mesajı gösterilir. Böylece kullanıcı işlemin tamamlandığını görür ve yeniden işlem yapmasına gerek kalmaz.
Notify Aksiyonu İleri Seviye Özelleştirmeler
Dinamik Mesajlar: Kullanıcı adı gibi bilgileri bildirimde kullanarak kişiselleştirilmiş mesajlar gösterilebilir.
Custom Stil Kullanımı: Custom türü ile arka plan, yazı rengi ve font boyutu gibi görsel detaylar özelleştirilebilir.
Çoklu Bildirim Senaryoları: Birden fazla Notify aksiyonu bir arada tetiklenebilir (örn. hem başarı hem bilgilendirme).
Koşullu Bildirimler: If Then Else veya diğer koşullu yapılarla yalnızca belirli durumlarda bildirim gösterilebilir.
Teknik Riskler ve Önlemler
Tekrarlayan Bildirimler: Aynı bildirimin sürekli gösterilmesi kullanıcıyı rahatsız edebilir.
Gizlilik: Bildirimde kişisel veri varsa veri güvenliği sağlanmalıdır.
Uygun Süre Ayarı: Çok kısa veya çok uzun süreli bildirimler kullanıcı deneyimini olumsuz etkileyebilir.
Notify aksiyonu, uygulama içinde kullanıcıya anlık ve etkili bildirimler göstermek için ideal bir çözümdür. Başarılı işlemler, hatalar veya bilgilendirmeler için kullanıcıya görsel geri bildirim sağlanarak etkileşim kalitesi artırılır. Gelişmiş özelleştirme seçenekleri sayesinde tasarıma uygun ve dikkat çekici bildirimler oluşturulabilir.