46
How to reinterpret the web in 180 seconds or less

How To Reinterpret The Web In 180 Seconds

Embed Size (px)

Citation preview

Page 1: How To Reinterpret The Web In 180 Seconds

How to reinterpret the web in 180 seconds or less

Page 3: How To Reinterpret The Web In 180 Seconds

One dayin March

Starting with a story, this year in March

Page 4: How To Reinterpret The Web In 180 Seconds

2pmI’d missed lunch, it was late. What do you do?

Page 5: How To Reinterpret The Web In 180 Seconds

Mashup time

Write codes for fun

Page 6: How To Reinterpret The Web In 180 Seconds

I wanted to use the internet

Page 7: How To Reinterpret The Web In 180 Seconds

Yahoo pipes is pretty awesome and does some crazy stuff for data manipulation

Page 8: How To Reinterpret The Web In 180 Seconds

YQLAlso, @lachlanhardy had convinced me that YQL wasn’t pure evil

Page 9: How To Reinterpret The Web In 180 Seconds

46 minutes later...

a mere 46 minutes later, I was effected

Page 10: How To Reinterpret The Web In 180 Seconds
Page 11: How To Reinterpret The Web In 180 Seconds

“I need a new web site”-Me, avoiding real work

Page 12: How To Reinterpret The Web In 180 Seconds

This weekend

So, I made plans to build something

Page 13: How To Reinterpret The Web In 180 Seconds

It’ll be fscking’ awesome

Page 14: How To Reinterpret The Web In 180 Seconds

Then I did nothing until August

Page 15: How To Reinterpret The Web In 180 Seconds

Not me, but what I felt like I did about it.

Page 16: How To Reinterpret The Web In 180 Seconds

Yahoo pipes relook - Too hard to do what I want quickly.

Page 17: How To Reinterpret The Web In 180 Seconds

I really like union, though...

Page 18: How To Reinterpret The Web In 180 Seconds

and sort...

Page 19: How To Reinterpret The Web In 180 Seconds

SmokeEnter, Smoke

Page 20: How To Reinterpret The Web In 180 Seconds

Take my website, see the circled image?

Page 21: How To Reinterpret The Web In 180 Seconds

Take my website, see the circled image?

Page 22: How To Reinterpret The Web In 180 Seconds

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

The links? Delicious

Page 24: How To Reinterpret The Web In 180 Seconds

The links? Delicious

Page 25: How To Reinterpret The Web In 180 Seconds
Page 26: How To Reinterpret The Web In 180 Seconds

Projects, from github

Page 27: How To Reinterpret The Web In 180 Seconds

Projects, from github

Page 28: How To Reinterpret The Web In 180 Seconds
Page 29: How To Reinterpret The Web In 180 Seconds

Its a translator for web services

Page 30: How To Reinterpret The Web In 180 Seconds

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

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

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

XMLYou can output your sourced data as...

Page 34: How To Reinterpret The Web In 180 Seconds

YAML

Page 35: How To Reinterpret The Web In 180 Seconds

JSON

Page 36: How To Reinterpret The Web In 180 Seconds

or Ruby

Page 37: How To Reinterpret The Web In 180 Seconds

Front end?

What about those front end guys?

Page 38: How To Reinterpret The Web In 180 Seconds

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

/smoke

So, once you’re running, you can hit /smoke

Page 40: How To Reinterpret The Web In 180 Seconds

You’ll get a self-documenting api

Page 41: How To Reinterpret The Web In 180 Seconds

/smoke/twitter

Say you want to know about the twitter source

Page 42: How To Reinterpret The Web In 180 Seconds

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

/smoke/twitter.json

Page 44: How To Reinterpret The Web In 180 Seconds

/smoke/twitter.jsonyamlxml

Page 45: How To Reinterpret The Web In 180 Seconds

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

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