Your SlideShare is downloading. ×
Tools For Mobile Web Design and App Creation
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Tools For Mobile Web Design and App Creation


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.

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

1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Tools for Mobile Web Design and App CreationCarli SpinaJuly 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 -• Mockingbird -• One-Pager by Influx - (they also provide other web design & usability services)• iWebKit -• Wordpress - Obox ( mobile-framework/165736?ref=lvraa), Wordpress Mobile Pack (, WPtouch Pro (• Codiqa -
  • 22. Bibliography, Cont.• ThemeRoller -• -• Frameworks by Jason Clark -• Frameworks by Eric Phetteplace - College-LRC-Mobile-Site• MIT App Inventor -• PhoneGap -• PhoneGap: Build -
  • 23. Questions?Contact