Download - Hack 101 at IIT Kanpur
![Page 1: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/1.jpg)
Sudar Muthu
Hacking 101
![Page 2: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/2.jpg)
What is a hack?
![Page 3: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/3.jpg)
“Hacking” is a constructive term.
“Cracking” is destructive
![Page 4: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/4.jpg)
![Page 5: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/5.jpg)
“Altering a system to do what you want it to do, using
what is at your disposal”
![Page 6: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/6.jpg)
![Page 7: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/7.jpg)
What is HackU?
![Page 8: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/8.jpg)
24 hours of un-interrupted, unrestrained coding and
innovation
![Page 9: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/9.jpg)
Hack
![Page 10: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/10.jpg)
Eat
![Page 11: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/11.jpg)
Get Help
![Page 12: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/12.jpg)
Recharge
![Page 13: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/13.jpg)
Have Fun
![Page 14: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/14.jpg)
Hack
http://www.flickr.com/photos/rlerdorf/3250595638/
Fix
![Page 15: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/15.jpg)
Present
![Page 16: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/16.jpg)
Win
![Page 17: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/17.jpg)
Where do I start?
![Page 18: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/18.jpg)
A good hack starts with an idea…
![Page 19: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/19.jpg)
![Page 20: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/20.jpg)
Build something you will use yourself
![Page 21: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/21.jpg)
![Page 22: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/22.jpg)
Show us what can be built using the systems we
(and others) offer.
![Page 23: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/23.jpg)
http://developer.yahoo.com
![Page 24: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/24.jpg)
http://www.github.com/
![Page 25: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/25.jpg)
To build a typical web hack you need data, access
and an interface
![Page 26: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/26.jpg)
Yahoo! has opened up its data
![Page 27: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/27.jpg)
Search (BOSS), Flickr, Geo, Social, Mail,
Messenger…
![Page 28: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/28.jpg)
And so have others
![Page 29: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/29.jpg)
Programmable web lists 9810 APIs in their API
directoryTwitter, Facebook, Google, …
![Page 30: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/30.jpg)
To access these you can use YQL
![Page 31: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/31.jpg)
YQL is a SQL-Like Language that lets you …
![Page 32: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/32.jpg)
… filter, combine, tweak data across hundreds of Web Services.
http://developer.yahoo.com/yql/console
![Page 33: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/33.jpg)
Data however is not enough.
![Page 34: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/34.jpg)
You also need working interfaces
![Page 35: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/35.jpg)
Technologies are easy:HTML, CSS, JavaScript
![Page 36: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/36.jpg)
Making it work on all browsers and OS is tricky
![Page 37: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/37.jpg)
YUI
![Page 38: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/38.jpg)
http://developer.yahoo.com/yui
![Page 39: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/39.jpg)
Presenting your hack
![Page 40: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/40.jpg)
Do not show us slides about your hack
![Page 41: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/41.jpg)
Instead show us what you have done
![Page 42: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/42.jpg)
Technical glitches happen
![Page 43: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/43.jpg)
Have a plan-B
![Page 44: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/44.jpg)
Have a Plan B
• Record screencast• Do not depend on the internet• Keep your stuff ready in the browser• Rehearse the demo with atleast one crew
member before hand
![Page 45: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/45.jpg)
And once you are done
![Page 46: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/46.jpg)
And once you are done
• Keep your hack live for others to see• Show other hackers what you have done• Publish your code in Github• Let us know and we can help you to take it
even further!
![Page 47: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/47.jpg)
![Page 48: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/48.jpg)
Don’t limit yourself to your favorite toys
![Page 49: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/49.jpg)
A good hack doesn’t need to be a big thing
http://www.flickr.com/photos/capricorndragon/4000384412/
![Page 50: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/50.jpg)
Don’t look for features. Concentrate on one thing
Don’t look to solve everything
![Page 51: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/51.jpg)
You only have 24 hours
![Page 52: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/52.jpg)
Find things that already work
And put them together
![Page 53: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/53.jpg)
Innovation has no limits
![Page 54: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/54.jpg)
Go Hack !!!Have Fun
![Page 55: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/55.jpg)
Thank You
Sudar Muthu@sudarmuthuhttp://sudarmuthu.comhttp://slideshare.net/sudar/
![Page 56: Hack 101 at IIT Kanpur](https://reader035.vdocument.in/reader035/viewer/2022062220/554fb521b4c905ad218b54c6/html5/thumbnails/56.jpg)
Hack Resources• http://developer.yahoo.com• http://developer.yahoo.com/yql/console• http://github.com/yahoo• http://hackyourworld.org/• http://github.com/codepo8/hackday-toolbox/• http://talks.php.net/show/hacku/