HTML5 ile Gelen Yeni Bir Özellik Desktop Notification(Masaüstü bildirimi)

Yazının başlığında HTML5 ile gelen yeni bir özellik desem de şuan için sadece Google Chrome 4.x ve üstü tarafından desteklenen bir özellik. Peki nedir bu desktop notification(Masaüstü bildirimi).

Aslında Türk internet kullanıcısı olarak aşina olduğumuz bir kavram, yıllardır ayça 22 olarak tarayıcımızın sağ alt köşesinde oturum açtığını gösteren kutucuk olarak tanımlayabiliriz bildirim kavramını. Masaüstü bildirimin ise bu bildirimlerden ayıran bir farkı var her ne şarta olursa olsun tarayıcı uygulamamız açık olduğu müddetçe bildirimi görüntüleyebileceğimiz. Açmak gerekirse bu şartları, tarayıcı simge durumda küçültülmüş de olsa veya arkaplan da kalmış da olsa bildirimiz görüntülenecektir.

Bildirim konusu, internet ile  etkileşimin bu denli arttığı bir dönemde oldukça önemli bir konu. Ancak şuan için sadece Google Chrome 4.x ve üzerinde destek gördüğü için kullanmak içinde oldukça erken bir zaman. Yine de bazı özel uygulamalarımızda kullanabilmemiz mümkün. Şimdi kullanımına bir göz atalım.

Öncellikle kullanıcıya bildirim göndermemiz için izin almamız gerekiyor. Bunu için aşağıdaki metodu uygulamalıyız.

window.webkitNotifications.requestPermission();

İzin aldıktan sonra kullanıcıya bildirim göndermemiz artık mümkün. Bildirim göndermek için ise aşağıdaki metod’dan faydalanıyoruz.

window.webkitNotifications.createNotification(
'Herhangi bir image dosyasını buraya ikon olarak koyabiliyoruz ',
'Bildirim başlığı buraya gelecek', 'Bildirim ile ilgili genel açıklama ise buraya geliyor'
).show();

Gördüğünüz gibi kullanımı oldukça basit. Aşağıdaki linkten faydalanarak Masaüstü Bildiriminden faydalanabilirsiniz.

DEMO

Kaynaklar:

• http://www.chromium.org/developers/design-documents/desktop-notifications
• http://apirocks.com/html5/html5.html#slide12