Bcs Mashup, extended

2,015 views

Published on

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

No Downloads
Views
Total views
2,015
On SlideShare
0
From Embeds
0
Number of Embeds
537
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Bcs Mashup, extended

  1. 1. Mashup Mayhem RSS Edition Tony Hirst Dept of Communication and Systems, The Open University, UK
  2. 2. http://ouseful.info
  3. 3. What is a mashup?
  4. 4. What is a mashup? Where are they used?
  5. 5. What is a mashup? Where are they used? How can I make one?
  6. 9. ?
  7. 10. 3 flavours
  8. 11. 3 flavours <ul><li>Presentation layer mashup </li></ul><ul><ul><li>“ re-presentation”/visualisation </li></ul></ul>
  9. 12. 3 flavours <ul><li>Presentation layer mashup </li></ul><ul><ul><li>“ re-presentation”/visualistion </li></ul></ul><ul><li>Data mashup </li></ul>
  10. 13. 3 flavours <ul><li>Presentation layer mashup </li></ul><ul><ul><li>“ re-presentation”/visualisation </li></ul></ul><ul><li>Data mashup </li></ul><ul><li>Process/workflow mashup </li></ul>
  11. 14. 3 flavours <ul><li>Presentation layer mashup </li></ul><ul><ul><li>“ re-presentation”/visualisation </li></ul></ul><ul><li>Data mashup </li></ul><ul><li>Process/workflow mashup </li></ul>
  12. 15. Application areas
  13. 16. Web2.0 Enterprise Activism Education
  14. 17. A mashup is a combination of: data from two or more independent sources data and an 'unanticipated' way of presenting it
  15. 18. An unanticipated way of presenting of “data”
  16. 19. Doing more with less...
  17. 20. e.g. maps mashups Google maps - http://maps.google.co.uk http://geocommons.com
  18. 22. http://flickr.com/photos/75468125@N00/1395277674/
  19. 23. If it uses “glue logic” then it is a mashup...
  20. 24. http://flickr.com/photos/todbot/96085777/ “ Simple logic circuits used to connect together more complex circuits which are not perfectly compatible.”
  21. 25. http://flickr.com/photos/eob/55434639
  22. 26. P ersonal L earning E nvironment
  23. 27. Making the content yours
  24. 29. http://flickr.com/photos/chromewaves/2171216654/
  25. 30. So let's mash it up... ...mash it up
  26. 33. Fan-in
  27. 34. Search glue: http://live.com just add &format=rss
  28. 35. “ Library Feeds” <ul><li>- Library resources </li></ul><ul><li>- New books </li></ul><ul><li>- Journal tables of contents </li></ul>
  29. 36. http://flickr.com/photos/todbot/96085777/ Glue Logic
  30. 37. Where's the feed?
  31. 38. Feed Autodiscovery
  32. 39. http://digitalworlds.wordpress.com
  33. 40. Nice URLs make life easier too :-)
  34. 41. http://digitalworlds.ouseful.com /category/gamemaker /feed
  35. 43. Uncourse blog emergent link structure
  36. 45. http://ouseful.open.ac.uk/stringle
  37. 46. Stringle – a string’n’glue learning environment
  38. 47. Stringle – a string’n’glue learning environment
  39. 48. Pipework
  40. 49. Fan-in
  41. 50. Filter Filter
  42. 51. Process/Transform
  43. 52. Merge/Fuse
  44. 53. “ Differential Processing”
  45. 54. - search and filtering - maps - page scraping and APIs - visualisation
  46. 55. http://pipes.yahoo.com
  47. 56. Wikipedia scrape
  48. 57. Wikipedia HTML Google Spreadsheet =importHTML CSV Yahoo! Pipe Import CSV KML Google Map Pageflakes Anything Flake <embed>
  49. 58. New York Times Campaign Data Spreadsheet
  50. 59. Lowering the barriers to entry: data accessibility New York Times Campaign Finance API XML Google Spreadsheet =importXML
  51. 60. Google Calendar and Map, Side-by-side
  52. 61. Google Calendar <embed> Calendar View Map View Yahoo! Pipe geocoder Google map <embed> KML
  53. 62. serendipitwitterous
  54. 63. Twitter RSS
  55. 64. http://ouseful.info

×