Tools For Mobile Web Design and App Creation

Tools For Mobile Web Design and App Creation

• 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’sFrameworks
• 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 [email protected]