Für die Erstellung grafischer HTML5 Oberflächen bietet Ihnen RapidClipse einen auf Vaadin basierenden GUI-Builder.

UI

Die UI ist der Root-Container Ihrer Anwendung und vergleichbar mit einem leeren Programmfenster

das leere Anwendungsfenster und der Root-Container Ihrer Anwendung , das nach Aufruf der Anwendung initial erzeugt wird. In der UI   entspricht einem leeren Anwendungsfenster einer klassischen Desktop-Anwendung. Nach Aufruf der Anwendung per URL-Aufruf wird zuerst initial die UI erzeugt, welche für die Darstellung der einzelnen Programm-Views zuständig ist, welche per URL-Aufruf geladen werden.

Views

Eine View entspricht einem einzelnen Programmfenster oder Screen einer Anwendung. I.d.R. setzt sich eine Anwendung aus vielen unterschiedlichen Views zusammen, z.B. Login-View, Registrierung, Administrationsbereich, Main-View o.Ä.

Layouts

Um eine grafische Oberfläche bestehend aus GUI-Komponenten erstellen zu können, müssen Sie Ihrer View ein Layout zuweisen.

GUI-Komponenten

Alle GUI-Komponenten lassen sich mit Drag-and-Drop in die Arbeitsfläche einfügen.

1. Klicken Sie in der Palette eine GUI-Komponente an, z.B. XdevButton.
2. Ziehen Sie die GUI-Komponente mit Drag-and-Drop von der Palette in die Arbeitsfläche.