Slides from a presentation given as part of the Going Mobile preconference workshop at the 2012 AALL Annual conference on July 21, 2012.

1. Tools for Mobile
Web Design
and
App Creation
Carli Spina
July 21, 2012

2. Wireframes

3. • Free options available
• Collaborative features,
including chat &
simultaneous editing
• Drag & drop a wide range
of elements
• Supports other types of
design as well

4. • Free option available
• Drag & drop
functionality
• Creates interactive
wireframes that can
include links
• Export as PDF or PNG

5. Prototypes

6. Codia
• Freemium service with
multiple plans
• Drag and drop website
prototyping with JQuery
Mobile
• Emulates multiple iOS
and Android devices
• Integrates seamlessly
with Themeroller

7. ThemeRoller

8. • 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

9. Themes and Frameworks

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. 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

12. Full Site

13. iWebKit
• Easy to use framework
and clear instructions
• Available free for non-
commercial use
• New version under
development

14. Mobile Frameworks by
Jason Clark
• 3 available frameworks
• All highlight the key features
of the library site
• Options for various types of
libraries/patrons

15. More of Jason’s Frameworks

16. 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

17. App Creation Tools

18. • Drag & Drop app
creation
• Can be used to
create quizzes,
games, tours and
more
• Easy to export to
devices

19. • Open source (owned by Adobe Systems)
• Build in JavaScript, HTML5 & CSS3
• Creates hybrid apps compatible with virtually all
smartphone platforms

20. • Allows users to compile in the cloud
• Upload your JavaScript, HTML5 & CSS3, get a package of
apps
• Free option available

21. Bibliography
• Cacao - https://cacoo.com/
• Mockingbird - https://gomockingbird.com/
• 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/

22. Bibliography, Cont.
• 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
• MIT App Inventor - http://www.appinventor.mit.edu/
• PhoneGap - http://phonegap.com/
• PhoneGap: Build - https://build.phonegap.com/

23. Questions?
Contact me:
@CarliSpina
cspina@law.harvard.edu