30
Chad Haefele Reference Librarian for Emerging Technologies UNC Chapel Hill – Davis Library [email protected] 7/23/09

Low Effort, High Impact Mobile Web Development

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Low Effort, High Impact Mobile Web Development

Chad HaefeleReference Librarian for Emerging Technologies

UNC Chapel Hill – Davis [email protected]

7/23/09

Page 2: Low Effort, High Impact Mobile Web Development

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
Page 4: Low Effort, High Impact Mobile Web Development
Page 5: Low Effort, High Impact Mobile Web Development

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

Mobile stats

Informal survey on the UNC Davis Library website:

Plus 44 ‘other’ responses

Page 7: Low Effort, High Impact Mobile Web Development

Device differences

iPhone/Smartphone/Featurephone/Other

?

Page 8: Low Effort, High Impact Mobile Web Development

Device differences

Plain old phone

Page 9: Low Effort, High Impact Mobile Web Development

Device differences

Plain old phones have browsers too!

Page 10: Low Effort, High Impact Mobile Web Development

Development approaches1. Full iPhone application

http://www.screencast.com/t/yzFoclXdq7M

Page 11: Low Effort, High Impact Mobile Web Development

Development approaches1. Full iPhone application

Page 12: Low Effort, High Impact Mobile Web Development

Development approaches2. Web app - HTML

Page 13: Low Effort, High Impact Mobile Web Development

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

UNC Mobile

Developed University-wide:

Page 15: Low Effort, High Impact Mobile Web Development

UNC library project

http://www.screencast.com/t/qrlHjGhnF

Page 16: Low Effort, High Impact Mobile Web Development

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

iUI

Page 18: Low Effort, High Impact Mobile Web Development

iUI - files

Page 19: Low Effort, High Impact Mobile Web Development

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

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

Which would you rather write?

Page 22: Low Effort, High Impact Mobile Web Development

UNC Library project Plain old phone:

Page 23: Low Effort, High Impact Mobile Web Development

UNC Library project Plain old phone:

Page 24: Low Effort, High Impact Mobile Web Development

UNC Library project Plain old phone:

Page 25: Low Effort, High Impact Mobile Web Development

Other examples:

NCSU University of Virginia

Page 26: Low Effort, High Impact Mobile Web Development

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

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

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

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

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: