Will PLEs Become Ubiquitous through the Use of Widgets?

Taraghi B., Mühlburger H., Ebner M., Nagler W.
Nowadays Personal Learning Environments (PLEs) are described as the use of different Social Software tools for learning and teaching. The use of common web browsers often is a precondition to fulfil the requirements of social software tools. In this publication a new perspective as well as a couple of prototypes is presented to allow a more independent solution in this context. With the help of the new JavaFX technology so called Widgets are programmed which can be used on different devices as well as different operating systems. Furthermore also the web browser can be replaced by a browser instance. It can be summarized that through the use of Widgets the learning environment of the future can be more individualized and personalized. iGoogle Gadgets Palette Portal

Mashup Structure of PLE
Destributed Resources and Services
Different resources and services of university Various eLearning resources in WWW

Wookie Demo

W3C Widgets 1.0 Family of Specifications 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 of a Web browser. Examples range from simple clocks, stock tickers, news casters, games and weather forecasters, to complex applications that pull data from multiple sources to be "mashed-up" and presented to a user in some interesting and useful way. Widgets 1.0 Packaging and Configuration Widgets 1.0 APIs and Events Widgets 1.0 Digital Signatures ...

Data Extraction
Server side processing: Web Service APIs, RSS, RDF Client side processing: JSONP

Different Data Formats
(X)HTML, RSS, RDF, XML, JSON

Data Flow between Widgets and Presentation components
Client side processing

W3C Widgets 1.0 Config File
<?xml version="1.0" encoding="UTF-8"?> <widget xmlns = "http://www.w3.org/ns/widgets" id = "http://example.org/exampleWidget" version = "2.0 Beta" height = "200" width = "200" viewmodes = "application fullscreen"> <name short="Example 2.0"> The example Widget! </name> <feature name="http://example.com/camera"> <param name="autofocus" value="true"/> </feature> <preference name = "apikey" value = "ea31ad3a23fd2f" readonly = "true" /> <description> A sample widget to demonstrate some of the possibilities. </description> <author href = "http://foo-bar.example.org/" email = "foo-bar@example.org">Foo Bar Corp</author> <icon src="icons/example.png"/> <icon src="icons/boo.png"/> <content src="myWidget.html"/> </widget>

W3C Widgets 1.0 Start File
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <HTML> <HEAD> <TITLE>Widget Test</TITLE> <link rel="stylesheet" type="text/css" href="http://www.PALETTE.tudor.lu/widget/css/PALETTE.css" /> <script type="text/javascript" src="http://www.PALETTE.tudor.lu/widget/js/PALETTE.js"> </script> <script type="text/javascript"> function onLoad() { document.getElementById('username').firstChild.nodeValue = widget.preferenceForKey('username'); } </script> </HEAD> <body> Hello <span id="username">username</span>! </body> </HTML>

FeedBoard Prototype based on JavaFX
Drag-To-Install Feature
Left: Widget embedded in PLE. Middle: Widget being dragged out of the browser window and dropped onto the desktop. Right: Browser window closed, Widget still running on the desktop, shortcut created on the desktop. The widget can run any time by clicking on the shortcut.

http://www.zid.tugraz.at http://elearning.tugraz.at http://tugtc.tugraz.at http://tugll.tugraz.at http://elearningblog.tugraz.at

Department for Social Learning Graz University of Technology A - 8010 Graz - Steyrergasse 30 / 1 Tel. +43 316 873 8540 eMail: tugtc@tugraz.at

Sign up to vote on this title
UsefulNot useful