low effort, high impact mobile web development
DESCRIPTION
Presented to TRLN's annual meeting, 7/24/09TRANSCRIPT
![Page 1: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/1.jpg)
Chad HaefeleReference Librarian for Emerging Technologies
UNC Chapel Hill – Davis [email protected]
7/23/09
![Page 2: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/2.jpg)
Mobile use stats
32% of all Americans have gone online with a mobile device at some point in their lives
19% of Americans said they had yesterday accessed the internet on their mobile device
![Page 3: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/3.jpg)
![Page 4: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/4.jpg)
![Page 5: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/5.jpg)
Mobile use stats
44% of Americans do one or more of these tasks on their mobile phone in an average day:
Up from 32% in 2007
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
Text messaging
Taking a picture
Playing a game
Checking e-mail
Accessing the web
Recording Video
Instant Messaging
Playing Music
Getting Directions
Watching Video
![Page 6: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/6.jpg)
Mobile stats
Informal survey on the UNC Davis Library website:
Plus 44 ‘other’ responses
![Page 7: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/7.jpg)
Device differences
iPhone/Smartphone/Featurephone/Other
?
![Page 8: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/8.jpg)
Device differences
Plain old phone
![Page 9: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/9.jpg)
Device differences
Plain old phones have browsers too!
![Page 10: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/10.jpg)
Development approaches1. Full iPhone application
http://www.screencast.com/t/yzFoclXdq7M
![Page 11: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/11.jpg)
Development approaches1. Full iPhone application
![Page 12: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/12.jpg)
Development approaches2. Web app - HTML
![Page 13: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/13.jpg)
Development approaches3. Third-party
development
Worldcat mobile, developed and hosted by Boopsie.com
http://www.worldcat.org/m
![Page 14: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/14.jpg)
UNC Mobile
Developed University-wide:
![Page 15: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/15.jpg)
UNC library project
http://www.screencast.com/t/qrlHjGhnF
![Page 16: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/16.jpg)
iUI
http://code.google.com/p/iui/
HTML development
Intro how-to article: http://www.k10design.net/articles/iui/
![Page 17: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/17.jpg)
iUI
![Page 18: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/18.jpg)
iUI - files
![Page 19: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/19.jpg)
iUI – sample code
Main page:
<ul id="home" title="Home" selected="true">
<center><img src="header.jpg" width="320px" /></center>
<li><a href="#hours">Library Hours</a></li>
<li><a href=“#contact">Contact & Find Us</a></li>
<li><a href="#catalog">Catalog</a></li>
…
</ul>
![Page 20: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/20.jpg)
iUI – sample code
Secondary page:
<ul id="hours" title="Davis Hours">
<center><img src="header.jpg" width="320px" /></center>
CONTENT HERE
</ul>
![Page 21: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/21.jpg)
Which would you rather write?
![Page 22: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/22.jpg)
UNC Library project Plain old phone:
![Page 23: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/23.jpg)
UNC Library project Plain old phone:
![Page 24: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/24.jpg)
UNC Library project Plain old phone:
![Page 25: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/25.jpg)
Other examples:
NCSU University of Virginia
![Page 26: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/26.jpg)
Other considerations
Local population Branding – what URL? Redirection – check user agents Promotion, or serendipity? Coolness factor
![Page 27: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/27.jpg)
Our future plans
Adapting DCPL app Mobile catalog Test more widely Launch for fall Explore other platforms
Palm Pre Android
![Page 28: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/28.jpg)
Lessons learned
Test, test, test! Develop partnerships on campus Get a device in your hands, and the hands of
stakeholders Piggyback off the work of others Iterate Use User-Agent switcher in development Pull in outside systems
![Page 29: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/29.jpg)
Links UNC Library iPhone page (beta):
www.HiddenPeanuts.com/iPhoneTest3 UNC Library Plain Phone page (beta):
www.HiddenPeanuts.com/plain UNC Mobile:
m.unc.edu NCSU Library mobile page:
www.lib.ncsu.edu/m/ Duke Mobile:
m.duke.edu DCPL iPhone application:
www.dclibrarylabs.org/projects/iphone/ University of VA iPhone page:
m.lib.virginia.edu
![Page 30: Low Effort, High Impact Mobile Web Development](https://reader036.vdocument.in/reader036/viewer/2022070303/548ff0ecb47959595b8b4604/html5/thumbnails/30.jpg)
Questions?
Photo credits: Phones: www.flickr.com/photos/27048731@N03/3506681531/ Plain phones: www.flickr.com/photos/joshb/27437522/ Plain phone browser: www.flickr.com/photos/kevincollins/1415091562/
Presentation online at: