Graphical GUI Design and GWT?

192 views
Skip to first unread message

gwtApprentice

unread,
Aug 3, 2006, 1:48:22 PM8/3/06
to Google Web Toolkit
Can I use a Java IDE to create GUI's by drag and drop (pick and plop)
graphically http://www.netbeans.org/kb/50/quickstart-gui.html and then
GWT to deploy to Javascript/HTML?

When I read What is Google Web Toolkit?
1 Use your favorite Java IDE to write and debug an application in the
Java language, using as many (or as few) GWT libraries as you find
useful.
2 Use GWT's Java-to-JavaScript compiler to distill your application
into a set of JavaScript and HTML files that you can serve with any web
server.

and Why Translate Java Code to JavaScript?
You can use all of your favorite Java development tools (Eclipse,
IntelliJ, JProfiler, JUnit) for AJAX development.

and Marco's post at
http://groups.google.com/group/Google-Web-Toolkit/browse_thread/thread/f4b450f0f143d838/421ed72a85527b7c?lnk=gst&q=Develope+GWT+with+Netbeans&rnum=1#421ed72a85527b7c
Develope GWT with Netbeans

I thought I could use either the Netbeans IDE or Sun Java Studio
Creator or Sun Java Studio Enterprise to create GUI's by right-clicking
on the project node and selecting New JFrame Form... then running the
*-shell.cmd and *-compile.cmd scripts to make Javascript/HTML
deployments.

But whether I use Swing or AWT (although I cannot see how to start a
GUI Form with anything other than a JFrame even for AWT), I get
javax cannot be resolved to a type
jPanel1 cannot be resolved
panel1 cannot be resolved
and many others

Is the following possible (in free open source) with 1 or more tools?
UML -> Graphical Database Design -> Graphical GUI Design -> Refactor
Code -> Deploy To A Standard Web Server (No Slow App Server)

I was thinking of the following toolchain yesterday:
Sun Java Studio Enterprise for the UML
Sun Java Studio Enterprise (I just found out it can also do the
graphical gui design) or Sun Java Studio Creator or Netbeans for the
Graphical GUI Design
Any of the 3 to Refactor Code
Google Web Toolkit to create/export/build a Javascript/HTML project for
AJAX integration and Deploy To A Standard Web Server
Aptana to Integrate AJAX

Please advise and instruct me as to a better way or best practices.

Regards.

Ed Burnette

unread,
Aug 4, 2006, 9:54:37 AM8/4/06
to Google Web Toolkit
Search this group for VistaFei and WindowBuilderPro.

Dee Ayy

unread,
Aug 4, 2006, 11:22:56 AM8/4/06
to Google-We...@googlegroups.com
I did come across VistaFei. Are there any free/open source projects
for commercial use (licensed like Netbeans, Creator, Enterprise or
GWT)?

majo

unread,
Aug 4, 2006, 5:09:03 PM8/4/06
to Google Web Toolkit
In my opinion,the best way is create view in simple html code and css,
is many tools to create beaty page code like Adobe (Macromedia)
Dreamweaver. In my projects i create view in this tool, This way is
very quick beacouse I see view in one secound, without
compile/build/shell. I create small project GWT Html Wrapper
(http://simpatico.pl/ghw) for simple bind html page code with gwt code.
And I create view in html/css and page logic in GWT. For example look
at my project preview http://simpatico.pl/msh/Main.html, in my opinion
it look beter then gwt examples :). Look into page code.

Dee Ayy

unread,
Aug 6, 2006, 11:40:40 AM8/6/06
to Google-We...@googlegroups.com
On 8/4/06, majo <maj...@gmail.com> wrote:
>
> In my opinion,the best way is create view in simple html code and css...Adobe (Macromedia) Dreamweaver...This way is very quick beacouse I see view in one secound, without compile/build/shell...

Please correct me if I am wrong, but as far as I know (from actual
use), Dreamweaver 8 still does not have absolute positioning of
graphical widgets (tables, buttons, textfields, etc.) that I mentioned
in my first post "create GUI's by drag and drop (pick and plop)
graphically" as in Netbeans IDE or Sun Java Studio Creator or Sun Java
Studio Enterprise, as well as something like MS Visual Basic. I feel
locked into a FlowLayout.

The promise of GWT seems to be, "Develop as you would for a desktop
app; Deploy a cross-browser web app". So I want my absolute
positioning and design of widgets (form elements).

I'm not opposed to clicking a Compile button or Test Form button or
Preview button which may take 3 seconds to display. IDE4Laszlo
(OpenLaszlo claims they will eventually compile to DHTML) looks like
it wanted to allow absolute positioning of widgets, but perhaps it is
currently only a bug.

http://j2s.sourceforge.net/ may be what I'm looking for, but my first
attempt did not work.

I don't want to recommend another commercial tool, such as
Dreamweaver, which does not deliver.

majo

unread,
Aug 6, 2006, 3:33:00 PM8/6/06
to Google Web Toolkit
Absolute positioning of graphical widgets is not best way to create any
view. In swing/swt we use layouts for positioning, for example grid,
mantise ect.. In html we can use tables or (better) relative widgets
positioning. If you use absolue positioning, you loase positioning
control when window is resizing, for provide control for resizing
programaticly you must write many linesof code, that is way better is
to pass control of widgets positionig for browser by use relative
positioning or tables. Is many tools for create html pages by drag and
dorp (http://www.thefreecountry.com/webmaster/htmleditors.shtml).

Other way is create/use layouts in browser.Is few projects that works
similar to swing layouts for examle: dojo, gwt (gridpanel, flowpanel
...), j2s, echo. But you must know, that way is not sow quick in work,
not so good look as the 'native' support for relative positioning.

Good is j2s idea for moving java swing/swt classes to javascript
beacouse we can use exists IDE for create view but as I said in is not
good performance solution.

In this moment don't exist any free WYSIWYG editor for GWT, and you
must decide how you prefer create view absolute/relative, in html/code.

Dee Ayy

unread,
Aug 7, 2006, 11:21:17 AM8/7/06
to Google-We...@googlegroups.com
I failed to mention that in Netbeans, in the same motion/gesture of
absolute positioning, I get the benefit of quickly setting the resize
rules (and layouts if I choose).
http://www.netbeans.org/kb/50/quickstart-gui.html

So I do not feel constrained when initially placing my widget (what I
called absolute positioning) and I can set my UI to resize properly
very quickly.

I will look into j2s again. Would you please be more specific about
the performance issues?

djsch...@mitre.org

unread,
Aug 7, 2006, 1:42:03 PM8/7/06
to Google Web Toolkit
In Swing, they have a Spring Layout that basically lets you do absolute
positioning. I noticed that it was not copied into GWTs layout system.
It seems that would not be too difficult for them to implement in a
future release if the community really wanted it.

Reply all
Reply to author
Forward
0 new messages