2011 HackU UCSD

What the Hack ?!Welcome to Hack U 2011

@rmsguhan

Subram

Hello San Diego

2

Hack U @ UCSD – April 5 – 8, 2011

Hack ??

3

“Exploring the details of programmable systems and how to stretch their

capabilities”

4

- Glossary of hacker slang

It can be a lot of fun to play with code and

create new experiences

5

Hacking is a good thing

Cracking is Evil !!

6

Hack Day !

7

An invitation to innovate is a great motivator

8

24 hours of un-interrupted, un-managed

coding unleashed …

9

… surprising things can happen !

10

Hack day

Open hack Day

University hack day

We talk !

You Hack !

You present !

Your hack & You win!

There will be food !

Are there any rules ?

Max of 4 per team

24 hours of hacking(prior work is ok, but not during the demo )

!registered == !demoing

http://developer.yahoo.com/hacku/register/

Any technology

software or hardware hack

working demos preferable

Remember its all about innovation, fun &

creativity

Great, but where do I start ??

“A single idea from the human mind can build

cities. An idea can transform the world and

rewrite all the rules ”- Agent Cobb, “Inception” 2010

Choose something that bothers you,

something you would like changed …

26

… that one thing that you wished someone

invented

27

… your research might need a radical insight ..

28

… think for the good of mankind.

29

Build fast

pro

du

ct

pro

toty

pe

Fake it till you make it

Divide and conquer

If all else fails, do something to bring out a

laugh

Some hack winners

HackDemocracy:  yahoo.summerhilldesign.com

InsiderTrades:  insidertrades.org

Rural area twitter

Demo strategy

Elevator pitch “you have 3 minutes”

Rehearse if you have time

What if you win ??

iPads, iPods, Gift cards, trophies, yahoo swag

bags

Bragging Rights !!

You make it, its yours !

We are not responsible for the awesomeness and/or mayhem you create.

You own your intellectual property

Lets talk tech

Today

Introduction to YQL & YUI

Jonathan LeBlanc@jcleblanc

Tomorrow

Using Javascript Well

Guest Lecture by Douglas Crockford

API Brain Jam @

12:00 pm April 6th 2011

Full Schedulehttp://developer.yahoo.com/hacku/ucsd.html

Register http://developer.yahoo.com/hacku/register

Follow us @hacku

Tags

#hacku2011 #ucsd

Innovation knows no limits

55

56

Photo Credits

http://www.flickr.com/photos/chad/http://www.flickr.com/photos/equanimity/http://www.flickr.com/photos/70883693@N00/http://www.flickr.com/photos/draket/

57

58

59

SELECT * FROM Internet Building Queries and Stuff

60

61

SELECT myColumn, myTitle

FROM myTable

WHERE myColumn = 'value'

AND myTitle = 'title'

LIMIT 3 OFFSET 10

Skills you May Already Have

Is YQL a Database?

NO!

65

YQL Test ConsoleAvailable At: http://developer.yahoo.com/yql/console

Don’t Reinvent the Wheel

Getting Started

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-

min.js"></script>

Step 1: Include Global JS

YUI().use(’module1', ’module2', function(Y) { //module1 is available //module2 is available});

Step 2: Create YUI Global Object

DOM Manipulation

YUI().use('node', function(Y) { var node1 = Y.one('#myNode'); var node2 = Y.all('#myNode li');

nodeID = node1.get('id'); node1.set('innerHTML', 'new content'); node2.addClass('bar');});

Handling Events

YUI().use('node', function(Y) { Y.one('#demo').on('click', function(e) { alert('event: ' + e.type + ' target: ' + e.target.get('tagName')); });});

Making YQL Requests

YUI().use('yql', function(Y) { new Y.yql(’SHOW Tables', function(r){ r.query; //the result r.error; //the error message });});

Cross-Domain Requests

YUI().use("io-xdr", function(Y) { var xdrCfg = { src:'io.swf' }; Y.io.transport(xdrCfg);

var cfg = { use: 'flash', //use flash transport data: 'foo=bar&baz=boo' //data to transfer timeout: 3000, //transfer timeout };

var GlobalEventHandler = { success: function(id, o, args) { var data = o.responseText; }};

Y.on('io:success', GlobalEventHandler.complete, this); var request = Y.io(uri, cfg);});

Need Something Else? Get it from the Gallery

http://yuilibrary.com/gallery/

This Presentatonhttp://www.slideshare.net/jcleblanc

YQL Documentationhttp://developer.yahoo.com/yql

YUI Documentationhttp://developer.yahoo.com/yui

Contact MeTwitter: @jcleblanc