Flying an AR.Drone2.0 through a Java API and sending events through MQTT through Apache Paho to Bluemix cloud's IoT Foundation and visualizing the data in a Vaadin web UI that let's you control the drone bi-directionally through MQTT. Lots of buzzwords but even more to the point with backflip drones and two clowns on stage.

1. DRC-3170 Big Data:
See How Easy It is to
Consume and Analyze
Real-Time Data
(from Flying Drones!) on
IBM Bluemix
Mr. Ville Ingman
Vaadin Advocate
Vaadin Ltd
Mr. Fredrik Rönnlund
VP, Marketing
Vaadin Ltd

2. #VaadinDrone

3. @villeingman

4. @freducom

5. Dashboard UIs
with Vaadin
Real-time
data with
Drones

6. Getting
started
Real-time
data with
Drones

7. Real-Time data
Factory
Process
Network
Monitoring
Fraud
Detection
Internet of
Things

8. OSC Enquiry System (TNT)
Logistics
OSC (Operational Service Capabilities) Enquiry provides a single
source for obtaining operational ‘door-to-door’ service capabilities
for all international and domestic products sold to TNT Express
Customers to fulfill their shipping requirements.
OSC Enquiry provides POJO software services that can be
integrated into consuming applications to support their service
capability enquiry transactions.
The OSC Enquiry User Interface developed in Vaadin technology
also consumes some of the OSC Enquiry Services required by the
Service Quality users at TNT Express (150 or so).
The UI users are responsible for measuring operational service
performance by comparing actual achieved service against
estimated transit times quoted to customers. Corrective
maintenance actions can then be taken to improve the published
transit times. Comparison of our transit times to our competitors’ is
also facilitated this way.
https://vaadin.com/showcase/osc-enquiry-system-tnt

13. Building Blocks
Drone
Data
Gathering App
<UDP>

15. Raw Data
Demo:

16. Real-time
data with
Drones

19. Building Blocks
Drone
IBM
Bluemix
IoTFoundation
Data
Gathering App
MQTT
<UDP>
Publish

21. Bluemix IoT
Demo:

22. Dashboard UIs
with Vaadin
Real-time
data with
Drones

24. Open Source
Java API for
web applications

25. Building blocks

26. What kind of devices does your app support?
98.1%
3Desktop
browsers
Browsers developers expect to support in 2013
3.5 Browsers to support in 2012
IE 6/7 Safari Opera IE 8
6/7 8
14% 18% 36% 54%
Chrome
9 10
IE 9 IE 10 Firefox
79% 80% 94% 94%
Browsers developers expect to support in 2013
3.5 Browsers to support in 2012
IE 6/7 Safari Opera IE 8
6/7 8
14% 18% 36% 54%
Chrome
9 10
IE 9 IE 10 Firefox
79% 80% 94% 94%
app support?
98.1%
25.7%
Phones
36.1%
ts
Others
2.1%
“Since gwt is used e
in the enterprise, this
explain why tablets are
popular than support for
phones”
Daniel
iPhoneAndroidWP
25.7%
Phones
36.1%
Tablets
“Since gwt is used extensively
in the enterprise, this may
explain why tablets are more
popular than support for
phones”
Daniel
iPad
Android
Windows
+
+

27. > 130.000 developers from
> 10.000 cities
> 500 add-ons in the
marketplace
Other
4%Asia
21%
Americas
21%
Europe
54%
Vaadin Ecosystem
Apache-licensed

28. Typical use-cases are
ERPs, Financial and Intranet/Extranet
services i.e. Business Applications
40% of Fortune 100

30. Developer
Productivity
Rich
UX

31. Developer
Productivity

33. htmljava

34. OthersVaadin
Server-side: Java
[Communication]
Client-side: JavaScript
Server-side: Java
Angular, JSF, JQuery…
3X

35. 2XProductivity

36. How does it
work?

39. • Initial HTML
• CSS (theme)
• Images
• JavaScript
1.2M total
307k
compress
135k
reduced
widgetset

41. • name=”Joonas”
• button clicked
261 bytes

43. • name=”Joonas”
• button clicked
261 bytes
• Add notification
267 bytes

44. Developer
Productivity
Rich
UX

45. Rich
UX

47. User Interface
Components

51. 510+ add-on
components

61. Building Blocks
Drone
IBM
Bluemix
IoTFoundation
Data
Gathering App
Data
Processing
Monitoring UI
MQTT
<UDP>
MQTT
Publish Subscribe
Push

62. Data Visualization
Demo:

63. bit.ly/vaadin-drone

64. Dashboard UIs
with Vaadin
Real-time
data with
Drones

68. vaadin.com/challenge