A quick jump into PhoneGap technology with a few tips.

1. http://phonegap.com
Emil Varga
Software Engineer
@ IBM

2. Develop in HTML5/CSS3 + JavaScript
Deploy to multiple platforms

3. ● Free and Open Source
● Large community
● Plugins and tools
● JavaScript frameworks
xui

4. Here be JavaScript and HTML
WebView
(browser)
Native application Glued with PhoneGap
(Java, C++, C#..)
Extra stuff (Barcode scanner,
plug-ins Speech recognizer, Soft
keyboard etc.)

6. Technical details
ahead

7. ● Eclipse Classic 3.4 – 3.7.x (current)
http://www.eclipse.org/downloads/
● Download Android SDK, extract zip/tar,
run ./android, select all, install
http://developer.android.com/sdk/index.html
● Install Eclipse plugin
(Help->Install New Software..)
https://dl-ssl.google.com/android/eclipse/
http://phonegap.com/start#android

8. ● Download PhoneGap 1.4.1 (currently)
● Eclipse -> New -> Android Project
● Select your build target (e.g. Android 2.2)
● Add your package name
● Un-check creating SampleActivity.java
● Copy content of the phonegap sample project
<extracted folder>/lib/android/example to the new Android
Project (everything except project.properties)
● Configure Build path -> Add JARs -> libs/phonegap-1.4.1.jar
● Edit AndroidManifest.xml
– remove line android:xLargeScreens =”true”
– Change <uses-sdk android:minSdkVersion=”5” /> to your build target
(e.g. 8)

10. //on application start wait for phonegap to fully load
document.addEventListener(“deviceReady”, function(){
//pop up a confirmation dialog
navigator.notification.confirm(“Do you want to exit?”,
//function called on any button pressed (Yes or No)
function(button){
//user pressed 'Yes'
if (button==1){
//exit application
navigator.app.exitApp();
}
},”Confirm”, “Yes,No”);
},true);

11. Thanks to the PhoneGap team
And Brian LeRoux

12. Extra
● Plugins
https://github.com/purplecabbage/phonegap-plugins
● Cool Tools
● Lawnchair – simple NoSQL JSON
http://westcoastlogic.com/lawnchair/
● ApplicationCraft – zero install developer envoronment
http://www.applicationcraft.com/
● Ripple – in-browser device emulator
http://ripple.tinyhippos.com/
● PhoneGap build
https://build.phonegap.com/

13. DIY plugins
//myPlugin.js
function MyPlugin() {};
MyPlugin.prototype.myAction =
function(params, winCallback, failCallback){
PhoneGap.exec(winCallback, failCallback, “MyPlugin”,
“myAction”, [params]);
}
PhoneGap.addConstructor(function(){
PhoneGap.addPlugin(“myPlugin”, new MyPlugin());
});

14. DIY plugins
import com.phonegap.api.Plugin;
import com.phonegap.api.PluginResult;
import org.json.JSONArray;
import org.json.JSONObject;
public class MyPlugin extends Plugin{
public PluginResult execute(String action, JSONArray args, String callbackId){
if (action.equals(“myAction”)){
JSONObject obj = args.getJSONObject(args);
...
return new PluginResult(PluginResult.Status.OK);
}
else return new PluginResult(PluginResult.Status.INVALID_ACTION);
}
}