3. Libraries Need to Be Mobile
• Mike Teets (OCLC VP), mobile services are
“critical to the long-term existence of
libraries and librarianship” (Hadro, 2010)
5. General Trends: Mobile and Libraries
• Contact information
• Opening hours
• Directions to the library
• Catalog/OPAC
• Library news
• Loan information and renewals
• Links to mobile enabled databases
• Ability to check computer availability
• Booking discussion/meeting rooms
• Links to Mobile search engines
• Webcams to check congestion
Krishnan 2011
19. Mobile Website versus App
Website App
• Mobile users re-directed • User downloads from
app store
in the browser
• Built with programming
• Built with web-markup
languages
• Low-maintenance • Specialized
functionality
20. How to decide what
mobile strategy your
library will support?
26. Web-Based: Stylesheet – Media Queries
In HTML
<link rel="stylesheet" type="text/css”
media=“only screen and (max-width: 500px)”
href=“http://www.mywebsite.com/css/mobile.css" />
<link rel="stylesheet" type="text/css”
media=“only screen and (max-device-width: 500px)”
href=“http://www.mywebsite.com/css/mobile.css" />
27. Web-Based: Stylesheet – Media Queries
In CSS
body{
background:blue;
}
@media only screen and (max-width: 480px), only screen
and (max-device-width:480px){
body{
background:red;
}
}
28. Web-Based: Website
Website
Re-directs mobile users
to a scaled-down version
of website.
29. Web-Based: Website – Re-Direct
In HTML Head
<script type="text/javascript">
var UA = navigator.userAgent;
var mobile =
/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobil
e|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm(
os)?|phone|p(ixi|re)/|plucker|pocket|psp|symbian|treo|up.(browser|lin
k)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(UA);
if (mobile) {
document.location = “mobile.html”;
else {
document.location = “index.html”;
}
</script>