Mobile Development

WiLSWorld 2010 Rebecca J. Holz UW-Madison Ebling Library

Mobile Then

IBM Simon in Charging Station - Wikimedia Commons

Mobile Now .

.

.

Mobile Soon .

.

Why Mobile Matters or does it? .

2010 .May 29.% of all American adults who have accessed the internet on a mobile device: ‡ 2007: 24% ‡ 2009: 32% % of cell phone owners who go online wirelessly: ‡ April 2009: 32% ‡ May 2010: 40% % of cell/pda owners that go online daily: ‡ 2007: 7% ‡ 2009: 14% Source: Pew Research Center's Internet & American Life Project. April 29 .

. Source: Gartner.Worldwide Smartphone Sales to End Users by Operating System in 2009 (Thousands of Units).

What's your mobile traffic pattern? .

Content ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ Library Hours & Locations Library Catalog Floor Plans Library Tours Computers & Laptops Ask a Librarian Directories Mobile Databases. and e-journals . e-books.

Stilleben .Floris van Dyck .

Mrs.Flickr . Gemstone .

Search is Important .

OSU OPAC Search .

OSU OPAC Search .

Mobile Approaches ‡ ‡ ‡ ‡ ‡ Do Nothing Mobile Site Web App Native App Hybrid .

com .Scrape TV http://scrapetv.

) ‡ easier to obtain device & browser interoperability (LCD) ‡ low barrier to development ‡ faster and easier to implement . styling.Mobile Site ‡ traditional approach ‡ often very basic ‡ can be developed FOR mobiles (better). or a retrofit (better than nothing :) ‡ may be select or otherwise tailored content ‡ may have mobile-specific CSS (strip images. etc.

.

.

agnostic..Web App ‡ can be device specific.. . but probably somewhere in between ‡ HTML5 + CSS3 = crazy delicious ‡ behaves a lot more like a native app ‡ looks a lot more like a native app ‡ often can be added to screen like a native app ‡ when prettiness counts.

and Johns Hopkins Web Apps .OSU. USA Biomedical Library.

.

.

.

Native App ‡ ‡ ‡ ‡ ‡ ‡ ‡ device-specific differences languages. & tools development very different from web site offline access better performance integration with device applications list in the app store .

.

iPhone/iPodTouch/iPad .

Boopsie iPhone Apps .

WorldCat Mobile .

Mobile Brown University Library .

Hybrid .

.

.

.

.

Ebling Library Mobile it all began with a 2D barcode .

baby ‡ «and the usability ‡ «ok.Why we targeted iUsers ‡ it's all about the usage. too :| . and a little bit of the hype cycle.

Why we went web app ‡ ‡ ‡ ‡ ‡ ‡ iUI Good match with my skill set I didn¶t have time to learn ObjectiveC or Cocoa I didn't have a lot of time period looks and feels a lot like a mobile app all the cool kids were doing it .

businesspundit.Our Audience www.com .

.

Ingredients ‡ ‡ ‡ ‡ ‡ ‡ HTML CSS JavaScript iUI PHP RSS HTML5 + CSS3 .

Haves and Have Nots Haves ‡ current content ‡ hours ‡ ask a librarian ‡ SMS ‡ directories ‡ study rooms ‡ available laptops ‡ e-resources ‡ mobile resources Have Nots ‡ chat ‡ library catalog ‡ patron record ‡ visual galleries ‡ customization ‡ virtual tours ‡ stacks guide ‡ instructional content .

.

<link rel="apple-touch-icon" href="/images/buttons/bookmark.jpg" />

<noscript> <p align="center">Please enable JavaScript &amp; Refresh this page to continue OR view <a href="/index.php?set=style1" target="_self">text only site</a>. If you continue to have trouble accessing this site, please <a href="/contact.cfm?department_id=5&amp; name=Information Architecture&amp;set="> let us know</a>.</p> </noscript>

fall-back plan

.

.

.

Testing: Emulators & Simulators Device Emulators ‡ Apple (iPhone) ‡ RIM (BlackBerry) ‡ Samsung ‡ Palm ‡ LG ‡ Motorola OS Emulators ‡ Microsoft (Windows Mobile) ‡ Google (Android) ‡ Nokia Browser Emulators ‡ Opera Mini ‡ Openwave .

.

.

Margaret Tarrant. Harry.Why. editor. I hardly noticed that web app under there at all! Golding. Lock & Co. illustrator.. Fairy Tales. 1915. . London: Ward.

Mobile Site Full Site Text Only .

Looking Forward ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ much better device detection pay more attention to non iOS devices catalog search e-research search chat promotion look and feel in sync with site design housecleaning food! user testing and assessment robust statistics .

.

pewinternet.k10design. Library Success .com/p/iui/ iUI 0.org/Reports/2010/Mobile-Access-2010.libsuccess.13 .RESOURCES Mobile Access 2010 (Pew Report) http://www.An Overview http://www.aspx IUI Library http://code.net/ .a best practices wiki http://www.org/index.php?title=M-Libraries iWebKit http://iwebkit.net/articles/iui/ M-Libraries.google.

iPhone Application Simulator http://www.com/mini/demo/ Opera Mobile Emulator and Mini Simulator http://www.opera.com .com http://ipadpeek.Mobile Detection Script http://detectmobilebrowsers.com/developer/tools TestiPhone.opera.mobi/ Opera Mini Simulator http://www.com/ iPadPeek.testiphone.com/ .

Thank You! .

Sign up to vote on this title
UsefulNot useful