HTML5 WebSocket for the Real-Time Weband the Internet of Things
description
Transcript of HTML5 WebSocket for the Real-Time Weband the Internet of Things
![Page 1: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/1.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
HTML5 WebSocket for the Real-Time Web and the Internet of Things
Peter Moskovits Head of Real-Time Solutions
Palo Alto, Aug 20, 2014
![Page 2: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/2.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
About Peter
Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi
![Page 3: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/3.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Demos
![Page 4: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/4.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
The Request-Response Web
Browser
Half Duplex Full duplex
Back-end server
Web
Web Tier Middleware
Legacy Web
![Page 5: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/5.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
HTML5 WebSocket: TCP for the Web
§ Standard Protocol (IETF): RFC-6455
§ Standard API (W3C): JavaScript
§ Single socket, full-duplex
Full duplex
§ Low overhead: <1% of HTTP
§ Low latency: low milliseconds
§ SSL support
![Page 6: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/6.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
The Event-Driven Web
Browser
Half Duplex Full duplex
Back-end server
Web
Web Tier Middleware
Legacy Web
Event-Driven Web
Back-end server WebSocket Server
Web
WebSocket Full duplex
![Page 7: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/7.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
How Can I Use?
![Page 8: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/8.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
How Can I Use?
![Page 9: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/9.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
The WebSocket Handshake
![Page 10: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/10.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Available in Chrome Developer Tools
![Page 11: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/11.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Protocol Layering
TCP
Your application
XMPP IMAP/SMTP/POP3
![Page 12: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/12.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Protocol Layering
TCP
Your application
XMPP IMAP/SMTP/POP3 HTTP
![Page 13: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/13.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Protocol Layering
TCP
Your application
XMPP IMAP/SMTP/POP3 HTTP
WebSocket
![Page 14: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/14.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Win a Copy
![Page 15: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/15.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Win a Copy
Chapter 1: Introduction to HTML5 WebSocket Chapter 2: The WebSocket API Chapter 3: The WebSocket Protocol Chapter 4: Building Instant Messaging and Chat over WebSocket with XMPP Chapter 5: Using Messaging over WebSocket with STOMP Chapter 6: VNC with the Remote Framebuffer Protocol Chapter 7: WebSocket Security Chapter 8: Deployment Considerations
http://goo.gl/yrenVT
![Page 16: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/16.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
WebSocket Clients and Server
![Page 17: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/17.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Enterprise Messaging Extended to the Web
![Page 18: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/18.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Connected Devices Bridging the Gap Between Hardware and Software
![Page 19: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/19.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Raspberry Pi
Image source: http://www.oracle.com/technetwork/articles/java/raspberrypi-1704896.html
Image source: http://www.oracle.com/technetwork/articles/java/raspberrypi-1704896.html
![Page 20: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/20.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Demo Setup
![Page 21: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/21.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Controlling the Light Remotely Using Pub-Sub Over the Web
![Page 22: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/22.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Light Switch: Range Extended to the Web
![Page 23: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/23.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Demo
![Page 24: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/24.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Remote Controlling Car Over the Web - The Architecture
![Page 25: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/25.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Telemetry Data Distributed to the Web Over Satellite Network
KWG
Message Broker
JMS WS
JMS WS
![Page 26: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/26.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Telemetry Data Distributed to the Web Over Satellite Network
KWG
Message Broker
JMS WS
JMS WS
![Page 27: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/27.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Telemetry Data Distributed to the Web Over Satellite Network
KWG
Message Broker
JMS WS
JMS WS
Java App
![Page 28: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/28.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Telemetry Data Distributed to the Web Over Satellite Network
KWG
Message Broker
JMS WS
JMS WS
Java App
![Page 29: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/29.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
About the Quadcopter: DJI Phantom 2
![Page 30: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/30.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
The Sensor Stack
![Page 31: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/31.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Arduino: GPS, thermometer, humidity, compass, accelerometer + Go Pro
![Page 32: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/32.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Satellite Terminal: InmarSat – Geostationary Satellites
![Page 33: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/33.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Satellite Terminal: InmarSat – Geostationary Satellites
Warning: Microwave radiation Minimum safe distance: 0.6 metres
![Page 34: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/34.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
The Team
![Page 35: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/35.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
DEMO
![Page 36: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/36.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
End-to-end latency: under 1 second
![Page 37: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/37.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
DEMO
![Page 38: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/38.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
It’s More Than “Just” the Web
![Page 39: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/39.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Connected Devices
![Page 40: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/40.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Connected Devices Communicating with WebSocket
WS
WS
WS WS
WS
WS
WS
WS WS
![Page 41: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/41.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Connected Devices Communicating with Proprietary Protocols over WS
AMQP/WS
MQTT/WS
JMS/WS
STOMP/WS
XMPP/WS
![Page 42: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/42.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
What Does KAAZING do?
Clients disconnect
Network intermediaries
Locked down firewalls
Millions of users
High availability
Disaster recovery
Developer productivity
Integration with existing
security infrastructure
![Page 43: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/43.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Win a Copy
http://goo.gl/yrenVT
Chapter 1: Introduction to HTML5 WebSocket Chapter 2: The WebSocket API Chapter 3: The WebSocket Protocol Chapter 4: Building Instant Messaging and Chat over WebSocket with XMPP Chapter 5: Using Messaging over WebSocket with STOMP Chapter 6: VNC with the Remote Framebuffer Protocol Chapter 7: WebSocket Security Chapter 8: Deployment Considerations
![Page 44: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/44.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
Learn More
§ http://kaazing.com
§ http://tutorial.kaazing.com
§ http://kaazing.com/telemetry
§ The Definitive Guide to HTML5 WebSocket
![Page 45: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/45.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT
About Peter
Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi
![Page 46: HTML5 WebSocket for the Real-Time Weband the Internet of Things](https://reader034.fdocuments.us/reader034/viewer/2022042813/5478c3c6b379593a2b8b4576/html5/thumbnails/46.jpg)
Copyright © 2014 Kaazing Corporation. All Rights Reserved. http://goo.gl/yrenVT