Voyager Developer MeetingMarch 9-10, 2011Chicago, IL

Michael Doran, Systems LibrarianUniversity of Texas at Arlington

doran@uta.edu

At the University of Texas at Arlington

Beginnings

December 2002

“an interesting project to take a copy of [WebVoyage] and strip it down so that it would be

functional from within the Pocket PC version of Internet Explorer”

2

February 2003

ShelfLister version 1.0 for PDAs

2

ShelfLister version 1.0 for PDAs

Smartphones

June 2007: The iPhone

October 2008: Android phones

some context

mobile apps

native apps

web apps

e.g. for iPhone written in Cocoa/Objective-C must be approved by Apple downloaded from App Store

back-end programming in any language output in HTML/CSS/JavaScript web browser is client can be accessed on any smart phone

mobile web apps

compatible with mobile devices

optimized for mobile devices

looks and behaveslike a native app

some context

W3C standards compliant• no framesets, or• unsupported technologies (e.g. Flash, Java Applets)

Leveraging frameworks like:• iUI• iWebKit• jQTouch

iUI iWebKit jQTouch

“Mobilize, don’t miniaturize”

ShelfLister version 2.0

September 2009

ShelfLister version 2.0

September 2009

http://pulse.uta.edu/vwebv/schedule.cgi

May 2010

http://pulse.uta.edu/vwebv/qr.cgi

signage

Problem

typical single-interfacethat-does-everything OPAC

a good mobile web app

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

http://pulse.uta.edu/vwebv/m/

The Code

http://rocky.uta.edu/doran/

http://www.exlibrisgroup.org/pages/viewpage.action?pageId=13764440

Voyager sites that have gone live with Tomcat WebVoyáge

Tools

SDK emulators/simulators

SDK emulators/simulators

Skipping

Device/user-agent detection yadda yadda yadda yadda

http://www.delicious.com/michaeldoran/mobile

Coming

Multilingual Version

Multilingual Version

courtesy of http://theresaneil.wordpress.com

wire frames stencil for iPhone web application design

THEEND