Thứ Bảy, 19 tháng 3, 2016

Sensation - PhoneGap / Cordova Full Hybrid App

Sensation is a PhoneGap / Cordova Full Hybrid App with AngularJS + Onsen UI(Latest Release: 1.15.0).



Sensation


Sensation >=1.13.0 comes with 2 Apps – the default Sensation App (1.15.0) and the new WordPress Authentication App (1.2.0). It also includes the Sensation Feed App.


This new App is based on the WordPress JSON API, WordPress JSON API User and WordPress JSON API Auth plugins and allows to communicate with the WordPress RESTful user registration, authentication, password reset and get your posts by supporting client and server-side pagination.


Sensation 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.


Sensation 1.15.0 supports the latest Onsen UI 1.3.2 http://onsen.io release. Onsen UI reduces AngularJS complexity, supports jQuery and is integrated with CSS Components Theme Roller http://components.onsenui.io. Download also the APK files.



JSON Protocol


News, Products, About, RSS, WordPress JSON listing and WordPress Categories windows are fetching data from JSON sources by using the JSON protocol. News, Products and About listing windows come with their own JSON data structures.

Regarding the JSON windows back-end, please check the tutorial that we have prepared with title AngularJS Tutorial: RESTful JSON Parsing with the Sensation App. By understanding this tutorial and the Master / Detail pages, you will have no problems to integrate any custom JSON structures into this App. Sensation comes also with aPull to refresh implementation for all dynamic JSON windows


Home Page, Menu, Map, Gallery, Plugins, Settings, Discrete Bar Chart windowsare fetching data from AngularJS Factories using the data.js javascript file.


WordPress JSON



WordPress JSON windows are fetching data from JSON source (with JSON API pluginhttps://wordpress.org/plugins/json-api) by using the JSON protocol. Please set your HTTP request url (e.g. http://www.example.org/api/get_recent_posts) into the data.js file using the corresponding factory.


Note that the tutorial AngularJS Tutorial: RESTful JSON Parsing with the Sensation App is based on the WordPress JSON window back-end.


WordPress Server Side pagination

Sensation >=1.2.0 comes also with Server Side pagination support accompanied by a Status Bar. Just set your HTTP request url (e.g.http://www.example.org/api/get_recent_posts) into the data.js file using the corresponding factory and the Sensation will make the server side pagination for you by passing the appropriate parameter to the url in each Load more request http://www.example.org/api/get_recent_posts?page=1 using the $http AngularJS service $http(method: "GET", url: ServerPostsData.url + "page=" + $scope.page). Read more



WordPress Categories

Sensation >=1.8.0 comes also with the WordPress Categories window. This window gets all the active WordPress Categories using the get_category_index API method and then get the WordPress Posts of each Category using the get_category_postsAPI method with Server Side pagination (3 Level – Master/Detail pages). Read more


Custom fields from the WordPress JSON API

Regarding the WordPress JSON, WordPress Server Side Pagination and WordPress Categories windows, in many cases there is a need to show custom fields in the windows. The tutorial Custom fields from WordPress JSON API with the Sensation Appwill guide you on how to parse your custom fields.



Custom Posts from the WordPress JSON API

(NEW) Please check out also the tutorial with title Custom Posts from the WordPress JSON API with the Sensation App.


PhoneGap Social Sharing plugin (Mail, Facebook, Twitter, Google+ etc.) for all WordPress windows

Sensation >=1.9.0 comes with PhoneGap Social Sharing plugin to share Post Message, Subject and Link via the native sharing widgethttps://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin (nl.x-services.plugins.socialsharing). This plugin supports sharing files from the internet, the local filesystem, or from the www folder.

We have added a Share post button/function via the native sharing widget for Post, Server Post, Category Post and RSS Feed windows.



Push Notifications


Sensation >= 1.11.0 comes with Push Notifications Support. Please check the following two tutorials / guidelines for iOS and Android devices:



PhoneGap / 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

  • InAppBrowser: This plugin provides a web browser view that displays when calling window.open(), or when opening a link formed as <a target="_blank"></a>

    Please check also this tutorial on how to open any external link with InAppBrowser PhoneGap / Cordova Plugin

  • Barcode Scanner: com.phonegap.plugins.barcodescanner – The plugin provides cross-platform BarcodeScanner for Cordova / PhoneGap. Video: Barcode Scanner Plugin in action

    The following barcode types are currently supported from the plugin:
    Android: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, CODE_93, CODABAR, ITF, RSS14, PDF417, RSS_EXPANDED – iOS: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, ITF

  • PhoneGap Social Sharing plugin:https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git (nl.x-services.plugins.socialsharing) – This plugin allows you to use the native sharing window of your mobile device.

Sensation Feed


Sensation >=1.10.1 comes with a new Feed implementation. This new implementation allows you to manage Unlimited Categorized Feeds. With the new Feed API, you can download any public Atom, RSS, or Media RSS feed using the Google Feed APIhttps://developers.google.com/feed.


Feed API structure is defined into the feed-categories.html, feed-category.html, feed-master.html and feed-detail.html files. Please just define your Feeds into thejson/structure.json. Read more



(NEW) Sensation Feed – PhoneGap/Cordova Full Hybrid App


We would like you to know that we have also exported the Feed API to the newSensation Feed PhoneGap / Cordova Full Hybrid App. By exporting this API into a new Full Hybrid App, we let you focus your App Development on your Feeds just by editing a JSON file.



RSS Feed Reader



Sensation >=1.2.0 comes with an RSS Feed Reader using AngularJS and Google Feed API. Each RSS Feed post comes also with a link to the original post using the Cordova inAppBrowser plugin org.apache.cordova.inappbrowser. This plugin provides a web browser view that displays when calling window.open(). The window.open() opens a URL in a new InAppBrowser instance, the current browser instance, or the system browser.



Local Storage – Offline Mode for RSS Feeds

Sensation >=1.9.0 comes with a prototype implementation (AngularJS service) which supports Offline Mode for the RSS Feeds window. This AngularJS service Get/Save/Clear RSS Feeds to the local storage. In addition, we have added a clear local storage button to the Settings window. Please find more on the corresponding support section http://goo.gl/Zv7NL1.


AdMob Plugin Pro


Please check the tutorial on how to install the AdMob Plugin Pro for Cordova / PhoneGap.


Tutorials


Sensation Tutorials document.


How to build the Sensation App with Adobe® PhoneGap™ Build


Adobe PhoneGap provides a way for users to create mobile applications using technologies such as HTML, CSS, and Javascript. Please follow the steps in the tutorial in order to build the Sensation App with the Adobe® PhoneGap™ Build.



APK files


Onsen UI 1.2.1


APK file with the Default theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-default.apk


APK file with the Dark theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-dark.apk


APK file with the Blue theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-blue.apk


APK file with the Blue basic theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-blue-basic.apk


APK file with the Sunshine theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-sunshine.apk


APK file with the Purple theme
https://dl.dropboxusercontent.com/u/12169158/Sensation-purple.apk


Find here more info about the Sensation Themes.



Discrete Bar Chart with nvD3 visualization via JSON data


Sensation >=1.8.0 comes with a Discrete Bar Chart window with nvD3 visualization via JSON data. It already includes all the appropriate libraries and creates the corresponding AngularJS Data Factory and Controller. Please find more JSON data examples for any Chart type here http://krispo.github.io/angular-nvd3/.



Features


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

  • Onsen UI – A Custom Elements-Based HTML5 UI Framework

  • Master/Detail pages with Onsen UI (2 or 3 Levels)

  • Onsen UI Components

  • Onsen UI is bundled with Font Awesome

  • AngularJS Controllers, Factories

  • Cordova Plugins

  • Cordova updated to 4.0.0

  • Already builded for iOS and Android platforms using the Cordova Command-Line Interface – Build are included in the deliverable (Onsen UI does not support Windows Phone platforms yet)

  • 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

  • Angular-nvD3 – An AngularJS directive for NVD3 re-usable charting library (based on D3)

AngularJS example implementations


  • Using comma as list separator

  • Client side show more pagination

  • Server side show more pagination

  • Parsing JSON responses

  • Parsing data/values created by Factories

  • RSS Feed Reader using AngularJS

  • Using Filter for opening/closing elements after n iterations


1. Server side pagination with status bar
2. Client side pagination


Resources



Sensation - PhoneGap / Cordova Full Hybrid App

Sensation - PhoneGap / Cordova Full Hybrid App- Free Mobile App Templates.
Download now at: http://xtemps.net/app-templates/native-web-templates/sensation-phonegap-cordova-full-hybrid-app
#Free #Mobile #App #Template #codecanyon #xtemps.net
Người đăng: vào lúc

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)