Creating SmartPhone Apps Using WordPress

Creating Smartphone App Using WordPressByMd. Sajedul Haque Romi

Founder & CEO CodeBANGLA, Romiracle

Why smartphone Apps•Users are more smartphone

Centric

•Better UX than mobile Web

•Add more information from native mobile APIs

Some key

points

How WordPress as Smartphone Apps

•WordPress as Service

•Smartphone App framework as client

Key Approaches

WordPress as Service

•WP XML RPC

•WP JSON Plugin

•WP API

•WP AJAX xhr

AvailableTechs

Smartphone App Frameworks

•Apache Cordova/PhoneGap

•Titanium

•Xamarin

Top

In The Market

Apache Cordova•HTML,JS, CSS

•Many supportive plugins

•ngCordova, IonicFramework

•UI frameworks: Onsen UI, Rachet ChocolateChip etc

About

IonicFramework & WP

Built on Cordova, works on Android, iOS, Windows Phone and others

AngularJS as Data Binding and Routing

ngCordova Support for many usefulplugins

WP API

Installing WP API pluginhttps://wordpress.org/plugins/json-rest-api/

WP API plugin JSON Outputhttp://localhost/wpx/wp-json/posts

JSON formattershttp://jsonformatter.curiousconcept.com/

http://jsonformat.com

Installing ionic frameworkInstall NodeJSCordova: npm install -g cordovaIonicframework: npm install -g ionic

Installing ionic templatesionic start WPapp tabs

cd wpp tabs

Ionic serve

Fetching JSON data in Angular$http.get(url)

$scope

Fetching JSON data in Angular in HTML viewVia ng-repeat Directive

Some PhoneGap/Cordova Pluginshttps://wordpress.org/plugins/apppresser/

https://wordpress.org/plugins/device-push/

Some Useful linkshttp://www.sitepoint.com/building-a-phonegap-app-with-a-wordpress-backend/

http://wptheming.com/2015/03/angular-json-api-example/

Cordova Developer Bangladesh

My Contactshttp://facebook.com/jonabROMI

Skype: romi0199

Email: romi@codebangla.com

Thank You!