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