0
Getting Started with Mobile Websites                    If You Don’t Know CodeCarli SpinaAccess By Touch:Delivering Librar...
Why Have a Mobile             Website?•   46% of American adults own a smartphone - Pew Internet•   Most cell phone users ...
Mobile Website     vs. Mobile App• What platforms does your audience use?• Will users use the app while offline?• Will you...
So you want a mobile  website...what now?• Use a service to create and maintain the site• Use online tools to create a sit...
No Code
Boopsie for Libraries•   Works on Android and iOS    devices•   Multilingual•   Updated through Google    Docs•   Standard...
Your Library Phone•   Available for all    smartphones•   Integrates with the library’s    OPAC•   Works with RFID to    f...
SpringshareMobile Site Builder          •   Compatible with all              mobile platforms          •   “Point and Clic...
Limited Code
Wordpress•   Easy to add to an    existing Wordpress site•   Compatible with any    mobile device•   Lots of themes are   ...
•   Freemium service with    multiple plans•   Drag and drop website    prototyping with JQuery    Mobile•   Emulates mult...
ThemeRoller
•   Freemium, though only    paid plans can export    HTML•   Drag and drop interface•   Supports iOS and    Android devic...
One-Pager by Influx•   Mobile-optimized•   Made to fit a wide range    of screens•   Easy to use•   Good option if you wan...
Full Site
More Code
iWebKit•   Easy to use framework    and clear instructions•   Available free for non-    commercial use•   New version und...
Mobile Frameworks by     Jason Clark•   3 available frameworks•   All highlight the key features    of the library site•  ...
Mobile Framework by  Eric Phetteplace•   Started with Jason    Clark’s framework•   Built using JQuery    Mobile•   Web ap...
Learn To Code
Teach Yourself To         Code• Code Year from Codecademy• Lynda.com• Code School• JQuery Mobile Resources
Tools/Services•   Boopsie for Libraries - http://www.boopsie.com/library/•   Your Library Phone from SOLUS - http://yourli...
Learning Resources•   Code Year from Codecademy - http://codeyear.com/•   Lynda.com Online Software Training tutorials - h...
Questions?Contact me:@CarliSpinacspina@law.harvard.edu
Getting Started with Mobile Websites if You Don't Know Code
Upcoming SlideShare
Loading in...5
×

Getting Started with Mobile Websites if You Don't Know Code

1,771

Published on

This presentation was given at the June 8, 2012 Amigos Library Services virtual conference entitled "Access by Touch: Delivering Library Services Through Mobile Technologies".

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,771
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "Getting Started with Mobile Websites if You Don't Know Code"

  1. 1. Getting Started with Mobile Websites If You Don’t Know CodeCarli SpinaAccess By Touch:Delivering Library ServicesThrough Mobile TechnologiesJune 8, 2012
  2. 2. Why Have a Mobile Website?• 46% of American adults own a smartphone - Pew Internet• Most cell phone users (70% overall and 86% of smartphone users) use phone for just-in-time information - Pew Internet
  3. 3. Mobile Website vs. Mobile App• What platforms does your audience use?• Will users use the app while offline?• Will you be using features such as geolocation or the camera?• Will you be making frequent updates?
  4. 4. So you want a mobile website...what now?• Use a service to create and maintain the site• Use online tools to create a site with little or no code• Customize an existing framework• Learn how to create a site from scratch
  5. 5. No Code
  6. 6. Boopsie for Libraries• Works on Android and iOS devices• Multilingual• Updated through Google Docs• Standard and Optimum packages• Integrates library locator, Ask a Librarian, catalog searching and one-click Overdrive Seattle Public Library App access
  7. 7. Your Library Phone• Available for all smartphones• Integrates with the library’s OPAC• Works with RFID to facilitate self-checkout• Overdrive integration is planned• Uses technology from SOLUS and ISNG
  8. 8. SpringshareMobile Site Builder • Compatible with all mobile platforms • “Point and Click” interface • Automatic redirect for mobile devices • $299 per year for LibGuide & CampusGuide users
  9. 9. Limited Code
  10. 10. Wordpress• Easy to add to an existing Wordpress site• Compatible with any mobile device• Lots of themes are available with both free and pay options available• Can be customized if necessary
  11. 11. • Freemium service with multiple plans• Drag and drop website prototyping with JQuery Mobile• Emulates multiple iOS and Android devices• Integrates seamlessly with ThemeRoller
  12. 12. ThemeRoller
  13. 13. • Freemium, though only paid plans can export HTML• Drag and drop interface• Supports iOS and Android devices• Video tutorials are available• Functionality and theme combined
  14. 14. One-Pager by Influx• Mobile-optimized• Made to fit a wide range of screens• Easy to use• Good option if you want a website for both mobile and non-mobile audiences
  15. 15. Full Site
  16. 16. More Code
  17. 17. iWebKit• Easy to use framework and clear instructions• Available free for non- commercial use• New version under development
  18. 18. Mobile Frameworks by Jason Clark• 3 available frameworks• All highlight the key features of the library site• Options for various types of libraries/patrons
  19. 19. Mobile Framework by Eric Phetteplace• Started with Jason Clark’s framework• Built using JQuery Mobile• Web app - compatible with all mobile devices• Available on GitHub
  20. 20. Learn To Code
  21. 21. Teach Yourself To Code• Code Year from Codecademy• Lynda.com• Code School• JQuery Mobile Resources
  22. 22. Tools/Services• Boopsie for Libraries - http://www.boopsie.com/library/• Your Library Phone from SOLUS - http://yourlibraryphone.com/• Mobile Site Builder by Springshare - http://www.springshare.com/mobile/• One-Pager by Influx - http://influx.us/onepager (they also provide other web design & usability services)• iWebKit - http://snippetspace.com/project/iwebkit/• Wordpress - Obox (http://themeforest.net/item/obox-mobile-wordpress-mobile- framework/165736?ref=lvraa), Wordpress Mobile Pack (http://wordpress.org/extend/plugins/wordpress-mobile-pack/screenshots/), WPtouch Pro (http://www.bravenewcode.com/product/wptouch-pro/).• Codiqa - http://codiqa.com/• ThemeRoller - http://jquerymobile.com/themeroller/• Proto.io - https://proto.io/• Frameworks by Jason Clark - http://www.lib.montana.edu/~jason/files.php• Frameworks by Eric Phetteplace - https://github.com/phette23/Chesapeak-College-LRC-Mobile- Site
  23. 23. Learning Resources• Code Year from Codecademy - http://codeyear.com/• Lynda.com Online Software Training tutorials - http://www.lynda.com/• Code School Tutorials - http://www.codeschool.com/• JQuery Mobile Tutorials and Articles - http://jquerymobile.com/resources/ Sources• Smith, Aaron, “Nearly Half of American Adults are Smartphone Users”, Pew Internet, March 1, 2012. http://www.pewinternet.org/Reports/2012/Smartphone- Update-2012/Findings.aspx• Rainie, Lee and Susannah Fox, “Just-in-time Information through Mobile Connections”, Pew Internet, May 7, 2012. http://www.pewinternet.org/Reports/2012/Just-in-time.aspx• Alaska forest - trees (photo) by blmiers2 (CC License). http://www.flickr.com/photos/41304517@N00/6739112709
  24. 24. Questions?Contact me:@CarliSpinacspina@law.harvard.edu
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×