An open web for all
-
Upload
christian-heilmann -
Category
Technology
-
view
4.111 -
download
2
description
Transcript of An open web for all
![Page 1: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/1.jpg)
Chris&an HeilmannHow to Web, Bucharest, Romania, November 2010
An open web for all
![Page 2: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/2.jpg)
I am Chris (@codepo8)
![Page 3: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/3.jpg)
I make technology easy.
![Page 4: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/4.jpg)
6 Books,>120 slide decks,a few dozen videos,Blogger:
wait-till-i.comajaxian.com
smashingmagazine.comsitepoint.com
thinkvitamin.comMicrosoft Scriptjunkie
![Page 5: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/5.jpg)
People come to me for advice how to get known on the web.
![Page 6: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/6.jpg)
Being a success on the web as a product depends on a few things.
![Page 7: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/7.jpg)
Having a creative idea.1
![Page 8: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/8.jpg)
Finding people to build it.2
![Page 9: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/9.jpg)
Getting found by people.3
![Page 10: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/10.jpg)
What if I can tell you that none of these are a problem if you shift your focus?
![Page 11: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/thisisbossi/3361593196/
If you build for the web use the web to build.
![Page 12: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/12.jpg)
Be technology agnostic
![Page 13: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/13.jpg)
If you do all by yourself you will burn out quickly.
![Page 14: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/14.jpg)
![Page 15: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/15.jpg)
Having a creative idea.1
![Page 16: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/16.jpg)
I can’t help you with that - much.
![Page 17: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/17.jpg)
The main trick is to take the old and make the new by mixing and matching.
![Page 19: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/19.jpg)
This doesn’t even have to be creative!
+ =
![Page 20: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/20.jpg)
Please be creative - even when creating the $local Facebook is tempting to do!
![Page 21: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/21.jpg)
Finding people to build it.2
![Page 22: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/22.jpg)
Good developers are hard to find.
![Page 23: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/23.jpg)
The main danger is that you make yourself dependent.
![Page 24: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/24.jpg)
Your product should not rely on one tech person.
![Page 25: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/25.jpg)
You should not tell your techies what to do.
![Page 26: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/26.jpg)
But you should tell them to document what they did.
![Page 27: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/27.jpg)
Separation of concerns should be high on your agenda.
![Page 28: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/28.jpg)
Data and interface are not the same thing.
![Page 29: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/29.jpg)
The interface will change and has to change - look at Twitter.
![Page 30: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/30.jpg)
There is one trick to make this work.
![Page 31: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/31.jpg)
Go and build an API!
![Page 32: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/32.jpg)
Reasons for APIs:
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 33: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/33.jpg)
Success stories?
![Page 34: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/34.jpg)
Using APIs is hard enough...
![Page 35: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/35.jpg)
Providing one should not be taken lightly.
![Page 36: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/36.jpg)
An API is for life, not just for the next press release.
![Page 37: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/37.jpg)
So instead of building your own infrastructure test the waters with an existing one.
![Page 38: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/38.jpg)
YQL http://developer.yahoo.com/yql/console/
![Page 39: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/39.jpg)
YQL turns web services and data on the web into databases.
![Page 40: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/40.jpg)
YQL http://developer.yahoo.com/yql/console/
select {what} from {where} where {conditions}
![Page 41: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/41.jpg)
Let’s have a quick example.
![Page 42: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/42.jpg)
http://winterolympicsmedals.com
![Page 43: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/43.jpg)
http://www.guardian.co.uk/news/datablog/2010/feb/11/winter-olympics-medals-by-country
![Page 44: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/44.jpg)
![Page 45: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/45.jpg)
![Page 46: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/46.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 47: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/47.jpg)
http://isithackday.com/csv-to-webservice/
![Page 48: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/48.jpg)
You can store information in YQL and allow for writing to your API.
![Page 49: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/49.jpg)
![Page 50: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/50.jpg)
All you need is a developer who knows how to access data on the web.
![Page 51: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/51.jpg)
YQL helps you filter and convert information - even for mobile environments.
![Page 52: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/52.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 for complex conversions
![Page 53: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/53.jpg)
YQL can be your “try before you buy” offer
![Page 54: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/54.jpg)
And a real interface to play with is much more powerful than mockups and a lovely logo.
![Page 55: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/55.jpg)
Getting found by people.3
![Page 56: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/56.jpg)
In order to get known in developer circles, release free stuff.
![Page 57: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/57.jpg)
This can start with adding your API to YQL as a new table.
![Page 58: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/58.jpg)
All you need to do is write an XML schema and put it on GitHub.
![Page 59: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/59.jpg)
http://github.com/yql/yql-tables
![Page 60: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/60.jpg)
But if I am open, won’t people steal my ideas and data?
![Page 61: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/61.jpg)
Yes, but not being open makes people creative in the wrong ways.
![Page 62: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/62.jpg)
![Page 63: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/63.jpg)
![Page 64: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/64.jpg)
Offering free things is a wonderful way to make people tell people about you.
![Page 65: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/65.jpg)
Your biggest fear should be being insignificant.
![Page 66: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/66.jpg)
There are a lot of tricks you can do - but that is for another time.
![Page 67: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/67.jpg)
Where to find more tricks?
![Page 68: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/68.jpg)
http://developer-evangelism.com
![Page 70: An open web for all](https://reader033.fdocuments.us/reader033/viewer/2022051818/54bd61ba4a79595e238b45cf/html5/thumbnails/70.jpg)
Christian Heilmann http://wait-till-i.com http://developer-evangelism.com @codepo8
Cheers