• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Codecamp iasi-26 nov 2011-web sockets

Codecamp iasi-26 nov 2011-web sockets






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Codecamp iasi-26 nov 2011-web sockets Codecamp iasi-26 nov 2011-web sockets Presentation Transcript

    • html 5 websocketsFlorin Cardașim, twitter.com/@cardasimEndava26 nov 2011
    • Agenda Real-time web SSE, Q&A WebSockets Demo: Demo: WebSockets in long polling Windows 8, ASP.NET & WCF 4.5
    • How do we implement real-timeweb?periodic ajax pollingcomet/long polling/http streaming …flash/javafx/silverlighthtml5 server-sent eventshtml5 web sockets
    • PollingBrowser connect Server no message connect no event message connect event connect no message connect no event message connect event
    • PollingNo real-time user experienceWasted bandwidth, most requests return no dataFrequent polling determine high server loads
    • Comet/long pollingBrowser Server connect wait event event connect wait event event connect wait
    • Comet/long pollingReal-time user experienceHigh number of clients determines high pressure on bandwidth, memory, threads/processesDEMO
    • Html5 server-sent eventsBrowser Server open event stream <EventSource> event event onmessage event event onmessag e event event onmessag e
    • Html5 server-sent eventsSimulates a server push channel over HTTPUnidirectional, from server to browserStandardizes some form of Comet/http streamingNew html tag: <EventSource>New mime type: text/event-stream
    • Html5 WebSockets GET /text HTTP/1.1Client/Browser Upgrade: WebSocket Server Connection: Upgrade Host: www.websocket.org ... HTTP/1.1 101 WebSocket Protocol Handshake Upgrade: WebSocket ... TCP comm channel Full duplex, bidirectional
    • Html5 WebSocketsFull duplex, bidirectionalSingle TCP socketStandard ports: http/80, https/443Bandwidth savingsHigher scalability comparing with CometIn&outside of browserIETF WebSockets Communication protocolW3C WebSockets API
    • Server side support Socket.IO (node.js)  Socket.IO Fallbacks Jetty (Java)  Adobe Flash Socket Ruby/EventMachine  AJAX Long Polling Python/Twisted  AJAX Multipart Streaming Windows 8, IIS 8, ASP.NET-WCF 4.5  Forever iFrame … others  JSONP Polling http://socket.io/
    • Browser support
    • DEMO: WebSockets@MicrosoftASP.NET 4.5WCF 4.5Windows 8 Developer PreviewIIS 8ASP.NET 4.5WCF 4.5IE 10, Chrome
    • WebSockets @Microsoft Your code! WCF high level abstractions ASP.NET high levelWCF WebSocket transport abstractions System.Net.WebSockets ASP.NET HTTP Pipeline HttpListener IIS (iiswsock.dll) http.sys
    • Referenceswww.websocket.orgwww.paulbatum.comwww.kaazing.mewww.html5labs.comwww.buildwindows.comwww.google.com/search?q=websocket
    • Q&A
    • Please fill your evaluation formThank you!Florin Cardașim, twitter.com/@cardasimEndava26 nov 2011
    • WebSockets vs Polling bandwidth http://websocket.org/quantum.html