HTML5 Toronto May 19th2011Web Sockets
HTML5 Toronto May 19th2011Web Sockets
•Introduction• Web Sockets Overview• Opportunities• Risks• Wrap-up• Continue Discussion HTML5 Toronto May 19th 2011 Web So...
•Introduction HTML5 Toronto May 19th 2011 Web Sockets
Who are you?                                      Tweeterer   Designer              Developer                             ...
Who do you work for?• Big Bang Technology Inc.• Were working on enriching web applications  to the extent that they mimic ...
Presentation meta-data• presentation online at: http://  bigbangtechnology.com/websockets• discussion format HTML5 Toronto...
HTML5 Toronto May 19th2011Web Sockets
•Web Sockets Overview HTML5 Toronto May 19th 2011 Web Sockets
what is a web socket?• who is familiar with web sockets?• [insert web socket connection javascript] HTML5 Toronto May 19th...
the history of the websocket• what caused browser vendors to think this  was a good idea?• what are alternatives? HTML5 To...
getting started• tutorial• [insert demo video] HTML5 Toronto May 19th 2011 Web Sockets
Designers & Developers• how many people in the audience? HTML5 Toronto May 19th 2011 Web Sockets
HTML5 Toronto May 19th2011Web Sockets
•Opportunities HTML5 Toronto May 19th 2011 Web Sockets
Opportunities: Design• presence• realtime• continuous controls HTML5 Toronto May 19th 2011 Web Sockets
presence• next generation web analytics HTML5 Toronto May 19th 2011 Web Sockets
realtime• multiple devices: online gaming HTML5 Toronto May 19th 2011 Web Sockets
continuous controls• iphone as a gamepad HTML5 Toronto May 19th 2011 Web Sockets
more design opportunities?HTML5 Toronto May 19th2011Web Sockets
Opportunities: Development• ignore the firewall• upgrade via HTTP• lower latency HTML5 Toronto May 19th 2011 Web Sockets
ignore the firewallHTML5 Toronto May 19th2011Web Sockets
upgrade via HTTPHTML5 Toronto May 19th2011Web Sockets
lower latency• [insert latency diagram] HTML5 Toronto May 19th 2011 Web Sockets
more developmentHTML5 Toronto May 19th2011Web Sockets
HTML5 Toronto May 19th2011Web Sockets
•Risks HTML5 Toronto May 19th 2011 Web Sockets
Risks: Design• novel can be scary• managing state becomes a more important  concern• more? HTML5 Toronto May 19th 2011 Web...
Risks: Development• browser adoption• security holes• async server side programming issues in  php/rails/j2ee• new alterna...
HTML5 Toronto May 19th2011Web Sockets
•Wrap-up HTML5 Toronto May 19th 2011 Web Sockets
Lessons Learned• opportunities in design and development• risks in design and development• important to consider both from...
Big Bang’s Ideas• Mobile Video Game Controllers• Big Board... HTML5 Toronto May 19th 2011 Web Sockets
Big Board Open Source• Uses backbone.js• Uses pusherapp for realtime collaboration• HTML5 app• fork it on github and play!...
Thank You              • @me on twitter: camwest              • Discussion…HTML5 Toronto May 19th2011Web Sockets
Upcoming SlideShare
Loading in …5
×

Websockets

2,074 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,074
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
81
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • developer and designer for 6+ years\nI’m interested in how design & technology can educate people on an individual level\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Websockets

    1. 1. HTML5 Toronto May 19th2011Web Sockets
    2. 2. HTML5 Toronto May 19th2011Web Sockets
    3. 3. •Introduction• Web Sockets Overview• Opportunities• Risks• Wrap-up• Continue Discussion HTML5 Toronto May 19th 2011 Web Sockets
    4. 4. •Introduction HTML5 Toronto May 19th 2011 Web Sockets
    5. 5. Who are you? Tweeterer Designer Developer (@camwest)HTML5 Toronto May 19th2011Web Sockets
    6. 6. Who do you work for?• Big Bang Technology Inc.• Were 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. 7. Presentation meta-data• presentation online at: http:// bigbangtechnology.com/websockets• discussion format HTML5 Toronto May 19th 2011 Web Sockets
    8. 8. HTML5 Toronto May 19th2011Web Sockets
    9. 9. •Web Sockets Overview HTML5 Toronto May 19th 2011 Web Sockets
    10. 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. 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. 12. getting started• tutorial• [insert demo video] HTML5 Toronto May 19th 2011 Web Sockets
    13. 13. Designers & Developers• how many people in the audience? HTML5 Toronto May 19th 2011 Web Sockets
    14. 14. HTML5 Toronto May 19th2011Web Sockets
    15. 15. •Opportunities HTML5 Toronto May 19th 2011 Web Sockets
    16. 16. Opportunities: Design• presence• realtime• continuous controls HTML5 Toronto May 19th 2011 Web Sockets
    17. 17. presence• next generation web analytics HTML5 Toronto May 19th 2011 Web Sockets
    18. 18. realtime• multiple devices: online gaming HTML5 Toronto May 19th 2011 Web Sockets
    19. 19. continuous controls• iphone as a gamepad HTML5 Toronto May 19th 2011 Web Sockets
    20. 20. more design opportunities?HTML5 Toronto May 19th2011Web Sockets
    21. 21. Opportunities: Development• ignore the firewall• upgrade via HTTP• lower latency HTML5 Toronto May 19th 2011 Web Sockets
    22. 22. ignore the firewallHTML5 Toronto May 19th2011Web Sockets
    23. 23. upgrade via HTTPHTML5 Toronto May 19th2011Web Sockets
    24. 24. lower latency• [insert latency diagram] HTML5 Toronto May 19th 2011 Web Sockets
    25. 25. more developmentHTML5 Toronto May 19th2011Web Sockets
    26. 26. HTML5 Toronto May 19th2011Web Sockets
    27. 27. •Risks HTML5 Toronto May 19th 2011 Web Sockets
    28. 28. Risks: Design• novel can be scary• managing state becomes a more important concern• more? HTML5 Toronto May 19th 2011 Web Sockets
    29. 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. 30. HTML5 Toronto May 19th2011Web Sockets
    31. 31. •Wrap-up HTML5 Toronto May 19th 2011 Web Sockets
    32. 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. 33. Big Bang’s Ideas• Mobile Video Game Controllers• Big Board... HTML5 Toronto May 19th 2011 Web Sockets
    34. 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. 35. Thank You • @me on twitter: camwest • Discussion…HTML5 Toronto May 19th2011Web Sockets

    ×