Tools for Mobile                  Web Design                       and                 App CreationCarli SpinaJuly 21, 2012
Wireframes
•   Free options available•   Collaborative features,    including chat &    simultaneous editing•   Drag & drop a wide ra...
•   Free option available•   Drag & drop    functionality•   Creates interactive    wireframes that can    include links• ...
Prototypes
Codia•   Freemium service with    multiple plans•   Drag and drop website    prototyping with JQuery    Mobile•   Emulates...
ThemeRoller
•   Freemium, though only    paid plans can export    HTML•   Drag and drop interface•   Supports iOS and    Android devic...
Themes and Frameworks
Wordpress•   Easy to add to an    existing Wordpress site•   Compatible with any    mobile device•   Lots of themes are   ...
One-Pager by Influx•   Mobile-optimized•   Made to fit a wide range    of screens•   Easy to use•   Good option if you wan...
Full Site
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•  ...
More of Jason’s Frameworks
Mobile Framework by  Eric Phetteplace•   Started with Jason    Clark’s framework•   Built using JQuery    Mobile•   Web ap...
App Creation Tools
•   Drag & Drop app    creation•   Can be used to    create quizzes,    games, tours and    more•   Easy to export to    d...
•   Open source (owned by Adobe Systems)•   Build in JavaScript, HTML5 & CSS3•   Creates hybrid apps compatible with virtu...
•   Allows users to compile in the cloud•   Upload your JavaScript, HTML5 & CSS3, get a package of    apps•   Free option ...
Bibliography•   Cacao - https://cacoo.com/•   Mockingbird - https://gomockingbird.com/•   One-Pager by Influx - http://inf...
Bibliography, Cont.•   ThemeRoller - http://jquerymobile.com/themeroller/•   Proto.io - https://proto.io/•   Frameworks by...
Questions?Contact me:@CarliSpinacspina@law.harvard.edu
Upcoming SlideShare
Loading in...5
×

Tools For Mobile Web Design and App Creation

1,183

Published on

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

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,183
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tools For Mobile Web Design and App Creation

  1. 1. Tools for Mobile Web Design and App CreationCarli SpinaJuly 21, 2012
  2. 2. Wireframes
  3. 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. 4. • Free option available• Drag & drop functionality• Creates interactive wireframes that can include links• Export as PDF or PNG
  5. 5. Prototypes
  6. 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. 7. ThemeRoller
  8. 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. 9. Themes and Frameworks
  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. 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. 12. Full Site
  13. 13. iWebKit• Easy to use framework and clear instructions• Available free for non- commercial use• New version under development
  14. 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. 15. More of Jason’s Frameworks
  16. 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. 17. App Creation Tools
  18. 18. • Drag & Drop app creation• Can be used to create quizzes, games, tours and more• Easy to export to devices
  19. 19. • Open source (owned by Adobe Systems)• Build in JavaScript, HTML5 & CSS3• Creates hybrid apps compatible with virtually all smartphone platforms
  20. 20. • Allows users to compile in the cloud• Upload your JavaScript, HTML5 & CSS3, get a package of apps• Free option available
  21. 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. 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. 23. Questions?Contact me:@CarliSpinacspina@law.harvard.edu

×