InnovationM is in Top 10 Mobile Development Companies in India | hr@innovationm.comWe're hiring

PhoneGap Development

PhoneGap Development
Cross platform mobile development using PhoneGap

PhoneGap is an application container technology allows us to create natively installed applications for mobile devices using HTML, CSS, and JavaScript. We create mobile application across platform with a single code base and the app runs on the "webview" of the mobile platform. Building applications for each device - iPhone, Android, Windows Mobile amd more requires different frameworks and languages. PhoneGap solves this by using standards based web technologies to bridge web applications and mobile devices.

InnovationM Offering
  • - Develop mobile applications for iOS, Android, Blackberry, Windows Phone etc. using Phonegap (& utilizing HTML, CSS and Javascript).
  • - PhoneGap Plugin Development for non-supported native features & 3 party APIs Set-up and leverage PhoneGap Build (cloud compilation).
  • - PhoneGap Plugin Development for non-supported native features & 3 party APIs Deployment across multiple mobile platforms.
  • - PhoneGap Plugin Development for non-supported native features & 3 party APIs Testing across multiple devices.
Cross platform mobile development using PhoneGap
PhoneGap User Interface

The user interface for PhoneGap applications is created using HTML, CSS, and JavaScript. The UI layer of a PhoneGap application is a web browser view (webview) that takes up 100% of the device width and 100% of the device height.

PhoneGap User Interface

It renders HTML content, without the "chrome" or window decoration of a regular web browser. Â We build applications to take advantage of this space, and build navigational/ interactive/content elements and application chrome into the HTML and CSS based user interface.

The web view used by PhoneGap is the same web view used by the native operating system. On iOS, this is the Objective-C UIWebView class; on Android, this is android.webkit.WebView. Â There are differences in the web view rendering engines between operating systems and InnovationM accounts for this in the UI implementation.

PhoneGap High-Level Application Architecture

Specific application architectures are differ on a case-by-case basis, however most data- driven applications employ the following basic architecture. The PhoneGap application acts as a client for the user to interact with. The PhoneGap client communicates with an application server to receive dataThe application server handles business logic and communicates with a back-end data repository.

PhoneGap Application Architecture

The application server is normally a web server (Apache, IIS, etc) and has a server side scripting language such as ColdFusion, Java, .NET, PHP, etc. PhoneGap is agnostic of back-end technologies and can work with any application server using standard web protocols. The application server performs business logic and calculations, and generally retrieves or persists data from a separate data repository - this is normally a relational database, but could be any structure or mechanism for data persistence.


PhoneGap applications generally do not talk directly to a database; communication is routed through an application server. The client to application server communication can be based upon standard HTTP requests for HTML content, REST-ful XML services, JSON services, or SOAP(or websockets if your OS supports it). These are the exact same techniques that you would use in a desktop-browser based AJAX) application. The client-side architecture generally uses the single-page application model, where the application logic is inside a single HTML page. This page is never unloaded from memory. All data will be displayed by updating the HTML DOM, data is retrieved from the application server using AJAX techniques, and variables are kept in-memory within JavaScript. Multi-page client-side application architectures are supported, but are not recommended because you lose in-memory variables when loading a separate page.

PhoneGap API

PhoneGap provides an application programming interface (API) that enables us to access native operating system functionality using JavaScript. We build our application logic using JavaScript, and the PhoneGap API handles communication with the native operating system.

PhoneGap API

In addition to the "out of the box" functionality, we can also leverage PhoneGap's JavaScript-to-native communication mechanism to write "native plugins". PhoneGap native plugins enable us to write custom native classes and corresponding JavaScript interfaces for use within the PhoneGap applications.

"Out of the Box" Native Functionality Exposed by PhoneGap
PhoneGap Native Functionality
PhoneGap Application Packaging & Distribution

PhoneGap applications are developed using HTML, CSS, and JavaScript, however the final product of a PhoneGap application is a binary application archive that can be distributed through standard application ecosystems.

PhoneGap Application Packaging

For iOS applications the output is an IPA file) (iOS Application Archive), for Android applications the output is an APK file) (Android Package), for Window Phone the output is a XAP file (Application Package), etc.. These are the same application packaging formats used by "native" applications, and can be distributed through the appropriate ecosystems (iTunes Store, Google Play, Amazon Market, BlackBerry App World, Windows Phone Marketplace, etc...)

PhoneGap Build

PhoneGap applications are developed using HTML, CSS, and JavaScript, however the final product of a PhoneGap application is a binary application archive that can be distributed through standard application ecosystems.

PhoneGap Build
PhoneGap Plugin Development

PhoneGap Plugin Development

PhoneGap is extensible with a "native plugin" model that enables you to write your own native logic to access via JavaScript. A PhoneGap plugin bridges a bit of functionality between the WebView powering a PhoneGap application and the native platform the PhoneGap app- lication is running on. Plugins are composed of a single JavaScript interface used across all platforms, and native implementations following platform specific Plugin interfaces that the JavaScript will call into.

PhoneGap Plugin Development
How does PhoneGap Plug-in Works?
PhoneGap Plugin works

PhoneGap is extensible with a "native plugin" model that enables you to write your own native logic to access via JavaScript. A PhoneGap plugin bridges a bit of functionality between the WebView powering a PhoneGap application and the native platform the PhoneGap application is running on. Plugins are composed of a single JavaScript interface used across all platforms, and native implementations following platform specific Plugin interfaces that the JavaScript will call into.