Deve  loping
    ith the  web
   w
Christian Heilmann – Domainconvergence, Toronto, Canada – August 2009
The end is near
Build it and they will come
Back when this was all
       fields...
The web2.0 revolution
Bringing the noise
Oh! Shiny thing!
If you can’t fight them...
Spreading and collecting
CMS
CMS


Tags, Comments, Connections, Embeds
Bringing the web to our
         sites...
http://chatcatcher.com/
http://sideline.yahoo.com
http://cotweet.com/
Digging into the web of
          data.
h"p://www.flickr.com/photos/clspeace/162336973/
h"p://www.flickr.com/photos/tudor/2981410947/
h"p://www.flickr.com/photos/lumachrome/2140368742/
h"p://www.flickr.com/photos/carey?lden/115435226/




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




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




           h"p://www.flickr.com/photos/axio/2346342672/
The Yahoo Query Language, or short
YQL is a unified interface language
to the web.
http://developer.yahoo.com/yql/
select {what} from
{service} where
{condition}
Say you want kittens on your site
(who doesn’t?)

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

select * from
flickr.photos.search
where text="kitten"
limit 5
Say you only want 5 kittens
Nice, but where can you get this?
http://query.yahooapis.com/v1/
public/yql?q={query}
&format={format}
Output formats are XML or JSON.
JSON means you can use the data in
JavaScript.
http://query.yahooapis.com/v1/public/yql?q=select
 %20*%20from flickr.photos.search%20where%20text=
  %22kitten%22limit%20...
Re-mixing the web.
Guess what this does:

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe_i...
Find London, England

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe_id...
Find photos from there.

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe...
Get the info of for the photos

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search wh...
Make sure you are OK to use them!

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search...
Display them using free widgets



  http://isithackday.com/hacks/cantine/
       index.php?loc=covent+garden




     htt...
http://isithackday.com/hacks/frankfurt
APIs
APIs

http://search.twitter.com/trends/current.json
API Issues
Conjuring content?
Content Issues
Content Issues
UGC issues
Placement
Legal issues
Demos and resources
http://developer.yahoo.com
Thus you can create niche
search products.



    http://keywordfinder.org/
http://developer.yahoo.com/yslow/
GeoMaker
Collaboration
http://icant.co.uk/geomaker/
http://blindsearch.fejus.com/
http://correlator.sandbox.yahoo.net/
http://developer-evangelism.com/web.php
http://www.amazon.de/Web-Development-
Solutions-Libraries-Services/dp/1590598067
Play nice!
http://www.colalife.org/
C h e e r s !
Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8
Developing with the web
Developing with the web
Developing with the web
Developing with the web
Developing with the web
Developing with the web
Developing with the web
Developing with the web
Upcoming SlideShare
Loading in...5
×

Developing with the web

3,473

Published on

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

Published in: Education, Business, Technology
4 Comments
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,473
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
47
Comments
4
Likes
7
Embeds 0
No embeds

No notes for slide

Developing with the web

  1. 1. Deve loping ith the web w Christian Heilmann – Domainconvergence, Toronto, Canada – August 2009
  2. 2. The end is near
  3. 3. Build it and they will come
  4. 4. Back when this was all fields...
  5. 5. The web2.0 revolution
  6. 6. Bringing the noise
  7. 7. Oh! Shiny thing!
  8. 8. If you can’t fight them...
  9. 9. Spreading and collecting
  10. 10. CMS
  11. 11. CMS Tags, Comments, Connections, Embeds
  12. 12. Bringing the web to our sites...
  13. 13. http://chatcatcher.com/
  14. 14. http://sideline.yahoo.com
  15. 15. http://cotweet.com/
  16. 16. Digging into the web of data.
  17. 17. h"p://www.flickr.com/photos/clspeace/162336973/
  18. 18. h"p://www.flickr.com/photos/tudor/2981410947/
  19. 19. h"p://www.flickr.com/photos/lumachrome/2140368742/
  20. 20. h"p://www.flickr.com/photos/carey?lden/115435226/ h"p://www.flickr.com/photos/carey?lden/115435226/
  21. 21. http://pipes.yahoo.com h"p://www.flickr.com/photos/carey?lden/115435226/
  22. 22. h"p://www.flickr.com/photos/carey?lden/115435226/ h"p://www.flickr.com/photos/axio/2346342672/
  23. 23. The Yahoo Query Language, or short YQL is a unified interface language to the web. http://developer.yahoo.com/yql/
  24. 24. select {what} from {service} where {condition}
  25. 25. Say you want kittens on your site (who doesn’t?) select * from flickr.photos.search where text="kitten"
  26. 26. Say you only want 5 kittens select * from flickr.photos.search where text="kitten" limit 5
  27. 27. Say you only want 5 kittens
  28. 28. Nice, but where can you get this?
  29. 29. http://query.yahooapis.com/v1/ public/yql?q={query} &format={format}
  30. 30. Output formats are XML or JSON. JSON means you can use the data in JavaScript.
  31. 31. http://query.yahooapis.com/v1/public/yql?q=select %20*%20from flickr.photos.search%20where%20text= %22kitten%22limit%205&format=json&callback=meow
  32. 32. Re-mixing the web.
  33. 33. 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)
  34. 34. 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)
  35. 35. 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)
  36. 36. 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)
  37. 37. 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)
  38. 38. Display them using free widgets http://isithackday.com/hacks/cantine/ index.php?loc=covent+garden http://isithackday.com/hacks/cantine/
  39. 39. http://isithackday.com/hacks/frankfurt
  40. 40. APIs
  41. 41. APIs http://search.twitter.com/trends/current.json
  42. 42. API Issues
  43. 43. Conjuring content?
  44. 44. Content Issues
  45. 45. Content Issues
  46. 46. UGC issues
  47. 47. Placement
  48. 48. Legal issues
  49. 49. Demos and resources
  50. 50. http://developer.yahoo.com
  51. 51. Thus you can create niche search products. http://keywordfinder.org/
  52. 52. http://developer.yahoo.com/yslow/
  53. 53. GeoMaker Collaboration http://icant.co.uk/geomaker/
  54. 54. http://blindsearch.fejus.com/
  55. 55. http://correlator.sandbox.yahoo.net/
  56. 56. http://developer-evangelism.com/web.php
  57. 57. http://www.amazon.de/Web-Development- Solutions-Libraries-Services/dp/1590598067
  58. 58. Play nice!
  59. 59. http://www.colalife.org/
  60. 60. C h e e r s ! Christian Heilmann http://wait-till-i.com http://developer-evangelism.com http://twitter.com/codepo8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×