Make your Mobile Web App Native with PhoneGap

Building a Mobile Web Application is the fastest way to get a mobile app in the hands of your users. You get to build an app at a fraction of the cost of building native, it works on multiple devices from day one, and you don’t need to go through the appstore publishing process (if you want to find out why Mobile Web Applications are the way to go, check this free eBook).

But sometimes Mobile Web Applications just don’t cut it… you either need to access a specific features of the mobile device – like the camera or address book – or you really want to get your app in the appstore. If that’s the case, Hybrid Applications are a great solution.
In this video, we show you how to build such a Hybrid Application using the OutSystems Platform to build the Mobile Web Application, and PhoneGap to create a native shell on top of your Web Application.


You can find the code snippets used in this video here, and the PhoneGap component for OutSystems is available from the OutSystems Forge.
About the author

Rodrigo Coutinho

A member of the founder’s team, Rodrigo has a passion for web development, great products, and geeky stuff. He spends his time designing future versions of the OutSystems Platform and dreaming about the cool future of the web.


Leen Rietveld

Is is possible to work with local (offline) data using this hybrid technology?

Great question!
As usual the answer is: it depends 😉
If you stick to what was done here you won’t have any offline functionality other than a nice warning that you don’t have network connectivity. In many situations this is more than enough.
On the other hand, for the scenarios where you do need it, you should be able to either use HTML5’s offline cache to enable access to the data from the last time you used the app or, implement some of your apps’ functionality locally by extending the local index.html for the scenarios where you don’t have network connectivity.

Leave Your Comment