What mobile support options are there for the large GWT web application?

Question

For a large system consisting of rich web pages (not complete applications) and web applications (real RIA) built on GWT, what is the best strategy to support mobile? Must support: iPhone, Android, Blackberry. Nice to have: iPad / tablets, Windows 7 Mobile, older feature phones.

Reference Information. Google Web Toolkit (GWT) does not support mobile web browsers other than the new iPhone / Android (webkit). GWT was adopted by our company for supporting a cross browser, introducing developers to the development of the server side of Java, the lack of JavaScript / HTML / CSS in-house skills and the relative immaturity of JQuery at that time (early 2007). Now, in March 2011, jQuery is mature and widely accepted, jQuery Mobile 1.0 is close, and the jQuery ecosystem plugin is booming.

Some possible answers to this question:
Use our GWT codebase for web applications with one or more of: GWT Mobile, gwt-mobile-webkit, PhoneGap with GWT. (I would raise the question of the maturity of each of them.)
Create standalone mobile pages / apps from scratch with jQuery Mobile and plugins. (This is unattractive as it looks like a "complete rewrite".)
Create your own mobile apps. (This is expensive due to the lack of proprietary mobile solutions for mobile devices and the many numerous mobile platforms required.)

Thanks for any enlightened comments!

Answer 1

My suggestion is to use deferred bindings to a large extent to work with your various deployment goals. This is just the point of delayed binding. Define one interface for your application and several different target-based implementations. If you download spring Roo and try your GWT starter project, you'll get a good example of how you can do this.

Personally, I prefer to stay as far away from JSNI as possible, but if you should somehow use jQuery, I would first look at gwtquery and the plugin system.