Presentation done at MUPPLE-09, 2nd Workshop on Mash-UP Personal Learning Environments (MUPPLE-09), Interoperable Widgets, Services, and Microformats to facilitate Competence Development, held at the 4th European Conference on Technology Enhanced Learning (EC-TEL09), Nice, France, September 29 - October 2, 2009.
Proceedings online at: http://CEUR-WS.org/Vol-506/
This article: http://CEUR-WS.org/Vol-506/sire.pdf
3. What are we talking about ?
Page ?
Mashup ?
Tab ?
Space
Universe ?
Dashboard ?
Container ?
Portal ?
3 www.role-project.eu/mupple09
4. What is a Web Space ?
Components + Data-Flow wiring Mashup
Widgets + Grid Layout Tab, Universe, etc.
Web Space
4 www.role-project.eu/mupple09
5. Web Spaces are the next big stuff in Web Sharing !
TODAY
• Pages : blogs, wikis
• Videos : YouTube
• Slides : slideshare
• Widgets : widgetbox (embed with cut & paste)
• Mashups : Yahoo pipes (embed with cut & paste)
TOMORROW
• Full Web Spaces Sharing
• enabler for collaboration
• especially for learning
• e.g. “learn english” web space
5 www.role-project.eu/mupple09
11. What to share ?
Mashup Widget Composition
list of components list of widgets
data-flow wiring of layout
components
component settings widget preferences
widget states
third party user’s data on external services
11 www.role-project.eu/mupple09
12. Current State of the Art
• Some scenarios already possible at the widget or mashup level
• most of the time limited to cloning or broadcasting
• most of the time with knowledge of Javascript required
• Yahoo Pipes example :
12 www.role-project.eu/mupple09
13. Example:
broadcasting a mashup dashboard on www.afrous.com
<script type="text/javascript"
src="http://resource.afrous.net/release/2.1/js/afrous-dashboard-include.js">
</script>
<script type="text/javascript">
afrous.config = { SITE_KEY : '7e0cd16c11ff3ffe8ad75dfc981b37ee'};
window.onload=function() {
afrous.dashboard.showDashboard(
{ el : 'dashboard',
id : '4bf13a9aef4428fe235ed090d3cf112d',
hideDrawer : true });
}
</script>
13 www.role-project.eu/mupple09
14. Example: sharing a widget on Netvibes
Copy of the
Widget
configuration
14 www.role-project.eu/mupple09
15. Our first implementation: iGoogle !
Cloning
Space Level
Broadcasting
Co-Editing
Widget Level
Portability
Space Level
15 www.role-project.eu/mupple09
16. Our first implementation (Cont’d)
Broadcasting
scenario
Co-Editing
scenario
Social Gadget
16 www.role-project.eu/mupple09
18. iGoogle : the most complete implementation up to date
Scenario Solution Widget Space Level
Level
Portability “Export / no yes
Import
settings”
Cloning “Send my ? yes
settings”
Broadcasting “View my yes no
content”
Co-Editing “View and yes no
edit my
content”
• But all these features are not cross-platform
• No fine grain control other what is shared and when and
by Who
18 www.role-project.eu/mupple09
19. Portable Collaborative Web Spaces Roadmap
1. Common agreement on a Web Space configuration language
• e.g. extension of OPML from news feeds to Web Spaces
• e.g. Widget gallery format on W3C mailing list
• e.g. GadgetTabML from Google
2. Extension of the language to support collaboration
• what to share
• when to share
• who to share with
• how to share it
3. Agreement on architecture for achieving runtime independence
19 www.role-project.eu/mupple09
21. Extension of the configuration language for collaboration
• What ?
• unit of sharing: whole space, widget, individual setting (or state)
• maybe layout and stuff like that
• When ?
• refresh rate
• page reload
• COMET
• With Who ?
• participant lists
• How (scenario) ?
• update rule:
• Broadcasting
• Co-Editing
• No sharing
21 www.role-project.eu/mupple09
22. Proposition for XML based configuration languages
22 www.role-project.eu/mupple09
24. Towards an Open Architecture for sharing Web Spaces
24 www.role-project.eu/mupple09
25. Conclusion
• The vision is here
• one mainstream software editor seems to have embraced it…
• how to convince others to join in ?
• how to avoid multiple non-compatible formats to emerge ?
• W3C Web Apps work stops at Widget Level
• Enabling technologies are appearing
• Google Wave Federation Protocol & Client-Server Protocol
• DOM Server-side Event (HTML 5 ?)
• OpenSocial (participant lists : towards an OpenGroup) ?
• Lot of Opened Issues
• usability (esp. how to design widgets for collaboration ?)
• How to share the vision from now ?
25 www.role-project.eu/mupple09