JQuery Mobile in a University Library

Bill GavettApplication Developer

Harish NayakDirector of Digital Library Initiatives

Library Mobile Redesign

2009

2011

Humble Beginnings

• Very Informal

• Very Fast

• Very Simple

Key Tasks

• Hours

• Phone

• Search Library Catalog

• Link to Main site

Time for a facelift

Sencha Touch (our first try)

• Can build highly functional mobile presence– Touch gestures/events– HTML5/CSS3

• Fully documented API, not many tutorials• Hard to get up and running quickly• Based on extJS (javascript framework)

JQuery Mobile (better for us)

• Simpler than Sencha Touch (but less functionality)

• Great for informational sites• Many tutorials and code samples• No learning curve• Based on JQuery (javascript framework)

Beta 1!Jun 20th

Some other adopters

HTML+

CSS

JQuery Mobile = Easy

Support for

Industry Support

Documentation/Sample Code

Code (limited to 1 slide)

Code (slide 2)

Let’s take a look

Under the Hood

Libraries Mobile

News & Events

Staff Profiles

Hours

Hours

Staff Profiles

News & Events

News & Events Mobile

Good IA = Easy Mobile Development

RCL Mobile

News & Events

Staff Profiles

Hours

Is it really an app?

• Native vs. Mobile Friendly Website• Website redirection• PhoneGap (native features)

Patron Driven Next Steps

*Associate mobile friendly Library databases

Availability of public computing in libraries

Further integration into social media

list of apps for research, academic work, library services

Virtual tour of the library or historical point of interest

Timeline for release

• Launch for freshman orientation

• www.library.rochester.edu

JQuery Mobile

• It’s Easy

• Perfect for Informational Websites

• A Sustainable Choice

• You Can Do It!

River Campus Libraries Mobile Team

Cynthia Carlton

Nora Dimmock

Solomon Blaylock

Katie Clark

Denise Hoagland

Ann Marshall

Thanks to

Questions?