Creating SmartPhone Apps Using WordPress

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

2. Why smartphone Apps
•Users are more smartphone
Centric
•Better UX than mobile Web
•Add more information from
native mobile APIs
Some
key
points

3. How WordPress as
Smartphone Apps
•WordPress as Service
•Smartphone App
framework as client
Key
Approaches

4. WordPress as Service
•WP XML RPC
•WP JSON Plugin
•WP API
•WP AJAX xhr
Available
Techs

5. Smartphone App
Frameworks
•Apache
Cordova/PhoneGap
•Titanium
•Xamarin
Top
In The
Market

6. Apache Cordova
•HTML,JS, CSS
•Many supportive plugins
•ngCordova, IonicFramework
•UI frameworks: Onsen UI,
Rachet ChocolateChip etc
About

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

8. Installing WP API plugin
https://wordpress.org/plugins/json-rest-api/

9. WP API plugin JSON
Output
http://localhost/wpx/wp-json/posts

10. JSON formatters
http://jsonformatter.curiousconcept.com/
http://jsonformat.com

11. Installing ionic
framework
Install
NodeJS
Cordova: npm install -g cordova
Ionicframework: npm install -g ionic

12. Installing ionic
templates
ionic start WPapp tabs
cd wpp tabs
Ionic serve

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

14. Fetching JSON data in
Angular in HTML view
Via ng-repeat Directive

15. Some
PhoneGap/Cordova
Plugins
https://wordpress.org/plugins/apppresser/
https://wordpress.org/plugins/device-push/

16. Some Useful links
http://www.sitepoint.com/building-a-phonegap-app-
with-a-wordpress-backend/
http://wptheming.com/2015/03/angular-json-api-
example/
Cordova Developer Bangladesh

17. My Contacts
http://facebook.com/jonabROMI
Skype: romi0199
Email: romi@codebangla.com
Thank You!