Find,Mix And Show

  • 3,224 views
Uploaded on

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

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

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,224
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
35
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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