57
How the web is going physical Web Directions South 14 October, 2011 @ajfisher

How the web is going physical

Embed Size (px)

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).

Citation preview

Page 1: How the web is going physical

How the web is going physical

Web Directions South14 October, 2011

@ajfisher

Page 2: How the web is going physical

Slides, notes and code

slideshare.net/andrewjfisher

github.com/ajfisher

@ajfisher

Page 3: How the web is going physical

Take your digital skills physical

Page 4: How the web is going physical

The future is here, it's justnot evenly distributed yetWilliam Gibson“ ”

Page 5: How the web is going physical

Photo (CC): Flickr alanenglish

Page 6: How the web is going physical

resistorsdiodescurrentvoltageoh my...

Photo (CC): Flickr oskay

Page 7: How the web is going physical

Photo (CC): Flickr chromatic

Page 8: How the web is going physical

Photo (CC): Flickr st3f4n

Page 9: How the web is going physical

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

Get ideasfrom8 yearolds

Photo (CC): Flickr edventures

Page 11: How the web is going physical

Photo (CC): Flickr gnomehose

Hardware is nowbecoming open

Page 12: How the web is going physical

Hardware is no longer hard

Page 13: How the web is going physical

Things, things and more things

Page 14: How the web is going physical

Get a platform

arduino.cc

Page 15: How the web is going physical

Yes, electrons can kill you

Photo (CC): Flickr zigazou76

Page 16: How the web is going physical

Build a web thing in

90seconds

Code here: http://gist.github.com/1290685

Page 17: How the web is going physical
Page 18: How the web is going physical

Get on the network

Page 19: How the web is going physical
Page 20: How the web is going physical

Get the temperature

Page 21: How the web is going physical

Send HTML

Page 22: How the web is going physical
Page 23: How the web is going physical

Screenshot of live version, post presentation

Page 24: How the web is going physical

Enhance your personal space

Page 25: How the web is going physical

Nike+

Page 26: How the web is going physical

Locally interactive things

Page 27: How the web is going physical

Let's getready to rumble

Photo (CC): Flickr barsk

Page 28: How the web is going physical

Join in using your phone:

http://10.16.0.31

Page 29: How the web is going physical

Some web tech...and a motor

Page 30: How the web is going physical

Visualising our environmentImmaterials: Light painting WiFi | Timo (Vimeo)

Page 31: How the web is going physical

Using data tokeep these alive

Photo (CC): Flickr rosipaw

Page 32: How the web is going physical

pachube.com

Page 33: How the web is going physical

Plant moisture data stream

Page 34: How the web is going physical

Tweeting garden

Code here: http://github.com/ajfisher/garduino

Page 35: How the web is going physical

Getting physical with information

Photo (CC): Flickr wworks

Page 36: How the web is going physical

Information radiation

Generic networked light code: http://gist.github.com/1290670

Page 37: How the web is going physical

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

technorama.ro | Yahoo Farm

Page 39: How the web is going physical

technorama.ro | Yahoo Farm

Page 40: How the web is going physical

technorama.ro | Yahoo Farm

Page 41: How the web is going physical

Digital media,physical artifact

Instaprint.me

Page 42: How the web is going physical

Instaprint.me

Page 43: How the web is going physical

open-notify.org/iss

Page 44: How the web is going physical

Make something....

Page 45: How the web is going physical

Can water havepresence?

NOAA NDBC Buoy 46075

Page 46: How the web is going physical

Photo: creativeapplications.net | Work: David Bowen

Page 47: How the web is going physical

Community Connected Things

Photo (CC): Flickr Andrijbulba

Page 48: How the web is going physical

Photo (CC): Flickr Ennuipoet

Page 49: How the web is going physical

http://dontflush.me

Page 50: How the web is going physical

Measuringradiation

Photo (CC): Flickr Home of Chaos

Page 51: How the web is going physical

Sparkfun.com | Shigeru Kobayashi

Page 52: How the web is going physical

Fukushimaradiation data

pachube.com | feed 36048

Page 53: How the web is going physical

Japan.failedrobot.com

Page 54: How the web is going physical

Robot controlled by Web Sockets via Pusher | @kevinrohling

Page 55: How the web is going physical

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

Prizes

EtherTen networked arduino

Freetronics Melbourne @freetronics

Arduino starter kit.

Little Bird Electronics @lbhq

Page 57: How the web is going physical

@ajfisher

slideshare.net/andrewjfisher

github.com/ajfisher

How the web is going physical