Cross platform Mobile Development

From CS486wiki
Jump to navigationJump to search

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. Also, you need to extend your java class to the DroidGap.
  • 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