Library in Your Pocket: Strategies for Developing Successful Mobile ServicesChad HaefeleEmerging Technologies LibrarianUNC Chapel Hillchad.haefele@gmail.com
What I’ll be showing youAn overview of the modern mobile/smartphone landscapeA tour through our development processThe building blocks you’ll need to do it yourself, and the decisions you’ll need to make along the wayA mobile site generator, with playtime!
Schedule1:00 – Welcome and introductions1:15 – Overview and class survey1:30 – The modern mobile landscape2:15 – Designing a mobile library presence3:00 – Break & chat3:15 – Building a mobile library presence3:45 – Hands-on mobile site development4:45 - Final wrapup & questions
Quick pollhttp://www.polleverywhere.com/multiple_choice_polls/MTE2Njc2MzE3MAhttp://bit.ly/mobileclasspoll
Why now?
The Old Browser
The New Browser
Even Better
Source: http://blog.nielsen.com/nielsenwire/online_mobile/mobile-snapshot-smartphones-now-28-of-u-s-cellphone-market/
Defining ‘mobile device’
http://bit.ly/MobileLandscape
iPhone 4
iOS devicesiPhone, iPad, iPod TouchAvailable only through AT&TDebuted in 2007Apps developed in Objective CMore than 250,000 apps
Library in your pocket
Androidhttp://en.wikipedia.org/wiki/Comparison_of_Android_devicesHTC EvoDroid X
Android devicesToo many to listAvailable on all major carriersDebuted in 2008Apps developed in JavaMore than 80,000 apps
Library in your pocket
BlackBerry Torch
Library in your pocket
Blackberry devicesToo many to listAvailable on all major carriersDebuted in 1996 (sort of)More modern devices: 2005About 10000 apps
Which platform to support?Mobile web use(August 2010)Market share – devices sold(July 2010)Anon. 2010. August 2010 Mobile OS Share. Quantcast Blog. September 3. http://blog.quantcast.com/quantcast/2010/09/august-2010-mobile-os-share.html.Anon. 2010. comScore Reports July 2010 U.S. Mobile Subscriber Market Share -- RESTON, Va., Sept. 15 /PRNewswire/ --. http://www.prnewswire.com/news-releases/comscore-reports-july-2010-us-mobile-subscriber-market-share-102969094.html.
Source: http://blog.quantcast.com/quantcast/2010/09/august-2010-mobile-os-share.html
Updated statsSource: http://comscore.com/Press_Events/Press_Releases/2010/12/comScore_Reports_October_2010_U.S._Mobile_Subscriber_Market_Share
Source: http://www.millennialmedia.com/research/mobilemix/, 11/2010
Other usage statsSource: http://comscore.com/Press_Events/Press_Releases/2010/12/comScore_Reports_October_2010_U.S._Mobile_Subscriber_Market_Share
Other usage statsSource: http://blog.nielsen.com/nielsenwire/online_mobile/u-s-teen-mobile-report-calling-yesterday-texting-today-using-apps-tomorrow/
Library in your pocket
VS
?
UNC Mobile site walkthroughwww.lib.unc.edu/mwww.lib.unc.edu/m/plain+ ‘View full site link’
UNC Mobile site walkthrough
Catalog
UNC Mobile site walkthrough
UNC Mobile site walkthrough
http://www.flickr.com/photos/gullevek/155604654/
Block #1: Survey your usersPlus 44 ‘other’ responsesData from Spring, 2009
Sample ‘Other’ responses:Cell phoneCheap free phoneBraille NoteCarrier pigeonLame old phone :(My cheap phone that always has at least 2 bars
Block #2: PlatformVs.
Platform: App or Webapp?AppWebappJava, Objective CSingle platformFull hardware access(GPS, camera, etc)Can be used offlineTricky to get statsHTML, CSS, JavascriptMulti-platform (maybe)Limited hardware access (GPS only)Requires web connectionStandard webstats
Webapps play well with others
Android’s App Inventor
Other app development optionsPhonegapFlashSencha TouchAppceleratorOthers: http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework
Block #3: FrameworkJason Clark’s: http://diginit.wordpress.com/2009/11/13/mobile-web-design-working-code-tips-best-practices/orhttp://bit.ly/cXlnlSwww.lib.utc.edu/m
Block #3: FrameworkiUI: code.google.com/p/iui/Mobile site generator:www.hiddenpeanuts.com/msgwww.lib.unc.edu/m
Mobile site generatorwww.hiddenpeanuts.com/msg
Device testingiPhone/iPod Touch
Device testingAndroid
Device testingText only
Block #4: Data sources & Outside systemsRSS feedsXMLOther systemsComputer availabilityeResourcesHoursIM / text a librarian services
Block #5: Custom code
http://dclibrarylabs.org/iPhone app code(app)
iUI code (webapp)http://code.google.com/p/iui/
Block #6: CatalogCatalog optionsDo it yourselfILS vendor-provided solution3rd party product
Catalog: DIYPriority 1: Get a clean data feedXML feeds from ILSYaz / Z39.50 (http://www.indexdata.com/yaz)Other solution – tap into DB directly somehowHarass your vendors!
Catalog: DIY (at UNC)Endeca makes it all possibleXML + php + Syndetics + iUI
Catalog: ILS solutionsAirpac, from Innovative
Catalog: 3rd party productLibrary Anywhere“Works with 90% of current OPACs.”http://www.librarything.com/LibraryAnywhereLinks:http://www.librarything.com/blogs/thingology/2010/10/library-anywhere-is-live-2/http://www.librarything.com/blogs/thingology/2010/01/library-anywhere-prices-public/
Block #7: Promotion
Rough stats: Hits, 2010Block #8: Evaluate & Iterate
Rough stats: Catalog info, 2010Block #8: Evaluate & Iterate
Blocks (review)SurveyPlatformFrameworkData sourcesCustom codeCatalogPromotionEvaluate & Iterate
HTML5 & more on the horizonAccess to camera, GPS, mic, accelerometer, play videoYoutube: m.youtube.com Flickr: m.flickr.com Google Reader: google.com/reader/i Geolocation: hiddenpeanuts.com/ala
This is not the endSlides online: 	http://www.slideshare.net/cHaefele

More Related Content

PDF
WVU Libraries RoomMe Usability Testing
PPTX
LTC 2011 Go mobile with your website
PPTX
Building an app-like experience (without the app)
KEY
PhoneGap 101 & Toura Mulberry
PDF
A Bright Future for Web Accessibility
PDF
Mobile Web UX - TdT@Cluj #17
PDF
PCカンファレンス2009 日記じゃないのよブログは
PPT
PROVA DI INSERIMENTO
WVU Libraries RoomMe Usability Testing
LTC 2011 Go mobile with your website
Building an app-like experience (without the app)
PhoneGap 101 & Toura Mulberry
A Bright Future for Web Accessibility
Mobile Web UX - TdT@Cluj #17
PCカンファレンス2009 日記じゃないのよブログは
PROVA DI INSERIMENTO

Viewers also liked (18)

PPT
Connecticut Goes Red For Women
PDF
今日からはじめる「じぶんブランディング」
PDF
プロダクト開発における事例発表の価値
PPTX
Cip proposal
DOC
YogeshBhosale_Resume
PDF
How to Enforce your Intellectual Property Rights without Going Bust
PPS
Zoom in on Hermitage
PDF
How To See
PPTX
Leeds inventors group
PPT
Что помогает животным выживать
PPTX
IP for Creative and Digital Industries
PDF
HYPE on presentations
PDF
Creative Output handout
PPT
Group VII
PPT
Informasjonskompetanse og skolebiblioteket
PPT
Ross Reynolds Storytelling Slide Show
PPT
Mem·or·y
PDF
10630
Connecticut Goes Red For Women
今日からはじめる「じぶんブランディング」
プロダクト開発における事例発表の価値
Cip proposal
YogeshBhosale_Resume
How to Enforce your Intellectual Property Rights without Going Bust
Zoom in on Hermitage
How To See
Leeds inventors group
Что помогает животным выживать
IP for Creative and Digital Industries
HYPE on presentations
Creative Output handout
Group VII
Informasjonskompetanse og skolebiblioteket
Ross Reynolds Storytelling Slide Show
Mem·or·y
10630
Ad

Similar to Library in your pocket (20)

PPT
Best Practices in Mobile Development: Building Your First jQuery Mobile App
PDF
Mobile Website Design for Libraries
PPTX
Creating a Slick Web App Using jQTouch
PPTX
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
PPT
The Library in Your Pocket: Mobile Trends for Libraries
PPTX
From desktop to mobile web
PPT
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
PPT
PPT
Library%20in%20 Your%20 Pocket Slideshare[1]
PDF
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
PDF
Mobile Development Tips: Building Mobile Apps for Digital Libraries
PPT
Iet tcm 5th_oct2011
PPT
IET Technology Coffee Morning - 5th October, 2011.
PPT
Public Sector Talk by Yeliz Yesilada
PPTX
EIUG Edinburgh Joe Murphy librarian futurist
PPT
Mobile Websites for Libraries - NELA 2011
PDF
Responsive Design and Development "Gotchas"
PDF
The Library in Your Pocket - NJLibraryLink
PPTX
Mobile web development
PDF
Mobilising Digital - Sydney 26/03/14
Best Practices in Mobile Development: Building Your First jQuery Mobile App
Mobile Website Design for Libraries
Creating a Slick Web App Using jQTouch
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
The Library in Your Pocket: Mobile Trends for Libraries
From desktop to mobile web
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Library%20in%20 Your%20 Pocket Slideshare[1]
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Development Tips: Building Mobile Apps for Digital Libraries
Iet tcm 5th_oct2011
IET Technology Coffee Morning - 5th October, 2011.
Public Sector Talk by Yeliz Yesilada
EIUG Edinburgh Joe Murphy librarian futurist
Mobile Websites for Libraries - NELA 2011
Responsive Design and Development "Gotchas"
The Library in Your Pocket - NJLibraryLink
Mobile web development
Mobilising Digital - Sydney 26/03/14
Ad

More from chaefele (14)

PPTX
Building a Library Website in WordPress (2019)
PPTX
Writing Accessibly Online
PPTX
Improving Analytics with Google Tag Manager
PPTX
Working with Shortcodes in WordPress
PPTX
Working With Media in WordPress
PPTX
Building an Academic Library Website in WordPress
PPTX
Remote Website Testing: How to Assess Your Website for Little or No Cost
PPTX
Rock your library’s content with Wordpress
PDF
Moving Forward: Redesigning UNC's Library Website
PPTX
Semi-Automatic Chat: Using a Library of Common Responses to Speed Up Chat Ses...
PPTX
Goodbye Gutenberg? The real impact of emerging technologies on libraries, pu...
PPT
Low Effort, High Impact Mobile Web Development
PPT
Serious Games - ARGs
PPT
Args
Building a Library Website in WordPress (2019)
Writing Accessibly Online
Improving Analytics with Google Tag Manager
Working with Shortcodes in WordPress
Working With Media in WordPress
Building an Academic Library Website in WordPress
Remote Website Testing: How to Assess Your Website for Little or No Cost
Rock your library’s content with Wordpress
Moving Forward: Redesigning UNC's Library Website
Semi-Automatic Chat: Using a Library of Common Responses to Speed Up Chat Ses...
Goodbye Gutenberg? The real impact of emerging technologies on libraries, pu...
Low Effort, High Impact Mobile Web Development
Serious Games - ARGs
Args

Recently uploaded (20)

PPT
Critical Thinking Lecture 1 2008 University.ppt
PDF
technical writing on emotional quotient ppt
PDF
Dominate Her Mind – Make Women Chase, Lust, & Submit
PPTX
Life Skills Education - Introduction - 1
PPTX
Arabic Grammar with related Qurani ayat .pptx
PDF
Want to Fly Like an Eagle - Leave the Chickens Behind.pdf
PPT
Sanskar for Kids a cultural intervension
PPTX
Modulation is the process of varying one or more properties of a carrier sign...
PDF
Why is mindset more important than motivation.pdf
PPTX
My future self called today–I answered.pptx
PPTX
Hazards-of-Uncleanliness-Protecting-Your-Health.pptx
PPTX
2-THE-NATIONAL-EARLY-LEARNING-FRAMEWORK.STE.pptx
DOCX
Paulo Tuynmam: Nine Timeless Anchors of Authentic Leadership
PDF
Psychology and Work Today 10th Edition by Duane Schultz Test Bank.pdf
PPT
Lesson From Geese! Understanding Teamwork
PPTX
A portfolio Template for Interior Designer
PPTX
Atomic and Molecular physics pp p TTT B
PDF
OneRead_20250728_1807.pdfbdjsajaajjajajsjsj
PPTX
SELF ASSESSMENT Power Point Presentation Activity
PDF
Lesson 4 Education for Better Work. Evaluate your training options.
Critical Thinking Lecture 1 2008 University.ppt
technical writing on emotional quotient ppt
Dominate Her Mind – Make Women Chase, Lust, & Submit
Life Skills Education - Introduction - 1
Arabic Grammar with related Qurani ayat .pptx
Want to Fly Like an Eagle - Leave the Chickens Behind.pdf
Sanskar for Kids a cultural intervension
Modulation is the process of varying one or more properties of a carrier sign...
Why is mindset more important than motivation.pdf
My future self called today–I answered.pptx
Hazards-of-Uncleanliness-Protecting-Your-Health.pptx
2-THE-NATIONAL-EARLY-LEARNING-FRAMEWORK.STE.pptx
Paulo Tuynmam: Nine Timeless Anchors of Authentic Leadership
Psychology and Work Today 10th Edition by Duane Schultz Test Bank.pdf
Lesson From Geese! Understanding Teamwork
A portfolio Template for Interior Designer
Atomic and Molecular physics pp p TTT B
OneRead_20250728_1807.pdfbdjsajaajjajajsjsj
SELF ASSESSMENT Power Point Presentation Activity
Lesson 4 Education for Better Work. Evaluate your training options.

Library in your pocket

Editor's Notes

  • #4: Rough guide, flexible
  • #5: http://bit.ly/mobileclasspoll http://www.polleverywhere.com/multiple_choice_polls/MTE2Njc2MzE3MA
  • #6: -3 major standards right now-Just in the last 3 years
  • #7: -My first mobile browser – RAZR-bus stop schedule, but that’s it-WAP, etc.
  • #8: -Android & iPhone (mobile Safari) browsers-Actually usable!-Regular sites on mobile browsers-Still not ideal
  • #9: -Sites designed with mobile usability concerns in mind.-Large links, big fonts, simple, etc.
  • #10: Smartphones to overtake regular featurephones in market penetration by late 2011
  • #11: matter of UI/usability concerns more than anything else
  • #12: -Explosion of options, full time job-So many minor tweaks-Slightly out of date – Droid 2, BB Torch, etc-Let’s look at the latest and greatest from iOS/Android/BB
  • #13: -Released June ‘10-How many have this?
  • #14: -iOS – name change – like Windows, OSX, etc-Smooth user experience is key-Prime concern: function. Advanced functionality too tricky to implement? Don’t do it.-250k apps (9/10)– what does that really mean? Vibrancy & health-Games
  • #15: -Evernote-Gowalla-Pandora-U-Verse DVR control-Stanza-Dropbox-Foursquare-iLevel
  • #16: Android-Evo: Sprint-Droid X: Verizon-Not just one device, no single “Android phone”-Verizon’s Droid line of phones - branding-50+, this collage is already old
  • #17: -Android is an OS, not a phone-Open source OS,tweakable-fragmentation issues?
  • #18: NY TimesFacebookDesktop – customizability/widgetsRdioCardiotrainerListenDropbox – some apps are on multiple platformsGoogle Maps – tight integration of Google servicesQuality improved lately, but chicken or egg?
  • #19: -I know least about these-Firsthand experience is key-Newest BB attempt to compete with Android & iPhone-RIM, always been messaging-centric-Legacy of pagers/e-mail/etc.
  • #20: -I don’t have one to play with, but here’s examples from website-Pandora-Facebook (who doesn’t have Facebook?)-NYT-Of course, Oregon Trail
  • #22: -This is what it looked like when we started developing, different now-US stats only-Other= Palm, Windows, etc.
  • #23: -Over time-iOS decreasing, but out of a larger number overall – still good-This is web. Apps are trickier to measure – what’s a pageview?This is really small overall – a few percent of all web traffic in U.S. – but easy to do!
  • #24: These all differ slightly based on the surveyer
  • #25: Blah blahblah, more stats. Different yet again. Useful for general trends only.
  • #27: Mobile internet use is rising among teens – our future users!My anecdotal noticed difference btwn grad & undergrad students
  • #29: -Main conflict to watchRIM yet to produce a truly viable competitorUsabilityInstall baseOpenness / tweakability (widgets, etc)App store guidelines-Best strategy incorporates both (& more?)Women slightly prefer iOS, Men prefer Android – ad influence?
  • #30: Move on at 2:15Next:Designing a mobile library presence
  • #31: Viewing design through a case study of the site we builtWebapp, works like this on iPhone, iPod touch, Android, some BlackBerries, Palm Pre, iPad (but…)Our design philosophy: nobody wants to do in-depth research via mobile-Resources to answer quick questions
  • #32: <ahref="sms:1-919-442-8ASK">Text us: 919-442-8ASK</a><a href="tel:919-966-9444">919-966-9444</a>
  • #33: Requested by usersInteractive, answers questions
  • #36: How do you build this stuff?But first, any questions?
  • #37: Do this survey informally – raise hands
  • #39: App – installed program‘webapp’ – really just a webpage optimized for mobile use. Trendy term.
  • #40: App: definite coolness factor, distribution via app storeiOS: $99 fee/year
  • #41: As I just said,webapp can’t access hardware. But it can play nicely with apps that can, in some cases.Show video, barcode scanning exampleNot perfect, requires explanation, streamlining in the future
  • #42: If you do want to go app… play with this firstTwo components – interface designer & ‘Blocks’Demo live: http://appinventor.googlelabs.com-Beta, invite only. -Limitations – no app store, etc.
  • #43: App, not webappBut… we went webapp. I can’t code in Objective C, also cross-platform issuesWebapp can be purely by hand, or use framework to save work
  • #44: Jason Clark: Head of Digital Access and Web Services at Montana State University Libraries-Grew out of his experimentationUTC: University of Tennessee Chattanooga, Jason Griffey
  • #45: Designed to mimic iOS look & feel.-roots from original lack of apps-Open Source, active development communityView our site as live example
  • #46: iUI is very simple code. So simple, can be automated!More on this later, with practical dev time
  • #47: Live demoTest a framework early, test often through development
  • #49: iUI’s simple HTMLcode means with a bit extra work, we got this tooNow you’ve got a framework. Just choosing at this point, no coding yet
  • #50: Now, see what else you can pull in. Build an inventory.RSS: show our news feedXML: our catalogHours: just recentlyIM: Libraryh3lpeResources: not heavy usage, but why not if it’s easy?
  • #51: Framework chosen, inventory built, put it together!
  • #52: DCPL – first (?) lib iPhone app
  • #54: -Optional, but recommended if at all possible-Adds interactivity, utility-Use case: looking up a call number / do you have X. Again, not deep research.
  • #55: Other solution – like NCSU
  • #57: http://m.ocls.info/
  • #58: Try to demo ‘find libraries near me’, if not then go to the NY view then Hofstra – is it in test mode? ask if anybody has insight-Provides both mobile web catalog & mobile app catalog-Prices: http://www.librarything.com/blogs/thingology/2010/01/library-anywhere-prices-public/
  • #59: Auto-forward vs. device-sensing link
  • #60: Not giant numbers compared to site as a whole – maybe 1%-promotional value is immeasurable-loyal usersTheory re: dropoff in summer – only students have iphones? Staff have android/blackberries and stick around?At first, Android was virtually zero
  • #61: The process is never done. Constantly tweaking, trying new things, updating to match tech
  • #63: Youtube’s frustrations w/ built-in iPhone appOverall, greater interactivityhttp://www.hiddenpeanuts.com/ala/demo2.php