Archive for the 'vaadin' Category

Back-office application in 60 Minutes with Vaadin. Minute 1 – 15. Creating application skeleton.

Vaadin is a component-based rich Internet application Java framework that is designed to make creation and maintenance of web-based user interfaces easy. Due to server-driven programming model, Vaadin takes care of the user interface in browser and the developer concentrates on the implementation of business logic. You do not need to spend your time with browser technologies, like HTML or Javascript, you can think of the web browser as a thin client only.

This article covers development of a kind of “back-office” application. This kind of applications is aimed for maintenance staff, call center agents, marketing managers etc., that need to access some configuration of customer data, custom services of the wide computing system like a shop, insurance or finance company. The requirements for such kind of applications normally are to be cheap, agile in development and maintenance, user friendly and Nobody cares about web design and corporate fashion of web pages. For example: call center application for registering clients issues, an application for marketing staff for creating and maintenance advertising campaigns, tariff or ware management for some finance online service. It is exactly what are we going to implement with Vaadin framework.


I don’t want to cover setting up the development environment in this article, please refer to the free Vaadin boot at the bottom of the article. You need the following software to run the examples:

  • Linux, Mac OS X or Windows XP or newer. I am running Ubuntu Linux 11.04 on my laptop.
  • Java SDK 1.5 or newer. I used Java 1.6.0_21 (Sun Microsystems Inc).
  • Any IDE for Java EE development: Eclipse (with Vaading plugin), IDEA Intellij or Netbeans. My favorite IDE for several years is IDEA Intellij. currently I am running version 11.0.1.
  • Apache Maven 3 (I used v. 3.0.2). A web and testing frameworks, Jetty Application Server and all required libraries are downloaded by the Maven.
  • Firefox, Chrome or Safari web browser
  • Internet connection to let Maven download some artifacts
  • Optional: Git, Apache Tomcat 6 or newer.

I am going to create and run application with Maven to avoid a coupling with any development IDEs.

Create a New Vaadin Project with Maven

Open a command line shell and go the directory where you are doing your Java development. We are going to create a sub-directory with the Vaading project skeleton there using a Maven archetype generator:

Read more »