ORACLE. EXPERTISE. PASSION.

Transkript

1 ORACLE. EXPERTISE. PASSION.

2 ORACLE JET ON SPEED MIT SOCKET.IO Java Forum Stuttgart 2017

3 AGENDA o! Industrie 4.0 / IoT / Challanges o! Echtzeitanwendungen o! Internet of Things o! Das Web als Plattform o! Websockets o! Was sind Websockets? o! Websockets vs HTTP o! Was ist socket.io o! ORACLE JET o! Warum Oracle JET? o! socket.io in Oracle JET nutzen o! Demo o! Fazit und Ausblick

4 WAS WIR MACHEN

5 INDUSTRIE 4.0 / IOT / CHALLENGES

6 ECHTZEITANWENDUNGEN Definiert durch bezifferte kurze Antwortzeiten, die verzögerungsfrei auf die menschliche Wahrnehmung wirken. Werden überwiegend in Prozessautomatisierung und Telekommunikation eingesetzt.

7 INTERNET OF THINGS o! Steigende Anzahl vernetzter Geräte o! Geräte übermitteln selbstständig Daten aus Sensoren und Aktoren o! Stärkerer Informationsgewinn aus Prozessen o! Überschneidung mit Industrie 4.0 o! Event Stream Processing o! Extrem hohe Datenraten o! Echtzeitanalysen Die Darstellung von Echtzeitinformationen ist eine nicht funktionale Anforderung zukünftier Applikationen

8 WACHSTUM INTERNET-CONNECTED- DEVICES World population (in billions) Internet-connected devices (in billions) Internet-connected devices per person 60 6, Billions ,84 12,5 4, Devices per person 10 6,3 6,8 7,2 7, ,08 0, Quelle: Cisco Internet Business Solutions Group (IBSG)

9 DATA FLOW IN IOT SOLUTIONS High-level data flow in IoT Solutions. Context can be discovered in different stages/phases in the data flow. A typical IoT solution may use some part of the data flow architecture depending on the their intendet functionalities. Quelle: A Survey on Internet of Things From Industrial Market Perspective [ /ACCESS ]

10 EINE HERAUSFORDERUNG Die Darstellung von Prozessinformationen in Echtzeit in einer Webanwendung 10

11 DAS WEB ALS PLATTFORM o! HTTP als zustandsloses halbduplex Protokoll o! Wandel von JEE zu JavaScript o! Single Page Applikationen im Browser o! Angular 2 o! Oracle JET o! React JS o! Keine autonome Kommunikation vom Server zum Client o! Hacks (COMET Pattern) o! Polling o! Long Polling

12 POLLING event Server no message no message no message no message connect connect connect event connect connect Client Time

13 LONG POLLING event Server wait wait wait connect event reconnect timeout reconnect Client Time

14 WEBSOCKETS

15 DER WEBSOCKET STANDARD o! Durch Google 2009 initiiert o! Bestandteil von HTML5 o! Bidirektional und Vollduplex o! Client-API (W3C) o! Netzwerkprotokoll (IETF) o! RFC 6455 o! Sehr geringer Overhead 1.! Öffnen einer HTTP Verbindung zum Server 2.! Upgrade von HTTP auf Websocket Verbindung 3.! Bidirektionale Verbindung über Websockets 4.! Trennen der Verbindung durch Server oder Client 1 HTTP Request/Response 2 Upgrade to Websocket 3 Bidirectional Communication 4 4 Closing Channel

16 WEBSOCKET VS HTTP o! Websockets ersetzen nicht HTTP o! Vielmehr eine Erweiterung o! Unterschiedliche Ziele o! Stateless vs Bi-Direktional o! Eine WebSocket-Nachricht fängt mit einem!0x00-byte an und endet mit einem!0xff-byte.!(\0x00hello, WebSocket\0xff) Websockets HTTP Duplex Verbind bleibt bestehen Unidirektional Verbindung wird abgebaut 2 Byte Header Bis zu 8KB

17 DER ANWENDUNGSFALL 1 No! Something new? 2 Something new? No! 3 Something new? Mit HTTP sind konstante Anfragen der Clients notwendig um Informationen bei Änderungen sofort anzuzeigen. Gibt es keine neuen Informationen, werden dennoch Requests gesendet

18 DER ANWENDUNGSFALL 1 Something new! 1 Something new! 1 Mit Websockets kann der Server die Clients bei Events mit neuen Informationen versorgen

19 WEBSOCKET SUPPORT o! Browser o! Auf!WebKit!basierende Browser (z.!b.!google Chrome,!Safari) o! Opera, ab Version o! Mozilla Firefox, ab Version 4 o! Internet Explorer, ab Version 10.0 o! Plattformen o! C#! Fleck (github.com/statianzo/fleck) o! JVM/JEE! Atmosphere (github.com/atmosphere/atmosphere) o! Java Web Socket (java-websocket.org) o!.net! SignalR (signalr.net) o! JS! socket.io (socket.io) / socket cluster (socketcluster.io) o! Ruby! Firehose (firehose.io)

20 THE FASTEST AND MOST RELIABLE!REAL-TIME ENGINE Quelle:

21 ORACLE JET

22 ORACLE JET o! Vorgestellt 2015 auf der OOW o! Client-Side Java Script Toolkit o! Modular o! Fancy UI Komponenten o! Routing o! Two Way Binding o! Ausgerichtet auf Oracle Cloud Produkte o! Kombination von Open-Source-Frameworks und von Oracle begesteuerten Libraries o! Reines UI Framework o! Kein Back-End o! Keine Session o! Keine Authentifizierung / Keine Authorisierung o! Open Source

23 SAY HI TO THE FAMILY o! JQuery o! RequireJS o! Library Management o! Knockout o! Two Way Data Binding o! Hammer o! Touch o! Cordova o! Running on Mobile Devices o! NPM o! Paket Manager o! Grunt o! Build Tool o! Yeoman o! Oracle JET UI Components

24 KNOCKOUT DATA BINDING o! Binding im MVVM Stil (Model-View-View Model) o! Verbindet HTML mit dem Model o! Aktualisiert automatisch die Oberfläche o! Unterstützt Templates o! Berücksichtigt Abhängigkeiten o!! Keine Probleme mit Page Refresh / Partial Triggern

25 INSTALLATION VON SOCKET.IO o! Eintrag in package.json o! NPM Update o! Library mit Grunt kopieren

26 INTEGRATION DER LIBRARY

27 INTEGRATION DER LIBRARY

28 NUTZEN DES SHIM < SOCKET.IO 1.*

29 DEMO

30 AUFBAU JET CLIENTS PROXY SERVER RPI CLIENTS

31 WS 2812 B!!!! LEDS mit integriertem Controller Darstellung von Farben Jede LED kann einzeln angesteuert werden Das Signal hat 400 Hz

32 WEBSOCKET UPGRADE

33 WEBSOCKET SESSION

34 AUFBAU Stuttgart Frankfurt Stuttgart

35 QUESTIONS AND ANSWERS

36 ORACLE. EXPERTISE. PASSION.