Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

One block at a time: Building a mobile site

2,090 views

Published on

Presented at Handheld Librarian II online, 2/18/10. A few notes that didn't quite make it into the slides in time are here: http://www.hiddenpeanuts.com/archives/2010/02/18/handheld-librarian-mobile-stats/

Published in: Education
  • Be the first to comment

One block at a time: Building a mobile site

  1. 1. One block at a time: Building a mobile site Chad Haefele Reference Librarian for Emerging Technologies UNC Chapel Hill [email_address]
  2. 2. What I’ll be showing you <ul><li>A tour through our development process </li></ul><ul><li>The building blocks you’ll need to do it yourself, and the decisions you’ll need to make along the way </li></ul><ul><li>A quick look at a mobile site generator </li></ul><ul><li>A walkthrough of our completed site </li></ul>
  3. 3. Why mobile?
  4. 4. Block #1: Survey your users Plus 44 ‘other’ responses Data from Spring, 2009
  5. 5. Sample ‘Other’ responses: <ul><li>Cell phone </li></ul><ul><li>Cheap free phone </li></ul><ul><li>Braille Note </li></ul><ul><li>Carrier pigeon </li></ul><ul><li>Lame old phone :( </li></ul><ul><li>My cheap phone that always has at least 2 bars </li></ul>
  6. 6. Block #2: Platform Vs.
  7. 7. <ul><li>Java, Objective C </li></ul><ul><li>Single platform </li></ul><ul><li>Full hardware access (GPS, camera, etc) </li></ul><ul><li>Can be used offline </li></ul><ul><li>Tricky to get stats </li></ul><ul><li>HTML, CSS, Javascript </li></ul><ul><li>Multi-platform (maybe) </li></ul><ul><li>Limited hardware access (GPS only) </li></ul><ul><li>Requires web connection </li></ul><ul><li>Standard webstats </li></ul>Platform: App or Webapp? App Webapp
  8. 8. Block #3: Framework <ul><li>Jason Clark’s: http://diginit.wordpress.com/2009/11/13/mobile-web-design-working-code-tips-best-practices/ or http://bit.ly/cXlnlS </li></ul>www.lib.utc.edu/m
  9. 9. Block #3: Framework <ul><li>iUI: code.google.com/p/iui / </li></ul><ul><li>Mobile site generator: www.hiddenpeanuts.com/msg </li></ul>www.lib.unc.edu/m
  10. 10. Mobile site generator www.hiddenpeanuts.com/msg
  11. 11. Device testing <ul><li>iPhone/iPod Touch </li></ul>
  12. 12. Device testing <ul><li>Android </li></ul>
  13. 13. Device testing <ul><li>Text only </li></ul>
  14. 14. Block #4: Data sources & Outside systems <ul><li>RSS feeds </li></ul><ul><li>XML </li></ul><ul><li>Other systems </li></ul><ul><ul><li>Computer availability </li></ul></ul><ul><ul><li>eResources </li></ul></ul><ul><ul><li>Hours </li></ul></ul><ul><ul><li>IM / text a librarian services </li></ul></ul>
  15. 15. Block #5: Custom code
  16. 16. http:// dclibrarylabs.org / iPhone app code (app)
  17. 17. iUI code (webapp) http://code.google.com/p/iui/
  18. 18. Block #6: Catalog <ul><li>Catalog options </li></ul><ul><ul><li>Do it yourself </li></ul></ul><ul><ul><li>ILS vendor-provided solution </li></ul></ul><ul><ul><li>3 rd party product </li></ul></ul>
  19. 19. Catalog: DIY <ul><li>Priority 1: Get a clean data feed </li></ul><ul><ul><li>XML feeds from ILS </li></ul></ul><ul><ul><li>Yaz / Z39.50 ( http:// www.indexdata.com/yaz ) </li></ul></ul><ul><ul><li>Other solution – tap into DB directly somehow </li></ul></ul><ul><li>Harass your vendors! </li></ul>
  20. 20. Catalog: DIY (at UNC) <ul><li>Endeca, Endeca, Endeca! </li></ul><ul><li>XML + php + Syndetics + iUI </li></ul>
  21. 21. Catalog: ILS solutions <ul><li>Airpac, from Innovative </li></ul>
  22. 22. Catalog: 3 rd party product <ul><li>Librarything – “Library Anywhere” </li></ul><ul><li>“ Works with 90% of current OPACs.” </li></ul>
  23. 23. Block #7: Promotion
  24. 24. Block #8: Evaluate & Iterate Apple: 78% Android: 12% Questionable: Out of 2261 total visits? Most still come from Firefox & IE Rough stats: Visits, January 2010
  25. 25. UNC Mobile site walkthrough + ‘View full site link’ www.lib.unc.edu/m www.lib.unc.edu/m/plain
  26. 26. UNC Mobile site walkthrough
  27. 27. Catalog
  28. 28. UNC Mobile site walkthrough
  29. 29. UNC Mobile site walkthrough
  30. 30. Blocks (review) <ul><li>Survey </li></ul><ul><li>Platform </li></ul><ul><li>Framework </li></ul><ul><li>Data sources </li></ul><ul><li>Custom code </li></ul><ul><li>Catalog </li></ul><ul><li>Promotion </li></ul><ul><li>Evaluate & Iterate </li></ul>
  31. 31. This is not the end Slides online: http://bit.ly/HaefeleHHLib

×