Georgia Tech Hack Day
-
Upload
christian-heilmann -
Category
Technology
-
view
4.834 -
download
3
Transcript of Georgia Tech Hack Day
![Page 1: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/1.jpg)
HackTech
Christian Heilmann | http://wait-till-i.com | http://scriptingenabled.org
Georgia, Atlanta, US, Hack-U Georgia Tech, March 2009
![Page 2: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/2.jpg)
Hello, I am Chris.
![Page 3: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/3.jpg)
I am a hacker and a geek.
![Page 4: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/4.jpg)
And I love to share my passion.
![Page 5: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/5.jpg)
http://wait-till-i.com
http://twitter.com/codepo8
![Page 6: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/6.jpg)
It is nice to be back in Atlanta.
![Page 7: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/7.jpg)
Last time I was here for the Webmaster Jam session
![Page 8: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/8.jpg)
All work and no play.
![Page 9: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/9.jpg)
This time I am here to help out with the University Hack Day
for Georgia Tech.
![Page 10: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/10.jpg)
As part of a big hack team.
![Page 11: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/11.jpg)
All of which are not here yet because of snow.
![Page 12: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/12.jpg)
I live in London, England.
![Page 13: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/13.jpg)
And coming here I made a new enemy.
![Page 14: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/14.jpg)
Hartsfield Airport
Arrival + Passport Control + waiting for luggage.
![Page 15: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/15.jpg)
Hartsfield Airport
Go through customs +put luggage on another
conveyor belt.
![Page 16: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/16.jpg)
Hartsfield Airport
Go through security oncemore – belt out, shoes
off, laptop out.
![Page 17: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/17.jpg)
Hartsfield AirportTake train to main
baggage retrieval
![Page 18: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/18.jpg)
Hartsfield Airport
Your luggage is probably here
![Page 19: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/19.jpg)
All the luggage from all the flights of the same airline gets collected in the arrivals hall for
pickup at a single point.
![Page 20: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/20.jpg)
This baggage belt is publicly available, no need to have a
ticket.
![Page 21: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/21.jpg)
Asking for the reason of this procedure built to delay
people and make it easy to steal luggage what is the
answer?
![Page 22: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/22.jpg)
Security, sir.
![Page 23: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/23.jpg)
This was not built by geeks.
![Page 24: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/24.jpg)
Geeks are great to have as they get excited about everything.
![Page 25: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/25.jpg)
Geeks are also full of ideas and need a channel to release
these ideas.
![Page 26: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/26.jpg)
This is why we at Yahoo have Hack Days.
![Page 27: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/27.jpg)
For 24 hours normal work is put on hold and the geeks are
allowed to roam free.
![Page 28: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/28.jpg)
We can take any of our systems and build something
totally new with it.
![Page 29: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/29.jpg)
This allows people to do what they always wanted but didn’t have a chance to.
![Page 30: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/30.jpg)
It also allows people to play with new technologies.
![Page 31: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/31.jpg)
This was such a massive success that we thought to
take it on the road.
![Page 32: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/32.jpg)
We now have Open Hack Days around the globe.
Sunnyvale (2x), Taiwan, London, Bangalore (2x), Sao Paulo
![Page 33: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/33.jpg)
These are massive affairs
![Page 34: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/34.jpg)
And we do University Hack Days!
USA, India, Great Britain
![Page 35: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/35.jpg)
These are somewhat smaller.
![Page 36: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/36.jpg)
But they follow the same flow.
![Page 37: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/37.jpg)
But they follow the same flow.
Hack
![Page 38: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/38.jpg)
Snack
Eat!
Hack
Recharge
![Page 39: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/39.jpg)
Hack Fix
Present
Win!
![Page 40: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/40.jpg)
The question is though: where do you start?
![Page 41: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/41.jpg)
After all, you are not a geek, right?
![Page 42: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/42.jpg)
A good hack starts with an idea.
![Page 43: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/43.jpg)
It starts with something you care about.
![Page 44: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/44.jpg)
And it starts with having fun with it.
![Page 45: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/45.jpg)
Nobody expects you to deliver the hottest new thing for the
market.
![Page 46: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/46.jpg)
But we expect you to have a good stab at building
something new.
![Page 47: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/47.jpg)
A good hack doesn’t need to be a big thing.
![Page 48: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/48.jpg)
But it should make a difference.
![Page 49: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/49.jpg)
Here’s one not so current example.
![Page 50: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/50.jpg)
![Page 51: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/51.jpg)
http://en.wikipedia.org/wiki/John_Snow_(physician)
HACKER!
![Page 52: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/52.jpg)
John Snow helped the London authorities in 1854 to trace
back the reason of cholera...
![Page 53: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/53.jpg)
...by placing the deaths caused by cholera on a map
and analyze the surroudings.
![Page 54: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/54.jpg)
![Page 55: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/55.jpg)
The answer:
water supply!
![Page 56: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/56.jpg)
This hack relied on the first thing you should think about.
![Page 57: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/57.jpg)
DATA
![Page 58: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/58.jpg)
John Snow spent quite a while collecting his data.
![Page 59: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/59.jpg)
Nowadays this is much easier and you don’t need to be a data wizard.
![Page 60: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/60.jpg)
What do you see when you surf the web?
![Page 61: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/61.jpg)
End users see web sites
![Page 62: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/62.jpg)
Developers see code.
![Page 63: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/63.jpg)
I see sweet, sweet data!
![Page 64: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/64.jpg)
And it has never been easier to get these sweets and bake
them into something new.
![Page 65: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/65.jpg)
The oldest way is to cheat your way in using a very cool
piece of software.
![Page 66: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/66.jpg)
![Page 67: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/67.jpg)
Using cURL, you can be your own browser and get any
data from the web to remix.
![Page 68: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/68.jpg)
The problems are that you don’t get the data back in a
structured way.
![Page 69: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/69.jpg)
You’re at the mercy of the HTML structure and if that one changes your hack fails to work.
![Page 70: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/70.jpg)
This is why clever companies realized that it does make sense to offer their data in easier to digest formats.
![Page 71: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/71.jpg)
RSS or Really Simple Syndication was born.
![Page 72: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/72.jpg)
http://www.guardian.co.uk/travel/restaurants
![Page 73: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/73.jpg)
http://www.guardian.co.uk/travel/restaurants/rss
![Page 74: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/74.jpg)
Using RSS or Atom feeds you get data in a predictable and
easy to convert format.
![Page 75: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/75.jpg)
It doesn’t allow you to request specific data or define a different format though.
![Page 76: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/76.jpg)
This was the next step: REST APIs or Web Services.
![Page 77: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/77.jpg)
REST based Web Services allow you to request the
correct data from a system.
![Page 78: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/78.jpg)
Yahoo Answers
http://uk.answers.yahoo.com
![Page 79: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/79.jpg)
http://answers.yahooapis.com/AnswersService/V1/questionSearch?query=sunderland®ion=uk&lang=e
n&appid=yahoodemo
![Page 80: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/80.jpg)
![Page 81: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/81.jpg)
... lots more...
![Page 82: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/82.jpg)
http://developer.yahoo.com/answers/V1/questionSearch.html
![Page 83: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/83.jpg)
A lot of web services also allow you to choose your data
format.
![Page 84: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/84.jpg)
http://answers.yahooapis.com/AnswersService/V1/questionSearch?query=sunderland®ion=uk&lang=en&appid=yahoodemo&start=1&output=
json&callback=useme
![Page 85: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/85.jpg)
![Page 86: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/86.jpg)
This makes it dead easy to get the data and re-use it in your
own interfaces.
![Page 87: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/87.jpg)
What if you want to use several sources?
![Page 88: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/88.jpg)
There’s Yahoo Pipes for mixing, filtering and
matching.
![Page 89: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/89.jpg)
http://pipes.yahoo.com
![Page 90: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/90.jpg)
Or if you like SQL-style data conversion there’s YQL:
![Page 91: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/91.jpg)
http://developer.yahoo.com/yql/console/
![Page 92: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/92.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 93: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/93.jpg)
Let’s think about the next thing you should consider
about your hack.
![Page 94: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/94.jpg)
A working and interesting interface.
![Page 95: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/95.jpg)
I don’t care what interface your hack uses.
![Page 96: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/96.jpg)
However, if your build a web application...
![Page 97: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/97.jpg)
... be aware that it is deceptively easy to write
HTML, CSS and JavaScript...
![Page 98: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/98.jpg)
... but there are dozens of ways to mess it up.
![Page 99: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/99.jpg)
The wild wild web is full of bad browsers and setups.
![Page 100: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/100.jpg)
You have no right to require a certain setup and you have no clue about what is used.
![Page 101: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/101.jpg)
Therefore it is a good idea to find a way to abstract these unknowns away from you.
![Page 102: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/102.jpg)
If you’re thinking about building something running
on mobiles (cell phones), this increases tenfold.
![Page 103: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/103.jpg)
Two helpers (from us) are available to you:
![Page 104: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/104.jpg)
Here are our helpers:
http://developer.yahoo.com/yui/ http://mobile.yahoo.com/developers
YUI
BluePrint
![Page 105: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/105.jpg)
There will be detailed talks about these later in the week.
![Page 106: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/106.jpg)
One thing I want people to think about when building
interfaces.
![Page 107: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/107.jpg)
Think about accessibility.
![Page 108: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/108.jpg)
Any web product should be available to users regardless of their ability.
![Page 109: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/109.jpg)
The next thing to wonder is how to get users for your hack.
![Page 110: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/110.jpg)
One cool thing is that companies nowadays not
only offer their data to you...
![Page 111: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/111.jpg)
...but also allow you to piggy-back on their user
relationships.
![Page 112: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/112.jpg)
http://code.google.com/apis/opensocial/http://developer.yahoo.com/social/socialdir/
http://developers.facebook.com/connect.php
![Page 113: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/113.jpg)
You can also build applications for where people
are anyways.
![Page 114: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/114.jpg)
http://developer.yahoo.com/yap/
![Page 115: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/115.jpg)
And of course there is Twitter.
v v v | | v | v | .-, | | |.--./ / | _.---.| '-. (__..-" \ \ a | ',.__. ,__.-'/ '--/_.'----'`
T H E W H A L E S L E E P S
T O N I G H T
![Page 116: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/116.jpg)
How about some hack examples?
![Page 117: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/117.jpg)
Let’s take Twitter.
![Page 118: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/118.jpg)
I’m a big Twitter user.
![Page 119: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/119.jpg)
I like that I get notified when there is a new person
following me.
![Page 120: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/120.jpg)
What I don’t know is when people left me.
![Page 121: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/121.jpg)
Or what I was telling the world before they left me.
![Page 122: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/122.jpg)
(which could be related)
![Page 123: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/123.jpg)
So I read the API docs, and found the user_timeline
function.http://apiwiki.twitter.com/REST+API+Documentation#usertimeline
![Page 124: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/124.jpg)
![Page 125: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/125.jpg)
Notice the repetition.
![Page 126: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/126.jpg)
![Page 127: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/127.jpg)
For every tweet there is the whole user information and a
timestamp.
![Page 128: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/128.jpg)
Using this I could show the change in user numbers and
see if that happened in a very short period of time.
![Page 129: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/129.jpg)
Adding YUI CSS grids and Google Charts I built
TweetEffect.com
![Page 130: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/130.jpg)
http://tweeteffect.com/?user=codepo8
![Page 131: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/131.jpg)
![Page 132: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/132.jpg)
And ended up where I quite didn’t expect to be.
![Page 133: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/133.jpg)
![Page 134: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/134.jpg)
Another quick example. This time from Rasmus.
![Page 135: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/135.jpg)
How do you get a map of all the current earthquakes on
the planet?
![Page 136: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/136.jpg)
http://paul.slowgeek.com/hacku/examples/jslibrary4.php
![Page 137: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/137.jpg)
![Page 138: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/138.jpg)
What about reach?That was us, time for you to show
what you can do!
![Page 139: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/139.jpg)
Build teams and think of a hack.
![Page 140: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/140.jpg)
Find a need.
![Page 141: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/141.jpg)
Or look at an existing solution from a different angle.
![Page 142: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/142.jpg)
And then know where to go.
![Page 143: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/143.jpg)
All of our APIs, documentation and examples:
http://developer.yahoo.com
![Page 144: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/144.jpg)
Very quick and dirty code examples for hacks:
http://paul.slowgeek.com/hacku/
![Page 145: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/145.jpg)
Rasmus Lerdorf’s demoshttp://talks.php.net/show/hacku/1
![Page 146: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/146.jpg)
Start thinking about the hack and plan it.
![Page 147: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/147.jpg)
You will have 24 hours to build a working prototype.
![Page 148: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/148.jpg)
Don’t get lost in shiny bells and whistles and try to impress with a snazzy
interface.
![Page 149: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/149.jpg)
Don’t be too shy to ask for help, we are here all week!
![Page 150: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/150.jpg)
Don’t listen to the feature creature on your shoulder to add yet another thing to the
hack.
![Page 151: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/151.jpg)
Instead plan for a solid base functionality and then build
on top of that.
![Page 152: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/152.jpg)
However, don’t get too stressed when there are a few broken bits.
![Page 153: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/153.jpg)
We want you to find your own potential and show us what you can do with our offers!
![Page 154: Georgia Tech Hack Day](https://reader034.fdocuments.net/reader034/viewer/2022042821/55d55e33bb61ebe76c8b4647/html5/thumbnails/154.jpg)
Keep in touch:
Christian Heilmann
http://wait-till-i.com
http://scriptingenabled.org
http://twitter.com/codepo8
T H A N K S !