Nice to meet you!

 叶玎玎
             yedingding@gmail.com

             https://github.com/sishen

             @yedingding

             @yedingding
             http://weibo.com/presently
https://pragmatic.ly
Let’s Begin
UX-driven evolution of Web
What’s “Real Time”?
Show Me!
Instant Messaging
Apple Push Notification
Internet Game
Persistent
Connection
Real Time in Web?
Persistent Connection
       between
 Brower and Server
But
Based on HTTP Protocol


   Request - Response Protocol


HTTP Protocol





   Stateless Protocol
Solutions

 XHR Polling
 Long Polling
 HTTP Streaming
 Flash Socket
 WebSocket
 ….
XHR Polling
Long Polling
HTTP Streaming
Flash Socket
WebSocket
XHR            Long
Polling        Polling



                     Flash
  HTTP               Socke
Streaming              t



          ……   WebSocket
How to Choose?
Real Time Centric

             VS
      Real Time Supplemental
Real Examples
Pragmatic.ly
Pragmatic.ly

 WebSocket
 XHR Polling
 Long Polling
 HTTP Streaming
 Flash Socket
Integration Fast
Work Fast

http://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg
Light Weight
Slanger
Open Source Pusher Server
      Good for Dev
em-websocket
EventMachine based
 WebSocket Server
HipChat
HipChat

 Long   Polling
 XHR Polling
 HTTP Streaming
 Flash Socket
 WebSocket
BOSH
Bidirectional-Streams Over
    Synchronous HTTP
Easy to Scale
Easy to Extend
Works
                                                     Everywhere




http://i.cmpnet.com/bmighty/images/slideshows/20090121/slide1A.jpg
Jabber Clients
RubyBOSH
stropheruby
libstrophe.js
Twitter Web
Real Time is sugar
Twitter Web

   XHR Polling
 Long    Polling
 HTTP Streaming
 Flash Socket
 WebSocket
Acceptable
 Smart interval
Save Resource
Twitter Streaming API
Twitter Streaming API

 HTTP Streaming
 XHR Polling

 Long    Polling
   Flash Socket
 WebSocket
Low Overhead
Low Latency
API Friendly
Rainbow
 Thin
Rack::Stream
Weibo
Weibo Web

   XHR Polling
 Long    Polling
 HTTP Streaming
 Flash Socket
 WebSocket
Weibo IM

 Long   Polling
 XHR Polling
 HTTP Streaming
 Flash Socket
 WebSocket
Bayeux Protocol
Faye
Thank You!

Real time web