An introduction to Vaadin

Thomas Mattsson Project Manager, Vaadin Expert

thomas@vaadin.com

?

Open Source framework for creating

rich internet applications in Java

Pure JavaNo HTML, CSS, JavaScript or XML

Rich! Internet! Applications

Native vs!

Web application

RIA combines thebenefits of both approaches

2000 2001 2002

170!countries

6,500!cities

>150,000!developers

What kind of applications can you

create?

Why should I !use Vaadin?

Productivity

JavaScript < Java

AJAX

SERVERBROWSER

Handled by

vaadin }>

BROWSER SUPPORT

iOS

Architecture

server-side ria !

thin client

Client Server

View

Controller

DOM Model

1

2

HttpRequest

HttpResponse

DB

Server-side RIA

Ad

ap

ter

Ad

ap

ter

3 4

5

6

789

Handled by the framework

AbsoluteLayout Accordion Audio Button CheckBox ComboBox CssLayout CustomComponent CustomLayout DateField Embedded FormLayout GridLayout HorizontalLayout HorizontalSplitPanel

InlineDateField Label Link ListSelect LoginForm MenuBar NativeButton NativeSelect OptionGroup Panel PasswordField PopupDateField PopupView ProgressIndicator RichTextArea

Select Slider Table TabSheet TextArea TextField Tree TreeTable TwinColSelect Upload VerticalLayout VerticalSplitPanel Video Window

HorizontalLayout buttonLayout = new HorizontalLayout();!Button saveButton = new Button(“Save”);saveButton.addClickListener(this);!Button cancelButton = new Button(“Cancel”);cancelButton.addClickListener(this);!buttonLayout.addComponent(saveButton);buttonLayout.addComponent(cancelButton);

http://localhost:48080/mobilemail/?restartApplication

What kind of iPad apps are we talking about?

Customer case: Puma Product portfolio management

Demo time!

Questions?Dedicated Mobile App session at 17:00, Hall C. !Learn how to create mobile web apps with Vaadin and TouchKit!

Thank you!Thomas Mattsson !thomas@vaadin.com http://vaadin.com