“Gerçek keşif yeni diyarlar bulmak değil, yeni gözlerle bakmaktır.”
by Marcel Proust

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

Tarih: Haziran 11th, 2010 | Yazar: | Kategoriler: HTML5 | Etiketler: , , , , | 6 Yorum »

Masaüstü bildirimi, Desktop notificationYazı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:


6 Yorum Var

  1. 1 HTML5 Blog on: altan "allthein" yilmaz: HTML5 ile Gelen Yeni Bir Özellik Desktop Notification(Masaüstü bildirimi) » Can Aydoğan | MiloRiano: Computers news, tips, guides... said at 12:48 on Eylül 3rd, 2010:

    […] Read the original here: HTML5 Blog on: altan "allthein" yilmaz: HTML5 ile Gelen Yeni Bir Özellik Desktop Notifica… […]

  2. 2 me3met said at 10:09 on Eylül 8th, 2010:

    Selam.. hocam eline sağlık çok güzel bir yazı olmuş, yalnız bunu izin ver olayı olmadan siteye girene direk göndersek sağ alt köşeden? mümkün mü acaba bu?

  3. 3 admin said at 10:39 on Eylül 10th, 2010:

    @me3met mutlaka kullanıcıdan izin almak gerekiyor zira bu izin sistemi olmazsa bu özelliğin kötüye kullanımı çok fazla olacaktır.

  4. 4 Tayfun said at 14:13 on Eylül 17th, 2010:

    Buda bildirime farklı bir örnek uygulamayı Google chrome uzantısı olarakta kullanmak mümkün.

    https://chrome.google.com/extensions/detail/pkfoalcgpgdhoepeacemnejecenpilgi

  5. 5 nurettin said at 13:29 on Mart 8th, 2011:

    tayfun yorumunda yazan site açılmadı. Örnegin kişi siteden çıktı başka yerde dolaşırken çıkabiliyor mu?

  6. 6 admin said at 09:24 on Mart 10th, 2011:

    @nurettin eğer masaüstü bildirimini bir web sitesinde kullanılıyorsa siteden çıktığında bildirim çıkmayacaktır ama bildirim, Chrome uzantısı üzerinden kullanılıyorsa, bildirim uzantı kaldırılmadığı sürece çıkacaktır.


Yorum Yap