Mobile development
Download
1 / 63

mobile development - PowerPoint PPT Presentation


  • 346 Views
  • Updated On :

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% 

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

PowerPoint Slideshow about 'mobile development' - EllenMixel


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






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.



Content l.jpg
Content in 2009

  • Library Hours & Locations

  • Library Catalog

  • Floor Plans

  • Library Tours

  • Computers & Laptops

  • Ask a Librarian

  • Directories

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







Mobile approaches l.jpg
Mobile Approaches in 2009

  • Do Nothing

  • Mobile Site

  • Web App

  • Native App

  • Hybrid



Mobile site l.jpg
Mobile Site in 2009

  • 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 in 2009

  • 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...



Native app l.jpg
Native App in 2009

  • device-specific

  • differences languages, & tools

  • development very different from web site

  • offline access

  • better performance

  • integration with device applications

  • list in the app store






Hybrid l.jpg
Hybrid in 2009


Ebling library mobile l.jpg

Ebling Library Mobile in 2009

it all began with a 2D barcode


Why we targeted iusers l.jpg
Why we targeted iUsers in 2009

  • 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 in 2009

  • 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 in 2009

www.businesspundit.com


Ingredients l.jpg
Ingredients in 2009

HTML5 + CSS3

  • HTML

  • CSS

  • JavaScript

  • iUI

  • PHP

  • RSS


Haves and have nots l.jpg

Haves in 2009

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" in 2009 href="/images/buttons/bookmark.jpg" />


Fall back plan l.jpg

<noscript> in 2009 <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 in 2009

  • 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! in 2009

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


Slide58 l.jpg

Mobile Site in 2009

Full Site

Text Only


Looking forward l.jpg
Looking Forward in 2009

  • 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 in 2009

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 in 2009

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! in 2009


ad