1 / 63

Mobile Development

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% 

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.


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

More Related