Downloaded 50 times
![> var foo = [0];
> foo == !foo;](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-20-320.jpg)
![> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-21-320.jpg)
![> [] + [];
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-22-320.jpg)
![> [] + [];
>
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-23-320.jpg)
![> [] + [];
>
> [] + {};
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-24-320.jpg)
![> [] + [];
>
> [] + {};
> [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-GWT-create-25-320.jpg)
![> [] + [];
>
> [] + {};
> [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-GWT-create-26-320.jpg)
![> [] + [];
>
> [] + {};
> [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-GWT-create-27-320.jpg)
![> [] + [];
>
> [] + {};
> [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-GWT-create-28-320.jpg)
![> [] + [];
>
> [] + {};
> [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-GWT-create-29-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == 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-GWT-create-30-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-31-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof 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-GWT-create-32-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-33-320.jpg)
![> [] + [];
>
> [] + {};
> [object Object]
> {} + [];
> 0
> {} + {};
> NaN
> NaN == NaN;
> false
> typeof NaN;
> number
> var foo = [0];
> foo == !foo;
> true](https://image.slidesharecdn.com/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-34-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/gwt-150121162814-conversion-gate02/85/Remote-controlling-Parrot-AR-drone-with-Vaadin-Spring-Boot-GWT-create-69-320.jpg)
Uploaded byPeter Lehto
Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.create
The document discusses a presentation on remote controlling Parrot AR drones using Vaadin and Spring Boot, highlighting user interface components, backend services, and practical coding examples. It emphasizes the productivity benefits of combining Vaadin for web applications with Spring Boot for server-side support. Additionally, it shares insights and lessons learned about drone technology and development practices.
More Related Content
Similar to Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.create
Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.create
- 1. Remote controlling Parrot ARDrone Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer GWT, Vaadin, Spring Boot
- 2. Remote controlling Parrot ARDrone Josh Long @starbuxman Spring developer advocate Peter Lehto @peter_lehto Vaadin Expert & trainer GWT, Vaadin, Spring Boot
- 3.
- 4.
- 7. User interface framework forrich web applications
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 20. > var foo= [0]; > foo == !foo;
- 21. > var foo= [0]; > foo == !foo; > true
- 22. > [] +[]; > var foo = [0]; > foo == !foo; > true
- 23. > [] +[]; > > var foo = [0]; > foo == !foo; > true
- 24. > [] +[]; > > [] + {}; > var foo = [0]; > foo == !foo; > true
- 25. > [] +[]; > > [] + {}; > [object Object] > var foo = [0]; > foo == !foo; > true
- 26. > [] +[]; > > [] + {}; > [object Object] > {} + []; > var foo = [0]; > foo == !foo; > true
- 27. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > var foo = [0]; > foo == !foo; > true
- 28. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {};> var foo = [0]; > foo == !foo; > true
- 29. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > var foo = [0]; > foo == !foo; > true
- 30. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > var foo = [0]; > foo == !foo; > true
- 31. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > var foo = [0]; > foo == !foo; > true
- 32. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > var foo = [0]; > foo == !foo; > true
- 33. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 34. > [] +[]; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 35.
- 36.
- 37. How does Vaadinwork, really?
- 39. JogDial jogDial =new JogDial(Size.MEDIUM); TextField x = new TextField(); TextField y = new TextField();
- 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()); });
- 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. • Loader page •CSS Theme • Images • JavaScript
- 43. • Loader page •CSS Theme • Images • JavaScript 135k Compressed & reduced Thin client
- 46.
- 47. 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);
- 48. • moveCap(-0.5,0.5) • x.value=-0.5 y.value=0.5 351bytes • jogDialMoved(-0.5,0.5) 314
- 52. Single point offocus
- 53. Single point offocus A tool for getting started quickly
- 54. Single point offocus Non-functional requirements A tool for getting started quickly
- 55. Single point offocus Easily customizable Non-functional requirements A tool for getting started quickly
- 58.
- 59. Maven POM hierarchy Annotationbased configuration
- 60. Maven POM hierarchy Dependenciesas @Bean Annotation based configuration
- 61. Maven POM hierarchy Embeddedweb server Dependencies as @Bean Annotation based configuration
- 62.
- 63.
- 64.
- 65. @VaadinUI / @TouchkitUI zezeventiger oren. ds Goed, ik ben +
- 66. @VaadinUI / @TouchkitUI @UIScope zezeventiger oren. ds Goed, ik ben +
- 67. @VaadinUI / @TouchkitUI @UIScope zezeventiger oren. ds Goed, ik ben + Spring managed beans
- 68. @VaadinUI / @TouchkitUI @UIScope EventBusfor loose coupling ze zeventiger oren. ds Goed, ik ben + Spring managed beans
- 69. @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(); } }
- 70. @TouchKitUI @Theme("drone") public class DroneUIextends UI implements InitializingBean, DisposableBean { @Autowired private DroneTemplate service; @Autowired private ControlPanel controlPanel; @Autowired private EventBus eventBus; @Autowired private DroneEmergencyDialog emergencyDialog;
- 71. @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); } }
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83. @Component class UIEventProducer implementsDroneStateCallback { @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())); } }
- 86.
- 87.
- 88.
- 89.
- 90. 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
- 91.
- 92. Lessons learned today 1.Drones are super cool!
- 93. Lessons learned today 1.Drones are super cool! 2. Vaadin is good for web apps, brings you great productivity
- 94. 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
- 95. 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
- 97. slides slideshare.net/PeterLehto Josh Long @starbuxman Spring developeradvocate Peter Lehto @peter_lehto Vaadin Expert & trainer vaadin.com/demo start.spring.io github.com/peholmst/vaadin4spring github.com/vaadin/teleport
- 98. slides slideshare.net/PeterLehto Josh Long @starbuxman Spring developeradvocate Peter Lehto @peter_lehto Vaadin Expert & trainer vaadin.com/demo start.spring.io github.com/peholmst/vaadin4spring github.com/vaadin/teleport