Things about Notification

Introduction to W3C notification specification

Transcript

1. Things about NOTIFICATION @kaiye
2. Web Notifications First Draft Published 01 March 2011 | Archive HTML Speech XG Speech API Proposal Editor's Draft 28 February 2011 W3C Launches HTML5 Chinese Interest Group 01 March 2011 | Archive
3. Notification [,nəәutifi'keiʃəәn]
4. http://growl.info/screenshots.php
5. [Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };
6. [Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };
7. Interface ['intəәfeis]
8. Interface • Graphical User Interface • Application Programming Interface • Modular: pass message through Interface
9. W3C Draft is Interface • -o : Opera • -khtml : Konqueror • -moz : Firefox • -webkit : Chrome
10. [Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };
11. [Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };
12. var chiFan = new YAHOO.util.CustomEvent ("chifan"); chiFan.subscribe(callSomeBody); chiFan.fire({name: ‘HePeng’});
13. Buy mobile
14. Buy mobile
15. [Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };
16. What is W3C? What is WEB? What is HTTP? What is HTTP connection? What is HTTP request?
17. TCP connection
18. HTTP1.0 vs HTTP1.1
19. Connection:keep-alive
20. • long-polling: http://www.ibm.com/ developerworks/cn/web/wa-lo-comet/
22. What is DNS?
23. What is DNS? What is API?
24. What is DNS? What is API? What is WPO?
25. What is DNS? What is API? What is WPO? What is Usability?
26. What is DNS? What is API? What is WPO? What is Usability? What is HTML5?
27. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design?
28. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End?
29. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer?
30. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection?
31. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic?
32. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic? What is Website?
33. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic? What is Website? What is Doctype?
34. What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic? What is Website? What is Doctype? What is UDP?
35. See you next time:)