leancamp - are you ready to rock
DESCRIPTION
Presentation at leancamp about re-using Yahoo's free systems like YQL, YUI and Design patterns to build fast, scaling prototypes.TRANSCRIPT
![Page 1: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/1.jpg)
Are you readytorock?
Chris&an HeilmannLeancamp, London, England, May 2010
![Page 2: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/2.jpg)
Some people call me a “Rockstar developer”...
![Page 3: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/3.jpg)
The reason is that I can churn out demos and products really fast.
![Page 4: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/4.jpg)
http://keywordfinder.org/
![Page 5: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/5.jpg)
http://isithackday.com/hacks/guardian/
![Page 7: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/7.jpg)
http://isithackday.com/geoplanet-explorer/geodrilldown.php
![Page 8: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/8.jpg)
http://icant.co.uk/geomaker/index.php
![Page 9: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/9.jpg)
http://github.com/codepo8/QuickTrans
![Page 10: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/10.jpg)
http://icant.co.uk/goohoobi/index.php?research
![Page 11: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/11.jpg)
h;p://uk‐house‐prices.com/
![Page 12: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/12.jpg)
... and I weep for those who take this “Rockstar” hoo-hah serious.
![Page 13: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/13.jpg)
DO WE NEED ROCKSTARS?
![Page 14: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/14.jpg)
No, we need pragmatic thinking.
![Page 15: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/15.jpg)
So you want to release some cool products to the world...
![Page 16: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/16.jpg)
Let me introduce you to some of the technical things you need to face...
![Page 17: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/17.jpg)
Data
Interface
Environment
![Page 18: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/18.jpg)
How do we normally start a new product?
![Page 19: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/19.jpg)
Summoning the inner demon!
![Page 20: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/20.jpg)
And we try to tackle all of it ourselves.
![Page 21: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/21.jpg)
And we fail...
![Page 22: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/22.jpg)
Our users walk out on us...
![Page 23: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/23.jpg)
And we wonder what went wrong.
![Page 24: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/24.jpg)
You were just not lazy enough!
![Page 25: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/25.jpg)
You don’t need to build the perfect product.
![Page 26: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/26.jpg)
You need to build something that people want to use.
![Page 27: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/27.jpg)
Data
Interface
Environment
![Page 28: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/28.jpg)
Data is the most important part of your product.
![Page 29: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/29.jpg)
You either need unique and interesting data...
![Page 30: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/30.jpg)
Or you need to make it dead easy for people to enter theirs.
![Page 31: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/31.jpg)
And you need to have means of allowing people to enhance their data.
![Page 32: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/32.jpg)
You should also think very much about building your product on top of a data API.
![Page 33: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/33.jpg)
The reasons are obvious:
You can change the backend or the frontend when you need to.You build them in parallel.You can have various different interfaces to the same content (mobile, web, iPad...)You give third parties access to your data and not to your system.You crowdsource innovation.
![Page 34: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/34.jpg)
Success stories?
![Page 35: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/35.jpg)
Using other people’s APIs also allows you to enrich your data.
![Page 36: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/36.jpg)
![Page 37: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/37.jpg)
This wasn’t easy and took a while to get into in the past.
![Page 38: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/38.jpg)
Which annoyed us, which is why we created a simple way.
![Page 39: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/39.jpg)
YQL h;p://developer.yahoo.com/yql/console/
![Page 40: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/40.jpg)
YQL h;p://developer.yahoo.com/yql/console/
select {what} from {where} where {condi&ons}
![Page 41: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/41.jpg)
http://winterolympicsmedals.com
![Page 42: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/42.jpg)
http://www.guardian.co.uk/news/datablog/2010/feb/11/winter-olympics-medals-by-country
![Page 43: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/43.jpg)
![Page 44: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/44.jpg)
![Page 45: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/45.jpg)
select * from csv where url="http://spreadsheets.google.com/pub?key=tpWDkIZMZleQaREf493v1Jw&output=csv" and columns="Year,City,Sport,Discipline,Country,Event, Gender,Type" and Year="1924"
![Page 46: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/46.jpg)
http://isithackday.com/csv-to-webservice/
![Page 47: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/47.jpg)
http://github.com/yql/yql-tables
![Page 48: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/48.jpg)
Using YQL has a lot of benefits:
No time wasted reading API docsUsing the console makes creating complex queries dead easy.Data filtering down to the least amount necessary.Fast pipes.Caching + converting Server-side JavaScript
![Page 49: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/49.jpg)
Data
Interface
Environment
![Page 50: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/50.jpg)
Users are strange creatures.
![Page 51: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/51.jpg)
You are not your users.
You are far too close to the subject matter.
![Page 52: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/52.jpg)
Only real user testing will tell you what works with users.
![Page 53: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/53.jpg)
Instructions will be misread.
![Page 54: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/54.jpg)
Only real user testing will tell you what works with users.
![Page 55: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/55.jpg)
You can do cheap and fast user testing.
![Page 56: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/56.jpg)
Or you can build on things that were already tested for you.
![Page 57: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/57.jpg)
http://developer.yahoo.com/ypatterns
![Page 58: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/58.jpg)
http://developer.yahoo.com/ypatterns/wireframes/
![Page 59: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/59.jpg)
Data
Interface
Environment
![Page 60: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/60.jpg)
All browsers secretly hate you.
![Page 61: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/61.jpg)
http://developer.yahoo.com/yui/articles/gbs/
![Page 62: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/62.jpg)
![Page 63: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/63.jpg)
Build a CSS layout that works
http://developer.yahoo.com/yui/grids/builder/
![Page 64: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/64.jpg)
http://isithackday.com/hacks/cantine/index.php?loc=covent+garden
http://isithackday.com/hacks/cantine/
Use already existing widgets
![Page 65: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/65.jpg)
http://isithackday.com/hacks/delhi/
![Page 66: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/66.jpg)
http://developer.yahoo.com/yui/
![Page 67: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/67.jpg)
![Page 68: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/68.jpg)
![Page 69: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/69.jpg)
http://developer.yahoo.com/yui/docs/
![Page 70: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/70.jpg)
http://developer.yahoo.com/yui/examples/
![Page 71: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/71.jpg)
The elevator lift pitchYUI is the system that Yahoo uses to build its web sites. It is constantly tested to work for the largest amount of users, free, open source and covers everything from design patterns to out-of-the-box widgets. It is modular and you can use only what you need. You can either host it yourself or get it from a network of distributed servers.
![Page 72: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/72.jpg)
Are you ready to rock?
![Page 73: Leancamp - are you ready to rock](https://reader034.vdocuments.site/reader034/viewer/2022052504/5549fb7fb4c905507a8b4a31/html5/thumbnails/73.jpg)
Chris&an Heilmann h;p://wait‐&ll‐i.com h;p://developer‐evangelism.com h;p://twi;er.com/codepo8
Cheers