Real time web

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Nice to meet you!

叶玎玎
yedingding@gmail.com

https://github.com/sishen

@yedingdin...

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 ...

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/20...

Jabber Clients

RubyBOSH

stropheruby
libstrophe.js

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!

Partager Slideshare

LinkedIn
Facebook
Twitter

Intégrer

Taille (px)

Afficher les Slideshows associés à la fin

Code abrégé pour WordPress

Lien

Partager
E-mail

Postotak skolska knjiga_1.sat by Gavranica 607 views
Zima sisljavic by Gavranica 893 views
Nostaljik Reklamlar by halid şen 463 views
Refik Saydam Hifzisihha Merkezinin ... by anttab 1064 views
How To Make Cookies Of Tea by emi902 190 views
First Grade ExploreOrrs by Jennifer Orr 432 views

Afficher sur Slideshare

1 sur 71 Publicité

Afficher sur Slideshare

1 sur 71 Publicité