mobile development
Download
Skip this Video
Download Presentation
Mobile Development

Loading in 2 Seconds...

play fullscreen
1 / 63

Mobile Development - PowerPoint PPT Presentation


  • 352 Views
  • Uploaded 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

Mobile Development

WiLSWorld 2010

Rebecca J. Holz

UW-MadisonEbling Library

slide10
% 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
Worldwide Smartphone Sales to End Users by Operating System in 2009 (Thousands of Units). Source: Gartner.
content
Content
  • Library Hours & Locations
  • Library Catalog
  • Floor Plans
  • Library Tours
  • Computers & Laptops
  • Ask a Librarian
  • Directories
  • Mobile Databases, e-books, and e-journals
mobile approaches
Mobile Approaches
  • Do Nothing
  • Mobile Site
  • Web App
  • Native App
  • Hybrid
mobile site
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
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...
native app
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
ebling library mobile

Ebling Library Mobile

it all began with a 2D barcode

why we targeted iusers
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
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
Our Audience

www.businesspundit.com

ingredients
Ingredients

HTML5 + CSS3

  • HTML
  • CSS
  • JavaScript
  • iUI
  • PHP
  • RSS
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

Haves and Have Nots
fall back plan

fall-back plan

testing emulators simulators
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
slide58
Mobile Site

Full Site

Text Only

looking forward
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
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
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/

ad