Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Mobile Web at Loughborough

  • 1,263 views
Uploaded on

My slides from the DevCSI "Developing for the Mobile Web" workshop at the ILRT, Bristol on 27th October 2010. Check out my blog at http://martinh.net for more on this work.

My slides from the DevCSI "Developing for the Mobile Web" workshop at the ILRT, Bristol on 27th October 2010. Check out my blog at http://martinh.net for more on this work.

More in: Technology , Sports
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,263
On Slideshare
950
From Embeds
313
Number of Embeds
3

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 313

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mobile Web
    at Loughborough
    DevCSI
    October 2010
    Martin Hamilton
    http://martinh.net
    Picture by Flickr user isado
  • 2. Web page bringing together disparate systems and services
    Scaffolding to build student self-service facilities
    Wider simplification agenda
    Picture: Microsoft Office clipart
  • 3.
  • 4. 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()
    Picture by Flickr user isado
  • 5. Phase 1
    Google Mail and Calendar
    Moodle VLE
    Budget
    Library Services
    Static student content
    General news/events
    Targeted alerts
    Search
    Single Sign-On
    Picture by Flickr user isado
  • 6. 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
  • 7. 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
    Picture by Flickr user isado
  • 8. Phase 2 (Q1/Q2 2011)
    Student self-service
    Model for scaling interface
    Mobile Web interface
    Wish list
    Web Single Sign-On
    “Third party” widgets
    Picture by Flickr user isado
  • 9. 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
    Picture by Flickr user isado
    Picture by Flickr user isado
  • 10. 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… !]
    Picture by Flickr user isado
  • 11. <? $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>