128
IIT Delhi 8 th Aug– 11 th Aug2013 Hacking 101 and everything else you need to know to survive a hackday! by Jithin Emmanuel

Hacking101 delhi 2013

Embed Size (px)

DESCRIPTION

HackU 100 Talk

Citation preview

Page 1: Hacking101 delhi 2013

IIT Delhi 8th Aug– 11th Aug2013

Hacking 101 and everything else you need to know

to survive a hackday!by Jithin Emmanuel

Page 2: Hacking101 delhi 2013
Page 3: Hacking101 delhi 2013

What are hacks ?

What is HackU ?

What is a good hack?

Tips to survive a Hack Day !!

Page 4: Hacking101 delhi 2013

“Altering a system to do what you want it to do using

what is at your disposal”

hacking: v.

Page 5: Hacking101 delhi 2013

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

Page 6: Hacking101 delhi 2013

What is a Hack?

An innovative solution to a real world problem; quick and dirty workaround, yet effective.

Page 7: Hacking101 delhi 2013

Who is a hacker?

A hacker is a passionate, skilled and creative technologist who thrives on building innovative solutions to real world problems.

Page 8: Hacking101 delhi 2013
Page 9: Hacking101 delhi 2013

Wear the Hacker Badge with Pride!

Hackers are:

People like you and me.

Creative developers & designers.

Love technology.

Love building things.

Come to events like this.

It’s a term of great respect!

Wear that badge with pride!

Page 10: Hacking101 delhi 2013

Hacking is nothing new

Page 11: Hacking101 delhi 2013

Ticketing hacks

Page 12: Hacking101 delhi 2013

Cooler hack

Page 13: Hacking101 delhi 2013

Hack as art

Page 14: Hacking101 delhi 2013

Medical hack

Page 15: Hacking101 delhi 2013

Life Hacks

Page 16: Hacking101 delhi 2013

Life Hacks

Page 17: Hacking101 delhi 2013

Life Hacks

Page 18: Hacking101 delhi 2013

Public Hacks

Page 19: Hacking101 delhi 2013

Systemic Hacks

Page 20: Hacking101 delhi 2013

Hacking in your hostel room

Page 21: Hacking101 delhi 2013

However, we are looking for

software hacks

Page 22: Hacking101 delhi 2013

http://hacks.developer.yahoo.com

Page 23: Hacking101 delhi 2013

What is this thing?

Page 24: Hacking101 delhi 2013

24 hours of un-interrupted, unrestrained coding and

innovation

Page 25: Hacking101 delhi 2013

Talks for two days

Page 26: Hacking101 delhi 2013

Take something from idea to prototype in a day

Page 27: Hacking101 delhi 2013

Hack

Page 28: Hacking101 delhi 2013

Get Help

Page 29: Hacking101 delhi 2013

Have Fun

Page 30: Hacking101 delhi 2013

Eat

Page 31: Hacking101 delhi 2013

Recharge

Page 32: Hacking101 delhi 2013

Hack

Fix

Page 33: Hacking101 delhi 2013

Demo

Page 34: Hacking101 delhi 2013

Win Prizes

Page 35: Hacking101 delhi 2013

and other stuff

Page 36: Hacking101 delhi 2013

Winners 2012

Delhi Winners 2012

Page 37: Hacking101 delhi 2013

Join us!

Page 38: Hacking101 delhi 2013

Got it! So what’s a good hack?

Page 39: Hacking101 delhi 2013

A good hack starts with an idea…

Page 40: Hacking101 delhi 2013

http://www.flickr.com/photos/justinpoliachik/3893820201/

Scratch your own itch

Page 41: Hacking101 delhi 2013

Build something you will use yourself

Page 42: Hacking101 delhi 2013

Fix something you use every day

Page 43: Hacking101 delhi 2013
Page 44: Hacking101 delhi 2013

People look for inspiration or entertainment

Page 45: Hacking101 delhi 2013

Or try to tackle some larger issues

Page 46: Hacking101 delhi 2013

Hack for Good – Make the world

a better place

Page 47: Hacking101 delhi 2013

Think Politics

Page 48: Hacking101 delhi 2013

Green / Environment Hacks

Page 49: Hacking101 delhi 2013

Accessibility

Accessibility

Page 50: Hacking101 delhi 2013

Accessibility

Tools for activism and awareness

Page 51: Hacking101 delhi 2013

Accessibility

Tools for Religion

Page 52: Hacking101 delhi 2013

Where do I start?

Page 53: Hacking101 delhi 2013

To build a typical web hack you need data,

access and an interface

Page 54: Hacking101 delhi 2013

The web has lot of data around

Page 55: Hacking101 delhi 2013

http://developer.yahoo.com

Page 56: Hacking101 delhi 2013

http://developer.yahoo.com/everything.html

Page 57: Hacking101 delhi 2013

http://www.github.com/

Page 58: Hacking101 delhi 2013

ProgrammableWeb.Com – 6831 APIs

Page 59: Hacking101 delhi 2013

To access the data easily you can use YQL

Page 60: Hacking101 delhi 2013

YQL is a SQL-Like Language that lets

you …

Page 61: Hacking101 delhi 2013

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

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

Page 62: Hacking101 delhi 2013

Data however is not enough.

Page 63: Hacking101 delhi 2013

You also need working interfaces

Page 64: Hacking101 delhi 2013

Technologies are easy:HTMLCSS

JavaScript

Page 65: Hacking101 delhi 2013

Making it work on all browsers and OS is tricky

Page 66: Hacking101 delhi 2013

So, we have YUI!

Page 67: Hacking101 delhi 2013

http://developer.yahoo.com/yui

Page 68: Hacking101 delhi 2013

http://developer.yahoo.com/yui/grids/builder/

Page 69: Hacking101 delhi 2013

You do not want to write multiple versions of same app for different

devices

Page 70: Hacking101 delhi 2013

So, we open sourced

http://developer.yahoo.com/cocktails/mojito/

Page 71: Hacking101 delhi 2013

15 HackUsurvival tips

Page 72: Hacking101 delhi 2013

Scratch your own itch!

Eric Raymond’s The Cathedral and the Bazaar: Every good work of software starts by scratching a developer’s personal itch. To solve an interesting problem, start by finding a problem that is interesting to you.

Page 73: Hacking101 delhi 2013

Know what’s happening

• Talks – 6:00pm to 11:00pm Thu/Fri• Dinner – 8:00 pm Thu/Fri/Sat• Hacking – 11:00am Saturday to 11:00am

Sunday• Submit your hack - 10am Sunday • Hack Demos - 2pm Sunday• Winners Announced - 6pm Sunday

http://facebook.com/hackuniversity@hackuindia

Page 74: Hacking101 delhi 2013

Look up other hacks

http://hacks.developer.yahoo.com/

Page 75: Hacking101 delhi 2013

Get the right skills on your team

Page 76: Hacking101 delhi 2013

Choose the right tools

developer.yahoo.comdeveloper.yahoo.com/everything.html

Page 77: Hacking101 delhi 2013

Source your data / content

YQL

BOSS

Fantasy Sports

Scrape Sites if you need to

Page 78: Hacking101 delhi 2013

Tackle the hard problems first

Page 79: Hacking101 delhi 2013

Don’t be afraid to ask for help

Page 80: Hacking101 delhi 2013

Learn something new

Page 81: Hacking101 delhi 2013

Don’t concentrate on your favorite toys

Page 82: Hacking101 delhi 2013

http://www.flickr.com/photos/cristiano_betta/571879057/sizes/l/in/photostream/

Expect the unexpected!

Page 83: Hacking101 delhi 2013

http://www.flickr.com/photos/major_clanger/1488173116/sizes/l/in/photostream/

Be prepared for the worst!

Page 84: Hacking101 delhi 2013

Stay up all night

Page 85: Hacking101 delhi 2013

I am your friend!

Page 86: Hacking101 delhi 2013

Take a Break & have fun

Page 87: Hacking101 delhi 2013

Practice your pitch

Page 88: Hacking101 delhi 2013

Make a memorable pitch!

http://careersuccess.typepad.com/my_weblog/2009/10/the-art-and-beauty-of-a-wonderfully-crafted-elevator-speech---is--yours-memorable.html

Page 89: Hacking101 delhi 2013
Page 90: Hacking101 delhi 2013

A good hack doesn’t need to be a big!http://1funny.com/big-lioness/

Page 91: Hacking101 delhi 2013

Don’t try to boil the ocean

Page 92: Hacking101 delhi 2013

Don’t slap on too many features

Page 93: Hacking101 delhi 2013
Page 94: Hacking101 delhi 2013
Page 95: Hacking101 delhi 2013

Find things that already work

Page 96: Hacking101 delhi 2013

Look under the hood

Page 97: Hacking101 delhi 2013

Fake

Page 98: Hacking101 delhi 2013

Bake

Page 99: Hacking101 delhi 2013

Make

Page 100: Hacking101 delhi 2013

Build

Page 101: Hacking101 delhi 2013

Presenting your hack

Page 102: Hacking101 delhi 2013

Do not show us slides about your hack

Powerpoint = Fail!

Page 103: Hacking101 delhi 2013

Instead show us what you have done

Page 104: Hacking101 delhi 2013

Technical glitches happen

Page 105: Hacking101 delhi 2013

Have a plan-B

• Record screencast• Do not depend on internet• Keep your stuff ready in browser• Rehearse the demo with atleast one crew

member before hand

Page 106: Hacking101 delhi 2013

How we judge the hacks• Solves a real problem• Working Prototype• Displays Creative Thinking, and push the

boundaries of what we’ve seen before• Great User Experience• Uses data or technology in a unique and

interesting way• Uses technology or data from Yahoo!• X-factor! • Realistic that it was built in 24 hours

Page 107: Hacking101 delhi 2013

And once you are done

• Keep your hack live• Show others what you have done• Publish your code on github• Join us and take it even further!

• developer.yahoo.com/blog• @ydn on twitter

Page 108: Hacking101 delhi 2013

Where to host your hack?

Page 109: Hacking101 delhi 2013

Talk to us to host at http://www.hackyourworld.org

Page 110: Hacking101 delhi 2013

Hacks can be more than just fun!

Page 111: Hacking101 delhi 2013
Page 112: Hacking101 delhi 2013

http://public.yahoo.com/~filo/stanford/940520/bin/index.html

Page 113: Hacking101 delhi 2013
Page 114: Hacking101 delhi 2013
Page 115: Hacking101 delhi 2013
Page 116: Hacking101 delhi 2013
Page 117: Hacking101 delhi 2013
Page 118: Hacking101 delhi 2013
Page 119: Hacking101 delhi 2013
Page 120: Hacking101 delhi 2013
Page 121: Hacking101 delhi 2013
Page 122: Hacking101 delhi 2013
Page 123: Hacking101 delhi 2013
Page 124: Hacking101 delhi 2013

Innovation is not a skill

Page 125: Hacking101 delhi 2013

It is about wanting tochange what we have and be

ready to play

Page 126: Hacking101 delhi 2013

Realize your potential

The web is yours, go out and

play!

Page 127: Hacking101 delhi 2013

Social Media

• Follow @hackuindia for detailed updates

• Follow @ydn for general updates• #hackuindia (twitter)• Hackuniversity at Facebook -

https://www.facebook.com/hackuniversity

• http://hacks.developer.yahoo.com

Page 128: Hacking101 delhi 2013

Hack Resources

• http://developer.yahoo.com• http://developer.yahoo.com/yql/consol

e• http://www.github.com• http://hackyourworld.org/• http://isithackday.com/hackday-toolbo

x/• http://talks.php.net/show/hacku/• http://hacks.developer.yahoo.com