Developing with the web

Christian Heilmann – Domainconvergence, Toronto, Canada – August 2009

Developing

with the web

The end is near

Build it and they will come

Back when this was all fields...

The web2.0 revolution

Bringing the noise

Oh! Shiny thing!

If you can’t fight them...

Spreading and collecting

CMS

CMS

Tags, Comments, Connections, Embeds

Bringing the web to our sites...

http://chatcatcher.com/

http://sideline.yahoo.com

http://cotweet.com/

Digging into the web of data.

h"p://www.flickr.com/photos/clspeace/162336973/

h"p://www.flickr.com/photos/tudor/2981410947/

h"p://www.flickr.com/photos/lumachrome/2140368742/

h"p://www.flickr.com/photos/carey?lden/115435226/

h"p://www.flickr.com/photos/carey?lden/115435226/

h"p://www.flickr.com/photos/carey?lden/115435226/

http://pipes.yahoo.com

h"p://www.flickr.com/photos/carey?lden/115435226/

h"p://www.flickr.com/photos/axio/2346342672/

The Yahoo Query Language, or short YQL is a unified interface language to the web.

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

select {what} from {service} where {condition}

Say you want kittens on your site (who doesn’t?)

select * from flickr.photos.search where text="kitten"

Say you only want 5 kittens

select * from flickr.photos.search where text="kitten" limit 5

Say you only want 5 kittens

Nice, but where can you get this?

http://query.yahooapis.com/v1/public/yql?q={query}&format={format}

Output formats are XML or JSON. JSON means you can use the data in JavaScript.

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from flickr.photos.search%20where%20text=%22kitten%22limit%205&format=json&callback=meow

Re-mixing the web.

Guess what this does:

select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4)

Find London, England

select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4)

Find photos from there.

select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4)

Get the info of for the photos

select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4)

Make sure you are OK to use them!

select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4)

http://isithackday.com/hacks/cantine/index.php?loc=covent+garden

Display them using free widgets

http://isithackday.com/hacks/cantine/

http://isithackday.com/hacks/frankfurt

APIs

APIs

http://search.twitter.com/trends/current.json

API Issues

Conjuring content?

Content Issues

Content Issues

UGC issues

Placement

Legal issues

Demos and resources

http://developer.yahoo.com

Thus you can create niche search products.

http://keywordfinder.org/

http://developer.yahoo.com/yslow/

Collaborationhttp://icant.co.uk/geomaker/GeoMaker

http://blindsearch.fejus.com/

http://correlator.sandbox.yahoo.net/

http://developer-evangelism.com/web.php

http://www.amazon.de/Web-Development-Solutions-Libraries-Services/dp/1590598067

Play nice!

http://www.colalife.org/

Christian Heilmann

http://wait-till-i.com

http://developer-evangelism.com

http://twitter.com/codepo8

C h e e r s !