What is PhoneGap

The PhoneGap History

... an easier way to make multi platform apps

Submitted To: Mr. Hemant Sharma ( Seminar Head)

Submitted By : Ajay Kumar Gupta IT 8th Semester

Table of Contents
What is PhoneGap How does it work? PhoneGap + DW Pros

and Cons

Conclusion

What is PhoneGap?
Multiplatform Development Framework

What is PhoneGap?
PhoneGap is an open-source mobile

development framework
Developed by Nitobi Software Bought by Adobe
Enables building

of mobile device applications using JavaScript, HTML and CSS

Ruby can be used as well Instead of often less-known languages such as Objective-C

PhoneGap Applications
The PhoneGap applications

are hybrid

They are neither truly native nor purely web based

All layout rendering is done via the web view instead of Objective-C Much of the functions of HTML5 are supported
A disadvantage

is that hybrid applications do not have full access to the device API
Camera, compass, accelerometer, etc.

Supported Platforms
PhoneGap currently supports

development for the following operating systems

iOS, Android, webOS, Windows Mobile, Symbian OS and BlackBerry, Windows Phone 7 Mango Bada support is "coming soon"
The OS used by the Samsung Wave S8500

How does it work?

Build your app once with

web-standards

Based on HTML5
Wrap it up with PhoneGap

Using the free open source framework or PhoneGap build You can access the native APIs
Deploy to multiple platforms

Standards-based web technologies to bridge web applications and mobile devices

How much does it cost?

It's free, and open-sourced under the MIT license. Free to use, Free to sell, Free to modify, Free to contribute

How does Nitobi make money?

PhoneGap is the tool that we use to deliver apps to our paying clients.

When possible, we roll our client based additions back into the community.
We provide PhoneGap training + support.

Cross-platform Prototyping

Main advantage of Phone Gap is you can reuse your web application
source code across platforms.

A good, quick approach is to write one set of assets and tweak across

platforms.

HTML and CSS can be, more-or-less, written once. Combined with a <meta name=viewport> tag (which tells the browser the size of the screen its being viewed in), results are good.

Means of Development

Means of PhoneGap Development

PhoneGap is just a library

that you must

include in your app

Couple of JavaScript and xml files
What is PhoneGap doing?

PhoneGap generates a out-of-the-browser window that executes the HTML and JavaScript
Due to a couple of xml and jar/dll files it enables the usage of native APIs

Where Can we Develop?

Native IDE for the corresponding OS

Eclipse, Xcode, Visual Studio, etc. Abobe launched a new version of Dreamweaver that integrates with PhoneGap
Build the web site Add the mobile SDKs Say it is mobile app

Build and deploy

In both the concrete OS SDK must be present

Pros and Cons

Of PhoneGap Development

Pros of PhoneGap Development

HTML5, CSS and JavaScript

skills vs.

Objective-C, Java and C#

Single

code base for all platforms

iOS, Android, WP 7 Mango, mobile web

You can take advantage of distribution

and

integrated payment
Via the App Store or Android Market

Cons of PhoneGap Development

Poor performance

If your app is graphically intense, i.e. a game. Caching or leveraging some 3rd party solutions may be implemented with native graphics For the most part a native app is much faster/smoother than mobile web app

Cons of PhoneGap Development (2)

Lack of pre-built UI widgets, transitions,

standard controls, etc.

Your development time can take longer
Especially if you want a polished-looking app with a native look and feel

PhoneGap Performance Tips

For small apps, use a single HTML page. Use JavaScript to show/hide page elements based on user interaction instead of linking to a separate page. Especially important for BlackBerry, since each new page request forces the device to encode requested assets into base64 on-the-fly.

Obfuscate / crunch your JavaScript before release. Devices only reserve a bit of memory for JavaScript interpreters for the browser. If your JavaScript is small enough, it wont be necessary for the browser to constantly page your scripts in/out of the browser memory. iPhone, for example, has 25kb of memory reserved for JavaScript parsing.

Conclusion
PhoneGap is a cross-platform

mobile

development framework
Based on HTML5 and JavaScript Using web standards
PhoneGap is useful

For creation of small apps When there is a lack of human resources

Need a single app deployed on many OS
Native app developments is always

better!

PhoneGap

Questions?