Cross platform Mobile Development: Difference between revisions
From CS486wiki
Jump to navigationJump to search
Content deleted Content added
No edit summary (change visibility) |
No edit summary (change visibility) |
||
| Line 25: | Line 25: | ||
*In the project, you need to go to the assets folder and in assets folder you need to create a new folder called "www". You will push all your .css and .html files here. |
*In the project, you need to go to the assets folder and in assets folder you need to create a new folder called "www". You will push all your .css and .html files here. |
||
*After you have done the previous step, you need to create a new folder inside the the www folder called "js". In this folder you will push the "filesjquery-1.7.2.js" and "jquery-1.7.2.min.js". |
*After you have done the previous step, you need to create a new folder inside the the www folder called "js". In this folder you will push the "filesjquery-1.7.2.js" and "jquery-1.7.2.min.js". |
||
*After all previous steps, all the code you need to |
*After all previous steps, all the code you need to import necessary libraries in your main project and one line of code that is the code below. |
||
package osman.phonegap; |
|||
*Libraries : |
|||
import org.apache.cordova.DroidGap; |
import org.apache.cordova.DroidGap; |
||
import android.app.Activity; |
|||
import android.os.Bundle; |
|||
import osman.phonegap.*; |
|||
import org.apache.cordova.*; |
import org.apache.cordova.*; |
||
*One line of Code : |
|||
public class Phone_gap_seniorActivity extends DroidGap { |
|||
| ⚫ | |||
public void onCreate(Bundle savedInstanceState) { |
|||
super.onCreate(savedInstanceState); |
|||
| ⚫ | |||
} |
|||
} |
|||
=== '''Usage in Xcode'''=== |
=== '''Usage in Xcode'''=== |
||
=== '''CSS Design'''=== |
=== '''CSS Design'''=== |
||
Revision as of 20:47, 15 May 2012
The Scope and The Purpose of The Project
The Cross Platform Mobile Development project is based on PhoneGap. The main goal of the project is to get experience for next generations. The Parris Foundation Project is done also by PhoneGap as an example project to be able to see how efficiently we may use PhoneGap.
Environment Platform
- PhoneGap (an additional package that both works on Eclipse and XCode.) (It might be called Cordova)
- Android Development Environment, Eclipse SDK-3.7 (Indigo) and the 2.3.3 of Java JDK is required.
- IPhone Development Environment, XCode Version 4.1.
- HTML
- CSS
Parris Foundation Project
You can reach the real project specifications from the link below. The real project is coded in Xcode and Android seperately.
http://www.cs.binghamton.edu/~steflik/wiki/index.php/Parris_Foundation
Usage of PhoneGap
Usage in Android
- First of all you have to setup Eclipse for Java and then you need to install SDK to be able to design an Android Project.
- In your project you need to create a new folder called "libs". In this folder you need to copy a file called "cordova-1.7.0.jar". You can download this file from the site of PhoneGap.
- In the project, you need to go to the assets folder and in assets folder you need to create a new folder called "www". You will push all your .css and .html files here.
- After you have done the previous step, you need to create a new folder inside the the www folder called "js". In this folder you will push the "filesjquery-1.7.2.js" and "jquery-1.7.2.min.js".
- After all previous steps, all the code you need to import necessary libraries in your main project and one line of code that is the code below.
- Libraries :
import org.apache.cordova.DroidGap; import org.apache.cordova.*;
- One line of Code :
super.loadUrl("file:///android_asset/www/index.html");
Usage in Xcode
CSS Design
HTML Design
Script Design
Advantages of Using PhoneGap
Disadvantages of Using PhoneGap
Screenshots
PhoneGap Version in Android 
Actual Version in Android 
Project Members
- Osman Berk Buruncuk
