Websocket
Download as PPTX, PDF3 likes1,132 views
This presentation discusses HTML5, WebSockets, and provides resources for further information. It begins with an agenda that covers HTML5, what WebSockets are, usage, and a demo. HTML5 resources are then listed. WebSockets allow for real-time, low-latency communication between client and server through a full-duplex channel compared to half-duplex HTTP. Examples of WebSocket usage include social networking, gaming, and financial applications. Websocket handshake and communication flows between client and server are described at a high level.
Websocket
- 2. Agenda • HTML5 • What is WebSocket? • Usage • Demo
- 3. HTML5
- 4. HTML5 • http://www.w3.org/2012/webapps/charter/ • Html5 Video : http://www.youtube.com/watch?v=mzPxo7Y6JyA • Worth taking a look : http://en.wikipedia.org/wiki/WHATWG • Sevral key buzz words : WebSocket, WebForm 2.0, WebWorker, Canvas • Canvas demo : http://net.tutsplus.com/articles/web-roundups/21-ridiculously-impressive-html5- canvas-experiments/ • Compatibility check : http://caniuse.com/ • Websocket Demo : http://www.websocket.org/demos.html • Websocket slide : http://www.slideshare.net/ffdead/the-html5-websocket-api • JQuery Websocket : http://code.google.com/p/jquery-websocket/ • JQuery graceful Websocket : http://code.google.com/p/jquery-graceful-websocket/ • Commercial Websocket server : http://kaazing.com/ • Java Open source project : http://jwebsocket.org/ • MS HTML5 Lab : http://html5labs.interoperabilitybridges.com/search?q=websocket&go= • .NET Websocket : http://www.codeproject.com/Articles/57060/Web-Socket-Server
- 5. Websocket • Prior websocket : Long polling, comet • RealTime : Minimal latency, large number of concurrent users • Full-duplex communication channel (Http is half-duplex channel) • Normal traffic unaffected. Ignore non websocket related request. • Examples : social networking, gaming, collaborative environment, financial applications, etc • Server to interpret http and switch to WebSocket (Websocket handshake). • ws:// or wss:// • Significant less traffic : Kilobyte to 2 bytes and reducing 150ms to 50ms
- 6. Websocket Client Server onopen() new WebSocket() Servlet Register application Websocket send() ws.send(data) WebsocketApplication onConnect onMessage ws.send() onmessage(event) Instantiate with handler and listener ClientSocket Consider it as a client proxy