north carolina state university libraries mobile
TRANSCRIPT
![Page 1: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/1.jpg)
1
Library in Your PocketStrategies and Techniques for Developing Successful Mobile
Services
David Woodbury, NCSU Libraries FellowJason Casden, Digital Technologies Development
Librarian
NCSU Libraries
![Page 2: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/2.jpg)
About NC State University
• Largest higher education institution in the state– 31,000 students– 8,000 faculty members– Large focus on science, technology, engineering
& mathematics
• History of innovation & collaboration– Centennial campus as research hub– Many public and private partnerships
2
![Page 3: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/3.jpg)
Our motivation
3
![Page 4: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/4.jpg)
NCSU Mobile Web (Campus Site)
4
![Page 5: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/5.jpg)
NCSU Libraries Mobile Team
• Jason Casden, Digital Technologies Development Librarian– Developer
• David Woodbury, NCSU Libraries Fellow– Project manager
• Markus Wust, Digital Collections and Preservation Librarian– Developer & co-creator of MobiLIB
5
![Page 6: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/6.jpg)
Project timeline
• Campus site launch (September 3, 2009)• Planning & wireframes (September)• Programming (early October)• Beta launch (late October)• Formal launch & promotion (November)• Main website redirect (December)• Over 22,000 pages viewed (January 2010)
6
![Page 7: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/7.jpg)
Our mobile services
• Locations & Hours• Computer Availability• Catalog Search• Reference Services• News & Events• Webcam Feeds• Link to campus mobile site
http://m.lib.ncsu.edu
7
![Page 8: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/8.jpg)
Locations & Hours
8
![Page 9: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/9.jpg)
Computer Availability
9
![Page 10: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/10.jpg)
Catalog Search
10
![Page 11: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/11.jpg)
Reference Services
11
![Page 12: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/12.jpg)
What to mobilize?
• What services are currently available?• What services are applicable on a mobile
device?• What services translate well to the mobile
environment?• What tools can be created easily?• What would be fun to see?
12
![Page 13: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/13.jpg)
Don’t mobilize everything
• Nearly 100 links!• Always can link back to home page, if needed
13
![Page 14: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/14.jpg)
“Mobile” is not just shrinking the page
14
![Page 15: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/15.jpg)
Use only essential, relevant content
15
![Page 16: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/16.jpg)
Use only essential, relevant content
16
![Page 17: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/17.jpg)
Reduce options, simplify
17
![Page 18: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/18.jpg)
Use the mobile interface
18
![Page 19: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/19.jpg)
Provide appropriate tools for the user’s context
19
![Page 20: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/20.jpg)
Expose hidden, useful content
20
![Page 21: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/21.jpg)
Mobile Planning Tips
• Start with the services that make mobile sense
• Limit the amount of data entry• Limit the scope of the information• Link back to main site• Promote your site• Talk to students to get reality check
21
![Page 22: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/22.jpg)
22
![Page 23: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/23.jpg)
When to Make a Native App
• Charging for it• Creating a game• Using specific
locations*• Using cameras• Using
accelerometers• Accessing the
filesystems• Offline users
* Actually available to web-based applications 23
![Page 24: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/24.jpg)
The Case for Mobile Web Apps
“I believe that unless your application meets one of these native application criteria, you should not create a native application, but should instead focus on building a mobile web application.”
— Brian Fling, “Mobile Design and Development”
24
![Page 25: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/25.jpg)
Our tools
• Mobile website– XHTML 1.0 transitional– CSS– non-essential JavaScript and AJAX
• MIT Mobile Web Open Source Project• Leaned on pre-existing web services• Targeted higher-end devices
25
![Page 26: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/26.jpg)
Best practices
• Standards and official guidelines– Useful, but slow-moving– Don’t get stuck
• Design Patterns– Still emerging
26
![Page 27: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/27.jpg)
Lots of Devices
Top LeveliPhones, Android phones, Palm Pre
Large touch screens, sophisticated web capabilities
Middle Level
Blackberry, Nokia smartphones, Windows mobile, etc.
May lack touch screen and some CSS and JavaScript capabilities.
Low LevelWeb-enabled flip phones
Small screens, low web functionality
27
![Page 28: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/28.jpg)
Content Adaptation
28
![Page 29: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/29.jpg)
Separating data from presentation
29
![Page 30: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/30.jpg)
Testing
CC BY-SA 2.0: http://www.flickr.com/photos/wfryer/3929189482/ 30
![Page 31: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/31.jpg)
31
Recommendations
![Page 32: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/32.jpg)
Be Agile
• Rapid Development Cycle• Think iteratively• Adjust to change quickly• Avoid paralysis
32
![Page 33: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/33.jpg)
Play
33
![Page 34: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/34.jpg)
Collaborate
• Campus efforts• External projects• Steal what you like• Improve it, so it can be stolen back
34
![Page 35: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/35.jpg)
In Summary…
• Mobile websites are becoming very sophisticated
• Mobile web app development is web development– just a little different
• You can do it
35
![Page 36: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/36.jpg)
What’s popular at NCSU Libraries
36
![Page 37: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/37.jpg)
What devices are being used?
37
![Page 38: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/38.jpg)
Coming Soon!
• Study room reservation service• Patron account information (checkouts &
renewals)• Access to electronic reserves for classes• Building wayfinding• Tools for staff• Initiative for mobile projects at NCSU
Libraries
38
![Page 39: North Carolina State University Libraries Mobile](https://reader035.vdocument.in/reader035/viewer/2022062515/55d4fb84bb61ebaa528b45a4/html5/thumbnails/39.jpg)
Resources
• Ballard, Barbara. (2007). Designing the Mobile User Experience. Hoboken, New Jersey: John Wiley & Sons.
• Fling, Brian. (2009). Mobile Design and Development: Practical Concepts and Techniques for Creating Mobile Sites and Web Apps. Sebastopol, California: O’Reilly Media.
• W3C Mobile Web Best Practices: http://www.w3.org/TR/mobile-bp/
• W3C CSS Mobile Profile: http://www.w3.org/TR/css-mobile/• Griggs, K., Bridges, L. M., Rempel, H. G. (2009).
“library/mobile: Tips on Designing and Developing Mobile Web Sites”, The Code4Lib Journal, Issue 8. Retrieved from: http://journal.code4lib.org/articles/2055
• MIT Mobile Web Open Source Project: http://sourceforge.net/projects/mitmobileweb/
• NCSU Libraries Mobile Project Page: http://www.lib.ncsu.edu/dli/projects/librariesmobile/
39