Real time web
-
Upload
dingding-ye -
Category
Technology
-
view
2.837 -
download
1
description
Transcript of Real time web
![Page 1: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/1.jpg)
![Page 2: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/2.jpg)
http://www.wired.com/images_blogs/gadgetlab/2011/05/google_io_f.jpg
![Page 3: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/3.jpg)
![Page 4: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/4.jpg)
Nice to meet you!
https://github.com/sishen
@yedingding
@yedingdinghttp://weibo.com/presently
![Page 5: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/5.jpg)
https://pragmatic.ly
![Page 6: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/6.jpg)
Let’s Begin!
![Page 7: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/7.jpg)
http://www.sneijers.net/wp-content/uploads/2011/12/web-150x150.jpghttp://www.lyngsat-logo.com/tvchannel/it/Real-Time.html
![Page 8: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/8.jpg)
UX-driven evolution of Web
![Page 9: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/9.jpg)
http://edudemic.com/wp-content/uploads/2012/07/future-400x300.jpg
![Page 10: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/10.jpg)
What’s “Real Time”?
![Page 11: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/11.jpg)
Show Me!
![Page 12: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/12.jpg)
Instant Messaging
![Page 13: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/13.jpg)
Apple Push Notification
![Page 14: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/14.jpg)
Internet Game
http://s2.img.766.com/194/120217/1613/144125.jpg
![Page 15: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/15.jpg)
Persistent Connection
![Page 16: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/16.jpg)
Real Time in Web?
![Page 17: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/17.jpg)
Persistent Connection
betweenBrower and Server
http://careers.accenture.com/Microsites/uk-graduate/PublishingImages/programmes/consulting/teach_first.jpg
![Page 18: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/18.jpg)
But
![Page 19: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/19.jpg)
Based on HTTP Protocol
Request - Response Protocol
Stateless Protocol
![Page 20: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/20.jpg)
HTTP Protocol
Request - Response Protocol
Stateless Protocol
![Page 21: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/21.jpg)
http://www.pdidevelopment.net/Images/picture/difficulty.jpg
![Page 22: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/22.jpg)
Solutions
XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket ….
![Page 23: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/23.jpg)
XHR Polling
![Page 24: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/24.jpg)
Long Polling
![Page 25: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/25.jpg)
HTTP Streaming
![Page 26: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/26.jpg)
Flash Socket
![Page 27: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/27.jpg)
WebSocket
![Page 28: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/28.jpg)
XHR Polling
LongPolling
HTTP Streaming
Flash Socke
t
WebSocket……
http://www.specialistpainphysio.com/wp-content/uploads/2012/08/thinking-pic.jpg
![Page 29: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/29.jpg)
How to Choose?
![Page 30: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/30.jpg)
Real Time Centric
Real Time Supplemental
VS
![Page 31: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/31.jpg)
Real Examples
![Page 32: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/32.jpg)
Pragmatic.ly
![Page 33: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/33.jpg)
Pragmatic.ly
WebSocket XHR Polling Long Polling HTTP Streaming Flash Socket
![Page 34: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/34.jpg)
Integration Fasthttp://thatimthing.com/wp-content/uploads/2011/02/HandsMovingFastOnKeyboard.jpg
![Page 35: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/35.jpg)
Work Fast
http://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg
![Page 36: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/36.jpg)
Light Weighthttp://darkjade68.files.wordpress.com/2012/01/white-feather.jpg
![Page 37: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/37.jpg)
![Page 38: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/38.jpg)
SlangerOpen Source Pusher Server
Good for Dev
![Page 39: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/39.jpg)
em-websocketEventMachine based
WebSocket Server
![Page 40: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/40.jpg)
HipChat
![Page 41: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/41.jpg)
![Page 42: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/42.jpg)
HipChat
Long Polling XHR Polling HTTP Streaming Flash Socket WebSocket
![Page 43: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/43.jpg)
BOSHBidirectional-Streams Over
Synchronous HTTP
![Page 44: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/44.jpg)
https://upload.wikimedia.org/wikipedia/de/thumb/e/ea/Logo_XMPP_Standards_Foundation.svg/500px-Logo_XMPP_Standards_Foundation.svg.png
![Page 45: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/45.jpg)
Easy to Scale
![Page 46: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/46.jpg)
Easy to Extend
![Page 47: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/47.jpg)
Works Everywhere
http://i.cmpnet.com/bmighty/images/slideshows/20090121/slide1A.jpg
![Page 48: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/48.jpg)
Jabber Clients
![Page 49: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/49.jpg)
RubyBOSH
![Page 50: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/50.jpg)
stropherubylibstrophe.js
![Page 51: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/51.jpg)
![Page 52: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/52.jpg)
Twitter Web
![Page 53: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/53.jpg)
Real Time is sugar
http://images.sciencedaily.com/2008/12/081210090819-large.jpg
![Page 54: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/54.jpg)
Twitter Web
XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket
![Page 55: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/55.jpg)
http://www.dealz.ie/images/4347/original/simple.jpg
![Page 56: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/56.jpg)
AcceptableSmart interval
![Page 57: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/57.jpg)
Save Resource
![Page 58: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/58.jpg)
Twitter Streaming API
![Page 59: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/59.jpg)
Twitter Streaming API
HTTP Streaming XHR Polling Long Polling Flash Socket WebSocket
![Page 60: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/60.jpg)
![Page 61: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/61.jpg)
Low Overhead
![Page 62: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/62.jpg)
Low Latency
![Page 63: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/63.jpg)
API Friendly
![Page 64: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/64.jpg)
RainbowThin
![Page 65: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/65.jpg)
Rack::Stream
![Page 66: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/66.jpg)
![Page 67: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/67.jpg)
Weibo Web
XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket
![Page 68: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/68.jpg)
Weibo IM
Long Polling XHR Polling HTTP Streaming Flash Socket WebSocket
![Page 69: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/69.jpg)
Bayeux Protocol
![Page 70: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/70.jpg)
Faye
![Page 71: Real time web](https://reader036.fdocuments.us/reader036/viewer/2022062609/5560cb7ed8b42a19088b4ba4/html5/thumbnails/71.jpg)
Thank You!