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.

Low Effort, High Impact Mobile Web Development


Published on

Presented to TRLN's annual meeting, 7/24/09

Published in: Education, Technology
  • Be the first to comment

Low Effort, High Impact Mobile Web Development

  1. 1. Chad Haefele Reference Librarian for Emerging Technologies UNC Chapel Hill – Davis Library [email_address] 7/23/09
  2. 2. Mobile use stats <ul><li>32% of all Americans have gone online with a mobile device at some point in their lives </li></ul><ul><li>19% of Americans said they had yesterday accessed the internet on their mobile device  </li></ul>
  3. 5. Mobile use stats <ul><li>44% of Americans do one or more of these tasks on their mobile phone in an average day: </li></ul><ul><li>Up from 32% in 2007 </li></ul><ul><li>Source: “Wireless Internet Use”, Pew Internet & American Life Project, 7/22/09 (data gathered 4/09): </li></ul>Watching Video Getting Directions Playing Music Instant Messaging Recording Video Accessing the web Checking e-mail Playing a game Taking a picture Text messaging
  4. 6. Mobile stats <ul><li>Informal survey on the UNC Davis Library website: </li></ul>Plus 44 ‘other’ responses
  5. 7. Device differences <ul><li>iPhone/Smartphone/Featurephone/Other </li></ul>?
  6. 8. Device differences <ul><li>Plain old phone </li></ul>
  7. 9. Device differences <ul><li>Plain old phones have browsers too! </li></ul>
  8. 10. Development approaches 1. Full iPhone application
  9. 11. Development approaches 1. Full iPhone application
  10. 12. Development approaches 2. Web app - HTML
  11. 13. Development approaches <ul><li>Third-party development </li></ul>Worldcat mobile, developed and hosted by
  12. 14. UNC Mobile <ul><li>Developed University-wide: </li></ul>
  13. 15. UNC library project http://
  14. 16. iUI <ul><li> </li></ul><ul><li>HTML development </li></ul><ul><li>Intro how-to article: </li></ul>
  15. 17. iUI
  16. 18. iUI - files
  17. 19. iUI – sample code Main page: <ul id=&quot;home&quot; title=&quot;Home&quot; selected=&quot;true&quot;> <center><img src=&quot;header.jpg&quot; width=&quot;320px&quot; /></center> <li><a href=&quot;#hours&quot;>Library Hours</a></li> <li><a href=“#contact&quot;>Contact & Find Us</a></li> <li><a href=&quot;#catalog&quot;>Catalog</a></li> … </ul>
  18. 20. iUI – sample code Secondary page: <ul id=&quot;hours&quot; title=&quot;Davis Hours&quot;> <center><img src=&quot;header.jpg&quot; width=&quot;320px&quot; /></center> CONTENT HERE </ul>
  19. 21. Which would you rather write?
  20. 22. UNC Library project <ul><li>Plain old phone: </li></ul>
  21. 23. UNC Library project <ul><li>Plain old phone: </li></ul>
  22. 24. UNC Library project <ul><li>Plain old phone: </li></ul>
  23. 25. Other examples: NCSU University of Virginia
  24. 26. Other considerations <ul><li>Local population </li></ul><ul><li>Branding – what URL? </li></ul><ul><li>Redirection – check user agents </li></ul><ul><li>Promotion, or serendipity? </li></ul><ul><li>Coolness factor </li></ul>
  25. 27. Our future plans <ul><li>Adapting DCPL app </li></ul><ul><li>Mobile catalog </li></ul><ul><li>Test more widely </li></ul><ul><li>Launch for fall </li></ul><ul><li>Explore other platforms </li></ul><ul><ul><li>Palm Pre </li></ul></ul><ul><ul><li>Android </li></ul></ul>
  26. 28. Lessons learned <ul><li>Test, test, test! </li></ul><ul><li>Develop partnerships on campus </li></ul><ul><li>Get a device in your hands, and the hands of stakeholders </li></ul><ul><li>Piggyback off the work of others </li></ul><ul><li>Iterate </li></ul><ul><li>Use User-Agent switcher in development </li></ul><ul><li>Pull in outside systems </li></ul>
  27. 29. Links <ul><li>UNC Library iPhone page (beta): </li></ul><ul><ul><li> </li></ul></ul><ul><li>UNC Library Plain Phone page (beta): </li></ul><ul><ul><li> </li></ul></ul><ul><li>UNC Mobile: </li></ul><ul><ul><li> </li></ul></ul><ul><li>NCSU Library mobile page: </li></ul><ul><ul><li> </li></ul></ul><ul><li>Duke Mobile: </li></ul><ul><ul><li> </li></ul></ul><ul><li>DCPL iPhone application: </li></ul><ul><ul><li> / </li></ul></ul><ul><li>University of VA iPhone page: </li></ul><ul><ul><li> </li></ul></ul>
  28. 30. Questions? <ul><li>Photo credits: </li></ul><ul><ul><li>Phones: / </li></ul></ul><ul><ul><li>Plain phones: / </li></ul></ul><ul><ul><li>Plain phone browser: / </li></ul></ul>Presentation online at: