Skip to main content
M
matthew stuart
Inspiring
October 22, 2012
Question

Video2Brain question for David Powers

  • October 22, 2012
  • 2 replies
  • 1204 views

Hi David (and anybody else wanting to read this), I have a number of projects where I am being asked to create mobile apps with HTML5 packaged through phone gap, but I am also being asked to include a CMS for ease of editing. I can create the CMS no problem, and I can create the the mobile app too, but I have no idea of how to marry a native app with a remote database so the app's contents stays up-to-date. I mainly need to pull data, but also insert data on occassions. If I can get the pulling of data to work, that will help me immensely.

My question to you David is: Do any of your Video2Brain courses cover this kind of subject?

If anybody else knows of any tutorials on the net, or in books that cover this subject, I'd love to hear about them.

I am assuming it's not important, but just in case it is, I am using DWCS6, MySQL and PHP

Thanks.

Mat

This topic has been closed for replies.

2 replies

David_Powers
David_Powers
Inspiring
October 23, 2012

PhoneGap creates native apps using HTML, CSS, and JavaScript. It does not support PHP or any other server-side technology.

If you want to communicate with a remote database, you need to use JavaScript to send an Ajax request to the database, which needs to send the response formatted as XML or, preferably, JSON. You then use the success callback function of your Ajax request to display the results. It's also possible to store data on the mobile device using the Web SQL API, which uses JavaScript rather than PHP to communicate with the database.

My video2brain courses don't go into this level of detail. My book, Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3, has a fully worked example of creating a local database on the mobile device using Web SQL, but it doesn't cover accessing a remote database.

There's an online tutorial by Raymond Camden about synchronizing remote and local databases with a PhoneGap project at http://css.dzone.com/articles/adding-database.

There's also a very detailed article in the Adobe Developer Connection by Andrew Trice about connecting a PhoneGap app to a database in the cloud at Database.com: http://www.adobe.com/devnet/phonegap/articles/phonegap-apps-powered-by-developercom.html.

I haven't tested the code in either article, but both authors are very reliable.

If you don't have any experience of using Ajax, I recommend using jQuery. It makes Ajax communication very simple. On the PHP side, use json_decode() and json_encode() to handle the incoming and outgoing data.

M
matthew stuartAuthor
Inspiring
October 25, 2012

Thanks for your reply David.

So, I assume that I can take a remote php page with the required recordsets, print an xml file from that, and then draw data from that 'printed on the fly' xml file into an html file, or even direct into the app. Is that right?

Mat

David_Powers
David_Powers
Inspiring
October 25, 2012

When transferring data to and from mobile applications, it's better to use JSON, which is more compact than XML. It's also a lot easier for the app to consume the server response as JSON because the data is formatted as JavaScript objects.

On the server side, you need to decode any JSON received from the app, and use it to query the database. The database result then needs to be converted to JSON using json_encode(), and output using echo.

The Ajax callback function inside the app waits for the response, and then processes it.

Handling the request on the PHP side is simple: the request comes in, you query the database, and output the result as JSON. Dealing with the response inside the app is far more complex because it all needs to be done with JavaScript.

I haven't yet tried it myself. It's something that I want to do, but haven't yet found the time to experiment.

M
matthew stuartAuthor
Inspiring
October 22, 2012

By the way David, I would've asked this question to you personally by email through your own website, but you have cleverly hidden your contact details... so, sorry for personalising this post to you on a public forum!

Mat

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices