Downloaded 112 times
![Heavily under
construction
[ to be released on Q4 ]
17. toukokuuta 12](https://image.slidesharecdn.com/vaadin7-120517052352-phpapp01/85/Vaadin7-49-320.jpg)
![public class StringToNameConverter implements Converter<String, Name> {
public Name convertToModel(String text, Locale locale)
throws ConversionException {
if (text == null) {
return null;
}
String[] parts = text.split(" ");
if (parts.length != 2) {
throw new ConversionException("Can not convert text to a name: "
+ text);
}
return new Name(parts[0], parts[1]);
}
public String convertToPresentation(Name name, Locale locale)
throws ConversionException {
if (name == null) {
return null;
} else {
return name.getFirstName() + " " + name.getLastName();
}
}
public Class<Name> getModelType() {
return Name.class;
}
public Class<String> getPresentationType() {
return String.class;
}
}
17. toukokuuta 12](https://image.slidesharecdn.com/vaadin7-120517052352-phpapp01/85/Vaadin7-83-320.jpg)
![Heavily under
construction
[ to be released on Q4 ]
17. toukokuuta 12](https://image.slidesharecdn.com/vaadin7-120517052352-phpapp01/75/Vaadin7-49-2048.jpg)
![public class StringToNameConverter implements Converter<String, Name> {
public Name convertToModel(String text, Locale locale)
throws ConversionException {
if (text == null) {
return null;
}
String[] parts = text.split(" ");
if (parts.length != 2) {
throw new ConversionException("Can not convert text to a name: "
+ text);
}
return new Name(parts[0], parts[1]);
}
public String convertToPresentation(Name name, Locale locale)
throws ConversionException {
if (name == null) {
return null;
} else {
return name.getFirstName() + " " + name.getLastName();
}
}
public Class<Name> getModelType() {
return Name.class;
}
public Class<String> getPresentationType() {
return String.class;
}
}
17. toukokuuta 12](https://image.slidesharecdn.com/vaadin7-120517052352-phpapp01/75/Vaadin7-83-2048.jpg)
Vaadin7
- 1. Vaadin 7 Joonas Lehtinen / Vaadin @joonaslehtinen 12-5-17 17. toukokuuta 12
- 2. Quick intro to Vaadin Framework 17. toukokuuta 12
- 3. Vaadin is a UI framework for rich web applications 17. toukokuuta 12
- 4. java html 17. toukokuuta 12
- 5. Developer experience goals User expecience Scalability 17. toukokuuta 12
- 6. 123 17. toukokuuta 12 ideas
- 7. 17. toukokuuta 12 1 powerful components
- 8. User Inteface Data Source Theme 17. toukokuuta 12
- 9.
- 10.
- 11.
- 12.
- 13. User Inteface Data Source Theme 17. toukokuuta 12
- 14. Reindeer Runo Chameleon Custom 17. toukokuuta 12
- 15. User Inteface Data Source Theme 17. toukokuuta 12
- 16.
- 17. InMemory, Bean, Method, Collection, JDBC, JPA, Hibernate, TextFile, FileSystem, Properties, EclipseLink, Lucene, Mockups, GAE, ... Your’s 17. toukokuuta 12
- 18. 17. toukokuuta 12 2 combine the best of • Server-side RIA • Google Web Toolkit
- 19. Layers of abstraction backend frontend RPC browser browser server server any language any language json / xml java ➠ javascript ExtJS GWT Vaadin required required optional optional optional required required required required optional required required required X required 17. toukokuuta 12
- 20. How does it work, really? 17. toukokuuta 12
- 21.
- 22. • Initial HTML • CSS (theme) • Images • JavaScript 830k total compress 250k reduced widgetset 120k 17. toukokuuta 12
- 23. • name=”Joonas” • button clicked 150 bytes 17. toukokuuta 12
- 24.
- 25. • name=”Joonas” • button clicked 150 bytes • Add notification 466 bytes 17. toukokuuta 12
- 26. Vaadin UI component architecture HTTP(S) “UI Component” “Widget” • Button, Table, Tree, ... • Client-side peer for • Server-side data the component • Full Java API • Runs on JavaScript Java Java • Compiled with JDK • Google Web Toolkit 17. toukokuuta 12
- 27. Creating new UI components is really easy 17. toukokuuta 12
- 28.
- 29. Implement two classes Server-side Client-side “UI Component” Automatic “Widget” • Define API • Render to DOM • Receive client events • Collect user events • Send UI updates back 17. toukokuuta 12
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. PaperStack notes =new PaperStack(); ! ! @Override ! public void init() { // === Layout ======================================================== ! ! HorizontalLayout lo= new HorizontalLayout(); ! ! Window mainWindow = new Window("Postitnotes Application", lo); ! ! lo.setSizeFull(); ! ! lo.addComponent(notes); ! ! lo.setComponentAlignment(notes, Alignment.MIDDLE_CENTER); ! ! setMainWindow(mainWindow);!! ! ! notes.setWidth("350px"); ! ! notes.setHeight("350px"); ! ! // === Note 1 ======================================================== ! ! notes.addComponent(new Label("<h1>TODO / Today</h1><div style='font-size: 24px'>” + “<p>Enjoy the conference...</p></div>", Label.CONTENT_XHTML), "#fef49c"); // === Note 2 ======================================================== ! ! notes.addComponent(new Label("<h1>TODO / Tomorrow</h1><div style='font-size: 24px'>” + “<p>Learn Vaadin!</p></div>", Label.CONTENT_XHTML), "#b2ffa1"); // === Note 3 ======================================================== ! ! notes.addComponent(new Label("<div style='font-size: 60px'><center><br/><br/><br/>” + “DOUBLE<br/><br/><br/>SPEED</center></div>", Label.CONTENT_XHTML), "#b2ffa1"); // === Note 4 ======================================================== ! ! com.vaadin.ui.RichTextArea rta = new RichTextArea(); ! ! rta.setSizeFull(); ! ! notes.addComponent(rta); ! ! rta.setValue("<span style='font-size: 35pt; color: green;'>You can use any “ + “Vaadin components here...</span>"); ! } 17. toukokuuta 12
- 36. PaperStack notes =new PaperStack(); ! ! @Override ! public void init() { // === Layout ======================================================== ! ! HorizontalLayout lo= new HorizontalLayout(); ! ! Window mainWindow = new Window("Postitnotes Application", lo); ! ! lo.setSizeFull(); ! ! lo.addComponent(notes); ! ! lo.setComponentAlignment(notes, Alignment.MIDDLE_CENTER); ! ! setMainWindow(mainWindow);!! ! ! notes.setWidth("350px"); ! ! notes.setHeight("350px"); ! ! // === Note 1 ======================================================== ! ! notes.addComponent(new Label("<h1>TODO / Today</h1><div style='font-size: 24px'>” + “<p>Enjoy the conference...</p></div>", Label.CONTENT_XHTML), "#fef49c"); // === Note 2 ======================================================== ! ! notes.addComponent(new Label("<h1>TODO / Tomorrow</h1><div style='font-size: 24px'>” + “<p>Learn Vaadin!</p></div>", Label.CONTENT_XHTML), "#b2ffa1"); // === Note 3 ======================================================== ! ! notes.addComponent(new Label("<div style='font-size: 60px'><center><br/><br/><br/>” + “DOUBLE<br/><br/><br/>SPEED</center></div>", Label.CONTENT_XHTML), "#b2ffa1"); // === Note 4 ======================================================== ! ! com.vaadin.ui.RichTextArea rta = new RichTextArea(); ! ! rta.setSizeFull(); ! ! notes.addComponent(rta); ! ! rta.setValue("<span style='font-size: 35pt; color: green;'>You can use any “ + “Vaadin components here...</span>"); ! } 17. toukokuuta 12
- 37. 17. toukokuuta 12 3 embrace java
- 38. Any JVM Language 17. toukokuuta 12
- 39. Scalawith Scaladin add-on val layout = new VerticalLayout(width = 100 pct, height = 100 pct) { add(new Label(content = "Persons")) add(new Table(width = 100 pct, height = 100 pct), ratio = 1) add(new HorizontalLayout(spacing = true) { add(new Button("Edit selected", _ => editClicked())) add(new Button("Add new", _ => addNewClicked())) }) } getMainWindow.setContent(layout) 17. toukokuuta 12
- 40. Internet Explorer 6.. Chrome Firefox Safari Opera iOS Android 17. toukokuuta 12
- 41. No browser plugins Nothing to install 17. toukokuuta 12
- 42. Servlet Portlet (most) clouds 17. toukokuuta 12
- 43. Apache Tomcat, version4.1 or later Oracle WebLogic Server, version 9.2 or later Oracle WebLogic Portal, version 10gR3 IBM WebSphere Application Server, version 6.1 or later IBM WebSphere Portal, version 6.1 and 7.0 JBoss Application Server, version 3.2.8 or later Jetty, version 5 or later Glassfish, version 2 or later Liferay Portal 5.2 or later GateIn Portal 3.1 eXo Platform 3 Google App Engine Vaadin supports Java Servlet API 2.3 and JSR-168 and JSR-286 Portlet Specifications and should work with any Java application server that conforms to these standards. 17. toukokuuta 12
- 44. Eclipse IntelliJ IDEA Netbeans Maven Ant Spring Roo ∙∙∙ 17. toukokuuta 12
- 45.
- 46. Maven mvn archetype:generate -DarchetypeGroupId=com.vaadin -DarchetypeArtifactId= vaadin-archetype-clean mvn package yourproject-1.0.war 17. toukokuuta 12
- 47. 17. toukokuuta 12 Vaadin 7 Framework
- 48. History When What 2001 Millstone Framework is born 2002 Released as Open Source Server-side API compatible 2005 Ajax based rendering 2008 Google Web Toolkit integrated 2009 Renamed to Vaadin 2010 Add-ons 17. toukokuuta 12
- 49. Heavily under construction [ to be released on Q4 ] 17. toukokuuta 12
- 50.
- 51. 17. toukokuuta 12 Empower Developers Embrace Extendability Clean Up
- 52. Empower Developers View Management Redesign • Remove "browser window" • HttpRequest access • View management API • Simplified Application API by removing unnecessary abstractions • Multitab support by default 17. toukokuuta 12
- 53. public class Vaadin6testApplicationextends Application { public void init() { Window mainWindow = new Window("V6test Application"); setMainWindow(mainWindow); mainWindow.addComponent(new TextField("What is your name")); mainWindow.addComponent(new Button("Do not push me")); } } 17. toukokuuta 12
- 54.
- 55.
- 56. public class V6testApplicationextends Application { public void init() { setMainWindow(createWindow()); } public Window getWindow(String name) { Window window = super.getWindow(name); if (window == null) { window = createWindow(); window.setName(name); addWindow(window); } return window; } private Window createWindow() { Window window = new Window("V6test Application"); window.addComponent(new TextField("What is your name")); window.addComponent(new Button("Do not push me")); return window; } } 17. toukokuuta 12
- 57. public class Vaadin7testRootextends Root { public void init(WrappedRequest request) { addComponent(new TextField("What is your name")); addComponent(new Button("Do not push me")); } } 17. toukokuuta 12
- 58. Warning: Naming might be changed from “Root” to “Region” 17. toukokuuta 12
- 59. public class Vaadin6Applicationextends Application { public void init() { Window window = new Window("V6test Application"); setMainWindow(window); final Label label = new Label(); final UriFragmentUtility fragment = new UriFragmentUtility(); window.addComponent(fragment); window.addComponent(label); fragment.addListener(new UriFragmentUtility.FragmentChangedListener() { public void fragmentChanged(FragmentChangedEvent source) { label.setValue(fragment.getFragment()); } }); } } 17. toukokuuta 12
- 60. public class V7testRootextends Root { public void init(WrappedRequest request) { addComponent(new Label(getFragment())); } } 17. toukokuuta 12
- 61. public class V7testRootextends Root { public void init(WrappedRequest request) { final Label label = new Label(getFragment()); addComponent(label); addListener(new FragmentChangedListener() { public void fragmentChanged(FragmentChangedEvent event) { label.setValue(getFragment()); } }); } } 17. toukokuuta 12
- 62. Most of thechanges already available Alpha 1 View management API in Alpha 3 to be released in June 17. toukokuuta 12
- 63. Empower Developers Full CSS Control • Layout calculations are managed by browser • Improved performance • Support border/margin/... • Drop support for IE6/IE7 • CSS abstraction language • Inject CSS from Java • Per component selectors 17. toukokuuta 12
- 64. .v-connector { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 17. toukokuuta 12
- 65. private final ElementResizeListenerlistener = new ElementResizeListener() { public void onElementResize(ElementResizeEvent e) { int buttonWidth = getLayoutManager().getOuterWidth(e.getElement()); buttonWidth -= getLayoutManager().getMarginRight(e.getElement()); getWidget().adjustButtonSpace(buttonWidth); } }; @Override protected void init() { Element button = getWidget().getWidget(1).getElement(); getLayoutManager().addElementResizeListener(button, listener); } @Override public void onUnregister() { Element button = getWidget().getWidget(1).getElement(); getLayoutManager().removeElementResizeListener(button, listener); } 17. toukokuuta 12
- 66. Alpha 2 implementslots of layout performance improvements, but work is still unfinished. 17. toukokuuta 12
- 67.
- 68. Empower Developers Glue for Integrations • Publish JavaScript API from the server-side • Integrate easily with the rest of the web page • Tag lib to ease integration with JSP/JSF • Centralized shared resource loading (JS/CSS) 17. toukokuuta 12
- 69. Empower Developers Live Translations • Built in translator API • Custom translation stores • Translated transparently on client-server communication • Switch languages on fly • Strings and resources 17. toukokuuta 12
- 70. Easier Client-Server Embrace Extendability Empower Developers Communications • Client-server RPC API • Shared state API • Phase out “variables” and “attributes” 17. toukokuuta 12
- 71. Widget 6 Paintable Variable client Changes server UIDL Component 17. toukokuuta 12
- 72. Widget 7 Connector client State server RPC Component 17. toukokuuta 12
- 73. State Bean with most Java types: integers, Strings, lists, maps, ... All server-side changes automatically sent to client. Connectors can access all states of children and parent components 17. toukokuuta 12
- 74. RPC public interface ButtonRpc extends ServerRpc { public void click(MouseEventDetails details); client to server } example private ButtonRpc rpc = new ButtonRpc() { public void click( private ButtonRpc rpc = MouseEventDetails details) { RpcProxy.create(ButtonRpc.class, this); // do stuff } public void onClick(ClickEvent event) { }; rpc.click( new MouseEventDetails(event)); public Button() { } registerRpc(rpc); } client server 17. toukokuuta 12
- 75. Already done inAlpha 2, start trying these out today... 17. toukokuuta 12
- 76. New Extension Embrace Extendability Empower Developers Points • ApplicationServlet plug-ins • “Non-widget” add-ons • Component decorator for extending without extend • Server-push plug-in API • Plug-in for push • State storage plug-ins 17. toukokuuta 12
- 77. Generic JavaScript Embrace Extendability Empower Developers Widget Wrapper • Convert existing 3rd party widgets to Vaadin • GWT compilation not required 17. toukokuuta 12
- 78. Ease Common Embrace Extendability Empower Developers Extensions • Allow easy packaging of CSS and images with server-side compositions • Simplify Component Container API to make implementation easier 17. toukokuuta 12
- 79. Data Binding and Embrace Extendability Empower Developers Clean Up Form redesign • Form binding and layout are cleanly separated • Explicit property convertters • Two phase commit support • Built-in JSR-303 validations • Backwards compatibility helper as add-on 17. toukokuuta 12
- 80.
- 81. public class Name{ private String firstName; private String lastName; public Name(String firstName, String lastName) { this.firstName = firstName; this.lastName = lastName; } // Setters and getters } 17. toukokuuta 12
- 82. “Joonas Lehtinen” presentation Component model firstName = “Joonas” lastName = “Lehtinen” 17. toukokuuta 12
- 83. public class StringToNameConverterimplements Converter<String, Name> { public Name convertToModel(String text, Locale locale) throws ConversionException { if (text == null) { return null; } String[] parts = text.split(" "); if (parts.length != 2) { throw new ConversionException("Can not convert text to a name: " + text); } return new Name(parts[0], parts[1]); } public String convertToPresentation(Name name, Locale locale) throws ConversionException { if (name == null) { return null; } else { return name.getFirstName() + " " + name.getLastName(); } } public Class<Name> getModelType() { return Name.class; } public Class<String> getPresentationType() { return String.class; } } 17. toukokuuta 12
- 84. Name name =new Name("Rudolph", "Reindeer"); final TextField textField = new TextField("Name"); textField.setConverter(new StringToNameConverter()); // .... Name name = (Name) textField.getConvertedValue(); 17. toukokuuta 12
- 85. public class MyStringToDoubleConverterextends StringToDoubleConverter { @Override protected NumberFormat getFormat(Locale locale) { NumberFormat format = super.getFormat(locale); format.setGroupingUsed(false); format.setMaximumFractionDigits(3); format.setMinimumFractionDigits(3); return format; } } 17. toukokuuta 12
- 86. public class MyConverterFactoryextends DefaultConverterFactory { @Override protected <PRESENTATION, MODEL> Converter<PRESENTATION, MODEL> findConverter( Class<PRESENTATION> presentationType, Class<MODEL> modelType) { // Handle String <-> Double if (presentationType == String.class && modelType == Double.class) { return (Converter<PRESENTATION, MODEL>) new MyStringToDoubleConverter(); } // Let default factory handle the rest return super.findConverter(presentationType, modelType); } } getApplication().setConverterFactory(new MyConverterFactory()); 17. toukokuuta 12
- 87. table.setConverter(PERCENT_PROPERTY, new StringToNumberConverter() { @Override protected NumberFormat getFormat(Locale locale) { return NumberFormat.getPercentInstance(locale); } }); table.setConverter(CURRENCY_PROPERTY, new StringToNumberConverter() { @Override protected NumberFormat getFormat(Locale locale) { return NumberFormat.getCurrencyInstance(locale); } }); 17. toukokuuta 12
- 88.
- 89. public class Person{ @Size(min = 5, max = 50) private String name; @Min(0) @Max(100) private int age; // + constructor + setters + getters } 17. toukokuuta 12
- 90. Person person =new Person("John", 26); BeanItem<Person> item = new BeanItem<Person>(person); TextField firstName = new TextField("First name", item.getItemProperty("name")); firstName.addValidator(new BeanValidator(Person.class, "name")); 17. toukokuuta 12
- 91.
- 92. public class Employee{ String firstName; String lastName; double salary; Date birthDate; // Getters, setters, … } Form form = new Form(); form.setItemDataSource( new BeanItem<Employee>(employee)); 17. toukokuuta 12
- 93.
- 94. Form form =new Form() { @Override protected void attachField(Object propertyId, Field field) { // Some custom logic for placing components } }; 17. toukokuuta 12
- 95. form.setFormFieldFactory(new FormFieldFactory() { public Field createField(Item item, Object propertyId, Component uiContext) { if ("salary".equals(propertyId)) { TextField tf = new TextField(); tf.setWidth("7em"); return tf; } else if ("birthDate".equals(propertyId)) { DateField df = new DateField(); df.setResolution(DateField.RESOLUTION_DAY); return df; } else { // .. } return DefaultFieldFactory.createFieldByPropertyType(item .getItemProperty(propertyId).getType()); } }); 17. toukokuuta 12
- 96. FormLayout form =new FormLayout() { TextField firstName = new TextField("First name"); TextField lastName = new TextField("Last name"); TextField salary = new TextField("Salary"); DateField birthDate = new DateField("Birth date"); { birthDate.setResolution(Resolution.DAY); addComponent(firstName); addComponent(lastName); addComponent(birthDate); addComponent(salary); } }; 17. toukokuuta 12
- 97. final BeanFieldGroup<Employee> fieldGroup= new BeanFieldGroup<Employee>(Employee.class); fieldGroup.bindMemberFields(form); fieldGroup.setItemDataSource(new BeanItem<Employee>(employee)); 17. toukokuuta 12
- 98.
- 99. GridLayout form =new GridLayout(2,2) { TextField firstName = new TextField("First name"); TextField lastName = new TextField("Last name"); TextField salary = new TextField("Salary"); DateField birthDate = new DateField("Birth date"); { birthDate.setResolution(Resolution.DAY); setSpacing(true); addComponent(firstName); addComponent(lastName); addComponent(birthDate); addComponent(salary); } }; 17. toukokuuta 12
- 100.
- 101. Client-side Embrace Extendability Empower Developers • Review widgetset API • Ease client-side logic Clean Up • Decouple communication from core widgets thoughtout Vaadin 7 series • Client-side compositions • Support GWT Designer • Better support for multiple Vaadin apps per Page 17. toukokuuta 12
- 102. Improved session Embrace Extendability Empower Developers Clean Up management • Kill all “out-of-sync” errors • Default to one server Window Root per page • Default to keeping sessions live while page is shown 17. toukokuuta 12
- 103. HTML Embrace Extendability Empower Developers • Simpler DOM as IE6/IE7 is not supported any more Clean Up • WAI-ARIA support • Built in HTML sanitation to improve security 17. toukokuuta 12
- 104. Old API Embrace Extendability Empower Developers • Replace integer constants with enums Clean Up • Remove the unnecessary Container.Ordered interface • Remove deprecated APIs 17. toukokuuta 12
- 105. 17. toukokuuta 12 Empower Developers Embrace Extendability Clean Up
- 106. Changes to roadmap are expected. Almost certainly some things will be postponed to 7.1. 17. toukokuuta 12
- 107. Vaadin 7.1 • Table redesign • Things postponed from 7.0 17. toukokuuta 12
- 108. more info 17. toukokuuta 12
- 109. Find out moreat vaadin.com/wiki 17. toukokuuta 12
- 110. Roots (Windows) • Creating a basic application • Creating multi tab applications • Defining the theme for a Root • Using URI fragments • Finding the current Root and Application • Using URI or parameters or screen size when initializing an application • Generating dynamic resources based on URI or parameters • Creating an application that preserves state on refresh • Creating an application with different features for different clients 17. toukokuuta 12
- 111. Form & Databinding • Formatting data in Table • Creating a TextField for Integer only input using a data source • Creating a TextField for Integer only input when not using a data source • Creating your own converter for String <-> MyType conversion • Changing the default converters for an application • Creating a master-details view for editing persons • Auto generating a form based on a bean - Vaadin 6 style Form • Creating a form using an existing layout • Using Bean Validation to validate input • Creating a custom field for editing the address of a person 17. toukokuuta 12
- 112. Custom widgets • Creating a simple component • Using Shared State for communication • Sending events from the client to the server using RPC • Using RPC to send events to the client • Using Components in the shared state • Using Resources in the shared state • Integrating an existing GWT widget • Creating a simple component container • Widget styling using only CSS • Lightweight calculations of widget layout • Complex widget layouts 17. toukokuuta 12
- 113. Download for Free vaadin.com/book Vaadin is a for build n open source ing mod J look gre ern web ava framework at, applicat your use perform well a ion rs happ nd make s that y. you and http://va adin.com / SBN 978 -9 52-92-67 53-8 90000 9 7 8 95 2 9 267538 $29.95 4th Editio n 674 pages 17. toukokuuta 12
- 114. brought to youby... #85 Get More Refcardz! Visit refcardz.com CONTENTS INCLUDE: About Vaadin Getting Started with Vaadin Creating An Application Components Layout Components Themes Data Binding and more... By Marko Grönroos ABOUT VAADIN Web Browser External Client-Side Resources Vaadin is a server-side Ajax web application development Engine framework that allows you to build web applications just like AJAX Requests with traditional desktop frameworks, such as AWT or Swing. An Servlet Container Java File application is built from user interface components contained Servlet Resources hierarchically in layout components. Data In the server-driven model, the application code runs on Application UI Binding Default Class Component Theme a server, while the actual user interaction is handled by a client-side engine running in the browser. The client-server Inherits Events Changes Inherits communications and any client-side technologies, such as User Event Data Application Application HTML and JavaScript, are invisible to the developer. As the Application Listener Model Themes Resources client-side engine runs as JavaScript in the browser, there is no need to install plug-ins. Vaadin is released under the Apache Database License 2.0. Web Java Vaadin Your Web Figure 2: Architecture for Vaadin Applications Browser Web UI Java Service Client-Side Server Components Application You can get a reference to the application object w.dzone.com Engine EJB Hot Tip from any component attached to the application with DB Event Listeners Figure 1: Vaadin Client-Server Architecture In the event-driven model, user interaction with user interface If the built-in selection of components is not enough, you can components triggers server-side events, which you can handle 17. toukokuuta 12 develop new components with the Google Web Toolkit (GWT)
- 115. Expert services Better Online support Results Training Faster Tools vaadin.com/pro Questions? joonas@vaadin.com vaadin.com/joonas 12-5-17 @joonaslehtinen 17. toukokuuta 12