18. 6/7 8
IE 6/7 Safari Opera IE 8
6/7 8
14% 18% 36% 54%
98.1%
3.5 Browsers to support in 2012
3.5 Browsers to support in 2012
IE 6/7 Safari Opera IE 8
14% 18% 36% 54%
What kind of devices does your app support?
36.1%
Desktop
browsers
Tablets
Browsers developers expect to support in 2013
Chrome
9 10
IE 9 IE 10 Firefox
79% 80% 94% 94%
Browsers developers expect to support in 2013
Chrome
9 10
IE 9 IE 10 Firefox
79% 80% 94% 94%
does your app support?
Phones
25.7%
36.1%
Others
2.1%
“Since gwt in the enterprise, explain why tablets popular than support phones”
Daniel
iPhone
Android
WP
application over 98% of apps
had overtaken
UI for
US, Europe.
the number
36.1%
“Since gwt is used extensively
in the enterprise, this may
explain why tablets are popular than support phones”
iPad
Android
Windows
+
+
39. Web application layers
Backend
server
Web
server
Client-side UI
Commu-nication
JavaScript
40. Web application layers
Backend
server
Web
server
Commu-nication
JavaScript
Server-side UI Automated
41. Web application layers
Java to JavaScript
JavaScript
Web
server
Backend
server
Commu-nication
required required optional
optional optional
Vaadin
required required optional
GWT
required required
JS
required required
required required
Server-side UI & Client-side UI
42. Web application layers
Java to JavaScript
JavaScript
Web
server
Backend
server
Commu-nication
required required optional
optional optional
Vaadin
required required optional
GWT
required required
JS
required required
required required
1 layer
vs
3 layers
-50% dev. time
-50% maintenance
vs
full control over DOM
and communications
70. Client-side Server-side
Use for
• Offline
• Low latency interaction
• Maximum scalability
Use for
• Most places ( - 50% cost )
• High security
• Utilizing full Java platform
Hybrid
Benefits of the both sides, but adds complexity
94. Web Page Title
Google http://domain.com
First name
Offline Client-side Vaadin-RPC Client-side GWT-RPC Server-side
Last name
cell
Table cell
Table cell Table Table cell Table cell
Table cell
Phone number
Table cell
Table cell Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Email address
Table cell Table cell
Server-side
Far far away, behind the word mountains,
far from the countries Vokalia and
Consonantia, there live the blind texts.
Separated they live in Bookmarksgrove
right at the coast of the Semantics, a
large language ocean.
A small river named Duden flows by their
place and supplies it with the necessary
regelialia. It is a paradisematic country, in
which roasted parts of sentences fly into
your mouth.
Even the all-powerful Pointing has no
control about the blind texts it is an
almost unorthographic life One day
however a small line of blind text by the
name of Lorem Ipsum decided to leave
for the far World of Grammar. The Big
Oxmox advised her not to do so,
because there were thousands of bad
Commas.
Edit Delete New
Save Cancel
First name Last name
Phone number Email address
112. // Vaadin UI
protected void init(VaadinRequest request) {
new Responsive(this);
}
// CSS
.v-ui[width-range~="0-800px"] {
/* Styles that apply when the UI's width is
between 0 and 800 pixels */
}
.v-ui[width-range~="801px-"] {
/* Styles that apply when the UI's width is
over 800 pixels */
}
http://demo.vaadin.com/responsive/
122. Who is using
Vaadin?
world of web applications
Giants named HTML5 and JVM p.4 · Coffee with R&D: Turning Java into Java p.28
Moleculenix,
Rums, SentiOne
and many more...
beauty of nature
https://vaadin.com/who-is-using-vaadin
https://vaadin.com/dock