Hacking For Innovation Delhi
-
Upload
christian-heilmann -
Category
Education
-
view
26.475 -
download
1
description
Transcript of Hacking For Innovation Delhi
![Page 1: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/1.jpg)
Hacking 101
Christian Heilmann | http://wait-till-i.com | http://scriptingenabled.org
Delhi, India, University Hack Day, January 2009
![Page 2: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/2.jpg)
नम#$
Namaste
![Page 3: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/3.jpg)
I’m Chris, hacker and geek.
![Page 4: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/4.jpg)
I am today here to introduce you to what hacking means
to us.
![Page 5: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/5.jpg)
To me it means:
“Altering a system to do what you want it to do using what
is at your disposal.”
![Page 6: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/6.jpg)
It also means having a lot of fun trying to make things do what they weren’t made for.
![Page 7: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/7.jpg)
It is unrestrained innovation.
![Page 8: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/8.jpg)
So welcome, innovators!
![Page 9: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/9.jpg)
We want you to show us what can be built using the systems
we (and others) offer...
![Page 10: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/10.jpg)
...that makes a difference in your lives and make the
things you care about easier to achieve.
![Page 11: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/11.jpg)
Find something that always annoyed you with systems
you use...
![Page 12: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/12.jpg)
...and build a workaround.
![Page 13: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/13.jpg)
You’ll be amazed about the impact this can have.
![Page 14: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/14.jpg)
To reach hackvana you need three things:
![Page 15: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/15.jpg)
Access, Data and an Interface.
![Page 16: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/16.jpg)
Access is granted to you via feeds, web services and SDKs.
![Page 17: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/17.jpg)
Feeds are data in a predictable format, for
example RSS.
![Page 18: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/18.jpg)
http://www.guardian.co.uk/travel/restaurants
![Page 19: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/19.jpg)
http://www.guardian.co.uk/travel/restaurants/rss
![Page 20: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/20.jpg)
Web services are quite similar, only they allow you to filter down the data you
want.
![Page 21: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/21.jpg)
http://answers.yahooapis.com/
AnswersService/V1/questionSearch?
query=delhi+puppies®ion=in&lang=en&
appid=yahoodemo
![Page 22: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/22.jpg)
![Page 23: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/23.jpg)
... lots more...
![Page 24: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/24.jpg)
http://developer.yahoo.com/answers/V1/questionSearch.html
![Page 25: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/25.jpg)
They also allow you to get the data in other formats to
easily re-use it.
![Page 26: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/26.jpg)
The idea of hacking is to use this data, mix it up with other
ideas and other data to provide a better service for
the end user.
![Page 27: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/27.jpg)
This is dead easy these days!
![Page 28: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/28.jpg)
There’s Yahoo Pipes for mixing, filtering and
matching.
![Page 29: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/29.jpg)
http://pipes.yahoo.com
![Page 30: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/30.jpg)
Or if you like SQL-style data conversion there’s YQL:
![Page 31: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/31.jpg)
http://developer.yahoo.com/yql/console/
![Page 32: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/32.jpg)
Both of these systems allow you to reach data from Yahoo
and other services and pre-filter it for use in your own
hacks.
![Page 33: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/33.jpg)
Data however is not enough.
![Page 34: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/34.jpg)
Building *working* web interfaces is a specialist skill.
![Page 35: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/35.jpg)
I’ve been developing for the web for 12 years and it still is a
mystery to me why some things just don’t work.
![Page 36: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/36.jpg)
The technologies are easy enough:
HTML for structure
CSS for presentation
JavaScript for behaviour
![Page 37: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/37.jpg)
Where it gets truly annoying is the unknowns.
![Page 38: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/38.jpg)
You have no idea about the user’s setup, ability or rights
to change their technical environment.
![Page 39: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/39.jpg)
And then there are the browsers and all their
wonderful bugs and quirks.
![Page 40: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/40.jpg)
This is why it is a good start to use libraries or frameworks.
![Page 41: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/41.jpg)
Here are our helpers:
http://developer.yahoo.com/yui/ http://mobile.yahoo.com/developers
YUI
BluePrint
![Page 42: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/42.jpg)
Using these, you can quickly build interfaces that work on
the web and mobiles.
![Page 43: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/43.jpg)
What about reach?
![Page 44: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/44.jpg)
The newest way of access that systems and companies allow you these days is opening up
their address books.
![Page 45: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/45.jpg)
http://code.google.com/apis/opensocial/http://developer.yahoo.com/social/socialdir/
http://developers.facebook.com/connect.php
![Page 46: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/46.jpg)
Instead of building it and waiting till people come, build
where the people are.
![Page 47: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/47.jpg)
http://developer.yahoo.com/yap/
![Page 48: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/48.jpg)
And build with what they use already.
![Page 49: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/49.jpg)
http://developer.yahoo.com/search/boss/
![Page 50: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/50.jpg)
How about some hack examples?
![Page 51: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/51.jpg)
I use SlideShare – a lot.
![Page 52: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/52.jpg)
http://www.slideshare.net/cheilmann/slideshows
![Page 53: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/53.jpg)
One cool thing is that SlideShare automatically creates transcripts of your slides:
![Page 54: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/54.jpg)
So I’ve used this to create a version that is easily
accessible for blind people or those who don’t have Flash.
![Page 55: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/55.jpg)
http://icant.co.uk/easy-slideshare/?slides=http://www.slideshare.net/cheilmann/playing-with-the-web-
presentation
![Page 56: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/56.jpg)
Using YQL, it was also easy to write a JavaScript wrapper that allows you to show the transcripts with your slides.
![Page 57: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/57.jpg)
http://www.wait-till-i.com/2009/01/11/adding-transcripts-to-presentations-embedded-from-slideshare-using-yql/
![Page 58: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/58.jpg)
I use Twitter – a lot.
![Page 59: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/59.jpg)
I got all this emails from Twitter telling me about
people following me.
![Page 60: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/60.jpg)
What I didn’t get was it telling me when people left me.
![Page 61: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/61.jpg)
Or what I was telling the world before they left me.
![Page 62: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/62.jpg)
So I dug into the API a bit and built TweetEffect.com
![Page 63: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/63.jpg)
http://tweeteffect.com/?user=codepo8
![Page 64: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/64.jpg)
![Page 65: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/65.jpg)
I put it up, and started testing edge cases.
![Page 66: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/66.jpg)
One of them was Guy Kawasaki, whom I knew has a lot of followers and updates.
![Page 67: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/67.jpg)
One of them was Guy Kawasaki, whom I knew has a lot of followers and updates.
![Page 68: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/68.jpg)
And that started a landslide of visitors, comments and ideas
for it.
![Page 69: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/69.jpg)
Guy KawasakiGuy Kawasaki
Ryan CarsonRyan Carson
Tim O'ReillyTim O'Reilly
![Page 70: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/70.jpg)
And without knowing it, I became a startup to watch!
![Page 71: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/71.jpg)
What about reach?That was me, time for you to
show what you can do!
![Page 72: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/72.jpg)
Innovation is not a matter of skill or being in the right job
position.
![Page 73: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/73.jpg)
It is a matter of wanting to change what we have and be
ready to play.
![Page 74: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/74.jpg)
We do this to help you see your potential.
![Page 75: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/75.jpg)
And we do this to see if we do a good job in explaining our
offers to the developer world.
![Page 76: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/76.jpg)
The web is yours, go out and play!
![Page 77: Hacking For Innovation Delhi](https://reader033.fdocuments.in/reader033/viewer/2022051322/53f3ddbd8d7f728e318b478e/html5/thumbnails/77.jpg)
Access happens on several channels.
T H A N K S !
http://www.flickr.com/photos/nez/378349478/