LITA 2010 Presentation: Developing for the Mobile Web

910 views

Published on

Meghan Weeks from Loyola Marymount University discusses how to implement web strategies and tools that make your website and resources mobile-web ready.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
910
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

LITA 2010 Presentation: Developing for the Mobile Web

  1. 1. Go Mobile With Your Library Website<br />PechaKucha: Technology In the Library<br />13th Annual LITA National Forum<br />Atlanta, GA<br />October 2, 2010<br />Meghan Weeks<br />Systems Librarian<br />William H. Hannon Library<br />Loyola Marymount University<br />Meghan.Weeks@lmu.edu<br />
  2. 2. Is your website mobile ready?<br />
  3. 3. Mobile ≈ Accessibility<br />http://www.w3.org/WAI/mobile/<br />
  4. 4. What <br />do our mobile users want?<br />
  5. 5. MOPACs<br />Mobile OPACs<br />
  6. 6. http://www.iii.com/products/airpac.shtml<br />
  7. 7. http://www.sirsidynix.com/iphone/apps/bookmyne/<br />
  8. 8. Third Party Vendors<br />
  9. 9. http://www.boopsie.com/home/<br />
  10. 10. Mobile Central<br />http://www.blackboard.com/Mobile/Mobile-Central.aspx<br />
  11. 11. Develop Your Own<br />Mobile Site<br />
  12. 12. Mobile Site Generator v1.1<br />http://www.hiddenpeanuts.com/msg/<br />
  13. 13. http://dclibrarylabs.org/projects/iphone/<br />
  14. 14. Molly: The Open Source Mobile Portal<br />http://mollyproject.sourceforge.net/<br />
  15. 15. http://iusask.usask.ca/<br />
  16. 16. Default Delivery Context (DDC)<br />Usable Screen Width: 120 pixels, minimum<br />Markup Language Support: XHTML Basic 1.1<br />Character Encoding: UTF-8<br />Image Format Support: JPEG, GIF 89a<br />Maximum Total Page Weight: 20kb<br />Colors: 256 colors, minimum<br />Style Sheet Support: CSS Level 1<br />HTTP: HTTP/1.0<br />Script: No Support for client side scripting<br />http://www.w3.org/TR/mobile-bp/#ddc<br />
  17. 17. Mobile Frameworks<br />http://iwebkit.net/<br />iPhone User Interface Framework<br />http://code.google.com/p/iui/<br />http://www.jqtouch.com/<br />
  18. 18. Mobile Web Best Practices 1.0<br /><ul><li>Exploit capabilities to enhance user experience
  19. 19. Test on different devices
  20. 20. Limit content to what user requested
  21. 21. Simple clear language
  22. 22. Colors should have sufficient contrast
  23. 23. Minimal navigation at top of page
  24. 24. Use alt tags for all non-text elements
  25. 25. Do not use: image maps, frames, tables
  26. 26. Avoid high resolution images</li></ul>http://www.w3.org/TR/mobile-bp/<br />
  27. 27. Testing Tools<br />W3C mobileOK Checker<br />http://validator.w3.org/mobile/<br />EvalAccess 2.0<br />http://sipt07.si.ehu.es/evalaccess2/index.html<br />TAW mobileOK Basic<br />http://validadores.tawdis.net/mobileok/en/<br />mobiReady<br />http://ready.mobi/launch.jsp?locale=en_EN<br />
  28. 28. Thank You<br />Meghan Weeks<br />Systems Librarian<br />William H. Hannon Library<br />Loyola Marymount University<br />Meghan.Weeks@lmu.edu<br />

×