Your SlideShare is downloading. ×
Find,Mix And Show
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Find,Mix And Show

3,266
views

Published 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.

Published in: Business, Technology

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,266
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
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