SlideShare a Scribd company logo
Getting Started with Mobile Websites



                    If You Don’t Know Code



Carli Spina
Access By Touch:
Delivering Library Services
Through Mobile Technologies
June 8, 2012
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
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?
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
No Code
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
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
Springshare
Mobile Site Builder
          •   Compatible with all
              mobile platforms

          •   “Point and Click” interface

          •   Automatic redirect for
              mobile devices

          •   $299 per year for
              LibGuide & CampusGuide
              users
Limited Code
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
•   Freemium service with
    multiple plans

•   Drag and drop website
    prototyping with JQuery
    Mobile

•   Emulates multiple iOS
    and Android devices

•   Integrates seamlessly
    with ThemeRoller
ThemeRoller
•   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
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
Full Site
More Code
iWebKit

•   Easy to use framework
    and clear instructions

•   Available free for non-
    commercial use

•   New version under
    development
Mobile Frameworks by
     Jason Clark
•   3 available frameworks

•   All highlight the key features
    of the library site

•   Options for various types of
    libraries/patrons
Getting Started with Mobile Websites if You Don't Know Code
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
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://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
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
Questions?

Contact me:
@CarliSpina
cspina@law.harvard.edu

More Related Content

PPT
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
ODP
Synapse india reviews on cross plateform mobile apps development
PPT
Tools For Mobile Web Design and App Creation
PPTX
Mobile JS Frameworks
PDF
The mobile browser world
KEY
Drupal & Mobile
KEY
Mobile Internet
PDF
Mobile web vs. native apps: It's not about technology, it's about psychology
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Synapse india reviews on cross plateform mobile apps development
Tools For Mobile Web Design and App Creation
Mobile JS Frameworks
The mobile browser world
Drupal & Mobile
Mobile Internet
Mobile web vs. native apps: It's not about technology, it's about psychology

What's hot (20)

KEY
Tuenti Mobile Development
PPTX
Advancement in Web Technologies
PDF
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
PPTX
Mobile web development
PPTX
Mobile Web Best Practices
PDF
State of the Mobile Browsers
PDF
The Mobile Web - Fronteers 2009
PDF
Mobile Web High Performance
PDF
TERMINALFOUR t44u 2011- Make it mobile, an introduction
PPTX
4 things you need to know about Digital Publishing
PDF
Web Apps and Responsive Design for Libraries
PPT
Mobile First - WCJ 2012
KEY
Building Mobile Apps with HTML, CSS, and JavaScript
KEY
Coding - iPhone Frameworks for Museum Tours
PPTX
First Steps in iOS Development
PDF
The mobile browser world
PPTX
Jolla sailfish os
PPTX
Rise of the hybrids
KEY
Designing for mobile devices
PPTX
I os class 2 of 3 actual
Tuenti Mobile Development
Advancement in Web Technologies
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Mobile web development
Mobile Web Best Practices
State of the Mobile Browsers
The Mobile Web - Fronteers 2009
Mobile Web High Performance
TERMINALFOUR t44u 2011- Make it mobile, an introduction
4 things you need to know about Digital Publishing
Web Apps and Responsive Design for Libraries
Mobile First - WCJ 2012
Building Mobile Apps with HTML, CSS, and JavaScript
Coding - iPhone Frameworks for Museum Tours
First Steps in iOS Development
The mobile browser world
Jolla sailfish os
Rise of the hybrids
Designing for mobile devices
I os class 2 of 3 actual
Ad

Viewers also liked (10)

PPTX
The Library Corporation
PPTX
Alexandria Automation System
PPTX
The future of the integrated library system
PDF
Automation and Integrated Library Systems
PDF
تقرير أنظمة المكتبات 2014 - Library Systems Report 2014
PPTX
Apresentação Comercial e-Millennium 2017
PPTX
Repeat Client Retention
PPTX
Mobile apps for libraries:update on the ANLTC/SWETS 2012 award. Author: Ros Pan
PPTX
Library Management System PPT
The Library Corporation
Alexandria Automation System
The future of the integrated library system
Automation and Integrated Library Systems
تقرير أنظمة المكتبات 2014 - Library Systems Report 2014
Apresentação Comercial e-Millennium 2017
Repeat Client Retention
Mobile apps for libraries:update on the ANLTC/SWETS 2012 award. Author: Ros Pan
Library Management System PPT
Ad

Similar to Getting Started with Mobile Websites if You Don't Know Code (20)

KEY
NEASIS&T Going Mobile Slides
PDF
Considerations for Your Mobile Library
PDF
"Use of Mobile Apps: Harnessing E-Resources & Services in Libraries & Inform...
PPTX
Making the Library Mobile on a Shoestring Budget
PDF
Wherever Your Patrons Are: Mobile Services for Libraries
PDF
Go Mobile With WordPress (2012)
KEY
Library Mobile Web Design: Tips, Tricks and Resources
PPTX
A Mobile Web Framework for the UC System
PPT
Presentation1
PPTX
Mobile Services for Your Library
PPTX
Creating a Slick Web App Using jQTouch
PPT
The Library in Your Pocket: Mobile Trends for Libraries
PDF
Building Mobile Websites with Joomla
PDF
Are Library Services Ready for the Mobile Web?
PPT
Presentation1
PPT
Presentation1
PPTX
Best Practices for Mobile Web Design
PPTX
Mobile Websites for Dummies
PPSX
Creating Large-Scale Responsive Websites
PPTX
Mobile Strategies for Libraries by Amy York
NEASIS&T Going Mobile Slides
Considerations for Your Mobile Library
"Use of Mobile Apps: Harnessing E-Resources & Services in Libraries & Inform...
Making the Library Mobile on a Shoestring Budget
Wherever Your Patrons Are: Mobile Services for Libraries
Go Mobile With WordPress (2012)
Library Mobile Web Design: Tips, Tricks and Resources
A Mobile Web Framework for the UC System
Presentation1
Mobile Services for Your Library
Creating a Slick Web App Using jQTouch
The Library in Your Pocket: Mobile Trends for Libraries
Building Mobile Websites with Joomla
Are Library Services Ready for the Mobile Web?
Presentation1
Presentation1
Best Practices for Mobile Web Design
Mobile Websites for Dummies
Creating Large-Scale Responsive Websites
Mobile Strategies for Libraries by Amy York

More from Carli Spina (7)

PPTX
Best Practices for Web Accessibility
PDF
Creative Commons Crash Course
PPT
What You Need To Know Before Gamifying Your Library
KEY
Library Analytics Toolkit
PPT
Scanning the Future: QR Codes in Law Libraries
PDF
Library Analytics Toolkit Poster
PPTX
Library Analytics Toolkit
Best Practices for Web Accessibility
Creative Commons Crash Course
What You Need To Know Before Gamifying Your Library
Library Analytics Toolkit
Scanning the Future: QR Codes in Law Libraries
Library Analytics Toolkit Poster
Library Analytics Toolkit

Recently uploaded (20)

PDF
The Zeigarnik Effect by Meenakshi Khakat.pdf
PDF
The Spotlight Effect No One Is Thinking About You as Much as You Think - by M...
PDF
The Power of Pausing Before You React by Meenakshi Khakat
PPTX
Presentation on interview preparation.pt
PDF
creative pattern recognition journal for artists and writers.pdf
PPTX
SELF ASSESSMENT -SNAPSHOT.pptx an index of yourself by Dr NIKITA SHARMA
PPTX
Identity Development in Adolescence.pptx
PDF
Red Light Wali Muskurahat – A Heart-touching Hindi Story
PPTX
Travel mania in india needs to change the world
PPTX
Chapter-7-The-Spiritual-Self-.pptx-First
PPTX
Self -Management and Self Awareness.pptx
PDF
Dating And Courtship Quotes Handbook By Walter Tynash.pdf
PPTX
Attitudes presentation for psychology.pptx
PPTX
Personal Development - By Knowing Oneself?
PPTX
diasspresentationndkcnskndncelklkfndc.pptx
PPT
proper hygiene for teenagers for secondary students .ppt
PPT
WORKPLACE HARMONY AND HOW TO BEHAVE IN THE WORKPLACE
PPTX
Learn about numerology and do tarot reading
PPTX
How to Deal with Imposter Syndrome for Personality Development?
PPT
cypt-cht-healthy-relationships-part1-presentation-v1.1en.ppt
The Zeigarnik Effect by Meenakshi Khakat.pdf
The Spotlight Effect No One Is Thinking About You as Much as You Think - by M...
The Power of Pausing Before You React by Meenakshi Khakat
Presentation on interview preparation.pt
creative pattern recognition journal for artists and writers.pdf
SELF ASSESSMENT -SNAPSHOT.pptx an index of yourself by Dr NIKITA SHARMA
Identity Development in Adolescence.pptx
Red Light Wali Muskurahat – A Heart-touching Hindi Story
Travel mania in india needs to change the world
Chapter-7-The-Spiritual-Self-.pptx-First
Self -Management and Self Awareness.pptx
Dating And Courtship Quotes Handbook By Walter Tynash.pdf
Attitudes presentation for psychology.pptx
Personal Development - By Knowing Oneself?
diasspresentationndkcnskndncelklkfndc.pptx
proper hygiene for teenagers for secondary students .ppt
WORKPLACE HARMONY AND HOW TO BEHAVE IN THE WORKPLACE
Learn about numerology and do tarot reading
How to Deal with Imposter Syndrome for Personality Development?
cypt-cht-healthy-relationships-part1-presentation-v1.1en.ppt

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

  • 1. Getting Started with Mobile Websites If You Don’t Know Code Carli Spina Access By Touch: Delivering Library Services Through Mobile Technologies June 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
  • 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. Springshare Mobile Site Builder • Compatible with all mobile platforms • “Point and Click” interface • Automatic redirect for mobile devices • $299 per year for LibGuide & CampusGuide users
  • 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
  • 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
  • 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
  • 20. 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
  • 22. Teach Yourself To Code • Code Year from Codecademy • Lynda.com • Code School • JQuery Mobile Resources
  • 23. 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
  • 24. 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