Vaadin - Rich Web Apps in Java without Plug-ins or JS

Joonas Lehtinen
2010
J3
Vaadin - Rich Web
Applications in Server-side
Java without Plug-ins or JS

Agilité iPhone Java Incubateur
8:15 Accueil des participantsAccueil des participantsAccueil des participantsAccueil des participants
8:40 Mot des organisateurs & Criée des orateursMot des organisateurs & Criée des orateursMot des organisateurs & Criée des orateursMot des organisateurs & Criée des orateurs
9:00 Keynote de Nicolas Martignole (30 minutes)Keynote de Nicolas Martignole (30 minutes)Keynote de Nicolas Martignole (30 minutes)Keynote de Nicolas Martignole (30 minutes)
9:40
10:40
- A1 -
Le terrain Agile
Jean-Philippe Vigniel
- I1-
Hello iPhone
Stephane Tavera
- J1 -
NOSQL also means RDF stores: an
Android case study
Fabrizio Giudci
- X1 -
Le développement durable
Dominic Williams
11:00
12:00
- A2 -
Integration of User Centered Design
in Agile Development of RIA
J. Borkenhagen, J. Desmazières
- I2 -
Développement d'une application
iPhone pilotée par les tests
Emmanuel Etasse, Van-Charles Tran
- J2 -
La Tequila du développement Web
Nicolas Martignole
- X2 -
Cloud Computing: anatomie et
pratique
Marc-Elian Bégin
12:20
13:20
- A3 -
Adoption de l'Agilité par les usages
Xavier Warzee
- I3 -
Distribution d'applications iPhone
en Entreprise: Réalisation d'un
AppStore interne
Géraud de Laval
- J3 -
Vaadin - Rich Web Applications in
Server-side Java without Plug-ins or
JavaScript
Joonas Lehtinen
- X3 -
Les DVCS sont vos amis
Sébastien Douche
Pause repas (50 minutes)Pause repas (50 minutes)Pause repas (50 minutes)Pause repas (50 minutes)
14h10 Keynote de Regis Medina (30 minutes)Keynote de Regis Medina (30 minutes)Keynote de Regis Medina (30 minutes)Keynote de Regis Medina (30 minutes)
14h50
15h50
- A4 -
Scrum, introduction et mise en
oeuvre avec iceScrum
Claude Aubry
- I4 -
Agile iOS Development
Jérôme Layat, Alexander Osterwalder
- J4 -
JAX-RS and Java EE 6
Paul Sandoz
- X4 -
IT Design & Ergonomy
Pascal Petit, Aude Lussigny
16h10
17h10
- A5 -
Agilité : 10 ans déjà
Thierry Cros
- I5 -
Optimizing iOS applications
Marc-Antoine Scheurer
- J5 -
Ecrivez et automatisez vos tests
fonctionnels avec jBehave
Xavier Bourguignon
- X5 -
NoSQL : Enfin de la biodiversité
dans l'écosystème des BD
Olivier Mallassi
17h30
18h30
- A6 -
Lean engineering
Jean-Christophe Dubail
- I6 -
iPhone et Agile, l'amour vache
Guillaume Duquesnay
- J6 -
Let's make this test suite run faster
David Gageot
- X6 -
The feel of Scala
Mario Fusco
Mot de la fin & tombolaMot de la fin & tombolaMot de la fin & tombolaMot de la fin & tombola
Programme de la Conférence
www.soft-shake.ch

Joonas Lehtinen, PhD
IT Mill - CEO
joonas@vaadin.com
Rich Web Applications in
Server-side Java without
Plug-ins or JavaScript
Sunday, March 7, 2010

Vaadin is a
UI framework
for desktop-like
web apps

New configs,
taglibs and
syntax!?!
JavaScript,
DOM, Applet,
plugins?
No!
This is Java.
Nothing else.

htmljava

healthcare portal, 100 kloc of perl, ..
1998

web 1.0, netscape, ie5, ie6, ...

object oriented design, desktop, Java, U and I ...
thinking of

desktop programming paradigm for web!

found millstone ajax google web toolkit
2000
2002
2005
2008

re-released as
2009

is there a ?

Apache
License

Discussion
Vaadin
Big picture, Extending, Getting started
Server-side
RIA
What is it? Pros & cons?
In practice
Coding a Vaadin
application step-by-step
Contents

Server-side RIA

?Rich Internet
Application

an application that
makes developers rich

if they bill by hour

Architecture

“Web 1.0”
DOM
Client Server
ViewHTML Page
over HttpResponse
Controller
Model
Parameters over
HttpRequest
DB
2
3
4
5
1

client-side ria
fat client

Client-side RIA
DOM
Client Server
View
Controller
Model
DB
2
3
4
5
1
Requested data
to view as
XML / JSON
Changes to model
encoded as parameters

programming
web is
not easy

different
features
in different
browsers

different
performance
in different
browsers

different
bugs
in different
browsers

Google Web Toolkit

Java to
JavaScript
Compiler
Subset of
java.lang, java.util
Widgetset
Your Application UI
IE6
IE7
Firefox
Safari

simpler
• Java only
• forget the web

cost-effective
stop debugging
JavaScript spaghetti

modular
extensible♲

Building wonderful
apps doesn’t
require writing fat
web clients.

server-side ria
thin client

Server-side RIA
DOM
Client Server
ViewHTML Page
over HttpResponse
Controller
Model
Parameters over
HttpRequest
DB
4
5
6
2
TerminalAdapter
TerminalAdapter
Automated by
the RIA framework
3
7
1
9
8

Server-side RIA
DOM
Client Server
ViewHTML Page
over HttpResponse
Controller
Model
Parameters over
HttpRequest
DB
4
5
6
2
TerminalAdapter
TerminalAdapter
Automated by
the RIA framework
3
7
1
9
8
Handled by the framework

Java
modular
extensible
cost-effective
no JavaScript
debugging
simpler
forget the web
the benefits
of Java
♲

even simpler
• forget the client-side
• synchronous
• server resources

more flexible
• all Java tools and
libraries
• any JVM language

more secure
• code stays in server
• less web services

not as scalable
more processing
kept on server

no offline mode
server is always
required

In practice

What can it do
in 20 minutes?

Demo as video
http://www.youtube.com/watch?v=u-a3VQF90kw

all benefits of
• server-side ria
• gwt

ui components

Vaadin UI component
architecture
“UI Component”
• Button, Table, Tree, ...
• Server-side data
• Full Java API
Java
• Google Web Toolkit
“Widget”
• Client-side peer for
the component
• Runs on JavaScript
HTTP(S)
Java
• Compiled with JDK

thanks to GWT,
creating new ui
components is
really easy

directory

channel for
distributing
Vaadin add-ons

ui components,
data sources,
themes, tools, ...

Vaadin Directory
open to public by
the end of this month

Eclipse
Maven
Netbeans

Servlet
Portlet
GAE

getting
started

Book of
Vaadin
Free
as
PDF

By Marko Grönroos
ABOUT VAADIN
w.dzone.comGetMoreRefcardz!Visitrefcardz.com#85
Getting Started with Vaadin
CONTENTS INCLUDE:
About Vaadin
Creating An Application
Components
Layout Components
Themes
Data Binding and more...
Vaadin is a server-side Ajax web application development
framework that allows you to build web applications just like
with traditional desktop frameworks, such as AWT or Swing. An
application is built from user interface components contained
hierarchically in layout components.
In the server-driven model, the application code runs on
a server, while the actual user interaction is handled by a
client-side engine running in the browser. The client-server
communications and any client-side technologies, such as
HTML and JavaScript, are invisible to the developer. As the
client-side engine runs as JavaScript in the browser, there is no
need to install plug-ins. Vaadin is released under the Apache
License 2.0.
Figure 1: Vaadin Client-Server Architecture
If the built-in selection of components is not enough, you can
develop new components with the Google Web Toolkit (GWT)
Figure 2: Architecture for Vaadin Applications
Hot
Tip
You can get a reference to the application object
from any component attached to the application with
Event Listeners
In the event-driven model, user interaction with user interface
components triggers server-side events, which you can handle
Web
Browser
Client-Side
Engine
Java
Web
Server
Vaadin
UI
Components
Your
Java
Application
Web
Service
EJB
DB
Servlet Container
User
Application
Event
Listener
Data
Model
Application
Themes
Application
Resources
Default
Theme
File
Resources
External
Resources
Database
Data
Binding
Inherits Events Changes
AJAX Requests
Inherits
UI
Component
Java
Servlet
Application
Class
Web
Browser
Client-Side
Engine
brought to you by...

Questions
Comments
joonas@vaadin.com
+358-40-5035001
skype://joonaslehtinen

Vaadin - Rich Web Apps in Java without Plug-ins or JS

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (6)

Similaire à Vaadin - Rich Web Apps in Java without Plug-ins or JS

Similaire à Vaadin - Rich Web Apps in Java without Plug-ins or JS (20)

Plus de soft-shake.ch

Plus de soft-shake.ch (20)

Dernier

Dernier (20)

Vaadin - Rich Web Apps in Java without Plug-ins or JS