Book Image

WordPress Mobile Applications with PhoneGap

By : Eugene Liang
Book Image

WordPress Mobile Applications with PhoneGap

By: Eugene Liang

Overview of this book

With the explosive popularity of mobile apps and its much anticipated continued growth for the foreseeable future, developers will want to get their hands dirty and build some cool mobile apps. But we know that building mobile apps is not easy: we need to handle cross-platform issues, mobile devices of different screen sizes, not to mention traditional issues such as providing a content management system of the content served in the application. Enter "WordPress Mobile Applications with PhoneGap". We leverage on some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and discover how they can be pieced together to build a fully functional cross platform mobile application. "WordPress Mobile Applications with PhoneGap" teaches you how to build mobile application with minimal effort and coding by leveraging on some of the most popular open source projects such as Wordpress, jQuery, jQuery Mobile and PhoneGap. This book looks at some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and breaks down the nitty gritty details on how to leverage on these projects to build a fully functional cross-platform mobile application with minimal coding and effort. You will start off by quickly going through the capabilities of Wordpress. Then you will prepare some groundwork on how to make use of plugins and the GeoPlaces theme to provide geographic and API capabilities to WordPress. Next you will learn how to create an external HTML/CSS/JavaScript that consumes and posts data to your Wordpress blog. More importantly, you will see how to convert this external app into a PhoneGap in as little as five minutes. Finally, you will learn how to apply all these techniques and skills to a Wordpress app based on the Twenty-Ten theme and create a cross-platform mobile app using PhoneGap. By the end of "Wordpress Mobile Applications with PhoneGap" you will learn how to piece Wordpress, jQuery, jQuery Mobile and PhoneGap together into a fully functional mobile app.
Table of Contents (13 chapters)

Introducing PhoneGap


PhoneGap (http://phonegap.com/) is a mobile open source framework that allows developers to develop native mobile applications using web technologies, such as HTML 5, JavaScript, and CSS in Eclipse IDE. It also supports up to seven major mobile platforms including iOS Android, Web OS, and other major platforms. So that makes it extremely easy for web developers to develop native mobile applications by packaging native APIs via JavaScript.

Getting started

Let's get started with PhoneGap:

  1. Download the PhoneGap package at http://phonegap.com/download/.

  2. Now create a new Android Application Project in your Eclipse IDE by going to File | New | Project. You should see the following screenshot:

  3. Select Next and name the new application HelloWorld. You should see something similar to the following screenshot:

  4. Take note that you should also select the appropriate Build SDK and Minimum Required SDK options as shown in the previous screenshot.

  5. Note that the Build SDK option is Android...