60 minutes of web tech: boss, yql, flickr, yui

70
60 minutes of web tech Erik Eldridge Yahoo! Developer Network 3/30/09 Photo credit: audreyjim529 (http://ow.ly/1FxN)

Upload: erik-eldridge

Post on 20-Jan-2015

1.706 views

Category:

Technology


1 download

DESCRIPTION

60 minutes of web tech: BOSS, YQL, Flickr, YUI - Hebrew University, Jerusalem, Israel - 3/30/09

TRANSCRIPT

Page 1: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

60 minutes of web tech

Erik Eldridge

Yahoo! Developer Network

3/30/09

Photo credit: audreyjim529 (http://ow.ly/1FxN)

Page 2: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Follow along (or skip ahead)

• http://slideshare.net/erikeldridge

Page 3: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

BOSS

Page 4: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Yahoo! search results

Page 5: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Old-school search

Page 6: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Build your own search

Page 7: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

TechCrunch

Page 8: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Boss example: trogdor

Page 9: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Trogdor source code

Page 10: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

BOSS registration

Page 11: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

BOSS reg. cont.

Page 12: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Local BOSS

Page 13: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Simple BOSS

Page 14: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Simple proxy

Page 15: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Simple output

Page 16: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Resources

• BOSS on YDN:http://developer.yahoo.com/boss

• Trogdor: BOSS example:http://pieisgood.org/search/

Page 17: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL

Page 18: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL is select * from internet

Page 19: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL on YDN

Page 20: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL console

Page 21: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

BOSS-like search

Page 22: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Public data

Page 23: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL proxy & frontend

Page 24: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL trogdor

Page 25: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

HTML to extract

Page 26: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

HTML extraction in console

Page 27: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

HTML extraction code

Page 28: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

RSS extraction

Page 29: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

RSS raw

Page 30: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

RSS extraction in console

Page 31: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

RSS extraction code

Page 32: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

RSS extracted

Page 33: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YQL Open Tables

Page 34: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Open table examples

Page 35: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Twitter status Open Table

Page 36: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Twitter status table raw

Page 37: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Twitter status Open Table in action

Page 38: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Resources

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

• Open Table examples: http://github.com/spullara/yql-tables/tree/master

• PHP:http://php.net

Page 39: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr

Page 40: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr homepage

Page 41: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr API page

Page 42: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Use YQL for public pics

Page 43: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Desc flickr.photos.search

Page 44: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Resolve Flickr username

Page 45: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Request user’s photos in YQL

Page 46: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Use proxy to get data

Page 47: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Catch the data in the client

Page 48: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Output

Page 49: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr API endpoint

Page 50: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr API explorer

Page 51: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr Auth: fetching frob

Page 52: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr auth: fetching token

Page 53: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Flickr auth: making request

Page 54: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Resources

• Flickr APIs:http://www.flickr.com/services/api/

Page 55: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI

Page 56: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI on Yahoo! Developer Network

Page 57: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI: open source CSS and JavaScript library used by

Yahoo!

Page 58: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI on github

Page 59: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI is CSS and JavaScript

Page 60: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI grids builder

Page 61: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI grids installed

Page 62: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI get

Page 63: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI Loader

Page 64: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI Loader installed

Page 65: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI display installed

Page 66: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI DragDrop installed

Page 67: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI DragDrop in action

Page 68: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

YUI Dependency configurator

Page 69: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

Resources

• Developer.yahoo.com/yui– dragdrop (http://developer.yahoo.com/yui/dragdrop/)– /get

(http://developer.yahoo.com/yui/get/)– /yuiloader

(http://developer.yahoo.com/yui/yuiloader/)– /grids

(http://developer.yahoo.com/yui/grids/)

• http://github.com/yui/• http://yuilibrary.com/

Page 70: 60 minutes of web tech: BOSS, YQL, Flickr, YUI

תודה! Thank you!

• Find me on twitter and github @erikeldridge