Hacking 101


Christian Heilmann | http://wait-till-i.com | http://scriptingenabled.org

            Delhi, India, Univers...
नम#$

Namaste
I’m Chris, hacker
   and geek.
I am today here to introduce
 you to what hacking means
           to us.
To me it means:
“Altering a system to do what
 you want it to do using what
     is at your disposal.”
It also means having a lot of
fun trying to make things do
what they weren’t made for.
It is unrestrained innovation.
So welcome, innovators!
We want you to show us what
can be built using the systems
   we (and others) offer...
...that makes a difference in
   your lives and make the
things you care about easier
          to achieve.
Find something that always
annoyed you with systems
        you use...
...and build a workaround.
You’ll be amazed about the
  impact this can have.
To reach hackvana you need
        three things:
Access, Data and an Interface.
Access is granted to you via
feeds, web services and SDKs.
Feeds are data in a
predictable format, for
    example RSS.
http://www.guardian.co.uk/travel/restaurants
http://www.guardian.co.uk/travel/restaurants/rss
Web services are quite
similar, only they allow you
 to filter down the data you
             want.
http://
answers.yahooapis.com/
  AnswersService/V1/
   questionSearch?
 query=delhi+puppies
 &region=in&lang=en&
   appid=...
... lots more...
http://developer.yahoo.com/answers/V1/questionSearch.html
They also allow you to get the
   data in other formats to
       easily re-use it.
The idea of hacking is to use
this data, mix it up with other
   ideas and other data to
 provide a better service for
   ...
This is dead easy these days!
There’s Yahoo Pipes for
 mixing, filtering and
      matching.
http://pipes.yahoo.com
Or if you like SQL-style data
  conversion there’s YQL:
http://developer.yahoo.com/yql/console/
Both of these systems allow
you to reach data from Yahoo
 and other services and pre-
 filter it for use in your own
     ...
Data however is not enough.
Building *working* web
interfaces is a specialist skill.
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.
The technologies are easy
        enough:
HTML for structure
CSS for presentation
JavaScript for behaviour
Where it gets truly annoying is
       the unknowns.
You have no idea about the
user’s setup, ability or rights
 to change their technical
        environment.
And then there are the
  browsers and all their
wonderful bugs and quirks.
This is why it is a good start to
 use libraries or frameworks.
Here are our helpers:
         YUI

                                        BluePrint




http://developer.yahoo.com/yui/ ...
Using these, you can quickly
build interfaces that work on
    the web and mobiles.
What about reach?
The newest way of access that
systems and companies allow
 you these days is opening up
     their address books.
http://developer.yahoo.com/social/socialdir/
  http://code.google.com/apis/opensocial/
http://developers.facebook.com/conn...
Instead of building it and
waiting till people come, build
    where the people are.
http://developer.yahoo.com/yap/
And build with what they use
          already.
http://developer.yahoo.com/search/boss/
How about
some hack
examples?
I use SlideShare – a lot.
http://www.slideshare.net/cheilmann/slideshows
One cool thing is
that SlideShare
automatically
creates
transcripts of
your slides:
So I’ve used this to create a
     version that is easily
accessible for blind people or
 those who don’t have Flash.
http://icant.co.uk/easy-slideshare/?slides=http://
www.slideshare.net/cheilmann/playing-with-the-web-
                    ...
Using YQL, it was also easy to
 write a JavaScript wrapper
 that allows you to show the
 transcripts with your slides.
http://www.wait-till-i.com/2009/01/11/adding-transcripts-to-
     presentations-embedded-from-slideshare-using-yql/
I use Twitter – a lot.
I got all this emails from
Twitter telling me about
  people following me.
What I didn’t get was it telling
  me when people left me.
Or what I was telling the
world before they left me.
So I dug into the API a bit and
    built TweetEffect.com
http://tweeteffect.com/?user=codepo8
I put it up, and started testing
           edge cases.
One of them was Guy
Kawasaki, whom I knew has a
 lot of followers and updates.
One of them was Guy
Kawasaki, whom I knew has a
 lot of followers and updates.
And that started a landslide of
visitors, comments and ideas
             for it.
Tim O'Reilly

Guy Kawasaki
                              Ryan Carson
And without knowing it, I
became a startup to watch!
What about reach?
That was me, time for you to
  show what you can do!
Innovation is not a matter of
skill or being in the right job
           position.
It is a matter of wanting to
change what we have and be
         ready to play.
We do this to help you see
    your potential.
And we do this to see if we do
 a good job in explaining our
offers to the developer world.
The web is yours, go out and
            play!
THANKS!

Access happens on several
        channels.



           http://www.flickr.com/photos/nez/378349478/
Hacking For Innovation Delhi
Hacking For Innovation Delhi
Upcoming SlideShare
Loading in...5
×

Hacking For Innovation Delhi

23,080

Published on

Introduction to hacking at the university hack day in Delhi, India.

Published in: Education
0 Comments
45 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
23,080
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
947
Comments
0
Likes
45
Embeds 0
No embeds

No notes for slide

Hacking For Innovation Delhi

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

    Clipping is a handy way to collect important slides you want to go back to later.

×