Mobile Web at Loughborough

Mobile Web
at Loughborough
DevCSI
October 2010
Martin Hamilton
http://martinh.net
Picture by Flickr user isado

Web page bringing together disparate systems and services
Scaffolding to build student self-service facilities
Wider simplification agenda
Picture: Microsoft Office clipart

Opening up Data Feeds
Ex Libris – RESTfulAPI (via X-Server)
VMC Metro Symphony – SOAP API
Google Apps – ATOM APIs for Mail/Calendar
+ direct MySQL and SQL Server access
+ the usual RSS feeds etc
+ some scraping via jQueryload()

Phase 1
Google Mail and Calendar
Moodle VLE
Budget
Library Services
Static student content
General news/events
Targeted alerts
Search
Single Sign-On

Current Status
Feeds + widgets mostly in place
Working prototype (my.lboro)
Mechanism for creating “widgets”
Progress with Single Sign-On (SPNEGO)
Picture: Microsoft Office clipart

Phase 1 –To Do (for Xmas)
Static student oriented content
Performance tuning
Notifications framework
Widget selector
Save widget preferences
Further use of Single Sign-On
Usability / Accessibility

Phase 2 (Q1/Q2 2011)
Student self-service
Model for scaling interface
Mobile Web interface
Wish list
Web Single Sign-On
“Third party” widgets

Anatomy of a Widget
PHP shim to set up personalisation
- move to mod_authnz_ldap?
jQueryasynch. content via AJAX
ColorBox for lightbox type effects
PHP, Perl and Python demo’d
+ Just a <DIV>, may not be in a box
+ Not necessarily read only

Mobile Web OSP
http://mobilewebosp.pbworks.com
MIT Mobile Web fork by WVU
PHP foundation – trivial code reuse
Attractive: jQTouch, touchMapLite* etc
Graceful degradation via CSS
[Time for a demo… !]

<? $page_title = "IT Status"; ?>
<? $help_on = true; ?>
<div id=”status" class="clear-map-detail">
<? include("../templates/webkit/toolbar.html"); ?>
<div class="focal">IT service status – what’s up and down</div>
<div class="content" id="trafficlights">
<p><imgsrc="../images/aloader.gif" /></p>
</div>
<script>
$("#trafficlights").load("../../../availability.html#itstatus");
</script>
<? include("../templates/webkit/info.html"); ?>
</div>

http://blog.martinh.net	304
http://martinh.net	4
http://www.roads.lut.ac.uk	3

Mobile Web at Loughborough

by Martin Hamilton

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 311

Statistics

Mobile Web at Loughborough Presentation Transcript