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

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.

8. quite cut it.
Searching by text doesn’t
http://www.flickr.com/photos/ainet/869942883/

9. Disambigua>ng can be
tough, which is why we
built us a system for it.

10. http://developer.yahoo.com/geo/placemaker/guide/

11. Free Text Places
URL References

12. First we take
Manhattan, and then
we take Berlin.

13. Calling Placemaker
http://wherein.yahooapis.com/v1/
document
documentContent=First+we+take
+Manhattan+and+then+we+take
+Berlin.
documentType=text/plain
appid=my_appid

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

15. First we take
Manhattan, and then
we take Berlin.

16. First we take
Manhattan, and then
we take Berlin.

19. Working with Placemaker
results

20. Places

21. References

22. Using this you can build
cool liFle apps.

23. Yahoo News Map
http://isithackday.com/hacks/placemaker/map.php

24. TweetLoca>ons
http://isithackday.com/hacks/placemaker/tweet-locations.php

25. Geo this! (Greasemonkey)
http://icanhaz.com/geothis

26. GeoMaker
Collaboration
http://icant.co.uk/geomaker/

29. GeoMaker API
http://icant.co.uk/geomaker/api.php

30. JS Placemaker
http://icant.co.uk/jsplacemaker/

31. Annoying things

32. 50,000 bytes

33. The broken web

34. POST vs. GET

35. !JSON

36. Places vs. References

37. How can you fix all
this?

38. YQL to fix the web.

42. Connec>ng places and
references

43. http://isithackday.com/hacks/placemaker/simpletext.php

49. YQL open table for GET
and JSON

50. Good news,
everyone!

51. http://isithackday.com/hacks/placemaker/placemaker-javascript.html

54. YQL can help you with
any data on the web.

55. The web of data.

56. CMS

57. CMS
Tags, Comments, Connections, Embeds

58. The Yahoo Query Language, or
short YQL is a unified interface
language to the web.
http://developer.yahoo.com/yql/

59. select {what} from {source} where
{conditions} | {filters}

60. http://query.yahooapis.com/
v1/public/yql?q={query}
&format={format}

61. For example:
select * from geo.places where
text='london,uk'

64. Get only the where on earth ID
select woeid from geo.places
where text='london,uk'

65. Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

66. Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

67. 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)

72. Display the results in a few lines...
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html

73. Learn YQL by doing
http://developer.yahoo.com/yql/console/

81. Any data will do...
atom
csv
feed
select * from html
json
microformats
rss
xml

82. Any data will do...
http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html

83. http://isithackday.com/hacks/scraping-with-yql/

84. 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
)

87. http://github.com/spullara/yql-tables/tree/master

91. http://code.google.com/apis/ajaxlanguage/documentation/

93. http://github.com/codepo8/QuickTrans/tree/master

94. http://github.com/codepo8/MultiTweet/tree/master
http://www.betavine.net/bvportal/resources/widgets/research

95. What the widget
packager is for the
mobile, YUI is for the
web.

96. The web is a total mess!

97. In order to work with the
web you need to clean it
up and make it
predictable.

98. http://developer.yahoo.com/ypatterns

99. http://developer.yahoo.com/ypatterns/wireframes/

100. http://developer.yahoo.com/yui/articles/gbs/

102. Build a CSS layout that works
http://developer.yahoo.com/yui/grids/builder/

103. Use already exis>ng widgets
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/cantine/

104. http://isithackday.com/hacks/delhi/

105. http://developer.yahoo.com/yui/

109. http://developer.yahoo.com/yui/docs/

110. http://developer.yahoo.com/yui/examples/

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

112. Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8