Download
mobile development n.
Skip this Video
Loading SlideShow in 5 Seconds..
Mobile Development PowerPoint Presentation
Download Presentation
Mobile Development

Mobile Development

419 Views Download Presentation
Download Presentation

Mobile Development

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Mobile Development WiLSWorld 2010 Rebecca J. Holz UW-MadisonEbling Library

  2. Mobile Then

  3. IBM Simon in Charging Station - Wikimedia Commons

  4. Mobile Now

  5. Mobile Soon

  6. Why Mobile Matters or does it?

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

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

  9. What's your mobile traffic pattern?

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

  11. Stilleben - Floris van Dyck

  12. Flickr - Mrs. Gemstone

  13. Search is Important

  14. OSU OPAC Search

  15. OSU OPAC Search

  16. Mobile Approaches • Do Nothing • Mobile Site • Web App • Native App • Hybrid

  17. Scrape TV http://scrapetv.com

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

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

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

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

  22. iPhone/iPodTouch/iPad

  23. Boopsie iPhone Apps

  24. WorldCat Mobile

  25. Mobile Brown University Library

  26. Hybrid

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

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

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

  30. Our Audience www.businesspundit.com

  31. Ingredients HTML5 + CSS3 • HTML • CSS • JavaScript • iUI • PHP • RSS

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

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

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