What is PhoneGapThe PhoneGap History

... an easier way to make multi platform apps

Submitted To:Mr. Hemant Sharma( Seminar Head)

Submitted By :Ajay Kumar GuptaIT 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 it’s

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 ConsOf 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 won’t 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!

Questions?

PhoneGap