Mobile Development - PowerPoint PPT Presentation

Mobile development l.jpg
Download
1 / 63

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?. % of all American adults who have accessed the internet on a mobile device:  2007: 24% 

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.

Download Presentation

Mobile Development

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Mobile development l.jpg

Mobile Development

WiLSWorld 2010

Rebecca J. Holz

UW-MadisonEbling Library


Mobile then l.jpg

Mobile Then


Slide3 l.jpg

IBM Simon in Charging Station - Wikimedia Commons


Mobile now l.jpg

Mobile Now


Mobile soon l.jpg

Mobile Soon


Why mobile matters l.jpg

Why Mobile Matters

or does it?


Slide10 l.jpg

  • % 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 - May 29, 2010


Slide11 l.jpg

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


What s your mobile traffic pattern l.jpg

What's your mobile traffic pattern?


Content l.jpg

Content

  • Library Hours & Locations

  • Library Catalog

  • Floor Plans

  • Library Tours

  • Computers & Laptops

  • Ask a Librarian

  • Directories

  • Mobile Databases, e-books, and e-journals


Slide14 l.jpg

Stilleben - Floris van Dyck


Flickr mrs gemstone l.jpg

Flickr - Mrs. Gemstone


Search is important l.jpg

Search is Important


Slide17 l.jpg

OSU OPAC Search


Slide18 l.jpg

OSU OPAC Search


Mobile approaches l.jpg

Mobile Approaches

  • Do Nothing

  • Mobile Site

  • Web App

  • Native App

  • Hybrid


Slide20 l.jpg

Scrape TV http://scrapetv.com


Mobile site l.jpg

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, styling, etc.) 

  • easier to obtain device & browser interoperability (LCD)

  • low barrier to development

  • faster and easier to implement


Web app l.jpg

Web App

  • can be device specific, agnostic, 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...


Osu usa biomedical library and johns hopkins web apps l.jpg

OSU, USA Biomedical Library, and Johns Hopkins Web Apps


Native app l.jpg

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 l.jpg

iPhone/iPodTouch/iPad


Boopsie iphone apps l.jpg

Boopsie iPhone Apps


Slide33 l.jpg

WorldCat Mobile


Slide34 l.jpg

Mobile Brown University Library


Hybrid l.jpg

Hybrid


Ebling library mobile l.jpg

Ebling Library Mobile

it all began with a 2D barcode


Why we targeted iusers l.jpg

Why we targeted iUsers

  • it's all about the usage, baby

  • …and the usability

  • …ok, and a little bit of the hype cycle, too :|


Why we went web app l.jpg

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


Our audience l.jpg

Our Audience

www.businesspundit.com


Ingredients l.jpg

Ingredients

HTML5 + CSS3

  • HTML

  • CSS

  • JavaScript

  • iUI

  • PHP

  • RSS


Haves and have nots l.jpg

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

Haves and Have Nots


Slide48 l.jpg

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


Fall back plan l.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 l.jpg

Testing: Emulators & Simulators

  • OS Emulators

    • Microsoft (Windows Mobile)

    • Google (Android)

    • Nokia

  • Browser Emulators

    • Opera Mini

    • Openwave

Device Emulators

  • Apple (iPhone)

  • RIM (BlackBerry)

  • Samsung

  • Palm

  • LG

  • Motorola


Golding harry editor fairy tales margaret tarrant illustrator london ward lock co 1915 l.jpg

Why, I hardly noticed that web app under there at all!

Golding, Harry, editor. Fairy Tales. Margaret Tarrant, illustrator. London: Ward, Lock & Co., 1915.


Slide58 l.jpg

Mobile Site

Full Site

Text Only


Looking forward l.jpg

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


Resources l.jpg

RESOURCES

Mobile Access 2010 (Pew Report)

http://www.pewinternet.org/Reports/2010/Mobile-Access-2010.aspx

IUI Library

http://code.google.com/p/iui/

iUI 0.13  - An Overview 

http://www.k10design.net/articles/iui/

M-Libraries, Library Success - a best practices wiki 

http://www.libsuccess.org/index.php?title=M-Libraries

iWebKit

http://iwebkit.net/


Slide62 l.jpg

Mobile Detection Script

http://detectmobilebrowsers.mobi/

Opera Mini Simulator

http://www.opera.com/mini/demo/

Opera Mobile Emulator and Mini Simulator

http://www.opera.com/developer/tools

TestiPhone.com - iPhone Application Simulator

http://www.testiphone.com/

iPadPeek.com

http://ipadpeek.com/


Slide63 l.jpg

Thank You!


  • Login