Tools For Mobile Web Design and App Creation

  • 1,035 views
Uploaded 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.

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,035
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 - 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:@CarliSpinacspina@law.harvard.edu