How is Vaadin made up ?
Vaadin is made of a server-side framework and a client-side engine.
The server side runs as a persistent Java Servlet session in the application server (f.e. JBoss Web Server) and contains the control logic and the business logic of the web application.
Web Browser (Client side engine)
Vaadin UI Components
JEE Stack (EJB - Web services ..)
GWT is ideal for implementing advanced user interface components (or widgets in GWT terminology) and interaction logic in the browser, while Vaadin handles the actual application logic in the server.
If you want a quickstart with Vaadin and Eclipse just skip this section and move to "Working with Vaadin and Eclipse". There you will be able to download Vaadin libraries directly from Eclipse.
Installing Vaadin is just a matter of downloading the newest Vaadin package from the download page at http://vaadin.com/download/.
Then unpack the installation package to a directory using a decompression program.
The Vaadin package contains the Content Browser application which allows you to browse documentation and example source code, and run the demo applications. The demo applications demonstrate most of the core features of Vaadin. You can find the demo applications also at the vaadin website: http://vaadin.com/demo.
To start the Content Browser, run the start.cmd/start.sh script in the Vaadin installation directory. The start script launches a stand-alone web server running on the local host at port 8888, and a web browser at address http://localhost:8888/.
Working with Vaadin and Eclipse
In order to create your first Application with Vaadin and Eclipse you simply need to install the Vaadin plugin for Eclipse.
From the Eclipse Menu select Help | Install new Software.
Add “http://vaadin.com/eclipse” and checkbox the Vaadin plugin.
When you have completed the plugin installation you will be prompted to restart Eclipse.