One block at a time: Building a mobile site

  • 379 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
379
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
4
Comments
0
Likes
1

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
    • A tour through our development process
    • The building blocks you’ll need to do it yourself, and the decisions you’ll need to make along the way
    • A quick look at a mobile site generator
    • A walkthrough of our completed site
  • 3. Why mobile?
  • 4. Block #1: Survey your users Plus 44 ‘other’ responses Data from Spring, 2009
  • 5. Sample ‘Other’ responses:
    • Cell phone
    • Cheap free phone
    • Braille Note
    • Carrier pigeon
    • Lame old phone :(
    • My cheap phone that always has at least 2 bars
  • 6. Block #2: Platform Vs.
  • 7.
    • Java, Objective C
    • Single platform
    • Full hardware access (GPS, camera, etc)
    • Can be used offline
    • Tricky to get stats
    • HTML, CSS, Javascript
    • Multi-platform (maybe)
    • Limited hardware access (GPS only)
    • Requires web connection
    • Standard webstats
    Platform: App or Webapp? App Webapp
  • 8. Block #3: Framework
    • Jason Clark’s: http://diginit.wordpress.com/2009/11/13/mobile-web-design-working-code-tips-best-practices/ or http://bit.ly/cXlnlS
    www.lib.utc.edu/m
  • 9. Block #3: Framework
    • iUI: code.google.com/p/iui /
    • Mobile site generator: www.hiddenpeanuts.com/msg
    www.lib.unc.edu/m
  • 10. Mobile site generator www.hiddenpeanuts.com/msg
  • 11. Device testing
    • iPhone/iPod Touch
  • 12. Device testing
    • Android
  • 13. Device testing
    • Text only
  • 14. Block #4: Data sources & Outside systems
    • RSS feeds
    • XML
    • Other systems
      • Computer availability
      • eResources
      • Hours
      • IM / text a librarian services
  • 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
    • Catalog options
      • Do it yourself
      • ILS vendor-provided solution
      • 3 rd party product
  • 19. Catalog: DIY
    • Priority 1: Get a clean data feed
      • XML feeds from ILS
      • Yaz / Z39.50 ( http:// www.indexdata.com/yaz )
      • Other solution – tap into DB directly somehow
    • Harass your vendors!
  • 20. Catalog: DIY (at UNC)
    • Endeca, Endeca, Endeca!
    • XML + php + Syndetics + iUI
  • 21. Catalog: ILS solutions
    • Airpac, from Innovative
  • 22. Catalog: 3 rd party product
    • Librarything – “Library Anywhere”
    • “ Works with 90% of current OPACs.”
  • 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)
    • Survey
    • Platform
    • Framework
    • Data sources
    • Custom code
    • Catalog
    • Promotion
    • Evaluate & Iterate
  • 31. This is not the end Slides online: http://bit.ly/HaefeleHHLib