Library in your pocket

1,100 views

Published on

Presented 12/7/2010

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,100
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Rough guide, flexible
  • http://bit.ly/mobileclasspoll http://www.polleverywhere.com/multiple_choice_polls/MTE2Njc2MzE3MA
  • -3 major standards right now-Just in the last 3 years
  • -My first mobile browser – RAZR-bus stop schedule, but that’s it-WAP, etc.
  • -Android & iPhone (mobile Safari) browsers-Actually usable!-Regular sites on mobile browsers-Still not ideal
  • -Sites designed with mobile usability concerns in mind.-Large links, big fonts, simple, etc.
  • Smartphones to overtake regular featurephones in market penetration by late 2011
  • matter of UI/usability concerns more than anything else
  • -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
  • -Released June ‘10-How many have this?
  • -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
  • -Evernote-Gowalla-Pandora-U-Verse DVR control-Stanza-Dropbox-Foursquare-iLevel
  • 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
  • -Android is an OS, not a phone-Open source OS,tweakable-fragmentation issues?
  • NY TimesFacebookDesktop – customizability/widgetsRdioCardiotrainerListenDropbox – some apps are on multiple platformsGoogle Maps – tight integration of Google servicesQuality improved lately, but chicken or egg?
  • -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.
  • -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
  • -This is what it looked like when we started developing, different now-US stats only-Other= Palm, Windows, etc.
  • -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!
  • These all differ slightly based on the surveyer
  • Blah blahblah, more stats. Different yet again. Useful for general trends only.
  • Mobile internet use is rising among teens – our future users!My anecdotal noticed difference btwn grad & undergrad students
  • -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?
  • Move on at 2:15Next:Designing a mobile library presence
  • 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
  • <ahref="sms:1-919-442-8ASK">Text us: 919-442-8ASK</a><a href="tel:919-966-9444">919-966-9444</a>
  • Requested by usersInteractive, answers questions
  • How do you build this stuff?But first, any questions?
  • Do this survey informally – raise hands
  • App – installed program‘webapp’ – really just a webpage optimized for mobile use. Trendy term.
  • App: definite coolness factor, distribution via app storeiOS: $99 fee/year
  • 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
  • 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.
  • 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
  • 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
  • Designed to mimic iOS look & feel.-roots from original lack of apps-Open Source, active development communityView our site as live example
  • iUI is very simple code. So simple, can be automated!More on this later, with practical dev time
  • Live demoTest a framework early, test often through development
  • 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
  • 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?
  • Framework chosen, inventory built, put it together!
  • DCPL – first (?) lib iPhone app
  • -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.
  • Other solution – like NCSU
  • http://m.ocls.info/
  • 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/
  • Auto-forward vs. device-sensing link
  • 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
  • The process is never done. Constantly tweaking, trying new things, updating to match tech
  • Youtube’s frustrations w/ built-in iPhone appOverall, greater interactivityhttp://www.hiddenpeanuts.com/ala/demo2.php
  • Library in your pocket

    1. 1. Library in Your Pocket: Strategies for Developing Successful Mobile Services<br />Chad Haefele<br />Emerging Technologies Librarian<br />UNC Chapel Hill<br />chad.haefele@gmail.com<br />
    2. 2. What I’ll be showing you<br />An overview of the modern mobile/smartphone landscape<br />A tour through our development process<br />The building blocks you’ll need to do it yourself, and the decisions you’ll need to make along the way<br />A mobile site generator, with playtime!<br />
    3. 3. Schedule<br />1:00 – Welcome and introductions<br />1:15 – Overview and class survey<br />1:30 – The modern mobile landscape<br />2:15 – Designing a mobile library presence<br />3:00 – Break & chat<br />3:15 – Building a mobile library presence<br />3:45 – Hands-on mobile site development<br />4:45 - Final wrapup & questions<br />
    4. 4. Quick poll<br />http://www.polleverywhere.com/multiple_choice_polls/MTE2Njc2MzE3MA<br />http://bit.ly/mobileclasspoll<br />
    5. 5. Why now?<br />
    6. 6. The Old Browser<br />
    7. 7. The New Browser<br />
    8. 8. Even Better<br />
    9. 9. Source: http://blog.nielsen.com/nielsenwire/online_mobile/mobile-snapshot-smartphones-now-28-of-u-s-cellphone-market/<br />
    10. 10. Defining ‘mobile device’<br />
    11. 11. http://bit.ly/MobileLandscape<br />
    12. 12. iPhone 4<br />
    13. 13. iOS devices<br />iPhone, iPad, iPod Touch<br />Available only through AT&T<br />Debuted in 2007<br />Apps developed in Objective C<br />More than 250,000 apps<br />
    14. 14.
    15. 15. Android<br />http://en.wikipedia.org/wiki/Comparison_of_Android_devices<br />HTC Evo<br />Droid X<br />
    16. 16. Android devices<br />Too many to list<br />Available on all major carriers<br />Debuted in 2008<br />Apps developed in Java<br />More than 80,000 apps<br />
    17. 17.
    18. 18. BlackBerry Torch<br />
    19. 19.
    20. 20. Blackberry devices<br />Too many to list<br />Available on all major carriers<br />Debuted in 1996 (sort of)<br />More modern devices: 2005<br />About 10000 apps<br />
    21. 21. Which platform to support?<br />Mobile web use<br />(August 2010)<br />Market share – devices sold<br />(July 2010)<br />Anon. 2010. August 2010 Mobile OS Share. Quantcast Blog. September 3. http://blog.quantcast.com/quantcast/2010/09/august-2010-mobile-os-share.html.<br />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.<br />
    22. 22. Source: http://blog.quantcast.com/quantcast/2010/09/august-2010-mobile-os-share.html<br />
    23. 23. Updated stats<br />Source: http://comscore.com/Press_Events/Press_Releases/2010/12/comScore_Reports_October_2010_U.S._Mobile_Subscriber_Market_Share<br />
    24. 24. Source: http://www.millennialmedia.com/research/mobilemix/, 11/2010<br />
    25. 25. Other usage stats<br />Source: http://comscore.com/Press_Events/Press_Releases/2010/12/comScore_Reports_October_2010_U.S._Mobile_Subscriber_Market_Share<br />
    26. 26. Other usage stats<br />Source: http://blog.nielsen.com/nielsenwire/online_mobile/u-s-teen-mobile-report-calling-yesterday-texting-today-using-apps-tomorrow/ <br />
    27. 27.
    28. 28. VS<br />
    29. 29. ?<br />
    30. 30. UNC Mobile site walkthrough<br />www.lib.unc.edu/m<br />www.lib.unc.edu/m/plain<br />+ ‘View full site link’<br />
    31. 31. UNC Mobile site walkthrough<br />
    32. 32. Catalog<br />
    33. 33. UNC Mobile site walkthrough<br />
    34. 34. UNC Mobile site walkthrough<br />
    35. 35. http://www.flickr.com/photos/gullevek/155604654/<br />
    36. 36. Block #1: Survey your users<br />Plus 44 ‘other’ responses<br />Data from Spring, 2009<br />
    37. 37. Sample ‘Other’ responses:<br />Cell phone<br />Cheap free phone<br />Braille Note<br />Carrier pigeon<br />Lame old phone :(<br />My cheap phone that always has at least 2 bars<br />
    38. 38. Block #2: Platform<br />Vs.<br />
    39. 39. Platform: App or Webapp?<br />App<br />Webapp<br />Java, Objective C<br />Single platform<br />Full hardware access(GPS, camera, etc)<br />Can be used offline<br />Tricky to get stats<br />HTML, CSS, Javascript<br />Multi-platform (maybe)<br />Limited hardware access (GPS only)<br />Requires web connection<br />Standard webstats<br />
    40. 40. Webapps play well with others<br />
    41. 41. Android’s App Inventor<br />
    42. 42. Other app development options<br />Phonegap<br />Flash<br />Sencha Touch<br />Appcelerator<br />Others: http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework<br />
    43. 43. Block #3: Framework<br />Jason Clark’s: http://diginit.wordpress.com/2009/11/13/mobile-web-design-working-code-tips-best-practices/orhttp://bit.ly/cXlnlS<br />www.lib.utc.edu/m<br />
    44. 44. Block #3: Framework<br />iUI: code.google.com/p/iui/<br />Mobile site generator:www.hiddenpeanuts.com/msg<br />www.lib.unc.edu/m<br />
    45. 45. Mobile site generator<br />www.hiddenpeanuts.com/msg<br />
    46. 46. Device testing<br />iPhone/iPod Touch<br />
    47. 47. Device testing<br />Android<br />
    48. 48. Device testing<br />Text only<br />
    49. 49. Block #4: Data sources & Outside systems<br />RSS feeds<br />XML<br />Other systems<br />Computer availability<br />eResources<br />Hours<br />IM / text a librarian services<br />
    50. 50. Block #5: Custom code<br />
    51. 51. http://dclibrarylabs.org/<br />iPhone app code<br />(app)<br />
    52. 52. iUI code (webapp)<br />http://code.google.com/p/iui/<br />
    53. 53. Block #6: Catalog<br />Catalog options<br />Do it yourself<br />ILS vendor-provided solution<br />3rd party product<br />
    54. 54. Catalog: DIY<br />Priority 1: Get a clean data feed<br />XML feeds from ILS<br />Yaz / Z39.50 (http://www.indexdata.com/yaz)<br />Other solution – tap into DB directly somehow<br />Harass your vendors!<br />
    55. 55. Catalog: DIY (at UNC)<br />Endeca makes it all possible<br />XML + php + Syndetics + iUI<br />
    56. 56. Catalog: ILS solutions<br />Airpac, from Innovative<br />
    57. 57. Catalog: 3rd party product<br />Library Anywhere<br />“Works with 90% of current OPACs.”<br />http://www.librarything.com/LibraryAnywhere<br />Links: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/<br />
    58. 58. Block #7: Promotion<br />
    59. 59. Rough stats: Hits, 2010<br />Block #8: Evaluate & Iterate<br />
    60. 60. Rough stats: Catalog info, 2010<br />Block #8: Evaluate & Iterate<br />
    61. 61. Blocks (review)<br />Survey<br />Platform<br />Framework<br />Data sources<br />Custom code<br />Catalog<br />Promotion<br />Evaluate & Iterate<br />
    62. 62. HTML5 & more on the horizon<br />Access to camera, GPS, mic, accelerometer, play video<br />Youtube: m.youtube.com <br />Flickr: m.flickr.com <br />Google Reader: google.com/reader/i <br />Geolocation: hiddenpeanuts.com/ala<br />
    63. 63. This is not the end<br />Slides online: http://www.slideshare.net/cHaefele<br />

    ×