Today I started looking at building a mobile web app for the Samsung Galaxy Tab. After a little research it looks like I'll be using

  • Eclipse Helios
  • Phonegap
  • jQuery Mobile

I fiddled around with the Phonegap Sample app at first and then found http://thoughtsunlimited.net/intro-to-jquery-mobile/ which outlines a simple jQuery Mobile application.

Another thing worth installing is the MDS PhoneGap for Android Plug-In 1.1. This makes starting a Phonegap/Android project as easy as pie! See http://wiki.phonegap.com/w/page/34483744/PhoneGap-Eclipse-PlugIn-for-Android

Gotchas!

I ran into a couple of gotchas trying to get my first app up and running.

The first one is related Eclipse. Make sure you start with the Eclipse for Java version. I started with the PHP version and ran into all sorts of issues with package dependencies and conflict when I tried to install the MDS PhoneGap for Android Plug-In. 

Another one was the order which the Phonegap and jQuery Mobile .js libraries were included. The following order works for me:

<script src="jquery.mobile/jquery-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.js">
</script><script type="text/javascript" charset="utf-8" src="main.js"></script>
<script src="jquery.mobile/jquery.mobile-1.0a2.min.js"></script>

Useful Links

Developing In Eclipse, with ADT

http://developer.android.com/guide/developing/eclipse-adt.html
Starting a Debug Session for Android with ADT http://www.latenightpc.com/blog/archives/2007/11/21/starting-a-debug-session-for-android-with-adt