Find, Mix and Show
                                             using y ahoo
                                             ...
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/...
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
+B...
Parameters
appid - nothing happens without it!
inputLanguage      documentURL
fr-CA,de-DE...     url to analyze
outputType...
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
l...
Then mix:

select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
l...
And get all the info...

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe...
Display the results in a few lines...




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



...
Learn YQL by doing




http://developer.yahoo.com/yql/console/
Any data will do...
                atom
                csv
                feed
select * from   html
                jso...
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 ph...
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://...
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...
Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Find,Mix And Show
Upcoming SlideShare
Loading in...5
×

Find,Mix And Show

3,331

Published on

An introductory talk to Placemaker, YUI and YQL given at the developer evening in Madrid, Spain.

Published in: Business, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,331
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
36
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Find,Mix And Show

  1. 1. Find, Mix and Show using y ahoo ces to build servi aware web geo products. Christian Heilmann – YDN Developer Evening, Madrid, Spain – September 2009
  2. 2. Today I am going to  introduce to you three  Yahoo products that  answer three developer  ques>ons.
  3. 3. How do I make my  content findable in a  geographical context?  (and why that maFers)
  4. 4. How can I easily get  informa>on from different  resources and mix them?
  5. 5. How can I display content  in a predictable manner  across all the browsers?
  6. 6. First up: why geographical  data maFers.
  7. 7. quite cut it. Searching by text doesn’t  http://www.flickr.com/photos/ainet/869942883/
  8. 8. Disambigua>ng can be  tough, which is why we  built us a system for it.
  9. 9. http://developer.yahoo.com/geo/placemaker/guide/
  10. 10. Free Text Places URL References
  11. 11. First we take Manhattan, and then we take Berlin.
  12. 12. Calling Placemaker http://wherein.yahooapis.com/v1/ document documentContent=First+we+take +Manhattan+and+then+we+take +Berlin. documentType=text/plain appid=my_appid
  13. 13. 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
  14. 14. First we take Manhattan, and then we take Berlin.
  15. 15. First we take Manhattan, and then we take Berlin.
  16. 16. Working with Placemaker  results
  17. 17. Places
  18. 18. References
  19. 19. Using this you can build  cool liFle apps.
  20. 20. Yahoo News Map http://isithackday.com/hacks/placemaker/map.php
  21. 21. TweetLoca>ons http://isithackday.com/hacks/placemaker/tweet-locations.php
  22. 22. Geo this! (Greasemonkey) http://icanhaz.com/geothis
  23. 23. GeoMaker Collaboration http://icant.co.uk/geomaker/
  24. 24. GeoMaker API http://icant.co.uk/geomaker/api.php
  25. 25. JS Placemaker http://icant.co.uk/jsplacemaker/
  26. 26. Annoying things
  27. 27. 50,000 bytes
  28. 28. The broken web
  29. 29. POST vs. GET
  30. 30. !JSON
  31. 31. Places vs. References
  32. 32. How can you fix all  this?
  33. 33. YQL to fix the web.
  34. 34. Connec>ng places and  references
  35. 35. http://isithackday.com/hacks/placemaker/simpletext.php
  36. 36. YQL open table for GET  and JSON
  37. 37. Good news,  everyone!
  38. 38. http://isithackday.com/hacks/placemaker/placemaker-javascript.html
  39. 39. YQL can help you with  any data on the web.
  40. 40. The web of data.
  41. 41. CMS
  42. 42. CMS Tags, Comments, Connections, Embeds
  43. 43. The Yahoo Query Language, or  short YQL is a unified interface  language to the web. http://developer.yahoo.com/yql/
  44. 44. select {what} from {source} where {conditions} | {filters}
  45. 45. http://query.yahooapis.com/ v1/public/yql?q={query} &format={format}
  46. 46. For example: select * from geo.places where text='london,uk'
  47. 47. Get only the where on earth ID select woeid from geo.places where text='london,uk'
  48. 48. Then mix: select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4
  49. 49. Then mix: select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4
  50. 50. 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)
  51. 51. Display the results in a few lines... http://isithackday.com/hacks/cantine/ index.php?loc=covent+garden http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html
  52. 52. Learn YQL by doing http://developer.yahoo.com/yql/console/
  53. 53. Any data will do... atom csv feed select * from html json microformats rss xml
  54. 54. Any data will do... http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html
  55. 55. http://isithackday.com/hacks/scraping-with-yql/
  56. 56. 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 )
  57. 57. http://github.com/spullara/yql-tables/tree/master
  58. 58. http://code.google.com/apis/ajaxlanguage/documentation/
  59. 59. http://github.com/codepo8/QuickTrans/tree/master
  60. 60. http://github.com/codepo8/MultiTweet/tree/master http://www.betavine.net/bvportal/resources/widgets/research
  61. 61. What the widget  packager is for the  mobile, YUI is for the  web.
  62. 62. The web is a total mess!
  63. 63. In order to work with the  web you need to clean it  up and make it  predictable.
  64. 64. http://developer.yahoo.com/ypatterns
  65. 65. http://developer.yahoo.com/ypatterns/wireframes/
  66. 66. http://developer.yahoo.com/yui/articles/gbs/
  67. 67. Build a CSS layout that works http://developer.yahoo.com/yui/grids/builder/
  68. 68. Use already exis>ng widgets http://isithackday.com/hacks/cantine/ index.php?loc=covent+garden http://isithackday.com/hacks/cantine/
  69. 69. http://isithackday.com/hacks/delhi/
  70. 70. http://developer.yahoo.com/yui/
  71. 71. http://developer.yahoo.com/yui/docs/
  72. 72. http://developer.yahoo.com/yui/examples/
  73. 73. 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.
  74. 74. Christian Heilmann http://wait-till-i.com http://developer-evangelism.com http://twitter.com/codepo8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×