SlideShare a Scribd company logo
An introduction 
to Vaadin 
Thomas Mattsson 
Project Manager, Vaadin Expert 
thomas@vaadin.com
?
Intro to vaadin
Intro to vaadin
Open Source framework 
for creating 
rich internet applications 
in Java
Pure Java 
No HTML, CSS, 
JavaScript or XML
Rich! 
Internet! 
Applications
Native 
vs! 
Web application
RIA combines the 
benefits of both 
approaches
2000 
2001 
2002
170! 
countries 
6,500! 
cities 
>150,000! 
developers
What kind of 
applications can you 
create?
Intro to vaadin
Intro to vaadin
Intro to vaadin
Why should I ! 
use Vaadin?
Productivity
JavaScript < Java
AJAX 
Handled by 
vaadin }> 
BROWSER SERVER
iOS 
BROWSER SUPPORT
Architecture
server-side ria 
!thin client
Client Server 
View 
HttpResponse 
DOM Model 
Controller 
1 
HttpRequest 
2 
DB 
Server-side RIA 
Adapter 
Adapter 
3 4 
5 
6 
7 
9 8 
Handled by the framework
Intro to vaadin
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);
Intro to vaadin
Intro to vaadin
What kind of iPad 
apps are we 
talking about?
Customer case: 
Puma 
Product portfolio 
management
Intro to vaadin
Intro to vaadin
Intro to vaadin
Intro to vaadin
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

More Related Content

Intro to vaadin