1. HTML5 Toronto May 19th
2011
Web Sockets

2. HTML5 Toronto May 19th
2011
Web Sockets

3. •Introduction
• Web Sockets Overview
• Opportunities
• Risks
• Wrap-up
• Continue Discussion
HTML5 Toronto May 19th
2011
Web Sockets

4. •Introduction
HTML5 Toronto May 19th
2011
Web Sockets

5. Who are you?
Tweeterer
Designer Developer
(@camwest)
HTML5 Toronto May 19th
2011
Web Sockets

6. Who do you work for?
• Big Bang Technology Inc.
• We're working on enriching web applications
to the extent that they mimic and surpass
web applications: RIA
• Always looking for new ideas
HTML5 Toronto May 19th
2011
Web Sockets

7. Presentation meta-data
• presentation online at: http://
bigbangtechnology.com/websockets
• discussion format
HTML5 Toronto May 19th
2011
Web Sockets

8. HTML5 Toronto May 19th
2011
Web Sockets

9. •Web Sockets Overview
HTML5 Toronto May 19th
2011
Web Sockets

10. what is a web socket?
• who is familiar with web sockets?
• [insert web socket connection javascript]
HTML5 Toronto May 19th
2011
Web Sockets

11. the history of the websocket
• what caused browser vendors to think this
was a good idea?
• what are alternatives?
HTML5 Toronto May 19th
2011
Web Sockets

12. getting started
• tutorial
• [insert demo video]
HTML5 Toronto May 19th
2011
Web Sockets

13. Designers & Developers
• how many people in the audience?
HTML5 Toronto May 19th
2011
Web Sockets

14. HTML5 Toronto May 19th
2011
Web Sockets

15. •Opportunities
HTML5 Toronto May 19th
2011
Web Sockets

16. Opportunities: Design
• presence
• realtime
• continuous controls
HTML5 Toronto May 19th
2011
Web Sockets

17. presence
• next generation web analytics
HTML5 Toronto May 19th
2011
Web Sockets

18. realtime
• multiple devices: online gaming
HTML5 Toronto May 19th
2011
Web Sockets

19. continuous controls
• iphone as a gamepad
HTML5 Toronto May 19th
2011
Web Sockets

20. more design opportunities?
HTML5 Toronto May 19th
2011
Web Sockets

21. Opportunities: Development
• ignore the firewall
• upgrade via HTTP
• lower latency
HTML5 Toronto May 19th
2011
Web Sockets

22. ignore the firewall
HTML5 Toronto May 19th
2011
Web Sockets

23. upgrade via HTTP
HTML5 Toronto May 19th
2011
Web Sockets

24. lower latency
• [insert latency diagram]
HTML5 Toronto May 19th
2011
Web Sockets

25. more development
HTML5 Toronto May 19th
2011
Web Sockets

26. HTML5 Toronto May 19th
2011
Web Sockets

27. •Risks
HTML5 Toronto May 19th
2011
Web Sockets

28. Risks: Design
• novel can be scary
• managing state becomes a more important
concern
• more?
HTML5 Toronto May 19th
2011
Web Sockets

29. Risks: Development
• browser adoption
• security holes
• async server side programming issues in
php/rails/j2ee
• new alternatives: node.js, tornado, event
machine are learning opportunities
• more?
HTML5 Toronto May 19th
2011
Web Sockets

30. HTML5 Toronto May 19th
2011
Web Sockets

31. •Wrap-up
HTML5 Toronto May 19th
2011
Web Sockets

32. Lessons Learned
• opportunities in design and development
• risks in design and development
• important to consider both from as many
angles as possible in order to make the best
decisions
• I’m personally excited about the
opportunities
HTML5 Toronto May 19th
2011
Web Sockets

33. Big Bang’s Ideas
• Mobile Video Game Controllers
• Big Board...
HTML5 Toronto May 19th
2011
Web Sockets

34. Big Board Open Source
• Uses backbone.js
• Uses pusherapp for realtime collaboration
• HTML5 app
• fork it on github and play!
HTML5 Toronto May 19th
2011
Web Sockets

35. Thank You
• @me on twitter: camwest
• Discussion…
HTML5 Toronto May 19th
2011
Web Sockets