Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DRC-3170 Big Data:
See How Easy It is to
Consume and Analyze
Real-Time Data
(from Flying Drones!) on
IBM Bluemix
Mr. Ville...
#VaadinDrone
@villeingman
@freducom
Dashboard UIs
with Vaadin
Real-time
data with
Drones
Getting
started
Real-time
data with
Drones
Real-Time data
Factory
Process
Network
Monitoring
Fraud
Detection
Internet of
Things
OSC Enquiry System (TNT)
Logistics
OSC (Operational Service Capabilities) Enquiry provides a single
source for obtaining o...
Building Blocks
Drone
Data
Gathering App
<UDP>
Raw Data
Demo:
Real-time
data with
Drones
Building Blocks
Drone
IBM
Bluemix
IoTFoundation
Data
Gathering App
MQTT
<UDP>
Publish
Bluemix IoT
Demo:
Dashboard UIs
with Vaadin
Real-time
data with
Drones
Open Source
Java API for
web applications
Building blocks
What kind of devices does your app support?
98.1%
3Desktop
browsers
Browsers developers expect to support in 2013
3.5 Brow...
> 130.000 developers from
> 10.000 cities
> 500 add-ons in the

marketplace
Other
4%Asia
21%
Americas
21%
Europe
54%
Vaadi...
Typical use-cases are
ERPs, Financial and Intranet/Extranet
services i.e. Business Applications
40% of Fortune 100
Developer
Productivity
Rich
UX
Developer
Productivity
htmljava
OthersVaadin
Server-side: Java
[Communication]
Client-side: JavaScript
Server-side: Java
Angular, JSF, JQuery…
3X
2XProductivity
How does it
work?
• Initial HTML
• CSS (theme)
• Images
• JavaScript
1.2M total

307k
compress
135k
reduced
widgetset
• name=”Joonas”
• button clicked
261 bytes

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

Developer
Productivity
Rich
UX
Rich
UX
User Interface
Components
510+ add-on
components
Building Blocks
Drone
IBM
Bluemix
IoTFoundation
Data
Gathering App
Data
Processing
Monitoring UI
MQTT
<UDP>
MQTT
Publish S...
Data Visualization
Demo:
bit.ly/vaadin-drone
Dashboard UIs
with Vaadin
Real-time
data with
Drones
vaadin.com/challenge
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015
Upcoming SlideShare
Loading in …5
×

Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015

1,814 views

Published on

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.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Real-time data with a VaadinDrone in Bluemix at IBM InterConnect 2015

  1. 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. 2. #VaadinDrone
  3. 3. @villeingman
  4. 4. @freducom
  5. 5. Dashboard UIs with Vaadin Real-time data with Drones
  6. 6. Getting started Real-time data with Drones
  7. 7. Real-Time data Factory Process Network Monitoring Fraud Detection Internet of Things
  8. 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
  9. 9. Building Blocks Drone Data Gathering App <UDP>
  10. 10. Raw Data Demo:
  11. 11. Real-time data with Drones
  12. 12. Building Blocks Drone IBM Bluemix IoTFoundation Data Gathering App MQTT <UDP> Publish
  13. 13. Bluemix IoT Demo:
  14. 14. Dashboard UIs with Vaadin Real-time data with Drones
  15. 15. Open Source Java API for web applications
  16. 16. Building blocks
  17. 17. 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 + +
  18. 18. > 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
  19. 19. Typical use-cases are ERPs, Financial and Intranet/Extranet services i.e. Business Applications 40% of Fortune 100
  20. 20. Developer Productivity Rich UX
  21. 21. Developer Productivity
  22. 22. htmljava
  23. 23. OthersVaadin Server-side: Java [Communication] Client-side: JavaScript Server-side: Java Angular, JSF, JQuery… 3X
  24. 24. 2XProductivity
  25. 25. How does it work?
  26. 26. • Initial HTML • CSS (theme) • Images • JavaScript 1.2M total
 307k compress 135k reduced widgetset
  27. 27. • name=”Joonas” • button clicked 261 bytes

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

  29. 29. Developer Productivity Rich UX
  30. 30. Rich UX
  31. 31. User Interface Components
  32. 32. 510+ add-on components
  33. 33. Building Blocks Drone IBM Bluemix IoTFoundation Data Gathering App Data Processing Monitoring UI MQTT <UDP> MQTT Publish Subscribe Push
  34. 34. Data Visualization Demo:
  35. 35. bit.ly/vaadin-drone
  36. 36. Dashboard UIs with Vaadin Real-time data with Drones
  37. 37. vaadin.com/challenge

×