Find, Mix and Show
using y ahoo
ces to build
servi
aware web
geo
products.
Christian Heilmann – YDN Developer Evening, Madrid, Spain – September 2009

Today I am going to
introduce to you three
Yahoo products that
answer three developer
ques>ons.

How do I make my
content findable in a
geographical context?
(and why that maFers)

How can I easily get
informa>on from different
resources and mix them?

How can I display content
in a predictable manner
across all the browsers?

First up: why geographical
data maFers.

quite cut it.
Searching by text doesn’t
http://www.flickr.com/photos/ainet/869942883/

Disambigua>ng can be
tough, which is why we
built us a system for it.

http://developer.yahoo.com/geo/placemaker/guide/

Free Text Places
URL References

First we take
Manhattan, and then
we take Berlin.

Calling Placemaker
http://wherein.yahooapis.com/v1/
document
documentContent=First+we+take
+Manhattan+and+then+we+take
+Berlin.
documentType=text/plain
appid=my_appid

Parameters
appid - nothing happens without it!
inputLanguage documentURL
fr-CA,de-DE... url to analyze
outputType documentType
xml or RSS MIME type of doc
documentContent autoDisambiguate
text to analyse remove duplicates
documentTitle focusWoeid
additional title filter around a woeid

First we take
Manhattan, and then
we take Berlin.

First we take
Manhattan, and then
we take Berlin.

Working with Placemaker
results

Places

References

Using this you can build
cool liFle apps.

Yahoo News Map
http://isithackday.com/hacks/placemaker/map.php

TweetLoca>ons
http://isithackday.com/hacks/placemaker/tweet-locations.php

Geo this! (Greasemonkey)
http://icanhaz.com/geothis

GeoMaker
Collaboration
http://icant.co.uk/geomaker/

GeoMaker API
http://icant.co.uk/geomaker/api.php

JS Placemaker
http://icant.co.uk/jsplacemaker/

Annoying things

50,000 bytes

The broken web

POST vs. GET

!JSON

Places vs. References

How can you fix all
this?

YQL to fix the web.

Connec>ng places and
references

http://isithackday.com/hacks/placemaker/simpletext.php

YQL open table for GET
and JSON

Good news,
everyone!

http://isithackday.com/hacks/placemaker/placemaker-javascript.html

YQL can help you with
any data on the web.

The web of data.

CMS

CMS
Tags, Comments, Connections, Embeds

The Yahoo Query Language, or
short YQL is a unified interface
language to the web.
http://developer.yahoo.com/yql/

select {what} from {source} where
{conditions} | {filters}

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

For example:
select * from geo.places where
text='london,uk'

Get only the where on earth ID
select woeid from geo.places
where text='london,uk'

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

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

And get all the info...
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)

Display the results in a few lines...
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html

Learn YQL by doing
http://developer.yahoo.com/yql/console/

Any data will do...
atom
csv
feed
select * from html
json
microformats
rss
xml

Any data will do...
http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html

http://isithackday.com/hacks/scraping-with-yql/

Another thing...
select
server,secret,farm,id, urls.url,location,
title,owner,description
from flickr.photos.info where photo_id in
(
select id from flickr.photos.search where woe_id in
(
select match.place.woeId from geo.placemaker
where documentContent in
(
select div from html where url="http://wait-till-i.com" and
xpath="//*[@id='content']"
) and documentType="text/html"
)
and license=4
)

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

http://code.google.com/apis/ajaxlanguage/documentation/

http://github.com/codepo8/QuickTrans/tree/master

http://github.com/codepo8/MultiTweet/tree/master
http://www.betavine.net/bvportal/resources/widgets/research

What the widget
packager is for the
mobile, YUI is for the
web.

The web is a total mess!

In order to work with the
web you need to clean it
up and make it
predictable.

http://developer.yahoo.com/ypatterns

http://developer.yahoo.com/ypatterns/wireframes/

http://developer.yahoo.com/yui/articles/gbs/

Build a CSS layout that works
http://developer.yahoo.com/yui/grids/builder/

Use already exis>ng widgets
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/cantine/

http://isithackday.com/hacks/delhi/

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

http://developer.yahoo.com/yui/docs/

http://developer.yahoo.com/yui/examples/

The elevator li^ pitch
YUI is the system that Yahoo uses to build its
web sites. It is constantly tested to work for the
largest amount of users, free, open source and
covers everything from design paFerns to out‐of‐
the‐box widgets. It is modular and you can use
only what you need. You can either host it
yourself or get it from a network of distributed
servers.

Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8