SlideShare une entreprise Scribd logo
1  sur  11
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 – RESTful API (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 jQuery load()
Picture by Flickr user isado
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
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
Picture by Flickr user isado
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
Anatomy of a Widget
PHP shim to set up personalisation
- move to mod_authnz_ldap?
jQuery asynch. 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 isadoPicture by Flickr user isado
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
<? $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><img src="../images/aloader.gif" /></p>
</div>
<script>
$("#trafficlights").load("../../../availability.html #itstatus");
</script>
<? include("../templates/webkit/info.html"); ?>
</div>

Contenu connexe

En vedette (6)

Jisc support for equipment sharing - update for S-Lab Rothamsted conference J...
Jisc support for equipment sharing - update for S-Lab Rothamsted conference J...Jisc support for equipment sharing - update for S-Lab Rothamsted conference J...
Jisc support for equipment sharing - update for S-Lab Rothamsted conference J...
 
Makers Go To College - Your Digital Future 2016
Makers Go To College - Your Digital Future 2016Makers Go To College - Your Digital Future 2016
Makers Go To College - Your Digital Future 2016
 
Good Practices For Developing User Requirements
Good Practices For Developing User RequirementsGood Practices For Developing User Requirements
Good Practices For Developing User Requirements
 
Supercomputing and the cloud - the next big paradigm shift?
Supercomputing and the cloud - the next big paradigm shift?Supercomputing and the cloud - the next big paradigm shift?
Supercomputing and the cloud - the next big paradigm shift?
 
8 Characteristics of good user requirements
8 Characteristics of good user requirements8 Characteristics of good user requirements
8 Characteristics of good user requirements
 
Concept of URS,DQ,IQ,OQ,PQ
Concept of URS,DQ,IQ,OQ,PQConcept of URS,DQ,IQ,OQ,PQ
Concept of URS,DQ,IQ,OQ,PQ
 

Similaire à Mobile Web at Loughborough

Student net iwmw 2010 presentation upload
Student net iwmw 2010 presentation uploadStudent net iwmw 2010 presentation upload
Student net iwmw 2010 presentation upload
Josef Lapka
 
Upgrade Bb9 Ku Leuven 0 Introductie
Upgrade Bb9 Ku Leuven 0 IntroductieUpgrade Bb9 Ku Leuven 0 Introductie
Upgrade Bb9 Ku Leuven 0 Introductie
Jan De Baere
 

Similaire à Mobile Web at Loughborough (20)

New Opportunites to Connect Learning with LIS and LTI
New Opportunites to Connect Learning with LIS and LTINew Opportunites to Connect Learning with LIS and LTI
New Opportunites to Connect Learning with LIS and LTI
 
Web Space10
Web Space10Web Space10
Web Space10
 
Widgets - the Wookie project
Widgets - the Wookie projectWidgets - the Wookie project
Widgets - the Wookie project
 
Webtops, Wikis, and Widgets (Feb. 2009)
Webtops, Wikis, and Widgets (Feb. 2009)Webtops, Wikis, and Widgets (Feb. 2009)
Webtops, Wikis, and Widgets (Feb. 2009)
 
Don't Get Too Comfortable, The Landscape of eLearning is Changing (
Don't Get Too Comfortable, The Landscape of eLearning is Changing (Don't Get Too Comfortable, The Landscape of eLearning is Changing (
Don't Get Too Comfortable, The Landscape of eLearning is Changing (
 
Student net iwmw 2010 presentation upload
Student net iwmw 2010 presentation uploadStudent net iwmw 2010 presentation upload
Student net iwmw 2010 presentation upload
 
The Coming Functionality Mashup
The Coming Functionality MashupThe Coming Functionality Mashup
The Coming Functionality Mashup
 
The Changing Landscape of Learning Technologies (
The Changing Landscape of Learning Technologies (The Changing Landscape of Learning Technologies (
The Changing Landscape of Learning Technologies (
 
OpenOffice.org 2.x and Beyond
OpenOffice.org 2.x and BeyondOpenOffice.org 2.x and Beyond
OpenOffice.org 2.x and Beyond
 
Upgrade Bb9 Ku Leuven 0 Introductie
Upgrade Bb9 Ku Leuven 0 IntroductieUpgrade Bb9 Ku Leuven 0 Introductie
Upgrade Bb9 Ku Leuven 0 Introductie
 
Microsoft Office Connector Update at SMWCon Spring 2011
Microsoft Office Connector Update at SMWCon Spring 2011Microsoft Office Connector Update at SMWCon Spring 2011
Microsoft Office Connector Update at SMWCon Spring 2011
 
Microsoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud SolutionMicrosoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud Solution
 
Xamarin microsoft graph
Xamarin microsoft graphXamarin microsoft graph
Xamarin microsoft graph
 
StudentNET UCISA Presentation
StudentNET UCISA PresentationStudentNET UCISA Presentation
StudentNET UCISA Presentation
 
DDive11 - Messaging and Collaboration Strategy
DDive11 - Messaging and Collaboration StrategyDDive11 - Messaging and Collaboration Strategy
DDive11 - Messaging and Collaboration Strategy
 
03 Teknologi Web 2
03 Teknologi Web 203 Teknologi Web 2
03 Teknologi Web 2
 
DIY Intranet Wiki
DIY Intranet WikiDIY Intranet Wiki
DIY Intranet Wiki
 
Enterprise Apps
Enterprise AppsEnterprise Apps
Enterprise Apps
 
Ggc
GgcGgc
Ggc
 
Microsoft Architect Council Mobile Applications
Microsoft Architect Council Mobile ApplicationsMicrosoft Architect Council Mobile Applications
Microsoft Architect Council Mobile Applications
 

Plus de Martin Hamilton

Plus de Martin Hamilton (20)

Keep taking the tablets? The graduation of the iPad generation
Keep taking the tablets? The graduation of the iPad generationKeep taking the tablets? The graduation of the iPad generation
Keep taking the tablets? The graduation of the iPad generation
 
The Intelligent Campus - Where the Internet of Things meets AI - HESCA June 2018
The Intelligent Campus - Where the Internet of Things meets AI - HESCA June 2018The Intelligent Campus - Where the Internet of Things meets AI - HESCA June 2018
The Intelligent Campus - Where the Internet of Things meets AI - HESCA June 2018
 
The Digital Book Thief has a Napster Moment - Edinburgh Near Future Library S...
The Digital Book Thief has a Napster Moment - Edinburgh Near Future Library S...The Digital Book Thief has a Napster Moment - Edinburgh Near Future Library S...
The Digital Book Thief has a Napster Moment - Edinburgh Near Future Library S...
 
Martin Hamilton - The wind from nowhere - Horizon scanning in an uncertain ag...
Martin Hamilton - The wind from nowhere - Horizon scanning in an uncertain ag...Martin Hamilton - The wind from nowhere - Horizon scanning in an uncertain ag...
Martin Hamilton - The wind from nowhere - Horizon scanning in an uncertain ag...
 
From Blockchain to Brexit - edtech trends for 2018 - BETT 2018
From Blockchain to Brexit - edtech trends for 2018 - BETT 2018From Blockchain to Brexit - edtech trends for 2018 - BETT 2018
From Blockchain to Brexit - edtech trends for 2018 - BETT 2018
 
Martin Hamilton - Digital skills: You won't believe what happened next!
Martin Hamilton - Digital skills: You won't believe what happened next!Martin Hamilton - Digital skills: You won't believe what happened next!
Martin Hamilton - Digital skills: You won't believe what happened next!
 
Martin Hamilton - Librarians in Outer Space - CILIP invited talk
Martin Hamilton - Librarians in Outer Space - CILIP invited talkMartin Hamilton - Librarians in Outer Space - CILIP invited talk
Martin Hamilton - Librarians in Outer Space - CILIP invited talk
 
Martin Hamilton - The impact of technology on the higher education sector - L...
Martin Hamilton - The impact of technology on the higher education sector - L...Martin Hamilton - The impact of technology on the higher education sector - L...
Martin Hamilton - The impact of technology on the higher education sector - L...
 
Martin Hamilton - Robots and AI, the calm before the Singularity? - BCS invit...
Martin Hamilton - Robots and AI, the calm before the Singularity? - BCS invit...Martin Hamilton - Robots and AI, the calm before the Singularity? - BCS invit...
Martin Hamilton - Robots and AI, the calm before the Singularity? - BCS invit...
 
Martin Hamilton - What did your AI make today? - BCS invited talk
Martin Hamilton - What did your AI make today? - BCS invited talkMartin Hamilton - What did your AI make today? - BCS invited talk
Martin Hamilton - What did your AI make today? - BCS invited talk
 
Blockchain in research and education - UKSG Webinar - September 2017
Blockchain in research and education - UKSG Webinar - September 2017Blockchain in research and education - UKSG Webinar - September 2017
Blockchain in research and education - UKSG Webinar - September 2017
 
HPC in the cloud comes of age - Red Oak HPC Seminar
HPC in the cloud comes of age - Red Oak HPC SeminarHPC in the cloud comes of age - Red Oak HPC Seminar
HPC in the cloud comes of age - Red Oak HPC Seminar
 
Imagining Mars University - Universities UK 2017 conference
Imagining Mars University - Universities UK 2017 conferenceImagining Mars University - Universities UK 2017 conference
Imagining Mars University - Universities UK 2017 conference
 
Back to the future - Future Proof IT 2017
Back to the future - Future Proof IT 2017Back to the future - Future Proof IT 2017
Back to the future - Future Proof IT 2017
 
Tech in exams - SQA Assessment Expert Group - June 2017
Tech in exams - SQA Assessment Expert Group - June 2017Tech in exams - SQA Assessment Expert Group - June 2017
Tech in exams - SQA Assessment Expert Group - June 2017
 
Through the Overton Window - Health Education England horizon scanning worksh...
Through the Overton Window - Health Education England horizon scanning worksh...Through the Overton Window - Health Education England horizon scanning worksh...
Through the Overton Window - Health Education England horizon scanning worksh...
 
A new life awaits you in the off world colonies - UCISA Spotlight on Digital ...
A new life awaits you in the off world colonies - UCISA Spotlight on Digital ...A new life awaits you in the off world colonies - UCISA Spotlight on Digital ...
A new life awaits you in the off world colonies - UCISA Spotlight on Digital ...
 
Help! My robot is a teacher! - Future Edtech 2017
Help! My robot is a teacher! - Future Edtech 2017Help! My robot is a teacher! - Future Edtech 2017
Help! My robot is a teacher! - Future Edtech 2017
 
Towards a UK Edtech Strategy - Edtech Vision 2020
Towards a UK Edtech Strategy - Edtech Vision 2020Towards a UK Edtech Strategy - Edtech Vision 2020
Towards a UK Edtech Strategy - Edtech Vision 2020
 
Bridging the digital divide - Digital Skills Summit 2017
Bridging the digital divide - Digital Skills Summit 2017Bridging the digital divide - Digital Skills Summit 2017
Bridging the digital divide - Digital Skills Summit 2017
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 

Mobile Web at Loughborough

  • 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 – RESTful API (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 jQuery load() 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? jQuery asynch. 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 isadoPicture 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><img src="../images/aloader.gif" /></p> </div> <script> $("#trafficlights").load("../../../availability.html #itstatus"); </script> <? include("../templates/webkit/info.html"); ?> </div>