You are on page 1of 1

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 Wookie Demo W3C Widgets 1.0 Family of Specifications
Widgets are full-fledged client-side
Destributed Resources and Services applications that are authored using Web
standards. They are typically downloaded
Different resources and services of university
Various eLearning resources in WWW and installed on a client machine or device
where they typically run as stand-alone
Data Extraction applications outside of a Web browser.
Examples range from simple clocks, stock
Server side processing:
Web Service APIs, RSS, RDF tickers, news casters, games and weather
Client side processing: JSONP forecasters, to complex applications that
pull data from multiple sources to be
Different Data Formats "mashed-up" and presented to a user in
some interesting and useful way.
(X)HTML, RSS, RDF, XML, JSON

Widgets 1.0 Packaging and Configuration


Data Flow between Widgets and
Presentation components Widgets 1.0 APIs and Events
Widgets 1.0 Digital Signatures
Client side processing ...

W3C Widgets 1.0 Config File W3C Widgets 1.0 Start File FeedBoard Prototype based on JavaFX
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<widget xmlns = "http://www.w3.org/ns/widgets" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Drag-To-Install Feature
id = "http://example.org/exampleWidget" <HTML>
version = "2.0 Beta" <HEAD>
height = "200" <TITLE>Widget Test</TITLE>
width = "200" <link rel="stylesheet" type="text/css" Left:
viewmodes = "application fullscreen"> href="http://www.PALETTE.tudor.lu/widget/css/PALETTE.css" /> Widget embedded in PLE.

<name short="Example 2.0"> <script type="text/javascript" Middle:


The example Widget! src="http://www.PALETTE.tudor.lu/widget/js/PALETTE.js"> Widget being dragged out of the
</name> </script> browser window and dropped onto
<feature name="http://example.com/camera">
<param name="autofocus" value="true"/> <script type="text/javascript"> the desktop.
</feature> function onLoad()
<preference name = "apikey" { Right:
value = "ea31ad3a23fd2f" document.getElementById('username').firstChild.nodeValue = Browser window closed, Widget still
readonly = "true" /> widget.preferenceForKey('username'); running on the desktop, shortcut
<description> } created on the desktop.
A sample widget to demonstrate some of the possibilities. </script>
</description> </HEAD>
<author href = "http://foo-bar.example.org/" <body>
email = "foo-bar@example.org">Foo Bar Corp</author> Hello <span id="username">username</span>! The widget can run any time by
<icon src="icons/example.png"/> </body> clicking on the shortcut.
<icon src="icons/boo.png"/> </HTML>
<content src="myWidget.html"/>
</widget>

http://www.zid.tugraz.at Department for Social Learning


http://elearning.tugraz.at Graz University of Technology
http://tugtc.tugraz.at A - 8010 Graz - Steyrergasse 30 / 1
http://tugll.tugraz.at Tel. +43 316 873 8540
http://elearningblog.tugraz.at eMail: tugtc@tugraz.at