![> var foo = [0];
> foo == !foo;](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-17-320.jpg?cb=1421879529)
![> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-18-320.jpg?cb=1421879529)
![> [] + [];
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-19-320.jpg?cb=1421879529)
![> [] + [];
>
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-20-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-21-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-22-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-23-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-24-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-25-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-26-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> var foo = [0];
> foo == !foo;
> ...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-27-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> var foo = [0];
> foo == ...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-28-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> var foo = ...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-29-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> v...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-30-320.jpg?cb=1421879529)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> v...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-31-320.jpg?cb=1421879529)
![@SpringBootApplication
@EnableTouchKitServlet
public class Application {
public static void main(String[] args) {
SpringAp...](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/remote-controlling-parrot-ar-drone-with-vaadin-spring-boot-gwtcreate-58-320.jpg?cb=1421879529)
Just for you: FREE 60-day trial to the world’s largest digital library.
The SlideShare family just got bigger. Enjoy access to millions of ebooks, audiobooks, magazines, and more from Scribd.
Cancel anytime.More Related Content
Related Books
Free with a 14 day trial from Scribd
Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.create
- 1. Remote controlling Parrot AR Drone Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer GWT, Vaadin, Spring Boot
- 2. Remote controlling Parrot AR Drone Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer GWT, Vaadin, Spring Boot
- 3. Vaadin & GWT Spring Boot Vaadin4Spring
- 4. QA How to get started? Drone
- 5. User interface framework for rich web applications
- 6. Developer Productivity Rich UX
- 7. UI Browser
- 8. UI Browser Widgets
- 9. Theme UI Browser Widgets
- 10. Theme UI Browser Backend Server Widgets
- 11. Theme UI Browser Backend Server Widgets Service (GWT-RPC)
- 12. Backend Server
- 13. UI Backend Server
- 14. Browser UI Backend Server Widgets Components
- 15. Theme Browser UI Backend Server Widgets Components
- 16. Theme UI Browser UI Backend Server Widgets Components Service (GWT-RPC)
- 17. > var foo = [0]; > foo == !foo;
- 18. > var foo = [0]; > foo == !foo; > true
- 19. > [] + []; > var foo = [0]; > foo == !foo; > true
- 20. > [] + []; > > var foo = [0]; > foo == !foo; > true
- 21. > [] + []; > > [] + {}; > var foo = [0]; > foo == !foo; > true
- 22. > [] + []; > > [] + {}; > [object Object] > var foo = [0]; > foo == !foo; > true
- 23. > [] + []; > > [] + {}; > [object Object] > {} + []; > var foo = [0]; > foo == !foo; > true
- 24. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > var foo = [0]; > foo == !foo; > true
- 25. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {};> var foo = [0]; > foo == !foo; > true
- 26. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > var foo = [0]; > foo == !foo; > true
- 27. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > var foo = [0]; > foo == !foo; > true
- 28. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > var foo = [0]; > foo == !foo; > true
- 29. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > var foo = [0]; > foo == !foo; > true
- 30. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 31. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 32. User Interface Components
- 33. User Interface Components
- 34. How does Vaadin work, really?
- 35. JogDial jogDial = new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField();
- 36. JogDial jogDial = new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField(); jogDial.addMoveListener(e -> { x.setValue(e.getX()); y.setValue(e.getY()); });
- 37. JogDial jogDial = new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField(); jogDial.addMoveListener(e -> { x.setValue(e.getX()); y.setValue(e.getY()); }); layout.addComponents(x, y, jogDial);
- 38. • Loader page • CSS Theme • Images • JavaScript
- 39. • Loader page • CSS Theme • Images • JavaScript 135k Compressed & reduced Thin client
- 40. • jogDialMoved(-0.5,0.5) 314 bytes
- 41. JogDial jogDial = new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField(); jogDial.addMoveListener(e -> { x.setValue(e.getX()); y.setValue(e.getY()); }); layout.addComponents(x, y, jogDial);
- 42. • moveCap(-0.5,0.5) • x.value=-0.5 y.value=0.5 351 bytes • jogDialMoved(-0.5,0.5) 314
- 43. Single point of focus
- 44. Single point of focus A tool for getting started quickly
- 45. Single point of focus Non-functional requirements A tool for getting started quickly
- 46. Single point of focus Easily customizable Non-functional requirements A tool for getting started quickly
- 47. Maven POM hierarchy
- 48. Maven POM hierarchy Annotation based configuration
- 49. Maven POM hierarchy Dependencies as @Bean Annotation based configuration
- 50. Maven POM hierarchy Embedded web server Dependencies as @Bean Annotation based configuration
- 51. Vaadin4Spring
- 52. <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>1.2.0.RELEASE</version> </parent> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.vaadin.spring</groupId> <artifactId>spring-boot-vaadin</artifactId> </dependency> </dependencies>
- 53. ze zeventiger oren. ds Goed, ik ben +
- 54. @VaadinUI / @TouchkitUI ze zeventiger oren. ds Goed, ik ben +
- 55. @VaadinUI / @TouchkitUI @UIScope ze zeventiger oren. ds Goed, ik ben +
- 56. @VaadinUI / @TouchkitUI @UIScope ze zeventiger oren. ds Goed, ik ben + Spring managed beans
- 57. @VaadinUI / @TouchkitUI @UIScope EventBus for loose coupling ze zeventiger oren. ds Goed, ik ben + Spring managed beans
- 58. @SpringBootApplication @EnableTouchKitServlet public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args).start(); } @Bean DroneTemplate provideTemplate(TaskExecutor taskExecutor, DroneStateChangeCallback[] callbacks) throws UnknownHostException { return new DroneTemplate(taskExecutor, callbacks); } @Bean Drone provideDrone() { return new Drone(); } }
- 59. @TouchKitUI @Theme("drone") public class DroneUI extends UI implements InitializingBean, DisposableBean { @Autowired private DroneTemplate service; @Autowired private ControlPanel controlPanel; @Autowired private EventBus eventBus; @Autowired private DroneEmergencyDialog emergencyDialog;
- 60. @Override public void afterPropertiesSet() throws Exception { eventBus.subscribe(this); } @EventBusListenerMethod protected void onEmergencyEvent(DroneEmergencyEvent event) { this.access(() -> emergencyDialog.show(event.getEmergencyType(), this)); } @EventBusListenerMethod protected void onLowBatteryEvent(DroneLowBatteryEvent event) { this.access(() -> emergencyDialog.show(Emergency.BATTERY, this)); } @Override public void destroy() throws Exception { eventBus.unsubscribe(this); } }
- 61. <<WIFI-HOTSPOT>> 192.168.1.1 AR Parrot Drone
- 62. <<WIFI-HOTSPOT>> 192.168.1.1 AR Parrot Drone <<JVM>> <<Embedded-Jetty>> 192.168.1.2
- 63. <<WIFI-HOTSPOT>> 192.168.1.1 AR Parrot Drone <<JVM>> <<Embedded-Jetty>> 192.168.1.2 <<Embedded-Jetty>> 192.168.1.2 Vaadin UI SpringBoot
- 64. <<WIFI-HOTSPOT>> 192.168.1.1 AR Parrot Drone <<JVM>> <<Embedded-Jetty>> 192.168.1.2 <<Embedded-Jetty>> 192.168.1.2 Vaadin UI SpringBoot <<Browser>> (192.168.1.3) User
- 65. <<VaadinUI>> DroneUI
- 66. <<VaadinUI>> DroneUI <<Widget>> JogDial <<Widget>> JogDial
- 67. <<Widget>> Gauge <<Widget>> Gauge <<Widget>> Gauge <<VaadinUI>> DroneUI <<Widget>> JogDial <<Widget>> JogDial
- 68. <<Widget>> Gauge <<Widget>> Gauge <<Widget>> Gauge <<Bean>> Drone <<VaadinUI>> DroneUI <<Widget>> JogDial <<Widget>> JogDial
- 69. <<Widget>> Gauge <<Widget>> Gauge <<Widget>> Gauge <<Bean>> DroneTemplate <<Bean>> Drone <<VaadinUI>> DroneUI <<Widget>> JogDial <<Widget>> JogDial
- 70. <<Widget>> Gauge <<Widget>> Gauge <<Widget>> Gauge <<DroneStateCall…>> UIEventProducer <<Bean>> DroneTemplate <<Bean>> Drone <<VaadinUI>> DroneUI <<Widget>> JogDial <<Widget>> JogDial
- 71. @Component class UIEventProducer implements DroneStateCallback { @Autowired @EventBusScope(EventScope.APPLICATION) private EventBus eventBus; @Override public void onDroneStateChanged(DroneState latestState) { if (latestState.isEmergency()) { eventBus.publish(this, new DroneEmergencyEvent()); } if (latestState.isBatteryTooLow()) { eventBus.publish(this, new DroneLowBatteryEvent()); } eventBus.publish(this, new DroneBatteryEvent(this, latestState.getBattery())); eventBus.publish(this, new DroneThetaEvent(this, latestState.getTheta())); eventBus.publish(this, new DroneAltitudeEvent(this, latestState.getAltitude())); } }
- 72. Getting started
- 73. Getting started
- 74. Eclipse Download Vaadin plugin from Marketplace
- 75. mvn archetype:generate -DarchetypeGroupId= com.vaadin -DarchetypeArtifactId= vaadin-archetype- application -DarchetypeVersion= 7.3.9 Maven
- 76. Download for Free vaadin.com/book PDF, ePub, HTML 9 789529 319701 ISBN 978-952-93-1970-1 9 789529 319701 ISBN 978-952-93-1970-1 Vol 1 288 pages Vol 2 434 pages
- 77. Lessons learned today
- 78. Lessons learned today 1. Drones are super cool!
- 79. Lessons learned today 1. Drones are super cool! 2. Vaadin is good for web apps, brings you great productivity
- 80. Lessons learned today 1. Drones are super cool! 2. Vaadin is good for web apps, brings you great productivity 3. Boot kickstarts development and helps you all the way
- 81. Lessons learned today 1. Drones are super cool! 2. Vaadin is good for web apps, brings you great productivity 3. Boot kickstarts development and helps you all the way 4. If we catch you making web pages with Vaadin & Boot we’ll carry you behind the sauna* *a not-so-fun Finnish tradition
- 82. slides slideshare.net/PeterLehto Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer vaadin.com/demo start.spring.io github.com/peholmst/vaadin4spring github.com/vaadin/teleport
- 83. slides slideshare.net/PeterLehto Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer vaadin.com/demo start.spring.io github.com/peholmst/vaadin4spring github.com/vaadin/teleport