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

  • 1,680 views
Uploaded 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".

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,680
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
15
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Getting Started with Mobile Websites If You Don’t Know CodeCarli SpinaAccess By Touch:Delivering Library ServicesThrough Mobile TechnologiesJune 8, 2012
  • 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. 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. 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. No Code
  • 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. 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. 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. Limited Code
  • 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. • Freemium service with multiple plans• Drag and drop website prototyping with JQuery Mobile• Emulates multiple iOS and Android devices• Integrates seamlessly with ThemeRoller
  • 12. ThemeRoller
  • 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. 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. Full Site
  • 16. More Code
  • 17. iWebKit• Easy to use framework and clear instructions• Available free for non- commercial use• New version under development
  • 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. 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. Learn To Code
  • 21. Teach Yourself To Code• Code Year from Codecademy• Lynda.com• Code School• JQuery Mobile Resources
  • 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. 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. Questions?Contact me:@CarliSpinacspina@law.harvard.edu
http://www.slideshare.net/CarliSpina/getting-started-with-mobile-websites-if-you-dont-know-code
www.slideshare.net
crawl=CC-MAIN-2014-52
191190
application/http; msgtype=response
sha1:H3Q25DFOTOG5HL3CE77QBGTDGTQYF23S
<urn:uuid:3da34eed-eacf-427d-b529-0a0fd2f3bdac>
2014-12-17T20:08:15Z
108.174.2.100
sha1:NCQ5SIXK2GEFIP2KLEJEOBHZDEJAZ74D
<urn:uuid:7db299d2-001f-466f-9c5c-231f85fe22a4>
http://www.slideshare.net/CarliSpina/getting-started-with-mobile-websites-if-you-dont-know-code
length
response
<urn:uuid:84fd2364-7a84-490b-aa59-ca2321127c0f>
robots: classic
hostname: ip-10-231-17-201.ec2.internal
software: Nutch 1.6 (CC)/CC WarcExport 1.0
isPartOf: CC-MAIN-2014-52
operator: CommonCrawl Admin
description: Wide crawl of the web with URLs provided by Blekko for December 2014
publisher: CommonCrawl
format: WARC File Format 1.0
conformsTo: http://bibnum.bnf.fr/WARC/WARC_ISO_28500_version1_latestdraft.pdf