PhoneGap by Mr. Sanyasirao Nali

1. Mobile Application Development
Presented by Sanyasirao Nali

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

3. What is “Cross Platform”?
Develop application that works on different
platforms (Android,IOS,Black Berry,Windows
mobiles etc.).

4. 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.

5. PhoneGap vs Native
PhoneGap
• quick development
• support multiple environment
• low budget
Native
• available all features
• support only for single environment
• faster & smooth

6. Prerequisites

7. How to start with Phone Gap?
Integrated Development Environment
1. for Android(Java)
2. for IOS(Objective C)
3. for Windows(c#)

8. 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.

11. First Application

13. 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” );

14. PhoneGap Platform Support

15. jQuery Mobile Continued

16. How to Debug Applications
Debug :
Emulators are alternative for mobiles but not a true test