Objective
Illustrate different ways of providing user experience on the mobile platform.
Cordova (native packaging)
http://cordova.apache.orgApache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript.
Cordova is a the most popular mobile app packaging solution, most mobile frameworks have integrate Cordova at some point to provide there own package routine. It's an Apache project, it's open source and has some Adobe backing. It enables deep integration with the mobile OS for Hybrids apps.
Feature List
Mobile Web App (browser based)
http://mobithinking.com/blog/what-is-a-web-appYou don't necessarily need a native install, sometime a web app will suffice. I will try to layout the limitations and possibilities that this method provides ei: touch.www.linkedin.com
Features | IOS | Android |
---|---|---|
Accelerometer & Gyroscope | 4.2+ | |
Camera | 6+ | 4.2+ |
Capture | 6+ | 4.2+ |
Compass | 6+ | |
Connection | 5+ | 2.2+ |
Contacts | ||
Device | ||
Events | ||
File | 6+ | 3+ |
Geolocation | 3.2+ | 2.1+ |
Globalization | ||
Media | 6+ | 4.2+ |
Notification | ||
Storage | 6+ | 4.2+ |
Storage
http://www.html5rocks.com/en/features/storage http://blog.teamtreehouse.com/storing-data-on-the-client-with-localstorageWhen web developers think of storing anything about the user, they immediately think of uploading to the server. HTML5 changes that, as there are now several technologies allowing the app to save data on the client device. It might also be sync'd back to the server, or it might only ever stay on the client: that's down to you, the developer.
Options
- Lawnchair
- Persistencejs
- PersistJS
- Amplify Store
- Local Storage DB
- Indexed DB
- YUI3 CacheOffline
- Dojox Storage
- DomSQL
- Impel
- ActiveJS ActiveRecord
- JazzRecord
- Picnet Data.DataManager
- LS Cache
- Kizzy
- Artemia
- Microcache JS
- Store JS
Test Local Storage
Pouchdb
- Pouchdb
- http://codepen.io/DrYSG/pen/hpqoD
- http://stackoverflow.com/questions/16721312/using-pouchdb-as-an-offline-raster-map-cache
File system
Uploads only: http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
Geolocation
Manifest
- App Cache
- Manifest (MDN)
- Using the application cache (MDN)
- http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html