Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Facilitated Playin the Real WorldSketching in HardwarePortland – 20 July, 2012@ajfisher
Play enhances our livesImage (CC) flickr – Duncan / kkseema / Adam Jones / mzagozda
How we play todayImage (CC) flickr – Henry Stratford
Civic spaces need an upgradeImage (CC) flickr – Jesus Leon
Time to level upImage (CC) flickr – ipdegirl
1. Web Sockets overview2. Real time web in a real time real world3. Applications & demos
Websockets
WebsocketsImage (CC) flickr – InertiaCreeps
PubSub messaging                        Publisher    Produces Messages{a:event, x:123,...}                       Web Socke...
Common pattern                 PublishersBroker                 Subscribers
Websocketing thingsImage (CC) flickr – rfranklinaz
Real time data capture
Architecture for playInterface                                DjangoConsolidation / processing                       Webso...
BenefitsWeb interfaces have wide reachNo “app” downloadsMobile devices have numerous sensorsCan access other parts of the ...
Time to playImage (CC) flickr – kalexanderson
Tank Tag
Tug of war
Tug of war
Multiplayer lighting
Play with the lightsPoint a browser atajf.io/sketch12Live demoed at conference
Multiplayer lighting
Applications
ResourcesExamplesgithub.com/ajfisher/sketching-conf-demoWebsocket Client for Arduinogithub.com/krohling/ArduinoWebsocketCl...
Web Facilitated Playin the Real WorldSketching in HardwarePortland – 20 July, 2012@ajfishergithub.com/ajfisherslideshare.n...
Upcoming SlideShare
Loading in …5
×

Web Facilitated Play in the Real World

2,055 views

Published on

Presented at Sketching in Hardware 2012, this presentation outlines how combining mobile devices & network connected physical devices via real time web technologies can change the way we play.

Outlining the current state of technology for connecting physical devices to the real time web using Web Sockets and messaging, three examples are shown to illustrate different aspects of play.

Published in: Technology, Business
  • Be the first to comment

Web Facilitated Play in the Real World

  1. 1. Web Facilitated Playin the Real WorldSketching in HardwarePortland – 20 July, 2012@ajfisher
  2. 2. Play enhances our livesImage (CC) flickr – Duncan / kkseema / Adam Jones / mzagozda
  3. 3. How we play todayImage (CC) flickr – Henry Stratford
  4. 4. Civic spaces need an upgradeImage (CC) flickr – Jesus Leon
  5. 5. Time to level upImage (CC) flickr – ipdegirl
  6. 6. 1. Web Sockets overview2. Real time web in a real time real world3. Applications & demos
  7. 7. Websockets
  8. 8. WebsocketsImage (CC) flickr – InertiaCreeps
  9. 9. PubSub messaging Publisher Produces Messages{a:event, x:123,...} Web Sockets Processor / Broker Server{a:event, x:321,...} Subscriber Consumes Messages
  10. 10. Common pattern PublishersBroker Subscribers
  11. 11. Websocketing thingsImage (CC) flickr – rfranklinaz
  12. 12. Real time data capture
  13. 13. Architecture for playInterface DjangoConsolidation / processing Websockets server SocketIO Something to control Network connected
  14. 14. BenefitsWeb interfaces have wide reachNo “app” downloadsMobile devices have numerous sensorsCan access other parts of the web app(eg Authentication)Web scaling well known problem with solutionsDebug in browser BEFORE going to hardware
  15. 15. Time to playImage (CC) flickr – kalexanderson
  16. 16. Tank Tag
  17. 17. Tug of war
  18. 18. Tug of war
  19. 19. Multiplayer lighting
  20. 20. Play with the lightsPoint a browser atajf.io/sketch12Live demoed at conference
  21. 21. Multiplayer lighting
  22. 22. Applications
  23. 23. ResourcesExamplesgithub.com/ajfisher/sketching-conf-demoWebsocket Client for Arduinogithub.com/krohling/ArduinoWebsocketClientDjango Socket IOgithub.com/stephenmcd/django-socketioSocket IO Librarysocket.ioWebSockets Backgrounddev.w3.org/html5/websockets/
  24. 24. Web Facilitated Playin the Real WorldSketching in HardwarePortland – 20 July, 2012@ajfishergithub.com/ajfisherslideshare.net/andrewjfisher

×