how the web is going physical
DESCRIPTION
By 2020 there will be 24 billion Internet connected things on the planet, most of which won't have a screen. Web designers and developers are uniquely placed to play in the physical computing world. With skills in information design and working with numerous technologies at the same time, the skills of the web practitioner are directly transferable to the Web of Things and are leading much of the exploratory work occurring around the world right now. Lots of examples of Web Things in the real world as well as live demonstrations (links to projects for slide share viewers) should inspire viewers to get started with the web of things. ** Note there is a momentary audio drop out just prior to 4 minutes into the presentation. If you skip ahead to the next slide you'll regain the audio (about 25 secs of content missing).TRANSCRIPT
![Page 1: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/1.jpg)
How the web is going physical
Web Directions South14 October, 2011
@ajfisher
![Page 2: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/2.jpg)
Slides, notes and code
slideshare.net/andrewjfisher
github.com/ajfisher
@ajfisher
![Page 3: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/3.jpg)
Take your digital skills physical
![Page 4: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/4.jpg)
The future is here, it's justnot evenly distributed yetWilliam Gibson“ ”
![Page 5: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/5.jpg)
Photo (CC): Flickr alanenglish
![Page 6: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/6.jpg)
resistorsdiodescurrentvoltageoh my...
Photo (CC): Flickr oskay
![Page 7: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/7.jpg)
Photo (CC): Flickr chromatic
![Page 8: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/8.jpg)
Photo (CC): Flickr st3f4n
![Page 9: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/9.jpg)
Access to cheap, flexible tools removes many of the barriers to trying new thingsClay Shirky, Cognitive Suplus
“”
![Page 10: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/10.jpg)
Get ideasfrom8 yearolds
Photo (CC): Flickr edventures
![Page 11: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/11.jpg)
Photo (CC): Flickr gnomehose
Hardware is nowbecoming open
![Page 12: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/12.jpg)
Hardware is no longer hard
![Page 13: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/13.jpg)
Things, things and more things
![Page 14: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/14.jpg)
Get a platform
arduino.cc
![Page 15: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/15.jpg)
Yes, electrons can kill you
Photo (CC): Flickr zigazou76
![Page 16: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/16.jpg)
Build a web thing in
90seconds
Code here: http://gist.github.com/1290685
![Page 17: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/17.jpg)
![Page 18: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/18.jpg)
Get on the network
![Page 19: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/19.jpg)
![Page 20: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/20.jpg)
Get the temperature
![Page 21: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/21.jpg)
Send HTML
![Page 22: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/22.jpg)
![Page 23: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/23.jpg)
Screenshot of live version, post presentation
![Page 24: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/24.jpg)
Enhance your personal space
![Page 25: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/25.jpg)
Nike+
![Page 26: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/26.jpg)
Locally interactive things
![Page 27: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/27.jpg)
Let's getready to rumble
Photo (CC): Flickr barsk
![Page 28: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/28.jpg)
Join in using your phone:
http://10.16.0.31
![Page 29: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/29.jpg)
Some web tech...and a motor
![Page 30: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/30.jpg)
Visualising our environmentImmaterials: Light painting WiFi | Timo (Vimeo)
![Page 31: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/31.jpg)
Using data tokeep these alive
Photo (CC): Flickr rosipaw
![Page 32: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/32.jpg)
pachube.com
![Page 33: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/33.jpg)
Plant moisture data stream
![Page 35: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/35.jpg)
Getting physical with information
Photo (CC): Flickr wworks
![Page 36: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/36.jpg)
Information radiation
Generic networked light code: http://gist.github.com/1290670
![Page 37: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/37.jpg)
Send a tweet now with this hashtag
#wdsphysical
Order light code: http://github.com/ajfisher/arduino-django-visualiserTwitter keyword hunter code: http://gist.github.com/1290545
![Page 38: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/38.jpg)
technorama.ro | Yahoo Farm
![Page 39: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/39.jpg)
technorama.ro | Yahoo Farm
![Page 40: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/40.jpg)
technorama.ro | Yahoo Farm
![Page 41: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/41.jpg)
Digital media,physical artifact
Instaprint.me
![Page 42: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/42.jpg)
Instaprint.me
![Page 43: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/43.jpg)
open-notify.org/iss
![Page 44: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/44.jpg)
Make something....
![Page 45: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/45.jpg)
Can water havepresence?
NOAA NDBC Buoy 46075
![Page 46: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/46.jpg)
Photo: creativeapplications.net | Work: David Bowen
![Page 47: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/47.jpg)
Community Connected Things
Photo (CC): Flickr Andrijbulba
![Page 48: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/48.jpg)
Photo (CC): Flickr Ennuipoet
![Page 50: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/50.jpg)
Measuringradiation
Photo (CC): Flickr Home of Chaos
![Page 51: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/51.jpg)
Sparkfun.com | Shigeru Kobayashi
![Page 52: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/52.jpg)
Fukushimaradiation data
pachube.com | feed 36048
![Page 53: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/53.jpg)
Japan.failedrobot.com
![Page 54: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/54.jpg)
Robot controlled by Web Sockets via Pusher | @kevinrohling
![Page 55: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/55.jpg)
Getting startedNetworked arduino – freetronics.com @freetronics
Arduino IDE – arduino.cc@arduinoteam
Electronics starter kit – littlebirdelectronics.com @lbhq
makezine.com
instructables.com
hackaday.com
![Page 56: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/56.jpg)
Prizes
EtherTen networked arduino
Freetronics Melbourne @freetronics
Arduino starter kit.
Little Bird Electronics @lbhq
![Page 57: How the web is going physical](https://reader034.vdocuments.us/reader034/viewer/2022052617/54567e6caf79590d0d8b49f9/html5/thumbnails/57.jpg)
@ajfisher
slideshare.net/andrewjfisher
github.com/ajfisher
How the web is going physical