Find,Mix And Show

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 ﬁndable in a geographical context? (and why that maFers)

How can I easily get informa>on from diﬀerent 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.

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

Places vs. References

How can you ﬁx all this?

YQL to ﬁx 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 Tags, Comments, Connections, Embeds

The Yahoo Query Language, or short YQL is a uniﬁed 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

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

http://localhost	99
http://www.wait-till-i.com	74
http://christianheilmann.com	37
http://myslides.thinkphp.ro	26
http://thinkphp.ro	20
http://www.slideshare.net	3
http://icant.co.uk	3

Find,Mix And Show

by Christian Heilmann on Sep 23, 2009

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 262

Statistics

Find,Mix And Show Presentation Transcript