Your SlideShare is downloading. ×
Web Lego andFormat Glue<br />Tony Hirst,<br />Dept of Communication and Systems,<br />The Open University<br />
Feed oriented programming<br />
Format glue<br />Application Lego<br />
Wikipedia<br />Google<br />Spreadsheet<br />=importHTML<br />Yahoo! Pipe<br />Import CSV<br />HTML<br />CSV<br />KML<br />...
Wikipedia<br />Google<br />Spreadsheet<br />=importHTML<br />Yahoo! Pipe<br />Import CSV<br />HTML<br />CSV<br />KML<br />...
Process/Transform<br />
Creating flow...<br />
RSS/AtomHTMLCSVXML<br />CSV<br />TXT<br />Atom<br />Google VizAPI<br />
Flow<br />
RSS/AtomHTMLCSVXML<br />CSV<br />TXT<br />Atom<br />Google VizAPI<br />
URL<br />
CSV Data From Google Spreadsheets<br />http://spreadsheets.google.com/pub?<br /> <br />key=phNtm3LmDZEObQ2itmSqHIA<br /> <...
CSV[ TSV ]<br />
Many Eyes Wikified Likes CSV Data<br />http://spreadsheets.google.com/pub?key=phNtm3LmDZEObQ2itmSqHIA&output=csv&range=B2:...
CSV[ TSV ]<br />
How's the Data Distributed?<br />
Production Line<br />
Feeds<br />
RSS/AtomHTMLCSVXML<br />RSS/AtomCSV<br />KML<br />JSON<br />
URL<br />
KML(CSV)<br />
[ Yahoo Pipes ]<br />
The Simplest Pipe<br />
Multiple Sources(and that includes other pipes)<br />
Fan-in<br />
Merge/Fuse<br />
“Differential Processing”<br />
Selecting What’s Relevant<br />
Filter<br />Filter<br />
Twitter Searching…<br />
Auto-tagging...<br />
Where on Earth?<br />
[ Google Spreadsheets ]<br />
JQuery<br />
Flow<br />
Application Lego<br />Format glue<br />
http://ouseful.info@psychemedia<br />
edupunk2<br />by bionicteaching<br />Fast & slow<br />by photojenni<br />Database Hugging<br />by dullhunk<br />Duvel Asse...
http://ouseful.info@psychemedia<br />
Web glue
Upcoming SlideShare
Loading in...5
×

Web glue

1,209

Published on

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

No Downloads
Views
Total Views
1,209
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • A feed is a data structure with repeating elements; cf. a list or an array.In feed orientated processing, we apply the same operations and transformations to each element in the feed/list/array.
  • Applications have strongly typed inputs and outputs.
  • UK city population search onwikipedia
  • Transcript of "Web glue"

    1. 1. Web Lego andFormat Glue<br />Tony Hirst,<br />Dept of Communication and Systems,<br />The Open University<br />
    2. 2.
    3. 3. Feed oriented programming<br />
    4. 4. Format glue<br />Application Lego<br />
    5. 5.
    6. 6.
    7. 7.
    8. 8.
    9. 9.
    10. 10. Wikipedia<br />Google<br />Spreadsheet<br />=importHTML<br />Yahoo! Pipe<br />Import CSV<br />HTML<br />CSV<br />KML<br />Google Map<br />Embedded object<br /><embed><br />
    11. 11.
    12. 12. Wikipedia<br />Google<br />Spreadsheet<br />=importHTML<br />Yahoo! Pipe<br />Import CSV<br />HTML<br />CSV<br />KML<br />Google Map<br />Embedded object<br /><embed><br />
    13. 13. Process/Transform<br />
    14. 14. Creating flow...<br />
    15. 15. RSS/AtomHTMLCSVXML<br />CSV<br />TXT<br />Atom<br />Google VizAPI<br />
    16. 16.
    17. 17. Flow<br />
    18. 18. RSS/AtomHTMLCSVXML<br />CSV<br />TXT<br />Atom<br />Google VizAPI<br />
    19. 19. URL<br />
    20. 20. CSV Data From Google Spreadsheets<br />http://spreadsheets.google.com/pub?<br /> <br />key=phNtm3LmDZEObQ2itmSqHIA<br /> <br />&output=csv<br /> <br />&range=B2:AH684<br />
    21. 21. CSV[ TSV ]<br />
    22. 22. Many Eyes Wikified Likes CSV Data<br />http://spreadsheets.google.com/pub?key=phNtm3LmDZEObQ2itmSqHIA&output=csv&range=B2:AH684////<br />
    23. 23. CSV[ TSV ]<br />
    24. 24. How's the Data Distributed?<br />
    25. 25. Production Line<br />
    26. 26. Feeds<br />
    27. 27.
    28. 28.
    29. 29.
    30. 30.
    31. 31.
    32. 32.
    33. 33.
    34. 34. RSS/AtomHTMLCSVXML<br />RSS/AtomCSV<br />KML<br />JSON<br />
    35. 35. URL<br />
    36. 36. KML(CSV)<br />
    37. 37.
    38. 38. [ Yahoo Pipes ]<br />
    39. 39. The Simplest Pipe<br />
    40. 40.
    41. 41.
    42. 42.
    43. 43. Multiple Sources(and that includes other pipes)<br />
    44. 44. Fan-in<br />
    45. 45.
    46. 46. Merge/Fuse<br />
    47. 47.
    48. 48. “Differential Processing”<br />
    49. 49. Selecting What’s Relevant<br />
    50. 50.
    51. 51. Filter<br />Filter<br />
    52. 52.
    53. 53.
    54. 54.
    55. 55. Twitter Searching…<br />
    56. 56.
    57. 57.
    58. 58.
    59. 59. Auto-tagging...<br />
    60. 60.
    61. 61.
    62. 62.
    63. 63. Where on Earth?<br />
    64. 64.
    65. 65.
    66. 66.
    67. 67.
    68. 68.
    69. 69. [ Google Spreadsheets ]<br />
    70. 70.
    71. 71.
    72. 72.
    73. 73. JQuery<br />
    74. 74.
    75. 75. Flow<br />
    76. 76. Application Lego<br />Format glue<br />
    77. 77.
    78. 78. http://ouseful.info@psychemedia<br />
    79. 79. edupunk2<br />by bionicteaching<br />Fast & slow<br />by photojenni<br />Database Hugging<br />by dullhunk<br />Duvel Assembly Line<br />by pickinjim2006<br />Otway @ The Globe Cardiff<br />by Watt_Dabney<br />Grinding Deboned<br />Oxtail for…<br />by FotoosVanRobin<br />Neon scissors<br />by russelljsmith<br />Rock Balancing<br />by me'nthedogs<br />Lego Color Bricks<br />by 713 Avenue<br />It's all about<br />your connections.<br />by josh.liba<br />Glue Stick<br />by jrewillis<br />Ducksoup Before<br />by FotoosVanRobin<br />http://www.flickr.com/photos/psychemedia/galleries/72157623824409459/<br />
    80. 80. http://ouseful.info@psychemedia<br />

    ×