creating smartphone apps using wordpress

17
Creating Smartphone App Using WordPress By Md. Sajedul Haque Romi Founder & CEO CodeBANGLA, Romiracle

Upload: codebangla

Post on 16-Jul-2015

444 views

Category:

Software


3 download

TRANSCRIPT

Page 1: Creating SmartPhone Apps Using WordPress

Creating Smartphone App Using WordPressByMd. Sajedul Haque Romi

Founder & CEO CodeBANGLA, Romiracle

Page 2: Creating SmartPhone Apps Using WordPress

Why smartphone Apps•Users are more smartphone

Centric

•Better UX than mobile Web

•Add more information from native mobile APIs

Some key

points

Page 3: Creating SmartPhone Apps Using WordPress

How WordPress as Smartphone Apps

•WordPress as Service

•Smartphone App framework as client

Key Approaches

Page 4: Creating SmartPhone Apps Using WordPress

WordPress as Service

•WP XML RPC

•WP JSON Plugin

•WP API

•WP AJAX xhr

AvailableTechs

Page 5: Creating SmartPhone Apps Using WordPress

Smartphone App Frameworks

•Apache Cordova/PhoneGap

•Titanium

•Xamarin

Top

In The Market

Page 6: Creating SmartPhone Apps Using WordPress

Apache Cordova•HTML,JS, CSS

•Many supportive plugins

•ngCordova, IonicFramework

•UI frameworks: Onsen UI, Rachet ChocolateChip etc

About

Page 7: Creating SmartPhone Apps Using WordPress

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

Page 8: Creating SmartPhone Apps Using WordPress

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

Page 9: Creating SmartPhone Apps Using WordPress

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

Page 10: Creating SmartPhone Apps Using WordPress

JSON formattershttp://jsonformatter.curiousconcept.com/

http://jsonformat.com

Page 11: Creating SmartPhone Apps Using WordPress

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

Page 12: Creating SmartPhone Apps Using WordPress

Installing ionic templatesionic start WPapp tabs

cd wpp tabs

Ionic serve

Page 13: Creating SmartPhone Apps Using WordPress

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

$scope

Page 14: Creating SmartPhone Apps Using WordPress

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

Page 15: Creating SmartPhone Apps Using WordPress

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

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

Page 16: Creating SmartPhone Apps Using WordPress

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

Page 17: Creating SmartPhone Apps Using WordPress

My Contactshttp://facebook.com/jonabROMI

Skype: romi0199

Email: [email protected]

Thank You!