code-Mad

Sensation is a PhoneGap/Cordova Full Hybrid App with AngularJS + Onsen UI.

PhoneGap is a very helpful hybrid mobile app development framework, which can drastically improve your HTML5 app development experience. It allows you to easily access native functionality, like camera and Geolocation via JavaScript. Onsen UI is a front-end development framework for PhoneGap/Cordova Hybrid Apps. Onsen UI is developed using Angular.js and Topcoat.

Sensation uses the iOS or the Android theme of the Onsen UI and gives you the bootstrap you need in order to build your next PhoneGap/Cordova application based on Onsen UI. In addition, it gives you examples on how to access the native mobile functionality using the Cordova library.

Support

Please find below a continuously updated Google Shared Document:

Documentation & Support instructions

APK files

APK file with onsen-ios7 theme

http://ift.tt/1iMEYvX

Preview onsen-ios7 theme: http://ift.tt/1pNNqmn

APK file with onsen-android4_4 theme

http://ift.tt/1iMF0E7

Preview onsen-android4_4 theme: http://ift.tt/1pNNqCB

Features

• PhoneGap/Cordova Full Hybrid App using AngularJS + Onsen UI


• Onsen UI front-end development framework using Angular.js + Topcoat (AngularJS: for directives, Topcoat: for fast UI CSS, HammerJS: for touch, swipe handling, Font Awesome: for icons)


• Master/Detail pages with Onsen UI


• Onsen UI Components


• Onsen UI is bundled with Font Awesome


• AngularJS Controllers, Factories


• Cordova Plugins


• Cordova updated to 3.5.0-0.2.4


• Already builded for iOS and Android platforms using the Cordova Command-Line Interface – Build are included in the deliverable


• News, Products, About and WordPress listing windows are fetching data from JSON sources by using the JSON protocol


• Home Page, Menu, Map, Gallery, Plugins, Settings windows are fetching data from AngularJS Factories using the data.js javascript file


• Google Maps Javascript API elements with UI.Map directive


• GoogleMap AngularJS Directive


• angular-local-storage module that gives you access to the browser’s Local Storage with cookie fallback


• AngularJS Touch Carousel

Cordova Plugins

• Device: The device object describes the device’s hardware and software


• Dialogs: Visual, audible, and tactile device notifications


• Geolocation: The geolocation object provides access to location data based on the device’s GPS sensor or inferred from network signals


• EmailComposer: The plugin provides access to the standard interface that manages the editing and sending an email message

AngularJS example implementations

• Using comma as list separator


• Client side show more pagination


• Parsing JSON responses


• Parsing data/values created by Factories


• Using Filter for opening/closing elements after n iterations

Resources

• Onsen UI – http://onsenui.io/


• Onsen UI Components – http://ift.tt/1hO0kgu


• Onsen UI Themes – http://ift.tt/1iMF0Ed


• Onsen CSS Components – http://ift.tt/1iJ89yw
  
  This is a free CSS Generator for Mobile Apps.


• AngularJS – https://angularjs.org/


• Font Awesome – http://ift.tt/12soe9M


• UI.Map – http://ift.tt/1iMEYw5


• GoogleMap AngularJS Directive – http://ift.tt/JDZq6z


• angular-local-storage – http://ift.tt/15Rcht8


• AngularJS Touch Carousel – http://ift.tt/15B55TL


• Cordova EmailComposer Plugin – http://ift.tt/R20QvF