personal learning environment for higher education - a mashup based widget concept
DESCRIPTION
Presentaton at Mupple 09 Workshop - ECTEL 09 ConferenceTRANSCRIPT
![Page 1: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/1.jpg)
Personal Learning Environment for Higher Education:
A Mashup Based Widget Concept Behnam Taraghi, Martin Ebner, Sandra Schaffert
![Page 2: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/2.jpg)
Special Track “Mashups for Learning” (MASHL2009) International Conference on Interactive Computer
Aided Learning (ICL), Villach, Austria
Social Learning Computer and Information Services
Graz University of Technology
![Page 3: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/3.jpg)
What is a PLE ?
![Page 4: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/4.jpg)
http://www.flickr.com/photos/alancleaver/2441359074
According to Stephen Downes a PLE is ...
a future learning environment
![Page 5: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/skippytpe/256929499
According to Stephen Downes a PLE is ...
not an institutional or coporate application but a learning center
![Page 6: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/6.jpg)
http://www.flickr.com/photos/alysser/2011022884
According to Stephen Downes a PLE is ...
where content is reused and remixed
![Page 7: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/7.jpg)
http://www.flickr.com/photos/alysser/2011022884
According to Stephen Downes a PLE is ...
according to the student‘s own needs and interests
![Page 8: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/8.jpg)
Why we need a PLE ?
![Page 9: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/9.jpg)
http://www.flickr.com/photos/toru_okada/1377360600
University a closed castle?
![Page 10: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/10.jpg)
http://edtechpost.wikispaces.com/file/view/swl_ple2.gif (Scott Leslie, PLE Diagram)
But how can we integrate the WWW ...
![Page 11: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/ghz/407109888/
and combine it with university‘s services?
![Page 12: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/12.jpg)
The general concept
![Page 13: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/13.jpg)
Issues to consider
• Focus on individual needs, preferences of users • Future VLE• Recommendations but not automatic personalization• Individuality of the interface• Learning and Information environment• Flexibility destroys design
![Page 14: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/14.jpg)
Technological concept
![Page 15: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/15.jpg)
Widget
• Follow a W3C Widget Specification• IST Palette Project and TenCompetence
„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
![Page 16: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/16.jpg)
widget
widget
widget
Client-side application logic
(JavaScript)
Widget Update
JS
Call
Web ServerController
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
![Page 17: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/17.jpg)
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/
![Page 18: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/18.jpg)
First Working Prototype
![Page 19: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/19.jpg)
Prototype
![Page 20: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/20.jpg)
Performance issues
Minimize all CSS and JSUsing GZIP compressionReduce #requestsCaching
![Page 21: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/21.jpg)
s
Next Steps
• Roll Out of the Prototype • Implementing Useful Widgets• Special focus on learning objects• Apply HTML 5 features• Recommendations for different learning resources• Mobile widgets
![Page 22: Personal Learning Environment for Higher Education - A MashUp Based Widget Concept](https://reader036.vdocuments.net/reader036/viewer/2022070302/5478fc625806b5a3048b4606/html5/thumbnails/22.jpg)
SOCIAL LEARNINGComputer 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