What is PhoneGapWhat is PhoneGapThe PhoneGap HistoryThe PhoneGap History

Doncho MinkovDoncho Minkov

Telerik Mobile Development CourseTelerik Mobile Development Coursemobiledevcourse.telerik.com

Technical TrainerTechnical Trainerhttp://www.minkov.it

Table of ContentsTable of Contents What is PhoneGapWhat is PhoneGap How does it work?How does it work? PhoneGap + DWPhoneGap + DW Pros and Cons Pros and Cons ConclusionConclusion

What is PhoneGap?What is PhoneGap?Multiplatform Development FrameworkMultiplatform Development Framework

What is PhoneGapWhat is PhoneGap PhoneGapPhoneGap is an open-source is an open-source

mobile development framework mobile development framework Developed by Developed by NitobiNitobi SoftwareSoftware

Bought by Bought by AdobeAdobe Enables building of mobile device Enables building of mobile device

applications using applications using JavaScriptJavaScript, , HTMLHTML and and CSSCSS RubyRuby can be used as well can be used as well

Instead of often less-known Instead of often less-known languages such as languages such as Objective-CObjective-C

PhoneGap ApplicationsPhoneGap Applications

The The PhoneGapPhoneGap applications are hybrid applications are hybrid They are neither truly native nor They are neither truly native nor

purely web basedpurely web based All layout rendering is done via the All layout rendering is done via the webweb

viewview instead of Objective-C instead of Objective-C

Much of the functions of HTML5 are Much of the functions of HTML5 are supportedsupported

A disadvantage is that hybrid A disadvantage is that hybrid applications do not have full access applications do not have full access to the device APIto the device API CameraCamera, , compasscompass, , accelerometeraccelerometer, etc., etc.

Supported PlatformsSupported Platforms

PhoneGap currently supports PhoneGap currently supports development for the following development for the following operating systems operating systems iOSiOS, , AndroidAndroid, , webOSwebOS, , Windows Windows

MobileMobile, , Symbian OSSymbian OS and and BlackBerryBlackBerry, , Windows Phone 7 MangoWindows Phone 7 Mango

Bada support is "coming soon"Bada support is "coming soon"

The OS used by the Samsung Wave The OS used by the Samsung Wave S8500S8500

How does it work?How does it work? Build your app once with web-Build your app once with web-

standardsstandards Based on Based on HTML5HTML5

Wrap it up with PhoneGapWrap it up with PhoneGap Using the free open source framework Using the free open source framework

or PhoneGap build or PhoneGap build You can access the native APIsYou can access the native APIs

Deploy to multiple platformsDeploy to multiple platforms Standards-based web technologies to Standards-based web technologies to

bridge web applications and mobile bridge web applications and mobile devicesdevices

Means of Means of DevelopmentDevelopment

Means of PhoneGap Means of PhoneGap DevelopmentDevelopment

PhoneGap is just a library that you PhoneGap is just a library that you must include in your appmust include in your app Couple of JavaScript and xml filesCouple of JavaScript and xml files

What is PhoneGap doing?What is PhoneGap doing? PhoneGap generates a out-of-the-PhoneGap generates a out-of-the-

browser window that executes the browser window that executes the HTML and JavaScriptHTML and JavaScript

Due to a couple of xml and jar/dll Due to a couple of xml and jar/dll files it enables the usage of native files it enables the usage of native APIsAPIs

Where Can we Develop?Where Can we Develop? Native IDE for the corresponding OSNative IDE for the corresponding OS

Eclipse, Xcode, Visual Studio, etc.Eclipse, Xcode, Visual Studio, etc. Abode launched a new version of Abode launched a new version of

Dreamweaver that integrates with Dreamweaver that integrates with PhoneGapPhoneGap Build the web siteBuild the web site

Add the mobile SDKsAdd the mobile SDKs

Say it is mobile appSay it is mobile app

Build and deployBuild and deploy

In both the concrete OS SDK must be In both the concrete OS SDK must be presentpresent

Pros and ConsPros and ConsOf PhoneGap DevelopmentOf PhoneGap Development

Pros of PhoneGap Pros of PhoneGap DevelopmentDevelopment

HTML5, CSS and JavaScript skills HTML5, CSS and JavaScript skills vs. Objective-C, Java and C#vs. Objective-C, Java and C#

Single code base for all platforms Single code base for all platforms iOS, Android, WP 7 Mango, mobile iOS, Android, WP 7 Mango, mobile

webweb You can take advantage of You can take advantage of

distribution and integrated distribution and integrated payment payment Via the App Store or Android MarketVia the App Store or Android Market

Cons of PhoneGap Cons of PhoneGap DevelopmentDevelopment

Poor performancePoor performance If your app is graphically intense, If your app is graphically intense,

i.e. a game. i.e. a game. Caching or leveraging some 3Caching or leveraging some 3rdrd

party solutions may be party solutions may be implemented with native graphicsimplemented with native graphics

For the most part a native app is For the most part a native app is much faster/smoother than mobile much faster/smoother than mobile web appweb app

Cons of PhoneGap Cons of PhoneGap Development (2)Development (2)

Lack of pre-built UI widgets, Lack of pre-built UI widgets, transitions, standard controls, etc. transitions, standard controls, etc. Your development time can take Your development time can take

longerlonger Especially if you want a polished-Especially if you want a polished-

looking app with a native look and looking app with a native look and feelfeel

ConclusionConclusion PhoneGap is a cross-platform mobile PhoneGap is a cross-platform mobile

development frameworkdevelopment framework Based on HTML5 and JavaScriptBased on HTML5 and JavaScript Using web standardsUsing web standards

PhoneGap is usefulPhoneGap is useful For creation of small appsFor creation of small apps When there is a lack of human When there is a lack of human

resourcesresources Need a single app deployed on many OSNeed a single app deployed on many OS

Native app developments is always Native app developments is always better!better!

QuestionsQuestions??

PhoneGapPhoneGap