hack 101 @ hacku - iit madras

Download Hack 101 @ HackU - IIT Madras

Post on 16-Apr-2017

1.712 views

Category:

Technology

1 download

Embed Size (px)

TRANSCRIPT

Natarajan Kannan

Hacking 101

Introduce Crew on Stage

Hacking?

How does this word resonate with you?

Someone who makes furniture with an axe

- Hacker in German

hacker: n. A person who enjoys exploring the details of programmable systems and how to stretch their capabilities

Jargon File

Hacking is a constructive term.

Cracking is destructive

Often misrepresented in the media

Altering a system to do what you want it to do using what is at your disposal

- Christian Heilmann

So what is a hacker?

Hack Day

Hack U - Bring the concept from our internal Hack Days and Open Hack days to Universities

24 hours of un-interrupted, unrestrained coding and innovation

Hack

Eat

Get Help

Recharge

Have Fun

Hack

http://www.flickr.com/photos/rlerdorf/3250595638/Fix

Present

Win

Where do I start?

A good hack starts with an idea

Fix something you use every day

Find solutions to the problems!

Build something you will use yourself

Find something that always annoyed you with systems you use... ...and build a workaround.

Hack for Good - Make the world a better place

Random Hacks of Kindness

Go local tools for helping your local community

Dont limit yourself to your favorite toys

Be ready to play with new technologies

A good hack doesnt need to be a big thing

http://www.flickr.com/photos/capricorndragon/4000384412/Hacks need not be complex. It need not be the next big thing. You dont need to have a product out in 24 hours.

Dont look for features. Concentrate on one thing

Dont look to solve everythingDont try to solve everything in your hack..

You only have 24 hours

You have only 24 hours.

Find things that already work

And put them togetherMashup or Shutup.

Show us what can be built using the systems we (and others) offer.

http://developer.yahoo.comEverything that yahoo does for developers is located. With documentations, code examples

http://www.github.com/Everything that yahoo does for developers is located. With documentations, code examples

To build a typical web hack you need data, access and an interface

Yahoo! has opened up its data

Search (BOSS), Flickr, Geo, Social, Mail, Messenger

And so have others

Programmable web lists 2182 APIs in their API directoryTwitter, Facebook, Google,

To access these you can use YQL

YQL is a SQL-Like Language that lets you

filter, combine, tweak data across hundreds of Web Services.

http://developer.yahoo.com/yql/console

How will you build a system to calculate distance between two places?

Use Vincenty's formulae

Or use YQL

Select kilometers FROM geo.distance where place1=lucknow AND place2=kanpur

Click to edit Master text styles

YQL has more to it

Theres also Yahoo Pipes to do this visually

http://pipes.yahoo.com/

Data however is not enough.

You also need working interfaces

Technologies are easy:HTML, CSS, Javascript

Making it work on all browsers and OS is tricky

YUI

http://developer.yahoo.com/yui

What about reach?

You can build and wait for people to come

Or build where people are already there

YAP

http://developer.yahoo.com/yap

Presenting your hack

Do not show us slides about your hack

Instead show us what you have done

Technical glitches happen

Have a plan-B

Record screencastDo not depend on internetKeep your stuff ready in browser

And once you are done

Tell us about your progress

Keep your hack live for others to see

Show other hackers what you have done

In our fourms / groups developer.yahoo.com/forums

Publish your code on github

Join us and take it even further!

Innovation has no limits

Hack !Have Fun !

Thank You

Natarajan Kannan@knuttieshttp://knutties.net/blog/http://slideshare.net/knutties/http://twitter.com/knutties

Hack Resources

http://developer.yahoo.com

http://developer.yahoo.com/yql/console

http://github.com/yahoo

http://hackyourworld.org/hackuiitm

http://github.com/codepo8/hackday-toolbox/

http://talks.php.net/show/hacku/

Click to edit the title text formatClick to edit Master title style

Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelEighth Outline Level

Ninth Outline LevelClick to edit Master text styles

Click to edit the title text formatClick to edit Master title style

Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelEighth Outline Level

Ninth Outline LevelClick to edit Master text stylesSecond levelThird levelFourth levelFifth level