Personal Learning Environment for Higher Education - A MashUp Based Widget Concept

4,435 views

Published on

Presentaton at Mupple 09 Workshop - ECTEL 09 Conference

Published in: Education, Technology

Personal Learning Environment for Higher Education - A MashUp Based Widget Concept

  1. 1. Personal Learning Environment for Higher Education: A Mashup Based Widget Concept <ul><li>Behnam Taraghi , Martin Ebner, Sandra Schaffert </li></ul>
  2. 2. <ul><li>Special Track “Mashups for Learning” (MASHL2009) </li></ul><ul><li>International Conference on Interactive Computer Aided Learning (ICL), Villach, Austria </li></ul>Social Learning Computer and Information Services Graz University of Technology
  3. 3. What is a PLE ?
  4. 4. http://www.flickr.com/photos/alancleaver/2441359074 According to Stephen Downes a PLE is ... a future learning environment
  5. 5. http://www.flickr.com/photos/skippytpe/256929499 According to Stephen Downes a PLE is ... not an institutional or coporate application but a learning center
  6. 6. http://www.flickr.com/photos/alysser/2011022884 According to Stephen Downes a PLE is ... where content is reused and remixed
  7. 7. http://www.flickr.com/photos/alysser/2011022884 According to Stephen Downes a PLE is ... according to the student‘s own needs and interests
  8. 8. Why we need a PLE ?
  9. 9. http://www.flickr.com/photos/toru_okada/1377360600 University a closed castle?
  10. 10. http://edtechpost.wikispaces.com/file/view/swl_ple2.gif ( Scott Leslie, PLE Diagram) But how can we integrate the WWW ...
  11. 11. http://www.flickr.com/photos/ghz/407109888/ and combine it with university‘s services?
  12. 12. The general concept
  13. 13. Issues to consider <ul><li>Focus on individual needs , preferences of users </li></ul><ul><li>Future VLE </li></ul><ul><li>Recommendations but not automatic personalization </li></ul><ul><li>Individuality of the interface </li></ul><ul><li>Learning and Information environment </li></ul><ul><li>Flexibility destroys design </li></ul>
  14. 14. Technological concept
  15. 15. Widget <ul><li>Follow a W3C Widget Specification </li></ul><ul><li>IST Palette Project and TenCompetence </li></ul>„ Widgets are full-fledged client-side applications that are authored using Web standards. They are typically downloaded and installed on a client machine or device where they typically run as stand-alone applications outside a Web browser“ Defintion of W3C
  16. 16. widget widget widget Client-side application logic (JavaScript) Widget Update JS Call Web Server Controller PHP Classes and Actions Model Database MashUp Principle - Use of Widgets XHR Request Response HTTP Request Response JSONP Request Response Remote Web Server Remote Web Server
  17. 17. Java FX „ JavaFX is a rich client platform for building cross-device applications and content. Designed to enable easy creation and deployment of RIAs with immersive media and content, the JavaFX platform ensures that RIAs look and behave consistently across diverse form factors and devices . “ http://javafx.com/docs/gettingstarted/javafx/
  18. 18. First Working Prototype
  19. 19. Prototype
  20. 20. Performance issues Minimize all CSS and JS Using GZIP compression Reduce #requests Caching
  21. 21. s Next Steps <ul><li>Roll Out of the Prototype </li></ul><ul><li>Implementing Useful Widgets </li></ul><ul><li>Special focus on learning objects </li></ul><ul><li>Apply HTML 5 features </li></ul><ul><li>Recommendations for different learning resources </li></ul><ul><li>Mobile widgets </li></ul>
  22. 22. SOCIAL LEARNING Computer and Information Services Graz University of Technology Behnam Taraghi http://elearning.tugraz.at http://tugll. tugraz .at /96874/ Join us in Graz - http://www.iunig.at

×