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

68
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

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

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

#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

34

OSC Enquiry System (TNT)LogisticsOSC (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

Building Blocks

Drone

Data Gathering App

<UDP>

Raw Data

Demo:

Real-time data with Drones

Building Blocks

Drone IBM Bluemix

IoT

Fou

ndat

ion

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

1.6 Going mobile

GWT is a versatile technology that allows developers to create application UI for desktop, tablet, and mobile consumption. As can be expected, over 98% of apps support desktop browsers, but we found it interesting that tablets had overtaken phones (at least when it came to support from GWT-based apps). In US, the number of apps supporting tablets was as high as 46%, while it was just 34% in Europe.

What kind of devices does your app support?

98.1%25.7%

Phones

36.1%

Tablets

Desktop browsers

Others

2.1%

“Since gwt is used extensively in the enterprise, this may explain why tablets are more popular than support for phones”

Daniel

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 10IE 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 10IE 9 IE 10 Firefox

79% 80% 94% 94%

1.6 Going mobileGWT is a versatile technology that allows developers to create application UI for

desktop, tablet, and mobile consumption. As can be expected, over 98% of apps

support desktop browsers, but we found it interesting that tablets had overtaken

phones (at least when it came to support from GWT-based apps). In US, the number

of apps supporting tablets was as high as 46%, while it was just 34% in Europe.

What kind of devices does your app support?

98.1%

25.7%

Phones

36.1%

Tablets

Desktop browsers

Others2.1%

“Since gwt is used extensively

in the enterprise, this may

explain why tablets are more

popular than support for

phones”

Daniel

iPhone Android WP

1.6 Going mobile

GWT is a versatile technology that allows developers to create application UI for

desktop, tablet, and mobile consumption. As can be expected, over 98% of apps

support desktop browsers, but we found it interesting that tablets had overtaken

phones (at least when it came to support from GWT-based apps). In US, the number

of apps supporting tablets was as high as 46%, while it was just 34% in Europe.

What kind of devices does your app support?

98.1%

25.7%

Phones

36.1%

Tablets

Desktop

browsers

Others

2.1%

“Since gwt is used extensively

in the enterprise, this may

explain why tablets are more

popular than support for

phones”

Daniel

iPad

Android

Windows

+

+

Wrong, but the community is very active there

> 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

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

Developer Rich

UX

User Interface Components

510+ add-on components

Building Blocks

Drone IBM Bluemix

IoT

Fou

ndat

ion

Data Gathering App

DataProcessing

Monitoring UI

MQTT

<UDP>

MQTT

Publish Subscribe

Push

Data Visualization

Demo:

bit.ly/vaadin-drone

Dashboard UIs with Vaadin

Real-time data with Drones

vaadin.com/challenge