40
© 2014 Kaazing Corporation. All Rights Reserved. 1 Victor Sand Software Engineer Peter Moskovits Head of Real-Time Solutions Mar 5, 2014

WebGL and Real-Time Web Communication

Embed Size (px)

DESCRIPTION

Kaazing and Goo presentation at QCon London in March 2014.

Citation preview

Page 1: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved. 1

Victor Sand Software Engineer Peter Moskovits Head of Real-Time Solutions Mar 5, 2014

Page 2: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

About Us

Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi

Victor Sand Software Engineer [email protected] www.gootechnologies.com @vlgsand

Page 3: WebGL and Real-Time Web Communication

������������

����������� ���������������

�����������������

�������!��������"#����

Page 4: WebGL and Real-Time Web Communication

����� ��������������������$%%"""��������%�#�%

Page 5: WebGL and Real-Time Web Communication

������������

��$%%"""�����&��'����&������&%

��$%%"""������������������&%���"����%

Page 6: WebGL and Real-Time Web Communication
Page 7: WebGL and Real-Time Web Communication

��������������������������������������� �

��������"�(����

��&�����������

�����

��������

)�������

����������

����������������

Page 8: WebGL and Real-Time Web Communication

������������ ���������

Page 9: WebGL and Real-Time Web Communication

������������� ���������������*

����"�+��������

,���!����-����"������

Page 10: WebGL and Real-Time Web Communication

���������

��$%%��+��������������&%�����������

��$%%��+��������������&%����#%��������!�%

)��)!������&����#.����

Page 11: WebGL and Real-Time Web Communication

������������������������ ��������/����

Page 12: WebGL and Real-Time Web Communication

� ���������������������������������� �����

�������� �

��$%%�����������������������&

Page 13: WebGL and Real-Time Web Communication

�������������������������

���� ���������� ��

����!������+��$

��$%%"""������������������&

Page 14: WebGL and Real-Time Web Communication

���������������������

Page 15: WebGL and Real-Time Web Communication

��������������������������������

Page 16: WebGL and Real-Time Web Communication

�������������������������������

���� ������������

Page 17: WebGL and Real-Time Web Communication

��������������

0�����������-.����$

��$%%"""������������������&%�����1+�#

Page 18: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Demos

3

Page 19: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

HTML5 WebSocket: TCP for the Web

!  Standard Protocol (IETF): RFC-6455

!  Standard API:

!  W3C: JavaScript

!  Single socket, full-duplex

!  Low overhead: <1% of HTTP

!  Low latency: low milliseconds

!  SSL support

Full duplex

Page 20: WebGL and Real-Time Web Communication

5 5

Browser Web Tier

Half Duplex Full duplex

Back-end server Middleware

Web

Legacy Web

Back-end server

WebSocket

WebSocket Server

Full duplex

Web

Living Web

Page 21: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Protocol Layering

TCP

JMS XMPP AMQP B2B FTP VNC mktdata etc

Browsers, Native Applications and IoT Devices

WebSocket Gateway

Internet

WebSocket Gateway

Page 22: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

WebSocket Clients and Server

7

Page 23: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Enterprise Messaging Extended to the Web

8

Page 24: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Raspberry Pi

Image source: http://www.oracle.com/technetwork/articles/java/raspberrypi-1704896.html

Page 25: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Demo Setup

Page 26: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Controlling the Light Remotely Using Pub-Sub Over the Web

Page 27: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

The Web Bridges Continents

12

Page 28: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Demo

13

Page 29: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

The Architecture

Page 30: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

It’s More than “Just” the Web

15

Page 31: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

The Web of Things

Page 32: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

WebSocket Powering the Web of Things

WS

WS

WS WS WS WS

WS

WS

WS

Page 33: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Extending Protocols to the Web of Things

MQTT/WS

AMQP/WS

JMS/WS STOMP/WS

XMPP/WS

Page 34: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Web Communication Is Challenging

Clients disconnect

Network intermediaries

Locked down firewalls

Millions of users

High availability

Disaster recovery

Developer productivity

Integration with existing

security infrastructure

Page 35: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Demos

20

Page 36: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Find Out More

!  The Zinger – Blog:

!  http://blog.kaazing.com

!  JMS WebSocket Tutorial

!  http://tutorial.kaazing.com

!  More developer content

!  http://developer.kaazing.com

!  Free product download

21

Page 37: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

Kaazing at QCon

Visit Kaazing in the Power Lounge to see all these demos live

Win a mini Jambox

Page 38: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

!  http://tinyurl.com/gootech-qcon

!  Goo Create Beta: http://gootechnologies.com

!  Live Demos: http://gootechnologies.com/showcase

!  http://kaazing.com

!  http://tutorial.kaazing.com

!  Kaazing Blog: Extreme HTML5 Video Interactivity: Sending WebSocket Messages with Popcorn.js

!  The Definitive Guide to HTML5 WebSocket

Learn More

Page 39: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

How to Get a Hold of Us?

Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi

Victor Sand Senior Software Engineer [email protected] www.gootechnologies.com @vlgsand

Page 40: WebGL and Real-Time Web Communication

© 2014 Kaazing Corporation. All Rights Reserved.

The End