Remixing and
distribution of web
content made dead easy
Christian Heilmann
Future of Web Apps UK Tour 2009

Evolution

What is
the web?

Documents
The internet is a media.

The internet is a media.
Things

Data

Connected

Hunters &
Gatherers

My name is Chris. I am a German living
in London, England and one of my
favourite places to go is Hong Kong. I
also enjoyed Brazil a lot.

My name is Chris. I am a German living
in London, England and one of my
favourite places to go is Hong Kong. I
also enjoyed Brazil a lot.
Name: Brazil
Type: Country
Name: London, England, GB Latitude: -14.2429
Type: Town Longitude: -54.3878
Latitude: 51.5063
Longitude: -0.12714 Name: Hong Kong
Type: Country
Latitude: 22.4112
Longitude: 114.154
http://icant.co.uk/jsplacemaker/getinfo.html

My name is Chris. I am a German living
in London, England and one of my
favourite places to go is Hong Kong. I
also enjoyed Brazil a lot.

APIs

Language

showinfo (bool)
show video title before
video starts playing.
showannotations(bool)
display video
annotations.

Simplicity

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

What can you do with this?

select * from
upcoming.events where
location = \"cambridge,uk\"

select * from
upcoming.events where
woeid in (select woeid
from geo.places where
text=\"Cambridge,UK\")

select * from
upcoming.events where
woeid in (select woeid
from geo.places where
text=\"Cambridge,UK\")

select
title,url,venue_name,
description from
upcoming.events where
woeid in (select woeid
from geo.places where
text= \"cambridge,uk\")

select title,url,venue,
description from
upcoming.events where
woeid in (select woeid
from geo.places where
text= \"cambridge,uk\")

select title from
twitter.user.timeline
where id=\"codepo8\"

select title from
twitter.user.timeline
where id=\"codepo8\"and
title like \"%@%\"

select title from
twitter.user.timeline
where id=\"codepo8\" or
id=\"ydn\" and title like
\"%@%\"

select * from
search.termextract where
context in
(select title from
twitter.user.timeline
where id=\"codepo8\")

select * from html where
url=\"http://news.bbc.co.uk\"
and xpath=\"//td[2]//a\"

select alt from html where
url=\"http://news.bbc.co.uk\"
and xpath=\"//td[2]//a/
img[@alt]\"

select * from
flickr.photos.search where
text in
(select alt from html where
url=\"http://news.bbc.co.uk\"
and xpath=\"//td[2]//a/
img[@alt]\")

Flexibility
๏ mix and match APIs
๏ filter results
๏ simplify authentication
๏ use in console or from
code
๏ minimal research of
documentation
๏ caching of results
๏ proxied on Yahoos
servers

Extending

use \"http://www.datatables.org/
nestoria/nestoria.search.xml\" as
nestoria;
select * from nestoria where
place_name=\"Cambridge\"

http://github.com/spullara/yql-tables/tree/master

Re-Use

Sources:
http://www.caption.it/create/scrabble.php
http://www.nematodes.org/NeglectedGenomes/DEUTEROSTOMIA/
Axolotl/ATC.jpg
http://upload.wikimedia.org/wikipedia/commons/0/02/
Magna_Carta.jpg
http://www.vibrant.com/cable-messes.php
http://toomuchfree-time.blogspot.com/2008/12/poke-maniac.html
Tower of Babel: http://www.flickr.com/photos/fimoculous/
3210086353/
Leatherman: http://www.flickr.com/photos/paalb/11772559/ (scary
search topic)
London: http://www.flickr.com/photos/67871380@N00/3483861225
Hong Kong: http://www.flickr.com/photos/
29650319@N06/3571513488
Brazil: http://www.flickr.com/photos/3336/237971526/

T H A N K S !
Keep in touch:
Christian Heilmann
http://wait-till-i.com
http://scriptingenabled.org
http://twitter.com/codepo8