Mobile Web Apps for Library Exhibits
description
Transcript of Mobile Web Apps for Library Exhibits
![Page 1: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/1.jpg)
Mobile Web Apps for Library
Exhibits
Cory Lown
NCSU Libraries
Code4Lib 2011
February 2011
http://go.ncsu.edu/4hexhibit
![Page 2: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/2.jpg)
Opportunity
•! Increased power and popularity of
mobile devices
•! Digital special collections are now
easier to repurpose and reuse
(Thank you Solr & Djatoka image server)
http://go.ncsu.edu/4hexhibit
![Page 3: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/3.jpg)
Project Goals
•! Establish a set of tools for creating
mobile web applications to supplement
temporary exhibits in the library
•! Keep development time/cost low
•! Make use of existing digital special
collections content
http://go.ncsu.edu/4hexhibit
![Page 4: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/4.jpg)
4-H & NC State
Exhibit with mobile supplement
http://go.ncsu.edu/4hexhibit
![Page 5: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/5.jpg)
Untitled Image Layout
![Page 6: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/6.jpg)
Untitled Image Layout
![Page 7: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/7.jpg)
Untitled Image Layout
![Page 8: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/8.jpg)
Untitled Image Layout
![Page 9: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/9.jpg)
Untitled Image Layout
![Page 10: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/10.jpg)
http://go.ncsu.edu/
4health
![Page 11: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/11.jpg)
Untitled Image Layout
![Page 12: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/12.jpg)
Untitled Image Layout
![Page 13: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/13.jpg)
Tools we used
•! Web App:
•! Ruby on Rails
•! Data:
•! Solr index of image
metadata
•! The user interface:
•! jQuery Mobile – lightly
customized css
![Page 14: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/14.jpg)
Tools we used
•! Serve images from Djatoka Image
Server:
•! 1st request: served on the fly by Djatoka
(any size and crop) and cached locally by
rails (slow)
•! 2nd request: Apache serves image cached
by rails (fast)
![Page 15: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/15.jpg)
Lessons learned
•! Exhibit designer hand selected the
images for the mobile supplement.
•! jQuery Mobile and Djatoka are very
useful
![Page 16: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/16.jpg)
Future plans
•! Package rails app as an engine gem for
re-use for future mobile supplements to
exhibits
•! Build an admin interface so exhibit
designer can manage themes and
associated images
![Page 17: Mobile Web Apps for Library Exhibits](https://reader034.fdocuments.in/reader034/viewer/2022042607/55497aa0b4c90582588b45f2/html5/thumbnails/17.jpg)
Thanks!
Cory Lown
Digital Technologies Development Librarian
NCSU Libraries
The mobile site: http://go.ncsu.edu/4hexhibit
About the project: http://www.lib.ncsu.edu/dli/projects/mobileexhibits/