Your SlideShare is downloading. ×
0
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
One block at a time: Building a mobile site
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

One block at a time: Building a mobile site

1,308

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: …

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,308
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Personal frustration / student anecdote Screenshots of main site & Endeca on mobile safari Use case: catalog in stacks Beyond hours & location
  • Transcript

    • 1. One block at a time: Building a mobile site Chad Haefele Reference Librarian for Emerging Technologies UNC Chapel Hill [email_address]
    • 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. Why mobile?
    • 4. Block #1: Survey your users Plus 44 ‘other’ responses Data from Spring, 2009
    • 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. Block #2: Platform Vs.
    • 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. 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. 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. Mobile site generator www.hiddenpeanuts.com/msg
    • 11. Device testing <ul><li>iPhone/iPod Touch </li></ul>
    • 12. Device testing <ul><li>Android </li></ul>
    • 13. Device testing <ul><li>Text only </li></ul>
    • 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. Block #5: Custom code
    • 16. http:// dclibrarylabs.org / iPhone app code (app)
    • 17. iUI code (webapp) http://code.google.com/p/iui/
    • 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. 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. Catalog: DIY (at UNC) <ul><li>Endeca, Endeca, Endeca! </li></ul><ul><li>XML + php + Syndetics + iUI </li></ul>
    • 21. Catalog: ILS solutions <ul><li>Airpac, from Innovative </li></ul>
    • 22. Catalog: 3 rd party product <ul><li>Librarything – “Library Anywhere” </li></ul><ul><li>“ Works with 90% of current OPACs.” </li></ul>
    • 23. Block #7: Promotion
    • 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. UNC Mobile site walkthrough + ‘View full site link’ www.lib.unc.edu/m www.lib.unc.edu/m/plain
    • 26. UNC Mobile site walkthrough
    • 27. Catalog
    • 28. UNC Mobile site walkthrough
    • 29. UNC Mobile site walkthrough
    • 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. This is not the end Slides online: http://bit.ly/HaefeleHHLib

    ×