PhoneGap - the Swiss Army Knife of Mobile Application Development.

PHONEGA P THE SWISS ARMY KNIFE FOR MOBILE APP DEVELOPMENT What is PhoneGap ? PhoneGap is a mobile application development framework and container technology that allows creating natively-installed applica- tions for mobile devices using HTML, CSS, and JavaScript. HTML CSS JavaScript The core engine for PhoneGap is 100% open source, under the Apache Cordova project. fe ta Inage Laye Select Fiher Analyis 10 Vie Windo Ae Gre o Tem Co B POPART WEB HOSTING VPS/ DEDICA PS HTML PSD ESS In brief, PhoneGap is a HTML5 application framework that is used to develop native applications through web technologies. This means that developers can develop Smartphone and Tablet applications with their existing knowledge of HTML, CSS, and JavaScript! With PhoneGap, developers don't have to learn new languages like Objective-C for the iPhone to create native mobile applications WHY PHONEGAP ? Day by day, mobile device users are increasing and so are mobile plat- forms. There are several operating systems leading the market like android, ios, blackberry, windows7 etc. For developing applications for these different operating systems we have to develop applications in different native language such java for android, objective c for ios etc. This is where PhoneGap becomes handy. PhoneGap API gives developer a layer of interface where developer codes in html5, javascript and css to develop the application and phonegap converts it into the native code for corresponding operating system. Wrop your app with PhoneGap Deploy to mobile platforms! BAUILD Single Code Base PhoneGap PhoneGap:Build JS Libraries PG Plugins IDES palm i Applications that are developed using PhoneGap are hybrid applica- tions. These applications are not purely HTML/JavaScript based, nor are they native. Parts of the application, mainly the UI, the application logic, and communication with a server, is based on HTML/JavaScript. The other part of the application that communicates and controls the device (phone or tablet) is based on the native language for that platform. PhoneGap provides a bridge from the JavaScript world to the native world of the platform, which allows the JavaScript API to access and control the device (phone or tablet). Your App js html css Deploy to: Smartphone Tablet Desktop TV PhoneGap Car and more. Chromeless HTML Browser + PhoneGap essentially provides the JavaScript API with access to the device (phone or tablet) capabilities like, the camera, GPS, device infor- mation, and many others PhoneGap API PhoneGap provides an application programming interface (API) that enables you to access native operating system functionality using JavaScript. You build your application logic using JavaScript, and the PhoneGap API handles communication with the native operating system. THE POHER OF PHONEGAP PhoneGap provides an application programming interface (API) that enables you to access native operating system functionality using JavaScript. You build your application logic using JavaScript, and the PhoneGap API handles communication with the native operating system. ioS ioS hp Android 08 4647 OS 5x Webos WP7 Symbian Bada Phone 30 and newer ACCELEROMETER CAMERA COMPASS СONTACTS FILE GEOLOCATION MEDIA NETWORK NOTIFICATION (ALERT) NOTIFICATION (SOUND) NOTIFICATION (VIBRATION) STORAGE PhoneGap Architechture HTML5/CSS3 Application UI Framework e.g jQueryMobile PhoneGap API Phone Gap Bridge Camera GPS SQLite SQLite File Accelerom Compass etc System eter The PhoneGap framework is primarily a JavaScript Library that allows HTML/JavaScript applications to access device features. The PhoneGap framework also has a native component, which works behind the scene and does the actual work on the device (phone or tablet). An application build using PhoneGap will primarily have two parts: A. The JavaScript Business Logic Part, which drives the Ul and its functionality. В. The JavaScript Part, which accesses and controls the device (phone or tablet). PhoneGap Plugins PhoneGap plug-in is an extension of the PhoneGap feature. It ac- cesses a piece of functionality on the phone. Plug-in functionality may only be able to access native features of the phone or it may pro- vide the functionality to access cloud services. Phone gap custom Mobile web application plugin Phone gap custom native Phone gap engine native plugin PhoneGap packaging & distribution PhoneGap applications are developed using HTML, CSS, and JavaS- cript, however the final product of a PhoneGap application is a binary application archive that can be distributed through standard applica- tion ecosystems. palm js css html PhoneGap Build For iOS applications the output is an IPA file(iOS Application Archive), for Android applications the output is an APK file(Android Package), for Window Phone the output is a XAP file (Application Package), etc.. These are the same application packaging formats used by "native" applications, and can be distributed through the appropriate ecosys- tems (iTunes Store, Android Market, Amazon Market, BlackBerry App World, Windows Phone Marketplace, etc.). HTML5 vs. Hybrid vs. Native 5 36% 32% Mobile web apps Hybrid apps 15% Native apps 39% PhoneGap is #1 CHOICE FOR BUILDING APPS SPEND TIME DEVELOPING FOR MULTIPLE MOBILE THE SAME APP/FEATURE PLATFORMS FOR MULTIPLE PLATFORMS iOS There are more than 120,000 apps developed using PhoneGap as of July 2013. Letsgomo has created some great apps using Phonegap and a few of these have even been featured on Apple App Store and Google Play Store. Developers actively using HTML5 (by region) 599 70% 60% 50% 61% 60% source: http://www.quantumcloud.com O x o O O o O O O x O O O O