Wrong confirmation ID

Email
Favorite
Favorited ×
Download
Embed
Private Content
Copy and paste this code into your blog or website Copy Customize… Close
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

+ Follow

LTC 2011 Go mobile with your website

by Meghan Weeks on Apr 28, 2011

738 views

At the Library Technology Conference 2011, Meghan Weeks presented Go mobile with your library website.

More…

At the Library Technology Conference 2011, Meghan Weeks presented Go mobile with your library website.

Less

Statistics

Favorites: 0
Downloads: 0
Comments: 0
Embed Views: 0
Views on SlideShare: 738
Total Views: 738

My talk today is about going mobile with your library website. This presentation will hopefully help those of you who are now just thinking about going mobile with your website. It will show examples of many of the different options available. All of the examples were taken from my iPhone but many of the options are available on other phones either as apps or web pages.
The first thing to look at is your current website to see how it appears on mobile devices. This is my library’s website. As you can see it was not designed to be viewed on a mobile device. On smart phones you may be able to zoom in but on other internet enabled mobile devices this site would basically be unusable. Users would come here once and not come back.
When thinking about a mobile website, you need to determine what information and services would your users want to access from their mobile device. Libraries are providing information about hours, location, different ways to contact the library whether it be by phone, email, or text messaging. They also have links to research databases and of course their catalog or OPAC.
Native App is software that is written for a mobile device. It is specifically designed to run on a device’s operating system and machine firmware, and typically needs to be adapted for different devices such as iPhone, Android, or Blackberry.Mobile Web - A Web app, or browser application, is one in which all or some parts of the software are downloaded from the Web each time it is run. It can usually be accessed from all Web-capable mobile devices. Usually written in HTML, CSS, and Javascript.Hybrid is a combination of these two. It is installed on your phone like a native app but it also has some portion that are mobile web pages and it is typically written using the same tools as the mobile web pages (HTML, CSS, and Javascript).
Objective-C [iPhone and iPad] or Java [Android]
Innovative Interfaces was one of the first ILS vendors to offer a Mobile OPAC called AirPac. The Libraries at Virginia Tech use AirPac. It allows users to search the catalog and request items. As you can see it is a stripped down version of the regular OPAC with availability information and even book covers. It also allows users to login to check their account information.
Polaris Library System offers a mobile version of their PAC which is called Mobile PAC. Wabash Carnegie Public Library System in Wabash, Indiana uses it and here is what it looks like.
SirsiDynix offers an app for the iPhone called BookMyne. It uses the GPS function on the iPhone to find participating libraries near you. The participating libraries need to be running the SirsiDynix Symphony library management system and have Symphony Web Services version 2.0 installed. It gives users the same functionality to search the catalog, place holds, and login to their account.
Many of the discovery service vendors offer mobile versions
Blackboard offers Mobile Central to Universities. It has a library component but it is quite limited. It does offer a catalog search but you will not be able to login to your account or request items. It also has a contact page where you can have a limited amount of information and the ability to link to the library’s mobile website which seems somewhat redundant.Link to mobile website takes you to a mobile web page within the Blackboard App.
Boopsie is a third party vendors that offers mobile sites to libraries and universities. Boopsie’s product is compatible with all web enabled phones and high speed downloadable clients are available for Android, Blackberry, iPhone, and others. One cool feature of boopsie’s catalog search is that as you start to type it makes suggestions which helps to limit the amount of typing the user needs to do.
Key features Search catalog, place holds, renew items. It does what the regular catalog does. Save records to your phone to access later. Works on any phone with a web-browsing feature—not just smart phones. “Universal Version” is fully compliant with Section 508 and other accessibility standards. Geo-location finds your nearest library easily. Libraries can display events, branches, contact-a-librarian information, and other mobile pages. LibraryThing for Libraries customers also get integrated tags, recommendations, information about other editions, and access to over 500,000 reviews. What does it include? Mobile web versions customized for iPhone and Android Native iPhone app Native Android app Universal mobile web version -- works on any phone with a web browser. Blackberry app coming soon
MobileBridge is a web application that can provide mobile web pages for your catalog or collection, making your catalog available to mobile smartphone users.It can run on any Linux or UNIX server with an Apache webserver, MySQL, and PHP (LAMP).MobileBridge communicates with your catalog through your existing Z39.50 server, providing the ability to search your catalog and view full records, including enhanced content.A QR Code is a 2-dimensional barcode developed by Denso Wave which is a subsidiary of Toyota in 1994. QR stands for "Quick Response", and these codes being designed for high-speed decoding.Unlike 1-dimensional barcodes which can only store a short number or string, QR Codes can encode a much larger amount of data, allowing you to store URLs linking to any web page you desire, SMS phone numbers, or even textual information like all of your contact information.The San Diego State University Library is using QR Codes in its library catalog, on staff directory pages and on research guidesBrigham Young University's Harold B. Lee Library uses QR codes for its library audio tour and for general library information.
One of the first libraries to develop an iPhone app was the DC Public Library. The code for this app is available for download from their website. It allows you to search the catalog and place holds on items and login to your account. DCPL has a SirsiDynix ILS but you may be able to modify it if you have some other ILS. You can also find information about library locations and hours and reserve a computer.
Molly is an open source mobile portal which was developed at the University of Oxford. It is a web-based application framework targeting all phones, 'smart' or otherwise. Wherever possible, Molly detects the device being used and tailors the page to match the phone's capabilities. While it offers more than just a catalog search, it doesn’t allow a patron to login to their account.
If you decide that you want to develop your own mobile website or app, there are tools available and websites that are good sources of information and I will mention some of them. Many institutions are developing their own mobile websites or apps and I am going to show you a few that have offered to share their code with others. I will also share with you some best practices that you should keep in mind.
Users of mobile devices and users with disabilities experience some of the same issues when interacting with web sites. Some of those issues are the small display size, the lack of a pointing device, low text input rate, and accessibility of the content itself. Therefore, we need to keep these things in mind when developing a mobile website or app.
Whether you use one of these tools to develop your site or you decided to develop your site on your own, you should be aware of the Default Delivery Context by the Best Practices Working Group as part of the Mobile Web Initiative. This is basically the lowest common denominator for a reasonable web experience. However, you should try to detect your user’s mobile device and tailor your site to exploit its capabilities.
The Mobile Web Best Practices site gives many tips regarding what to do and what not to do for your mobile website. If possible you want to exploit the capabilities of your user’s mobile device but at the same time you want to keep it simple, clear, and concise. You definitely want to test your site on as many mobile devices as you can so that all of your users have a consistent positive experience.
Mobile Site Generator is a website that you can use to create a basic mobile website that has been tested on the Android and iPhone but may work on other smart phones as well. It is based on the iUI Framework which is an open source user interface library for iPhone web application development. You have to download some files and put them on your server along with the file that is created from this form.
Earlier I mentioned the iUI Framework. Here are two additional sites that have information and tools to help you develop your own mobile website. iWebkit and JQTouch are a couple of the more well known tools but there are definitely others out there. Although they are geared toward iPhone app development, they are said to generate pages for other smart phones as well. Fondren Library at Rice University used iWebkit to develop their mobile site.
Appcelerator – Open Source - offers Titanium Mobile and Titanium Platform - A free and open source application development platform, Titanium lets you create native mobile, tablet and desktop application experiences using existing web skills like Javascript, HTML, CSS, Python, Ruby, and PHP.MotherApp creates a native app for you. You develop your site in their modified version of HTML and send them the URL. They will compile the app and send you the binary code for each of the app stores which you then can send to the app stores for publishing.Netbiscuits - You don't need any programming skills to set up, edit, and manage ambitious mobile Web projects using Netbiscuits. Our Sitebuilder 2.0 provides a drag & drop user interface that seamlessly integrates with Netbiscuits’ cloud software service for cross-platform publishing and allows the instant publication of your mobile web applications.PhoneGap – Open source - Based on HTML5, PhoneGap leverages web technologies developers already know best... HTML and JavaScript. Wrap it with phonegap and deploy to app storesRhomobile – open source - Rhodes is an open source Ruby-based framework to rapidly build native apps for all major smartphone operating systems
Here are a few sites that can test your site for its mobile readiness. They are the W3C Mobileok checker, EvalAccess, TAW MobileOK Basic, and mobiReady. There are also tools that will check the validity of your markup, links, and cssstylesheets.
I want to Thank You for listening to my presentation. Here is my contact information. Please feel free to contact me if you have any questions. Just in case you are curious about what we are doing at my library, we have contracted with Boopsie for our mobile website and it should be available in a couple of weeks.

LTC 2011 Go mobile with your website — Presentation Transcript

Go Mobile With Your Library Website
Library Technology Conference 2011
Macalester College
St. Paul, MN
March 16, 2011
Meghan Weeks
Systems Librarian
William H. Hannon Library
Loyola Marymount University
Meghan.Weeks@lmu.edu
Outline
- Why Go Mobile?
- What do our users want?
- App vs. Mobile Web
- Options
- Tips, Tools, and Best Practices
- Analytics
Why Go Mobile?
- Pew Research Center
- The Horizon Report 2011
- The ECAR Study of Undergraduate Students and Information Technology 2010
Is your website mobile ready?
What
do our mobile users want?
- Native App
- Mobile Web
- Hybrid
Native App
- Installed on the mobile device
- Easier to navigate
- Faster than mobile web
- Can utilize device features (GPS, calendar, camera)
- Network connection may not be necessary
- Platform specific (iPhone, Android, Blackberry)
- Usually written in Objective C or Java
- Updates need to be installed periodically
- Marketed by App stores
Mobile Web
- Web page optimized for a mobile device
- Need network connection and browser to access
- Usually scores lower on usability testing
- Generally written with HTML, CSS, and Javascript
- Speed based on network
- Not platform specific
- No need to install updates
- Easier to create and maintain
Hybrid
- Installed on mobile device
- Platform specific (iPhone, Android, Blackberry)
- Can utilize device features (GPS, calendar, camera)
- Some parts are mobile web pages
- Usually created with HTML, CSS, and Javascript
- Marketed by App stores
- Updates need to be installed periodically and some are updated instantaneously (mobile web pages)
MOPAC
(Mobile OPAC)
http://www.iii.com/products/airpac.shtml
http://www.gisinfosystems.com/
http://www.sirsidynix.com/iphone/apps/bookmyne/
Discovery Services - Mobile Web
Third Party Vendors
Mobile Central
http://www.blackboard.com/Mobile/Mobile-Central.aspx
http://www.boopsie2.com/
http://www.librarything.com/forlibraries/about/la
http://m.quipugroup.com/index.php?qfdo=MobileBridge
Open Source Options
http://dclibrarylabs.org/projects/iphone/
Molly: The Open Source Mobile Portal
http://m.ox.ac.uk/
http://mollyproject.sourceforge.net/
Develop Your Own
Mobile Site
Mobile ≈ Accessibility
http://www.w3.org/WAI/mobile/
Default Delivery Context (DDC)
- Usable Screen Width: 120 pixels, minimum
- Markup Language Support: XHTML Basic 1.1
- Character Encoding: UTF-8
- Image Format Support: JPEG, GIF 89a
- Maximum Total Page Weight: 20kb
- Colors: 256 colors, minimum
- Style Sheet Support: CSS Level 1
- HTTP: HTTP/1.0
- Script: No Support for client side scripting
http://www.w3.org/TR/mobile-bp/#ddc
Mobile Web Best Practices 1.0
- Exploit capabilities to enhance user experience
- Test on different devices
- Limit content to what user requested
- Simple clear language
- Colors should have sufficient contrast
- Minimal navigation at top of page
- Use alt tags for all non-text elements
- Do not use: image maps, frames, tables
- Avoid high resolution images
http://www.w3.org/TR/mobile-bp/
Mobile Helper Utilities
http://skweezer.com/
http://mowser.com
Mobile Site Generator v1.1
http://www.hiddenpeanuts.com/msg/
Mobile Frameworks
http://iwebkit.net/
iPhone User Interface Framework
http://code.google.com/p/iui/
http://www.jqtouch.com/
App Development Tools
- Appcelerator http://www.appcelerator.com/
- MotherApp http://motherapp.com/
- Netbiscuits http://www.netbiscuits.com/
- PhoneGap http://www.phonegap.com
- Rhomobile http://rhomobile.com/
Testing Tools
W3C mobileOK Checker
http://validator.w3.org/mobile/
EvalAccess 2.0
http://sipt07.si.ehu.es/evalaccess2/index.html
TAW mobileOK Basic
http://validadores.tawdis.net/mobileok/en/
mobiReady
http://ready.mobi/launch.jsp?locale=en_EN
Analytics
Chartbeat
http://chartbeat.com/
Clicky Web Analytics
http://getclicky.com/
Google Analytics for Mobile
http://code.google.com/mobile/analytics/
Piwik
http://piwik.org/
More Analytics
Site Meter
http://www.sitemeter.com/
StatCounter
http://statcounter.com/
WebTrends
http://www.webtrends.com/Products/Analytics/Mobile
Woopra
http://www.woopra.com
Conclusion
- Determine what your users want
- What resources do you have?
- Budget
- Skills
- Purchase vs. Develop
- Implement
- Test, Test, Test!
- Rollout
- Assessment
Questions
Meghan Weeks
Systems Librarian
William H. Hannon Library
Loyola Marymount University
Meghan.Weeks@lmu.edu

LTC 2011 Go mobile with your website

by Meghan Weeks on Apr 28, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

LTC 2011 Go mobile with your website — Presentation Transcript