Find,Mix And Show

4,786 views
4,173 views

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
4,786
On SlideShare
0
From Embeds
0
Number of Embeds
301
Actions
Shares
0
Downloads
36
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Find,Mix And Show

  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

×