The document discusses the need for WebSockets as a replacement for Comet techniques for direct communication between browsers and servers. It explains that WebSockets allow for full-duplex connections over a single TCP connection. The current state of WebSockets is discussed, noting browser and server support is growing but still limited in some cases. Code examples are provided to demonstrate how WebSockets work and establish connections.

1. WebSockets On FireHTML5 WebCamps 2011

2. WhoisJef ClaesFerranti Computer Systems@JefClaeshttp://jclaes.blogspot.comJef.claes@gmail.com

3. ContentWHY do we need WebSockets?WHATare WebSockets?What is the state ofWebSockets TODAY?So show me some CODE.

4. ContentWHY do we need WebSockets?WHATare WebSockets?What is the state ofWebSockets TODAY?So show me some CODE.

5. DIRECT COMMUNICATION between browser and server

6. Chat applications

7. Collaborative tools

8. Socialnetworking

9. Online gaming

10. But haven’t we been doingthisfor a while?

11. COMET

12. 1. Frequent polling

13. BrowserServerHTTP RequestHTTP Response

14. GET /PollingStock//PollingStock HTTP/1.1Host: localhost:8080User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Language: en-usAccept-Encoding: gzip,deflateAccept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7Keep-Alive: 300Connection: keep-aliveReferer: http://www.example.com/PollingStock/Cookie: showInheritedConstant=false; showInheritedProtectedConstant=false; showInheritedProperty=false; showInheritedProtectedProperty=false; showInheritedMethod=false; showInheritedProtectedMethod=false; showInheritedEvent=false; showInheritedStyle=false; showInheritedEffect=falseHTTP/1.x 200 OKX-Powered-By: Servlet/2.5Server: Sun Java System Application Server 9.1_02Content-Type: text/html;charset=UTF-8

15. Request / Response headers = 871 bytes1000 clients poll every 10 seconds1000 * 871 bytes = 0,8MB / 10 seconds 0,8 MB * 6 = 4,8 MB / minute 4,8 MB * 60 = 288 MB / hour 288 MB * 24 = 6,912 GB / day

16. 2. Long polling

17. Waitfor it...BrowserServerHTTP RequestHTTP Response

18. Say NO to COMET

19. ContentWHY do we need WebSockets?WHATare WebSockets?What is the state ofWebSockets TODAY?So show me some CODE.

20. ‘TCP for the Web’Full-duplex direct communication

21. BrowserServerHTTPHTTPWebSocketWebSocket

22. WebSockets HandshakeGET /demo HTTP/1.1 Upgrade: WebSocketConnection: Upgrade Host: example.com Origin: http://example.com Sec-WebSocket-Key1: 4 @1 46546xW%0l 1 5 Sec-WebSocket-Key2: 12998 5 Y3 1 .P00 ^n:ds[4U HTTP/1.1 101 WebSocket Protocol Handshake Upgrade: WebSocketConnection: Upgrade Sec-WebSocket-Origin: http://example.com Sec-WebSocket-Location: ws://example.com/demo Sec-WebSocket-Protocol: sample 8jKS'y:G*Co,Wxa-

23. WebSockets message0x00 wsMessage0xFF

24. BenefitsNative implementedLessthroughputPerformanceComplexity

25. ContentWHY do we need WebSockets?WHATare WebSockets?What is the state ofWebSockets TODAY?So show me some CODE.

26. 1. HTML5Work In Progress

27. 2. Browser supportIE9: NoSafari 5, Chrome 10:YesFireFox 4, Opera 11: Yes, but…Mobile: No, only Safari :-(Source: http://caniuse.com

28. 2. Browser supportALTERNATIVES yesssssSilverlight

29. Flash3. The serverHTML5 Labs (WCF) http://html5labs.interoperabilitybridges.com pywebsocket(Apache extension) http://code.google.com/p/pywebsocket/jWebSocket (Java)http://jwebsocket.org/web-socket-ruby (Ruby)https://github.com/gimite/web-socket-ruby…

30. ContentWHY do we need WebSockets?WHATare WebSockets?What is the state ofWebSockets TODAY?So show me some CODE.

31. Why?Information ASAP

32. Information screensPagingJIT PrintingWebsitesWhy?

33. 1. NetViewer

34. 2. Current Incidents

35. SilverlightclientWCF WebSockets ServerDispatcherSilverlightclientSilverlightclienthttp://html5labs.interoperabilitybridges.com/

36. Code

37. ConclusionWebSockets > COMETNotquite ready

38. Recommended resourceshttp://dev.w3.org/html5/websockets/http://html5labs.interoperabilitybridges.comhttp://blogs.msdn.com/b/interoperability/archive/tags/html5/http://jclaes.blogspot.com

39. Q & A

40. JoinusTwitter:@MSDNBeluxOur tag today: #webcampbeFacebook: MSDN België (NL)MSDN BeLux (FR)Latestnews on www.msdn.beAlways up to date: register to MSDN Flash and Express Yourselfhttp://www.msdn-newsletters.be

41. Thankyou