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.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tools For Mobile Web Design and App Creation

1,120

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,120
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
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

×