London Ajax: The Future Is Realtime

Over the last decade, we've seen a massive shift in the way that the web works. This talk aims to introduce the realtime web, show why it can be really important, and introduce the API's and services that can help any developer take hold of it's power.

Transcript

1. Micheil Smith - @miksago The future is realtime Wednesday, 12 October 2011
2. I work at Pusher BUILDING THE REALTIME WEB Wednesday, 12 October 2011
3. • Overview of the past • The realtime shift • Future thinking Wednesday, 12 October 2011
4. • Overview of the past • The realtime shift • Future thinking Wednesday, 12 October 2011
5. • Early web • PHP / LAMP Stack • MVC • Social Web Overview of the past Wednesday, 12 October 2011 To paraphrase Mikeal Roger’s recent blog post, which came out just after I’d submitted my talk proposal on monday: - Early web: everything static, edited by hand / desktop software, - PHP / Simplistic Stack: some user interaction with content, some database access, etc - MVC / Social Web: massive shift towards user generated content, loads of database access, the take off of AJAX, etc.
6. • Overview of the past • A Shift to Realtime • Future thinking Wednesday, 12 October 2011
7. A shift to Realtime • The web has become more interactive • Users expect things to be “now” • And why should they have to wait? Wednesday, 12 October 2011
8. • We researched page-load time • We used AJAX to decrease wait-time on interactions • We then tried to simulate “realtime” with AJAX and related technologies A shift to Realtime Wednesday, 12 October 2011 - amazon released data saying that a slower site dramatically affects profits. - twitter switched to more-or-less “single page app” - ajax in gmail.
9. The Tried Simulations • HTTP Polling • LiveConnect • Forever iFrame • XHR Long-polling • XHR Streaming Wednesday, 12 October 2011 - I don’t know too much about these.
10. A more complete history http://blog.pusher.com/2011/8/10/what- came-before-websockets Wednesday, 12 October 2011
11. The realtime shift • HTML5 Introduces many new API’s • One of those is WebSockets Wednesday, 12 October 2011
12. What are WebSockets • Bi-directional socket connection between browser and server • API is fairly low level • Low-latency/high-frequency messaging Wednesday, 12 October 2011
13. The Uses of WebSockets • Push data to browsers in realtime • Multiplayer HTML5 games now a reality • A new class of realtime applications Wednesday, 12 October 2011
14. A few examples of the realtime web Wednesday, 12 October 2011
15. Incrementally Realtime Apps CloudApp Tastebuds Wednesday, 12 October 2011
16. Collaborative Editing Codr.cc Google Docs Wednesday, 12 October 2011
17. Realtime Analytics Guag.es Wednesday, 12 October 2011
18. Gaming Rawkets Metris Wednesday, 12 October 2011
19. There’s a heap more... Wednesday, 12 October 2011
20. ...and still uses that we haven’t thought of yet. Wednesday, 12 October 2011
21. Extra’s! Wednesday, 12 October 2011
22. Win an 11’’ MacBook Air! http://pusher.com/challenge The Pusher Challenge Wednesday, 12 October 2011
23. Portland, OR 7th & 8th November http://krtconf.com Keeping It Realtime Conf Wednesday, 12 October 2011
24. Questions? Wednesday, 12 October 2011
25. Thanks for listening! @miksago on Twitter / Github / Geekli.st Wednesday, 12 October 2011