DevEX - reference for building teams, processes, and platforms
Phone gap
1. A presentation on PhoneGap
Group Member :
1. Kawser, Md. Ali (09-12744-1)
2. Maruf, Nazmul Ahasan (09-13098-1)
2. What is PhoneGap ?
PhoneGap is a HTML5 application framework that is used to
develop native applications through web technologies. That
means that developers can develop smartphone and tablet
application with their existing knowledge of HTML, CSS and
javascript, with PhoneGap developers don’t need to learn
languages like objective c. Application are developed by
using phonegap are hybrid applications. Applications are not
purely HTML/JavaScript based, nor are they native. The UI,
the application logic and communication with a server are
mainly based on HTML/JavaScript. Other part of the
applications that communicates and controls the device is
based on the native language for that platform. Actually
phoneGap provides a bridge from the JavaScript world to the
native world of the platform, which gives permission to the
JavaScript API to access and control the device.
3. PhoneGap is 100% open source, and also goes by the
Apache name “Cordova”.
PhoneGap can be used to build applications that target
multiple platforms, including Apple iOS, Google Android,
Windows Phone, BlackBerry, HP WebOS, Symbian, and
Bada.
4. Why should we use
PhoneGap?
PhoneGap is a library for building out mobile phone
applications.
Simply put, building apps with PhoneGap allows to re-use
existing skill sets without having to learn new stuff. 7
Basically good objective c and other language developers
are expensive and had to find . But in PhoneGap framework
there is no need any type of developers .
PhoneGap framework is compatible in diffenent types of
device .
5. How do get Started in PhoneGap
?
Getting started in PhoneGap is very easy .
In 90% of a PhoneGap application, all we need is a text
editor.
Some views of “getting started” guides for all application
platforms at the links below:
iOS: http://phonegap.com/start#ios-x4
Android: http://phonegap.com/start#android
BlackBerry: http://phonegap.com/start#blackberry
Windows Phone: http://phonegap.com/start#wp
WebOS: http://phonegap.com/start#webos
Symbian: http://phonegap.com/start#symbian
6. PhoneGap applications are written with HTML, CSS, and
JavaScript and its debug in a desktop web browser like -
Chrome, IE, Firefox, Opera and Safari .
7. How PhoneGape framework
work with andriod ?
For Andriod , set up development environment for CORDOVA .
1 . Requirements:
Eclipse 3.4+
2 . Install SDK + Cordova:
- Download and install Eclipse Classic
- Download and install Android SDK
- Download and install ADT Plugin
- Download the latest copy of Cordova and extract its contents. It
will be working with the Android directory.
8. 3 . Setup New Project:
Launch Eclipse, and select menu item New > Android Project. Fill out
the three panels of the New Android Project wizard shown below -
9. In the root directory of your project, create two new directories:
/libs
assets/www
Copy cordova-1.8.0.js from your Cordova download earlier to
assets/www
Copy cordova-1.8.0.jar from your Cordova download earlier to /libs
Copy xml folder from your Cordova download earlier to /res
10. Verify that cordova-1.8.0.jar is listed in the Build Path for
your project. Right click on the /libs folder and go to Build
Paths/ > Configure Build Path.... Then, in the Libraries tab,
add cordova-1.8.0.jar to the project. If Eclipse is being
temperamental, you might need to refresh (F5) the project
once again.
11. Edit your project's main Java file found in the src folder in Eclipse:
○ Add import org.apache.cordova.*;
○ Change the class's extend from Activity to DroidGap
○ Replace the setContentView() line with
super.loadUrl("file:///android_asset/www/index.html");
12. Right click on AndroidManifest.xml and select Open With >
XML Editor
Paste the following permissions between the <uses-sdk.../>
and <application.../> tags.
Support orientation changes by pasting the folowing inside
the <activity> tag.
14. 4. Hello World:
Create and open a new file named index.html in the assets/www
directory. Paste the following code:
5. Deploy to Simulator and Device :
○ Right click the project and go to Run As > Android Application
○ Eclipse will ask you to select an appropriate AVD. If there isn't one, then
you'll need to create it.
○ Make sure USB debugging is enabled on your device and plug it into
your system. (Settings > Applications > Development)
○ Right click the project and go to Run As > Android Application
DONE!