JavaCro'15 - Remote controlling Parrot AR Drone with Spring Boot and Vaadin - Peter Lehto
1 like1,607 views
The document discusses integrating Vaadin with Spring Boot. It provides an example Maven POM configuration that adds Spring Boot and Vaadin Spring integration dependencies. It also shows code examples of using Spring annotations like @SpringUI and @Autowired to manage Vaadin UI components as Spring beans and inject dependencies. The examples control a Parrot drone from a Vaadin UI using the Spring-managed Vaadin components.
![> var foo = [0];
> foo == !foo;](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-9-320.jpg)
![> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-10-320.jpg)
![> [] + [];
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-11-320.jpg)
![> [] + [];
>
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-12-320.jpg)
![> [] + [];
>
> [] + {};
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-13-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-14-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-15-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-16-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-17-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-18-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-19-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-20-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-21-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-22-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-23-320.jpg)
![@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();
}
}](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-81-320.jpg)
![@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();
}
}](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-82-320.jpg)
![@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();
}
}](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-83-320.jpg)
![@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();
}
}](https://image.slidesharecdn.com/javacro15-remotecontrollingparrotardronewithspringbootandvaadin-peterlehto-150520122336-lva1-app6892/85/JavaCro-15-Remote-controlling-Parrot-AR-Drone-with-Spring-Boot-and-Vaadin-Peter-Lehto-84-320.jpg)
JavaCro'15 - Remote controlling Parrot AR Drone with Spring Boot and Vaadin - Peter Lehto
- 1. Remote controlling Parrot AR Drone with Spring Boot & Vaadin Peter Lehto @peter_lehto expert & trainer
- 9. > var foo = [0]; > foo == !foo;
- 10. > var foo = [0]; > foo == !foo; > true
- 11. > [] + []; > var foo = [0]; > foo == !foo; > true
- 12. > [] + []; > > var foo = [0]; > foo == !foo; > true
- 13. > [] + []; > > [] + {}; > var foo = [0]; > foo == !foo; > true
- 14. > [] + []; > > [] + {}; > [object Object] > var foo = [0]; > foo == !foo; > true
- 15. > [] + []; > > [] + {}; > [object Object] > {} + []; > var foo = [0]; > foo == !foo; > true
- 16. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > var foo = [0]; > foo == !foo; > true
- 17. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {};> var foo = [0]; > foo == !foo; > true
- 18. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > var foo = [0]; > foo == !foo; > true
- 19. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > var foo = [0]; > foo == !foo; > true
- 20. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > var foo = [0]; > foo == !foo; > true
- 21. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > var foo = [0]; > foo == !foo; > true
- 22. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 23. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 24. UI Browser
- 29. Backend Server
- 36. How does Vaadin work, really?
- 38. JogDial jogDial = new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField();
- 39. 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()); });
- 40. 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);
- 41. • Loader page • CSS Theme • Images • JavaScript
- 42. • Loader page • CSS Theme • Images • JavaScript 135k Compressed & reduced Thin client
- 46. 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);
- 47. • moveCap(-0.5,0.5) • x.value=-0.5 y.value=0.5 351 bytes • jogDialMoved(-0.5,0.5) 314
- 48. Server JogDial
- 61. Single point of focus
- 62. Single point of focus A tool for getting started quickly
- 63. Single point of focus Non-functional requirements A tool for getting started quickly
- 64. Single point of focus Easily customizable Non-functional requirements A tool for getting started quickly
- 67. Maven POM hierarchy Annotation based configuration
- 68. Maven POM hierarchy Dependencies as @Bean Annotation based configuration
- 69. Maven POM hierarchy Embedded web server Dependencies as @Bean Annotation based configuration
- 70. Spring Demo Approx 5 minutes.
- 71. Vaadin & Spring integration
- 75. Vaadin Spring Integration Demo Approx 10 minutes.
- 76. ze zeventiger oren. ds Goed, ik ben +
- 77. @SpringUI / @SpringView ze zeventiger oren. ds Goed, ik ben +
- 78. @SpringUI / @SpringView @UIScope ze zeventiger oren. ds Goed, ik ben +
- 79. @SpringUI / @SpringView @UIScope ze zeventiger oren. ds Goed, ik ben + Spring managed beans
- 80. @SpringUI / @SpringView @UIScope EventBus for loose coupling ze zeventiger oren. ds Goed, ik ben + Spring managed beans
- 81. @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(); } }
- 82. @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(); } }
- 83. @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(); } }
- 84. @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(); } }
- 85. @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;
- 86. @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;
- 87. @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;
- 88. @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;
- 89. @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); } }
- 90. @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); } }
- 95. <<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>> (localhost / 192.168.1.3) User
- 102. @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())); } }
- 103. @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())); } }
- 104. @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())); } }
- 107. Getting started
- 108. Getting started
- 111. 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
- 113. Lessons learned today 1. Drones are super cool!
- 114. Lessons learned today 1. Drones are super cool! 2. Vaadin is good for web apps, brings you great productivity
- 115. 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
- 116. 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. Official Vaadin Spring integration is already in Beta
- 117. Thank you! Peter Lehto @peter_lehto expert & trainer