One block at a time: Building a mobile site

1,504 views
1,448 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
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,504
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Personal frustration / student anecdote Screenshots of main site & Endeca on mobile safari Use case: catalog in stacks Beyond hours & location
  • 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

    ×