Presentation at the domainconvergence conference about using and not abusing the social web to develop web sites.

1. Deve loping
ith the web
w
Christian Heilmann – Domainconvergence, Toronto, Canada – August 2009

2. The end is near

3. Build it and they will come

4. Back when this was all
fields...

5. The web2.0 revolution

6. Bringing the noise

7. Oh! Shiny thing!

8. If you can’t fight them...

9. Spreading and collecting

10. CMS

11. CMS
Tags, Comments, Connections, Embeds

12. Bringing the web to our
sites...

13. http://chatcatcher.com/

15. http://sideline.yahoo.com

16. http://cotweet.com/

19. Digging into the web of
data.

20. h"p://www.flickr.com/photos/clspeace/162336973/

21. h"p://www.flickr.com/photos/tudor/2981410947/

22. h"p://www.flickr.com/photos/lumachrome/2140368742/

23. h"p://www.flickr.com/photos/carey?lden/115435226/
h"p://www.flickr.com/photos/carey?lden/115435226/

24. http://pipes.yahoo.com
h"p://www.flickr.com/photos/carey?lden/115435226/

25. h"p://www.flickr.com/photos/carey?lden/115435226/
h"p://www.flickr.com/photos/axio/2346342672/

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

27. select {what} from
{service} where
{condition}

28. Say you want kittens on your site
(who doesn’t?)
select * from
flickr.photos.search
where text="kitten"

30. Say you only want 5 kittens
select * from
flickr.photos.search
where text="kitten"
limit 5

31. Say you only want 5 kittens

32. Nice, but where can you get this?

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

34. Output formats are XML or JSON.
JSON means you can use the data in
JavaScript.

35. http://query.yahooapis.com/v1/public/yql?q=select
%20*%20from flickr.photos.search%20where%20text=
%22kitten%22limit%205&format=json&callback=meow

37. Re-mixing the web.

38. Guess what this does:
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)

39. Find London, England
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)

40. Find photos from there.
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)

41. Get the info of for the photos
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)

42. Make sure you are OK to use them!
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)

43. Display them using free widgets
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/cantine/

44. http://isithackday.com/hacks/frankfurt

45. APIs

46. APIs
http://search.twitter.com/trends/current.json

47. API Issues

48. Conjuring content?

49. Content Issues

50. Content Issues

51. UGC issues

52. Placement

53. Legal issues

54. Demos and resources

56. http://developer.yahoo.com

57. Thus you can create niche
search products.
http://keywordfinder.org/

58. http://developer.yahoo.com/yslow/

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

62. http://blindsearch.fejus.com/

63. http://correlator.sandbox.yahoo.net/

64. http://developer-evangelism.com/web.php

65. http://www.amazon.de/Web-Development-
Solutions-Libraries-Services/dp/1590598067

66. Play nice!

67. http://www.colalife.org/

68. C h e e r s !
Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8