Upgrade to Pro — share decks privately, control downloads, hide ads and more …

London Ajax: The Future Is Realtime

3300f69fcfb83589e73d86fcad57ff13?s=47 miksago
October 12, 2011

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.

3300f69fcfb83589e73d86fcad57ff13?s=128

miksago

October 12, 2011
Tweet

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