how to reinterpret the web in 180 seconds
TRANSCRIPT
![Page 1: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/1.jpg)
How to reinterpret the web in 180 seconds or less
![Page 3: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/3.jpg)
One dayin March
Starting with a story, this year in March
![Page 4: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/4.jpg)
2pmI’d missed lunch, it was late. What do you do?
![Page 5: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/5.jpg)
Mashup time
Write codes for fun
![Page 6: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/6.jpg)
I wanted to use the internet
![Page 7: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/7.jpg)
Yahoo pipes is pretty awesome and does some crazy stuff for data manipulation
![Page 8: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/8.jpg)
YQLAlso, @lachlanhardy had convinced me that YQL wasn’t pure evil
![Page 9: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/9.jpg)
46 minutes later...
a mere 46 minutes later, I was effected
![Page 10: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/10.jpg)
![Page 11: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/11.jpg)
“I need a new web site”-Me, avoiding real work
![Page 12: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/12.jpg)
This weekend
So, I made plans to build something
![Page 13: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/13.jpg)
It’ll be fscking’ awesome
![Page 14: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/14.jpg)
Then I did nothing until August
![Page 15: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/15.jpg)
Not me, but what I felt like I did about it.
![Page 16: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/16.jpg)
Yahoo pipes relook - Too hard to do what I want quickly.
![Page 17: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/17.jpg)
I really like union, though...
![Page 18: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/18.jpg)
and sort...
![Page 19: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/19.jpg)
SmokeEnter, Smoke
![Page 20: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/20.jpg)
Take my website, see the circled image?
![Page 21: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/21.jpg)
Take my website, see the circled image?
![Page 22: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/22.jpg)
I grab all those photos from flickr using a special tag to choose relevant images
![Page 23: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/23.jpg)
The links? Delicious
![Page 24: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/24.jpg)
The links? Delicious
![Page 25: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/25.jpg)
![Page 26: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/26.jpg)
Projects, from github
![Page 27: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/27.jpg)
Projects, from github
![Page 28: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/28.jpg)
![Page 29: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/29.jpg)
Its a translator for web services
![Page 30: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/30.jpg)
Smoke
RSS/AtomYQLJSONXML
It takes all your sources and auto-magically translates them based on their content-type
![Page 31: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/31.jpg)
RSS/AtomYQLJSONXML
Its like a fucking awesome monster for web services... that shits.. ouu.. well. You get the idea
![Page 32: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/32.jpg)
RSS/AtomYQLJSONXML
Its like a fucking awesome monster for web services... that shits.. ouu.. well. You get the idea
![Page 33: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/33.jpg)
XMLYou can output your sourced data as...
![Page 34: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/34.jpg)
YAML
![Page 35: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/35.jpg)
JSON
![Page 36: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/36.jpg)
or Ruby
![Page 37: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/37.jpg)
Front end?
What about those front end guys?
![Page 38: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/38.jpg)
Smoke::Rack
A rack adapter to drop on top of your app, or simply deploy straight to the clouds that exposes smoke sources.
![Page 39: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/39.jpg)
/smoke
So, once you’re running, you can hit /smoke
![Page 40: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/40.jpg)
You’ll get a self-documenting api
![Page 41: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/41.jpg)
/smoke/twitter
Say you want to know about the twitter source
![Page 42: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/42.jpg)
It’ll tell you that you need to supply a username for the stream and the formats that smoke-rack will translate it to.
![Page 43: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/43.jpg)
/smoke/twitter.json
![Page 44: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/44.jpg)
/smoke/twitter.jsonyamlxml
![Page 45: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/45.jpg)
Create mashups faster
Work only on the value of your mashup. Not the supporting crap. If you’re a content producer, write API’s and give your users something to consume. Content consumers - Use Smoke.
![Page 46: How To Reinterpret The Web In 180 Seconds](https://reader033.vdocuments.us/reader033/viewer/2022042717/55d4c0ecbb61eb57338b4678/html5/thumbnails/46.jpg)
Thankshttp://www.flickr.com/photos/maxblack/2655837607
http://github.com/benschwarz/smoke
http://github.com/benschwarz/smoke-rack
http://germanforblack.com
Slides online at slideshare.com/benschwarz
Presented at webjam10/11 in Sydney & Perth