Vaadin roadmap-devoxx-2013

1,484 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,484
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Vaadin roadmap-devoxx-2013

  1. 1. Beyond 7 Joonas Lehtinen Founder & CEO @joonaslehtinen
  2. 2. Agenda Quick recap of Vaadin 7 Questions & answers Roadmap 7.1 Feature by feature
  3. 3. 7 Vaadin .1
  4. 4. @VaadinServlet Configuration https://vaadin.com/wiki/-/wiki/Main/Creating+a+servlet+3.0+application
  5. 5. @Theme("foo") public class FooUI extends UI { ! @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } ! ! } @Override protected void init(VaadinRequest request) { ... }
  6. 6. @Theme("foo") public class FooUI extends UI { ! @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } ! ! } @Override protected void init(VaadinRequest request) { ... }
  7. 7. Server initiated events / Push https://vaadin.com/wiki/-/wiki/Main/Using+server+initiated+events
  8. 8. Widget Connector client server State RPC Component
  9. 9. Sample http://demo.vaadin.com/sampler/#foundation/push
  10. 10. @Push MyUI ! ! <async-supported/> or
 asyncSupported = true ! ! vaadin-push dependency
  11. 11. UI.getCurrent().access(new Runnable() { public void run() { layout.addComponent(new Label("foo”)); } });
  12. 12. Debug window
  13. 13. ?debug
  14. 14. Optimizing widgetset... 278k 130k
  15. 15. Compiling themes
  16. 16. Add-on theme packaging https://vaadin.com/wiki/-/wiki/Main/Packaging+SCSS+or+CSS+in+an+add-on
  17. 17. Inject CSS dynamically https://vaadin.com/wiki/-/wiki/Main/Dynamically+injecting+CSS
  18. 18. getPage().getStyles().add( ".reindeer.v-app { background: #" + Math.round(Math.random() * 899 + 100) + ";}" );
  19. 19. Sample http://demo.vaadin.com/sampler/#foundation/cssinject
  20. 20. Calendar https://vaadin.com/wiki/-/wiki/Main/Migrating+from+Vaadin+7.0+to+Vaadin+7.1
  21. 21. Accessibility with WAI-ARIA https://vaadin.com/blog/-/blogs/first-step-in-accessibility
  22. 22. WAI-ARIA enabled components Button CheckBox TextField ComboBox PasswordField ButtonGroup TextArea Tree DateField Tooltip
  23. 23. Roadmap
  24. 24. Vaadin 7.2 GWT compatibility Application archetype Vaadin CDI 1.0 beta Vaadin TouchKit 4.0 Vaadin TestBench 4.0 Netbeans plug-in Spreadsheet
  25. 25. Vaadin 7.2 Grid
 • Client-side data model
 • Client-side APIs
 • Replaces Table and TreeTable New theme that leverages SASS Responsive extension built-in
 http://vaadin.com/addon/vaadin-responsive 

  26. 26. Escalator Renderer Connector Widget Widget Widget Grid Renderer Widget Per column Widget Editor row In headers and cells (Hierarchical) DataSource Component Component Component Component Component Editor row Grid (Hierarchical) DataSource In headers and cells
  27. 27. Escalator
  28. 28. <Beat design example>
  29. 29. // 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/
  30. 30. Application Archetype Full stack example Suitable for working on all layers
 • Server-side Java
 • Client-side Java
 • JavaScript Modularization and full tools support
  31. 31. Vaadin CDI 1.0 beta Finalize what is already available as alpha in directory
 http://vaadin.com/addon/vaadin-cdi Features
 • Registering UI with @CDIUI and Views
 • Decoupling by injecting components
 • Injecting EJBs, events, ...
 • UI Scope
 • Supports JAAS
  32. 32. Vaadin TouchKit 4.0 New cross-platform theme
 http://demo.vaadin.com/parking/ Windows Phone 8 support
  33. 33. Vaadin TouchKit 4.0 New cross-platform theme
 http://demo.vaadin.com/parking/ Windows Phone 8 support
  34. 34. Vaadin TestBench 4.0 Vaadin Driver : 
 New way of building selectors Replacing recorder with debug window
  35. 35. Spreadsheet
  36. 36. Netbeans plugin
  37. 37. San Francisco - Dec 12-13 Frankfurt - Dec 17-18 http://gwtcreate.com/

×