We’ve developed a desktop-based web application, OurCount.com, built on Google Web Toolkits (GWT) and a MySQL database hosted on Amazon Web Services. While working well, the mobile version could be cleaner and packaged as a native app. This we decided to use as a vehicle to learn the jQuery Mobile framework and phonegap packaging.
Hints for phonegap build – if things seem a little slow for the build or it’s not working, check their Twitter page for the most up-to-date information. We struggled with a build for half a day one time only to find out that their iOS builds were on the fritz! With a little patience and work on other projects, we were able to wait them out.
Their buid.phonegap.com site is by far the simplest but for more deep down builds and being able to maintain a local debugging environment, try the Eclipse or XCode SDK’s even though we found the PhoneGap documentation a little misleading and hard to follow. Their approach is to use command line tools to get all the files in the right places but we had limited success. Will of course keep trying though.
Trying to build a mobile-friendly site without using a mobile framework such as jQuery Mobile is difficult because of so many cross browser issues. Thank goodness for this robust and user-friendly library and we’ve only just started scratching the surface.