Building Mobile Application Using PhoneGap

Mobile Application Development

Presented by Sanyasirao Nali

Index

→ Cross platforms → Introduction to Phone Gap → PhoneGap vs Native → Prerequisites → Getting started → Application structure → Building your first Application → Debugging Applications

What is “Cross Platform”?

Develop application that works on different platforms (Android,IOS,Black Berry,Windows mobiles etc.).

What is “Phone Gap”?

Phone Gap is an open source mobile

development framework for building cross-platform mobile applications with standards-based Web technologies like HTML, JavaScript, and CSS.

Developed by : Nitobi Software in 2009. Purchased by : Adobe systems in 2011.

PhoneGap vs Native

PhoneGap • quick development• support multiple environment• low budgetNative• available all features• support only for single environment• faster & smooth

Prerequisites

How to start with Phone Gap?

Integrated Development Environment

1. for Android(Java)

2. for IOS(Objective C)

3. for Windows(c#)

Phone Gap plug-in Installation

1. Goto → Help → Market Place →enter Phone Gap in search → install

2. Now one Mobile icon display in eclipse IDE.

First Application

How does Phone Gap Work?

Include web code in a native app project:- assets/www/js/, css/, images/, etc.

Native code loads a URL to the web code through the device’s internal browser: - super.loadUrl( “file:///android_asset/www/login.html” );

PhoneGap Platform Support

jQuery Mobile Continued

How to Debug Applications

Debug :

Emulators are alternative for mobiles but not a true test