Vaadin 7 presentation at Codemotion in Rome 22.03.2013

1. Vaadin 7
Leif Åstrand
Vaadin Expert
vaadin.com/leif
torsdag 21 mars 13

2. slideshare.com/
lastrand
torsdag 21 mars 13

3. Why
Vaadin? How Vaadin
works
torsdag 21 mars 13

4. new La
bel(“H
ello w
orld”)
torsdag 21 mars 13

5. Getting
started
QA
torsdag 21 mars 13

6. torsdag 21 mars 13

7. User interface
framework for rich
web applications
torsdag 21 mars 13

8. torsdag 21 mars 13

9. java html
torsdag 21 mars 13

10. Apache 2.0 license
torsdag 21 mars 13

11. Why on earth?
torsdag 21 mars 13

12. torsdag 21 mars 13

13. expectations
torsdag 21 mars 13

14. reality
torsdag 21 mars 13

15. consumer business
“million” users “500” users
10 views 50 views
1€/user 500€/user
100,000€ / view >> 5,000€ / view
torsdag 21 mars 13

16. Problem
How to build consumer
grade UX with business
system budget
torsdag 21 mars 13

17. How?
torsdag 21 mars 13

18. 123
torsdag 21 mars 13
Key Ideas

19. torsdag 21 mars 13
1
Rich
Components

20. User Inteface
Data Source
Theme
torsdag 21 mars 13

21. torsdag 21 mars 13

22. torsdag 21 mars 13

23. torsdag 21 mars 13

24. torsdag 21 mars 13

25. torsdag 21 mars 13

26. torsdag 21 mars 13

27. torsdag 21 mars 13

28. torsdag 21 mars 13

29. User Inteface
Data Source
Theme
torsdag 21 mars 13

30. torsdag 21 mars 13

31. torsdag 21 mars 13

32. torsdag 21 mars 13

33. torsdag 21 mars 13

34. Sass
torsdag 21 mars 13

35. Sass variables & functions
torsdag 21 mars 13

36. Sass mixins
torsdag 21 mars 13

37. User Inteface
Data Source
Theme
torsdag 21 mars 13

38. torsdag 21 mars 13

39. InMemory, Bean, Method,
Collection, JDBC, JPA, Hibernate,
TextFile, FileSystem, Properties,
EclipseLink, Lucene, Mockups,
GAE, ...
torsdag 21 mars 13

40. torsdag 21 mars 13
2
Server + Client

41. Web application layers
Business Java to
Web layer JSON, XML, ... JavaScript
layer JavaScript
GWT Vaadin
required required optional optional optional
required required required required optional
JS
required required required required
torsdag 21 mars 13

42. torsdag 21 mars 13
Server
Pr
Op
-
od
t
r
im
fo
uc
d
ti ize
ize
vit df
y or
tim
e rol
Op
t-
s d ont
i C
ien
Cl

43. Widget
Connector
client
State
server
RPC
Component
torsdag 21 mars 13

44. How does it work,
really?
torsdag 21 mars 13

45. name = new TextField("Name");
greetButton = new Button("Greet");
greetButton.addClickListener(new ClickListener() {
public void buttonClick(ClickEvent event) {
Notification.show("Ciao " + name.getValue());
}
});
torsdag 21 mars 13

46. • Initial HTML
• CSS (theme)
• Images
• JavaScript
1200k total
compress
300k
reduced
widget set
and theme
135k
torsdag 21 mars 13

47. • name=”Leif”
• Button clicked
332 bytes
torsdag 21 mars 13

48. name = new TextField("Name");
greetButton = new Button("Greet");
greetButton.addClickListener(new ClickListener() {
public void buttonClick(ClickEvent event) {
Notification.show("Ciao " + name.getValue());
}
});
torsdag 21 mars 13

49. • name=”Leif”
• Button clicked
332 bytes
• Show notification
462 bytes
torsdag 21 mars 13

50. Trying it out
torsdag 21 mars 13

51. https://github.com/vaadin/documentmanager
torsdag 21 mars 13

52. torsdag 21 mars 13
3
Embracing
Java

53. Any JVM
Language
torsdag 21 mars 13

54. Internet Explorer
Chrome
Firefox
Safari
Opera
iOS
Android
torsdag 21 mars 13

55. No
browser
plugins
Nothing to
install
torsdag 21 mars 13

56. Servlet
Portlet
(most) clouds
torsdag 21 mars 13

57. Eclipse
IntelliJ IDEA
Netbeans
Maven
Ant
Gradle
∙∙∙
torsdag 21 mars 13

58. torsdag 21 mars 13

59. Vaadin += GWT
torsdag 21 mars 13

60. torsdag 21 mars 13

61. torsdag 21 mars 13

62. torsdag 21 mars 13

63. GWT
Compatible
torsdag 21 mars 13

64. vaadin.com/vaadin7
torsdag 21 mars 13

65. torsdag 21 mars 13

66. torsdag 21 mars 13

67. torsdag 21 mars 13

68. torsdag 21 mars 13

69. torsdag 21 mars 13

70. torsdag 21 mars 13

71. torsdag 21 mars 13

72. torsdag 21 mars 13

73. torsdag 21 mars 13

74. getting
started
torsdag 21 mars 13

75. torsdag 21 mars 13

76. Eclipse
torsdag 21 mars 13

77. mvn archetype:generate
-DarchetypeGroupId=com.vaadin
Maven -DarchetypeArtifactId=
vaadin-archetype-application
-DarchetypeVersion=7.0.3
torsdag 21 mars 13

78. Download for Free
vaadin.com/book
ework
s that
o u an d
~700 pages
torsdag 21 mars 13

79. ?
slideshare.com/
lastrand
leif@vaadin.com
vaadin.com/leif
torsdag 21 mars 13