Your SlideShare is downloading. ×
0
Chad Haefele Reference Librarian for Emerging Technologies UNC Chapel Hill – Davis Library [email_address] 7/23/09
Mobile use stats <ul><li>32% of all Americans have gone online with a mobile device at some point in their lives </li></ul...
 
 
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...
Mobile stats <ul><li>Informal survey on the UNC Davis Library website: </li></ul>Plus 44 ‘other’ responses
Device differences <ul><li>iPhone/Smartphone/Featurephone/Other </li></ul>?
Device differences <ul><li>Plain old phone </li></ul>
Device differences <ul><li>Plain old phones have browsers too! </li></ul>
Development approaches 1. Full iPhone application http://www.screencast.com/t/yzFoclXdq7M
Development approaches 1. Full iPhone application
Development approaches 2. Web app - HTML
Development approaches <ul><li>Third-party development </li></ul>Worldcat mobile, developed and hosted by Boopsie.com http...
UNC Mobile <ul><li>Developed University-wide: </li></ul>
UNC library project http:// www.screencast.com/t/qrlHjGhnF
iUI <ul><li>http://code.google.com/p/iui/ </li></ul><ul><li>HTML development </li></ul><ul><li>Intro how-to article:  http...
iUI
iUI - files
iUI – sample code Main page: <ul id=&quot;home&quot; title=&quot;Home&quot; selected=&quot;true&quot;> <center><img src=&q...
iUI – sample code Secondary page: <ul id=&quot;hours&quot; title=&quot;Davis Hours&quot;> <center><img src=&quot;header.jp...
Which would you rather write?
UNC Library project <ul><li>Plain old phone: </li></ul>
UNC Library project <ul><li>Plain old phone: </li></ul>
UNC Library project <ul><li>Plain old phone: </li></ul>
Other examples: NCSU University of Virginia
Other considerations <ul><li>Local population </li></ul><ul><li>Branding – what URL? </li></ul><ul><li>Redirection – check...
Our future plans <ul><li>Adapting DCPL app </li></ul><ul><li>Mobile catalog </li></ul><ul><li>Test more widely </li></ul><...
Lessons learned <ul><li>Test, test, test! </li></ul><ul><li>Develop partnerships on campus </li></ul><ul><li>Get a device ...
Links <ul><li>UNC Library iPhone page (beta): </li></ul><ul><ul><li>www.HiddenPeanuts.com/iPhoneTest3 </li></ul></ul><ul><...
Questions? <ul><li>Photo credits: </li></ul><ul><ul><li>Phones:  www.flickr.com/photos/27048731@N03/3506681531 / </li></ul...
Upcoming SlideShare
Loading in...5
×

Low Effort, High Impact Mobile Web Development

1,146

Published on

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

Published in: Education, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,146
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "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): http://pewinternet.org/Reports/2009/12-Wireless-Internet-Use.aspx </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 http://www.screencast.com/t/yzFoclXdq7M
  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 Boopsie.com http://www.worldcat.org/m
  12. 14. UNC Mobile <ul><li>Developed University-wide: </li></ul>
  13. 15. UNC library project http:// www.screencast.com/t/qrlHjGhnF
  14. 16. iUI <ul><li>http://code.google.com/p/iui/ </li></ul><ul><li>HTML development </li></ul><ul><li>Intro how-to article: http://www.k10design.net/articles/iui/ </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>www.HiddenPeanuts.com/iPhoneTest3 </li></ul></ul><ul><li>UNC Library Plain Phone page (beta): </li></ul><ul><ul><li>www.HiddenPeanuts.com/plain </li></ul></ul><ul><li>UNC Mobile: </li></ul><ul><ul><li>m.unc.edu </li></ul></ul><ul><li>NCSU Library mobile page: </li></ul><ul><ul><li>www.lib.ncsu.edu/m/ </li></ul></ul><ul><li>Duke Mobile: </li></ul><ul><ul><li>m.duke.edu </li></ul></ul><ul><li>DCPL iPhone application: </li></ul><ul><ul><li>www.dclibrarylabs.org/projects/iphone / </li></ul></ul><ul><li>University of VA iPhone page: </li></ul><ul><ul><li>m.lib.virginia.edu </li></ul></ul>
  28. 30. Questions? <ul><li>Photo credits: </li></ul><ul><ul><li>Phones: www.flickr.com/photos/27048731@N03/3506681531 / </li></ul></ul><ul><ul><li>Plain phones: www.flickr.com/photos/joshb/27437522 / </li></ul></ul><ul><ul><li>Plain phone browser: www.flickr.com/photos/kevincollins/1415091562 / </li></ul></ul>Presentation online at:
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×