Research Perspectives on Web 2.0 Mash-up Environments Hendrik Drachsler & Christian Glahn Open University of the Netherlan...
Ever heard about Mash-ups?
What happen in the old days ...
The VLE is dead! Long live the PLE?
http://blog.core-ed.net/derek/2006/11/more_on_mles_and_ples.html No, there are new requirements
The fuel for Interoperability  < />
... and the kerosine {feed : [  ]}
Approaches for Mashing <ul><li>Accumulative Mash-ups  Information of different services are aggregated into a single inter...
Techniques for Mashing <ul><li>Client side </li></ul><ul><ul><li>Frames or iFrames </li></ul></ul><ul><ul><li>Flash inlays...
Frames or I-Frames <ul><li>Pro </li></ul><ul><li>Works with all sources </li></ul><ul><li>Works almost always </li></ul><u...
Frames or I-Frames Normal content Embedded i-frame from google calendar
Flash inlays <ul><li>Pro </li></ul><ul><li>Works with all sources </li></ul><ul><li>Works almost always </li></ul><ul><li>...
Flash inlays Normal content Flash inlay
Cross-site scripting <ul><li>Pro </li></ul><ul><li>No server side components </li></ul><ul><li>The client does everything ...
Cross-site scripting Normal content Script and content  from delicious.com
More cross-site scripting Normal content Script from ou.nl  Multiple content from delicious.com
CELSTEC Approaches ReScope
What is ReScope? <ul><li>Personal tool </li></ul><ul><li>Delicious tag cloud  </li></ul><ul><li>Mashes normal tag count wi...
How does ReScope work? <ul><li>Loads your tag list from delicious.com </li></ul><ul><li>Load your last 20 bookmarks from d...
ReScope
ReScope
ReScope
Check out ReScope <ul><li>http://lnx-otecexp-005v.ou.nl/rescope/ </li></ul>
What is ReMashed? <ul><li>ReMashed is a Web 2.0 Mash-up environment that allows you to personalize information of a commun...
How does it work? <ul><li>ReMashed uses  collaborative filtering  to generate recommendations.  </li></ul><ul><li>It works...
How does it work? Cold-Start = Tag based recommendation Collaborative Filtering through Ratings
How does it work? ReMashed Database Recommendation Engine
How can you use it? Register at remashed.ou.nl Enter your favorite  Web 2.0 potatoes. Let us be a  community  for one week...
How can you join? You just have to sign up  with one of the possible sources to participate. But you will get more persona...
Many thanks for your interest!  This slide is available here: http://www.slideshare.com/Drachsler Email:  [email_address] ...
Sign up at: http://remashed.ou.nl http://lnx-otecexp-005v.ou.nl/rescope/
Upcoming SlideShare
Loading in...5
×

Research Perspectives on Web 2.0 Mash-up Environments

1,145

Published on

Presentation given by Hendrik Drachsler & Christian Glahn at tencompetence Winterschool 2009

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide
  • Research Perspectives on Web 2.0 Mash-up Environments

    1. 1. Research Perspectives on Web 2.0 Mash-up Environments Hendrik Drachsler & Christian Glahn Open University of the Netherlands, CELSTEC
    2. 2. Ever heard about Mash-ups?
    3. 3. What happen in the old days ...
    4. 4. The VLE is dead! Long live the PLE?
    5. 5. http://blog.core-ed.net/derek/2006/11/more_on_mles_and_ples.html No, there are new requirements
    6. 6. The fuel for Interoperability < />
    7. 7. ... and the kerosine {feed : [ ]}
    8. 8. Approaches for Mashing <ul><li>Accumulative Mash-ups Information of different services are aggregated into a single interface </li></ul><ul><li>Extending Mash-ups Information of different services are aggregated and extended to achieve new functionality, views, or uses </li></ul>
    9. 9. Techniques for Mashing <ul><li>Client side </li></ul><ul><ul><li>Frames or iFrames </li></ul></ul><ul><ul><li>Flash inlays </li></ul></ul><ul><ul><li>Cross site scripting </li></ul></ul><ul><li>Server side </li></ul><ul><ul><li>Only XML Data is provided by remote services </li></ul></ul><ul><ul><li>Services based on multiple sources </li></ul></ul>
    10. 10. Frames or I-Frames <ul><li>Pro </li></ul><ul><li>Works with all sources </li></ul><ul><li>Works almost always </li></ul><ul><li>Contra </li></ul><ul><li>Little control </li></ul><ul><li>No interaction between services </li></ul>
    11. 11. Frames or I-Frames Normal content Embedded i-frame from google calendar
    12. 12. Flash inlays <ul><li>Pro </li></ul><ul><li>Works with all sources </li></ul><ul><li>Works almost always </li></ul><ul><li>Contra </li></ul><ul><li>Little control </li></ul><ul><li>Needs flash </li></ul>
    13. 13. Flash inlays Normal content Flash inlay
    14. 14. Cross-site scripting <ul><li>Pro </li></ul><ul><li>No server side components </li></ul><ul><li>The client does everything </li></ul><ul><li>Full control on presentation </li></ul><ul><li>Interaction between different components </li></ul><ul><li>Contra </li></ul><ul><li>Needs JavaScript </li></ul><ul><li>Foreign sites can gain control </li></ul><ul><li>Does not scale </li></ul><ul><li>Depends on the client side system </li></ul>
    15. 15. Cross-site scripting Normal content Script and content from delicious.com
    16. 16. More cross-site scripting Normal content Script from ou.nl Multiple content from delicious.com
    17. 17. CELSTEC Approaches ReScope
    18. 18. What is ReScope? <ul><li>Personal tool </li></ul><ul><li>Delicious tag cloud </li></ul><ul><li>Mashes normal tag count with recent tag count </li></ul><ul><li>Tag cloud history through notes </li></ul><ul><li>Great tool for supporting reflections on your bookmarking habits </li></ul>
    19. 19. How does ReScope work? <ul><li>Loads your tag list from delicious.com </li></ul><ul><li>Load your last 20 bookmarks from delicious.com </li></ul><ul><li>Merge the tags of the last 20 bookmarks with the global tag list </li></ul><ul><li>With every note the tag cloud is stored with the note </li></ul><ul><li>If a user clicks on a note, the old tag cloud is reloaded </li></ul><ul><li>Everything runs in the user's browser; no server active components </li></ul>
    20. 20. ReScope
    21. 21. ReScope
    22. 22. ReScope
    23. 23. Check out ReScope <ul><li>http://lnx-otecexp-005v.ou.nl/rescope/ </li></ul>
    24. 24. What is ReMashed? <ul><li>ReMashed is a Web 2.0 Mash-up environment that allows you to personalize information of a community to your preferences. </li></ul><ul><li>You tell ReMashed which Web 2.0 services you use and then you are able to define which contributions of other members you like and don't like. </li></ul>
    25. 25. How does it work? <ul><li>ReMashed uses collaborative filtering to generate recommendations. </li></ul><ul><li>It works by matching together users with similar tastes (neighbors) about different Web 2.0 resources (delicious, flickr, blog feeds, slideshare). </li></ul>
    26. 26. How does it work? Cold-Start = Tag based recommendation Collaborative Filtering through Ratings
    27. 27. How does it work? ReMashed Database Recommendation Engine
    28. 28. How can you use it? Register at remashed.ou.nl Enter your favorite Web 2.0 potatoes. Let us be a community for one week. Let ReMashed start mashing. Taste your personal flavor of Web 2.0.
    29. 29. How can you join? You just have to sign up with one of the possible sources to participate. But you will get more personalized recommendations when you register more sources.
    30. 30. Many thanks for your interest! This slide is available here: http://www.slideshare.com/Drachsler Email: [email_address] [email_address] Skype: hendrik.drachsler phish108 Blogging at: http://elgg.ou.nl/hdr/weblog http://lo-f.at/glahn/ Twittering at: http://twitter.com/HDrachsler http://twitter.com/phish108
    31. 31. Sign up at: http://remashed.ou.nl http://lnx-otecexp-005v.ou.nl/rescope/

    ×