Building Mobile Application Using PhoneGap
-
Upload
rajashekar-bhagavatula -
Category
Mobile
-
view
171 -
download
1
description
Transcript of Building Mobile Application Using PhoneGap
![Page 1: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/1.jpg)
Mobile Application Development
Presented by Sanyasirao Nali
![Page 2: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/2.jpg)
Index
→ Cross platforms → Introduction to Phone Gap → PhoneGap vs Native → Prerequisites → Getting started → Application structure → Building your first Application → Debugging Applications
![Page 3: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/3.jpg)
What is “Cross Platform”?
Develop application that works on different platforms (Android,IOS,Black Berry,Windows mobiles etc.).
![Page 4: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/4.jpg)
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.
![Page 5: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/5.jpg)
PhoneGap vs Native
PhoneGap • quick development• support multiple environment• low budgetNative• available all features• support only for single environment• faster & smooth
![Page 6: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/6.jpg)
Prerequisites
![Page 7: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/7.jpg)
How to start with Phone Gap?
Integrated Development Environment
1. for Android(Java)
2. for IOS(Objective C)
3. for Windows(c#)
![Page 8: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/8.jpg)
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.
![Page 9: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/9.jpg)
![Page 10: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/10.jpg)
![Page 11: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/11.jpg)
First Application
![Page 12: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/12.jpg)
![Page 13: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/13.jpg)
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” );
![Page 14: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/14.jpg)
PhoneGap Platform Support
![Page 15: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/15.jpg)
jQuery Mobile Continued
![Page 16: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/16.jpg)
How to Debug Applications
Debug :
Emulators are alternative for mobiles but not a true test
![Page 17: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/17.jpg)
![Page 18: Building Mobile Application Using PhoneGap](https://reader035.fdocuments.us/reader035/viewer/2022062514/557d7f5ed8b42a58788b4ba9/html5/thumbnails/18.jpg)