SlideShare a Scribd company logo
1 of 36
Download to read offline
Building	
  Living	
  Web	
  
                                                                                                ApplicaEons	
  with	
  	
  
                                                                                               HTML5	
  WebSockets	
  


                                  Creators	
  of	
  HTML5	
  WebSocket	
                                                                  WebSocket	
  Gateway	
  

        High	
  Performance	
                                                                                 Enterprise	
  Support	
  




                                                                                  Peter	
  Moskovits	
  -­‐	
  @pmoskovi	
  
                                                                                  Developer	
  Evangelist	
  
1	
                                          Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Agenda	
  



        •  Is	
  There	
  a	
  Problem?	
  
        •  How	
  Serious	
  is	
  the	
  Problem?	
  
        •  Any	
  Hope?	
  
        •  Demos	
  
        	
  




                             OFFER	
  BETTER	
  EXPERIENCE	
  EVERYWHERE	
  

2	
                                Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Architectural	
  (R)evoluEon	
  




         Client-­‐Server	
  

                                                                Full	
  duplex	
  




                       Client	
  
                                                                                                                         Back-­‐end	
  server	
  




3	
                                 Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Architectural	
  (R)evoluEon	
  



         Legacy	
  Web	
  
                                                                      Half	
  Duplex	
  




                                                                         Web	
  

                      Browser	
  
                                                                                                                          Web	
  
                                                                                                                         Server	
  




4	
                                 Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Architectural	
  (R)evoluEon	
  



          Legacy	
  Web	
  
                                                      Half	
  Duplex	
                                                                 Full	
  duplex	
  




                                                           Web	
  

                       Browser	
  
                                                                                                                    Web	
      Middleware	
          Back-­‐end	
  	
  
                                                                                                                    Tier	
                            server	
  




5	
                                  Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
HTTP:	
  Polling	
  &	
  Long	
  Polling	
  




                                                                                                    I	
  want	
  Desktop-­‐
                                                                                                    like	
  InteracEons	
  




6	
                            Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
A	
  Parallel	
  Universe	
  Without	
  Mailman	
  



7	
                Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
HTTP:	
  Polling	
  &	
  Long	
  Polling	
  




             HTTP	
  
             •    Was	
  designed	
  to	
  serve	
  sta3c	
  documents	
  
             •    Half	
  duplex,	
  high	
  latency	
  
             •    Overhead:	
  800-­‐2000	
  bytes	
  
             •    Complex	
  architecture:	
  plugins,	
  polling,	
  legacy	
  applica3on	
  servers	
  
             •    Expensive	
  to	
  "Webscale"	
  applica3ons	
  




8	
                                   Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
HTTP	
  Overhead	
  




                                                                                                                788	
  bytes	
  +	
  1	
  byte	
  




9	
                        Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Workarounds	
  and	
  Hacks	
  




         AJAX:	
  Asynchronous	
  JavaScript	
  and	
  XML	
                                         Lack	
  of	
  standard	
  implementa3on	
  
         Used	
  for	
  building	
  highly	
  interac3ve	
  Web	
  apps	
                            Comet	
  adds	
  lots	
  of	
  complexity	
  
         Content	
  can	
  change	
  without	
  full	
  page	
  refresh	
  
         User-­‐perceived	
  low	
  latency	
  
         "Real-­‐3me"	
  o`en	
  achieved	
  using	
  polling	
  and	
  
         long-­‐polling	
  

10	
                                             Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Workarounds	
  and	
  Hacks	
  




11	
                        Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
HTML5	
  WebSocket	
  


         §    Extends	
  TCP	
  across	
  the	
  Web	
  
                •  Full-­‐duplex,	
  single	
  socket,	
  very	
  
                   low	
  overhead	
  
                •  Shares	
  port	
  with	
  	
  HTTP	
  (80/443)	
  
                •  Enables	
  new	
  classes	
  of	
  
                   networked	
  apps	
  
         §    W3C	
  API	
  (JavaScript)	
  
         §    IETF	
  Protocol	
  




12	
                                    Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Architectural	
  (R)evoluEon	
  



           Legacy	
  Web	
  
                                                       Half	
  Duplex	
                                                                 Full	
  duplex	
  




                                                            Web	
  

                        Browser	
  
                                                                                                                     Web	
      Middleware	
          Back-­‐end	
  	
  
                                                                                                                     Tier	
                            server	
  




13	
                                  Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Architectural	
  (R)evoluEon	
  



           Living	
  Web	
  

                                                     WebSocket	
                                                    Full	
  duplex	
  



                                                          Web	
  

                                                                                               WebSocket	
  Server	
                     Back-­‐end	
  	
  
                                                                                                                                          server	
  




14	
                           Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Legacy	
  Web	
  
                                                    Half	
  Duplex	
                                                                       Full	
  duplex	
  




                                                         Web	
  

                      Browser	
  
                                                                                                                   Web	
         Middleware	
             Back-­‐end	
  	
  
                                                                                                                   Tier	
                                  server	
  


         Living	
  Web	
  

                                                          WebSocket	
                                                         Full	
  duplex	
  



                                                              Web	
  

                                                                                                    WebSocket	
  Server	
                          Back-­‐end	
  	
  
                                                                                                                                                    server	
  

16	
                                Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Browser	
  Support	
  




17	
                        Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Can	
  I	
  Use?	
  


          caniuse.com	
  




18	
                            Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Can	
  I	
  Use?	
  




19	
                            Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Can	
  I	
  Use?	
  
          websocketstest.com	
  




20	
                            Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
How	
  Can	
  I	
  Use?	
  




21	
                              Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
How	
  Can	
  I	
  Use?	
  




22	
                              Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
The	
  WebSocket	
  Handshake	
  




23	
                       Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
WebSocket	
  Frames	
  




         §    Only	
  a	
  few	
  header	
  bytes	
  
         §    Data	
  may	
  be	
  text	
  or	
  binary	
  
         §    Frames	
  from	
  client	
  to	
  server	
  are	
  masked	
  (XORed	
  w/	
  
               random	
  value)	
  to	
  avoid	
  confusing	
  proxies	
  




24	
                                Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
InspecEng	
  WebSocket	
  Frames	
  

               Available	
  today	
  in	
  Chromium	
  and	
  Chrome	
  Canary	
  




25	
                                Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Demo!	
  
         Inspec,ng	
  WebSocket	
  
                Frames	
  




26	
        Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
27	
     Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
28	
     Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Got	
  WebSockets	
  –	
  Now	
  What?	
  




29	
                         Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
A	
  New	
  World	
  




30	
                             Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Build	
  Highly	
  Scalable	
  Web	
  Messaging	
  Apps	
  
         	
  




31	
                           Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Extend	
  the	
  Reach	
  of	
  	
  
         Your	
  Rich	
  Business	
  Protocols	
  to	
  the	
  Web	
  



            Living	
  Web	
  

                                           JMS,	
  AMQP,	
  XMPP/WebSocket	
                                              JMS,	
  AMQP,	
  XMPP/TCP	
  




                                                               Web	
  

                                                                                                         Kaazing	
                               Back-­‐end	
  	
  
                                                                                                    WebSocket	
  Gateway	
                        server	
  




32	
                                 Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Demos!	
  




33	
     Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Presso:	
  WebSocket	
  Powered	
  Social	
  HTML5	
  PresentaEon	
  Tool	
  




34	
                                 Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
Demos!	
  




35	
     Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
AddiEonal	
  Resources	
  

                       kaazing.com/download	
  
                       The	
  Zinger:	
  	
  blog.kaazing.com	
  
                       Pro	
  HTML5	
  Programming	
  Guide	
  
                       	
  
                       More	
  Demos	
  &	
  Content	
  	
  
                              •  kaazing.com/demo	
  
                              •  websocket.org	
  
                              •  kaazing.com/about/collateral	
  
                       	
  
                       Kaazing	
  University	
  
                              •  HTML5	
  Fast	
  Track	
  	
  
                              •  HTML5	
  Mobile	
  Mastery	
  
                              •  Kaazing	
  Master	
  Class	
  
                       	
  
                       	
  
                              Rich	
  Real-­‐Time	
  User	
  Experience	
  

36	
                          Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  
37	
     Copyright	
  ©	
  2012	
  Kaazing	
  Corpora3on.	
  All	
  Rights	
  Reserved.	
  

More Related Content

What's hot

Comet and the Rise of Highly Interactive Websites
Comet and the Rise of Highly Interactive WebsitesComet and the Rise of Highly Interactive Websites
Comet and the Rise of Highly Interactive WebsitesJoe Walker
 
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleVelocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleStrangeloop
 
Dave Carroll Application Services Salesforce
Dave Carroll Application Services SalesforceDave Carroll Application Services Salesforce
Dave Carroll Application Services Salesforcedeimos
 
Introducing WebLogic 12c OTN Tour 2012
Introducing WebLogic 12c OTN Tour 2012Introducing WebLogic 12c OTN Tour 2012
Introducing WebLogic 12c OTN Tour 2012Bruno Borges
 
Top Ten Web Attacks
Top Ten Web Attacks Top Ten Web Attacks
Top Ten Web Attacks Ajay Ohri
 
vFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS AppsvFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS AppsVMware vFabric
 
Servlet 4.0 at GeekOut 2015
Servlet 4.0 at GeekOut 2015Servlet 4.0 at GeekOut 2015
Servlet 4.0 at GeekOut 2015Edward Burns
 
HTTP/2 comes to Java. What Servlet 4.0 means to you. DevNexus 2015
HTTP/2 comes to Java.  What Servlet 4.0 means to you. DevNexus 2015HTTP/2 comes to Java.  What Servlet 4.0 means to you. DevNexus 2015
HTTP/2 comes to Java. What Servlet 4.0 means to you. DevNexus 2015Edward Burns
 
Seatwave Web Peformance Optimisation Case Study
Seatwave Web Peformance Optimisation Case StudySeatwave Web Peformance Optimisation Case Study
Seatwave Web Peformance Optimisation Case StudyStephen Thair
 
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...jeckels
 
Web Quick Start with Tribloom: A tale of two wqs implementations
Web Quick Start with Tribloom: A tale of two wqs implementationsWeb Quick Start with Tribloom: A tale of two wqs implementations
Web Quick Start with Tribloom: A tale of two wqs implementationsAlfresco Software
 
JavaOne 2014 BOF4241 What's Next for JSF?
JavaOne 2014 BOF4241 What's Next for JSF?JavaOne 2014 BOF4241 What's Next for JSF?
JavaOne 2014 BOF4241 What's Next for JSF?Edward Burns
 
Spring MVC 4.2: New and Noteworthy
Spring MVC 4.2: New and NoteworthySpring MVC 4.2: New and Noteworthy
Spring MVC 4.2: New and NoteworthyRossen Stoyanchev
 
WEBSITE HOSTING FOR PNG ORGANISATIONS
WEBSITE HOSTING FOR PNG ORGANISATIONSWEBSITE HOSTING FOR PNG ORGANISATIONS
WEBSITE HOSTING FOR PNG ORGANISATIONSwebhostingguy
 
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebWordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebGeorge Kanellopoulos
 
Performance Implications of Mobile Design
Performance Implications of Mobile DesignPerformance Implications of Mobile Design
Performance Implications of Mobile DesignGuy Podjarny
 

What's hot (20)

Comet and the Rise of Highly Interactive Websites
Comet and the Rise of Highly Interactive WebsitesComet and the Rise of Highly Interactive Websites
Comet and the Rise of Highly Interactive Websites
 
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleVelocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
 
Ajax World Fall08
Ajax World Fall08Ajax World Fall08
Ajax World Fall08
 
Dave Carroll Application Services Salesforce
Dave Carroll Application Services SalesforceDave Carroll Application Services Salesforce
Dave Carroll Application Services Salesforce
 
Introducing WebLogic 12c OTN Tour 2012
Introducing WebLogic 12c OTN Tour 2012Introducing WebLogic 12c OTN Tour 2012
Introducing WebLogic 12c OTN Tour 2012
 
Top Ten Web Attacks
Top Ten Web Attacks Top Ten Web Attacks
Top Ten Web Attacks
 
vFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS AppsvFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS Apps
 
Windows Azure Essentials
Windows Azure EssentialsWindows Azure Essentials
Windows Azure Essentials
 
Servlet 4.0 at GeekOut 2015
Servlet 4.0 at GeekOut 2015Servlet 4.0 at GeekOut 2015
Servlet 4.0 at GeekOut 2015
 
HTTP/2 comes to Java. What Servlet 4.0 means to you. DevNexus 2015
HTTP/2 comes to Java.  What Servlet 4.0 means to you. DevNexus 2015HTTP/2 comes to Java.  What Servlet 4.0 means to you. DevNexus 2015
HTTP/2 comes to Java. What Servlet 4.0 means to you. DevNexus 2015
 
Seatwave Web Peformance Optimisation Case Study
Seatwave Web Peformance Optimisation Case StudySeatwave Web Peformance Optimisation Case Study
Seatwave Web Peformance Optimisation Case Study
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...
Oracle WebLogic Server 12c: Seamless Oracle Database Integration (with NEC, O...
 
Web Quick Start with Tribloom: A tale of two wqs implementations
Web Quick Start with Tribloom: A tale of two wqs implementationsWeb Quick Start with Tribloom: A tale of two wqs implementations
Web Quick Start with Tribloom: A tale of two wqs implementations
 
JavaOne 2014 BOF4241 What's Next for JSF?
JavaOne 2014 BOF4241 What's Next for JSF?JavaOne 2014 BOF4241 What's Next for JSF?
JavaOne 2014 BOF4241 What's Next for JSF?
 
Spring MVC 4.2: New and Noteworthy
Spring MVC 4.2: New and NoteworthySpring MVC 4.2: New and Noteworthy
Spring MVC 4.2: New and Noteworthy
 
WEBSITE HOSTING FOR PNG ORGANISATIONS
WEBSITE HOSTING FOR PNG ORGANISATIONSWEBSITE HOSTING FOR PNG ORGANISATIONS
WEBSITE HOSTING FOR PNG ORGANISATIONS
 
Asif
AsifAsif
Asif
 
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebWordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
 
Performance Implications of Mobile Design
Performance Implications of Mobile DesignPerformance Implications of Mobile Design
Performance Implications of Mobile Design
 

Viewers also liked

Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...
Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...
Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...Peter Moskovits
 
Block wallscanir sample_grouted_cell_report
Block wallscanir sample_grouted_cell_reportBlock wallscanir sample_grouted_cell_report
Block wallscanir sample_grouted_cell_reportpropertyinspectir
 
Enterprise messaging with jms
Enterprise messaging with jmsEnterprise messaging with jms
Enterprise messaging with jmsSridhar Reddy
 
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...Peter Moskovits
 
Websockets in Node.js - Making them reliable and scalable
Websockets in Node.js - Making them reliable and scalableWebsockets in Node.js - Making them reliable and scalable
Websockets in Node.js - Making them reliable and scalableGareth Marland
 
Real Time Network Monitoring System
Real  Time  Network  Monitoring  SystemReal  Time  Network  Monitoring  System
Real Time Network Monitoring SystemGirish Naik
 
network monitoring system ppt
network monitoring system pptnetwork monitoring system ppt
network monitoring system pptashutosh rai
 

Viewers also liked (8)

Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...
Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...
Controlling Physical Devices on the Real-Time Web: Enterprise-Grade WebSocket...
 
Block wallscanir sample_grouted_cell_report
Block wallscanir sample_grouted_cell_reportBlock wallscanir sample_grouted_cell_report
Block wallscanir sample_grouted_cell_report
 
Enterprise messaging with jms
Enterprise messaging with jmsEnterprise messaging with jms
Enterprise messaging with jms
 
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...
JMS, WebSocket, and the Internet of Things - Controlling Physical Devices on ...
 
Websockets in Node.js - Making them reliable and scalable
Websockets in Node.js - Making them reliable and scalableWebsockets in Node.js - Making them reliable and scalable
Websockets in Node.js - Making them reliable and scalable
 
Real Time Network Monitoring System
Real  Time  Network  Monitoring  SystemReal  Time  Network  Monitoring  System
Real Time Network Monitoring System
 
Network monitoring system
Network monitoring systemNetwork monitoring system
Network monitoring system
 
network monitoring system ppt
network monitoring system pptnetwork monitoring system ppt
network monitoring system ppt
 

Similar to Building Living Web Applications with HTML5 WebSockets

HTML5 WebSocket Introduction
HTML5 WebSocket IntroductionHTML5 WebSocket Introduction
HTML5 WebSocket IntroductionMarcelo Jabali
 
HTML5 Websockets and Java - Arun Gupta
HTML5 Websockets and Java - Arun GuptaHTML5 Websockets and Java - Arun Gupta
HTML5 Websockets and Java - Arun GuptaJAX London
 
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012Arun Gupta
 
Cloud Foundry Bootcamp
Cloud Foundry BootcampCloud Foundry Bootcamp
Cloud Foundry BootcampJoshua Long
 
Startup Harvard Part 3 (Derek)
Startup Harvard Part 3 (Derek)Startup Harvard Part 3 (Derek)
Startup Harvard Part 3 (Derek)dhorton
 
The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014Frank Greco
 
Programming WebSockets with Glassfish and Grizzly
Programming WebSockets with Glassfish and GrizzlyProgramming WebSockets with Glassfish and Grizzly
Programming WebSockets with Glassfish and GrizzlyC2B2 Consulting
 
Michael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonMichael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonSkills Matter
 
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)Peter Lubbers
 
WebBee rapid web app development teck stack
WebBee rapid web app development teck stackWebBee rapid web app development teck stack
WebBee rapid web app development teck stackALDAN3
 
Optimizing HTML5 Sites with CQ5/WEM
Optimizing HTML5 Sites with CQ5/WEMOptimizing HTML5 Sites with CQ5/WEM
Optimizing HTML5 Sites with CQ5/WEMGabriel Walt
 
WebSocket Perspectives and Vision for the Future
WebSocket Perspectives and Vision for the FutureWebSocket Perspectives and Vision for the Future
WebSocket Perspectives and Vision for the FutureFrank Greco
 
CloudFest Denver When Worlds Collide: HTML5 Meets the Cloud
CloudFest Denver When Worlds Collide: HTML5 Meets the CloudCloudFest Denver When Worlds Collide: HTML5 Meets the Cloud
CloudFest Denver When Worlds Collide: HTML5 Meets the CloudDavid Pallmann
 
When worlds Collide: HTML5 Meets the Cloud
When worlds Collide: HTML5 Meets the CloudWhen worlds Collide: HTML5 Meets the Cloud
When worlds Collide: HTML5 Meets the CloudDavid Pallmann
 
Getting Started Developing with Platform as a Service
Getting Started Developing with Platform as a ServiceGetting Started Developing with Platform as a Service
Getting Started Developing with Platform as a ServiceCloudBees
 
Simplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project ZeroSimplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project ZeroShawn Zhu
 
Building tomorrow's web with today's tools
Building tomorrow's web with today's toolsBuilding tomorrow's web with today's tools
Building tomorrow's web with today's toolsJames Pearce
 

Similar to Building Living Web Applications with HTML5 WebSockets (20)

HTML5 WebSocket Introduction
HTML5 WebSocket IntroductionHTML5 WebSocket Introduction
HTML5 WebSocket Introduction
 
HTML5 Websockets and Java - Arun Gupta
HTML5 Websockets and Java - Arun GuptaHTML5 Websockets and Java - Arun Gupta
HTML5 Websockets and Java - Arun Gupta
 
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012
Building HTML5 WebSocket Apps in Java at JavaOne Latin America 2012
 
Cloud Foundry Bootcamp
Cloud Foundry BootcampCloud Foundry Bootcamp
Cloud Foundry Bootcamp
 
Websocket 1.0
Websocket 1.0Websocket 1.0
Websocket 1.0
 
Startup Harvard Part 3 (Derek)
Startup Harvard Part 3 (Derek)Startup Harvard Part 3 (Derek)
Startup Harvard Part 3 (Derek)
 
The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014
 
Jax2010 adobe lcds
Jax2010 adobe lcdsJax2010 adobe lcds
Jax2010 adobe lcds
 
Programming WebSockets with Glassfish and Grizzly
Programming WebSockets with Glassfish and GrizzlyProgramming WebSockets with Glassfish and Grizzly
Programming WebSockets with Glassfish and Grizzly
 
Michael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonMichael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 London
 
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)
HTML5 Real Time and WebSocket Code Lab (SFHTML5, GTUGSF)
 
WebBee rapid web app development teck stack
WebBee rapid web app development teck stackWebBee rapid web app development teck stack
WebBee rapid web app development teck stack
 
Optimizing HTML5 Sites with CQ5/WEM
Optimizing HTML5 Sites with CQ5/WEMOptimizing HTML5 Sites with CQ5/WEM
Optimizing HTML5 Sites with CQ5/WEM
 
WebSocket Perspectives and Vision for the Future
WebSocket Perspectives and Vision for the FutureWebSocket Perspectives and Vision for the Future
WebSocket Perspectives and Vision for the Future
 
CloudFest Denver When Worlds Collide: HTML5 Meets the Cloud
CloudFest Denver When Worlds Collide: HTML5 Meets the CloudCloudFest Denver When Worlds Collide: HTML5 Meets the Cloud
CloudFest Denver When Worlds Collide: HTML5 Meets the Cloud
 
When worlds Collide: HTML5 Meets the Cloud
When worlds Collide: HTML5 Meets the CloudWhen worlds Collide: HTML5 Meets the Cloud
When worlds Collide: HTML5 Meets the Cloud
 
Getting Started Developing with Platform as a Service
Getting Started Developing with Platform as a ServiceGetting Started Developing with Platform as a Service
Getting Started Developing with Platform as a Service
 
Simplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project ZeroSimplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project Zero
 
WebSocket protocol
WebSocket protocolWebSocket protocol
WebSocket protocol
 
Building tomorrow's web with today's tools
Building tomorrow's web with today's toolsBuilding tomorrow's web with today's tools
Building tomorrow's web with today's tools
 

More from Peter Moskovits

Connecting Physical Devices to the Web - Event Driven Architecture using WebS...
Connecting Physical Devices to the Web - Event Driven Architecture using WebS...Connecting Physical Devices to the Web - Event Driven Architecture using WebS...
Connecting Physical Devices to the Web - Event Driven Architecture using WebS...Peter Moskovits
 
HTML5 WebSocket for the Real-Time Web and the Internet of Things
HTML5 WebSocket for the Real-Time Weband the Internet of ThingsHTML5 WebSocket for the Real-Time Weband the Internet of Things
HTML5 WebSocket for the Real-Time Web and the Internet of ThingsPeter Moskovits
 
Liberating the Black Box - Real-Time Communications for the Internet of Things
Liberating the Black Box - Real-Time Communications for the Internet of ThingsLiberating the Black Box - Real-Time Communications for the Internet of Things
Liberating the Black Box - Real-Time Communications for the Internet of ThingsPeter Moskovits
 
WebGL and Real-Time Web Communication
WebGL and Real-Time Web CommunicationWebGL and Real-Time Web Communication
WebGL and Real-Time Web CommunicationPeter Moskovits
 
Building Real-Time Enterprise Applications for the Internet of Things
Building Real-Time Enterprise Applications for the Internet of ThingsBuilding Real-Time Enterprise Applications for the Internet of Things
Building Real-Time Enterprise Applications for the Internet of ThingsPeter Moskovits
 
Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Peter Moskovits
 
Ore dev2011 kaazing_websockets
Ore dev2011 kaazing_websocketsOre dev2011 kaazing_websockets
Ore dev2011 kaazing_websocketsPeter Moskovits
 

More from Peter Moskovits (7)

Connecting Physical Devices to the Web - Event Driven Architecture using WebS...
Connecting Physical Devices to the Web - Event Driven Architecture using WebS...Connecting Physical Devices to the Web - Event Driven Architecture using WebS...
Connecting Physical Devices to the Web - Event Driven Architecture using WebS...
 
HTML5 WebSocket for the Real-Time Web and the Internet of Things
HTML5 WebSocket for the Real-Time Weband the Internet of ThingsHTML5 WebSocket for the Real-Time Weband the Internet of Things
HTML5 WebSocket for the Real-Time Web and the Internet of Things
 
Liberating the Black Box - Real-Time Communications for the Internet of Things
Liberating the Black Box - Real-Time Communications for the Internet of ThingsLiberating the Black Box - Real-Time Communications for the Internet of Things
Liberating the Black Box - Real-Time Communications for the Internet of Things
 
WebGL and Real-Time Web Communication
WebGL and Real-Time Web CommunicationWebGL and Real-Time Web Communication
WebGL and Real-Time Web Communication
 
Building Real-Time Enterprise Applications for the Internet of Things
Building Real-Time Enterprise Applications for the Internet of ThingsBuilding Real-Time Enterprise Applications for the Internet of Things
Building Real-Time Enterprise Applications for the Internet of Things
 
Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529
 
Ore dev2011 kaazing_websockets
Ore dev2011 kaazing_websocketsOre dev2011 kaazing_websockets
Ore dev2011 kaazing_websockets
 

Recently uploaded

ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctBrainSell Technologies
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Hiroshi SHIBATA
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessUXDXConf
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Skynet Technologies
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPTiSEO AI
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch TuesdayIvanti
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?Mark Billinghurst
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftshyamraj55
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingScyllaDB
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!Memoori
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024Lorenzo Miniero
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...marcuskenyatta275
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...ScyllaDB
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...ScyllaDB
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 

Recently uploaded (20)

ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 

Building Living Web Applications with HTML5 WebSockets

  • 1. Building  Living  Web   ApplicaEons  with     HTML5  WebSockets   Creators  of  HTML5  WebSocket   WebSocket  Gateway   High  Performance   Enterprise  Support   Peter  Moskovits  -­‐  @pmoskovi   Developer  Evangelist   1   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 2. Agenda   •  Is  There  a  Problem?   •  How  Serious  is  the  Problem?   •  Any  Hope?   •  Demos     OFFER  BETTER  EXPERIENCE  EVERYWHERE   2   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 3. Architectural  (R)evoluEon   Client-­‐Server   Full  duplex   Client   Back-­‐end  server   3   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 4. Architectural  (R)evoluEon   Legacy  Web   Half  Duplex   Web   Browser   Web   Server   4   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 5. Architectural  (R)evoluEon   Legacy  Web   Half  Duplex   Full  duplex   Web   Browser   Web   Middleware   Back-­‐end     Tier   server   5   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 6. HTTP:  Polling  &  Long  Polling   I  want  Desktop-­‐ like  InteracEons   6   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 7. A  Parallel  Universe  Without  Mailman   7   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 8. HTTP:  Polling  &  Long  Polling   HTTP   •  Was  designed  to  serve  sta3c  documents   •  Half  duplex,  high  latency   •  Overhead:  800-­‐2000  bytes   •  Complex  architecture:  plugins,  polling,  legacy  applica3on  servers   •  Expensive  to  "Webscale"  applica3ons   8   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 9. HTTP  Overhead   788  bytes  +  1  byte   9   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 10. Workarounds  and  Hacks   AJAX:  Asynchronous  JavaScript  and  XML   Lack  of  standard  implementa3on   Used  for  building  highly  interac3ve  Web  apps   Comet  adds  lots  of  complexity   Content  can  change  without  full  page  refresh   User-­‐perceived  low  latency   "Real-­‐3me"  o`en  achieved  using  polling  and   long-­‐polling   10   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 11. Workarounds  and  Hacks   11   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 12. HTML5  WebSocket   §  Extends  TCP  across  the  Web   •  Full-­‐duplex,  single  socket,  very   low  overhead   •  Shares  port  with    HTTP  (80/443)   •  Enables  new  classes  of   networked  apps   §  W3C  API  (JavaScript)   §  IETF  Protocol   12   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 13. Architectural  (R)evoluEon   Legacy  Web   Half  Duplex   Full  duplex   Web   Browser   Web   Middleware   Back-­‐end     Tier   server   13   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 14. Architectural  (R)evoluEon   Living  Web   WebSocket   Full  duplex   Web   WebSocket  Server   Back-­‐end     server   14   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 15. Legacy  Web   Half  Duplex   Full  duplex   Web   Browser   Web   Middleware   Back-­‐end     Tier   server   Living  Web   WebSocket   Full  duplex   Web   WebSocket  Server   Back-­‐end     server   16   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 16. Browser  Support   17   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 17. Can  I  Use?   caniuse.com   18   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 18. Can  I  Use?   19   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 19. Can  I  Use?   websocketstest.com   20   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 20. How  Can  I  Use?   21   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 21. How  Can  I  Use?   22   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 22. The  WebSocket  Handshake   23   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 23. WebSocket  Frames   §  Only  a  few  header  bytes   §  Data  may  be  text  or  binary   §  Frames  from  client  to  server  are  masked  (XORed  w/   random  value)  to  avoid  confusing  proxies   24   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 24. InspecEng  WebSocket  Frames   Available  today  in  Chromium  and  Chrome  Canary   25   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 25. Demo!   Inspec,ng  WebSocket   Frames   26   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 26. 27   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 27. 28   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 28. Got  WebSockets  –  Now  What?   29   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 29. A  New  World   30   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 30. Build  Highly  Scalable  Web  Messaging  Apps     31   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 31. Extend  the  Reach  of     Your  Rich  Business  Protocols  to  the  Web   Living  Web   JMS,  AMQP,  XMPP/WebSocket   JMS,  AMQP,  XMPP/TCP   Web   Kaazing   Back-­‐end     WebSocket  Gateway   server   32   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 32. Demos!   33   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 33. Presso:  WebSocket  Powered  Social  HTML5  PresentaEon  Tool   34   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 34. Demos!   35   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 35. AddiEonal  Resources   kaazing.com/download   The  Zinger:    blog.kaazing.com   Pro  HTML5  Programming  Guide     More  Demos  &  Content     •  kaazing.com/demo   •  websocket.org   •  kaazing.com/about/collateral     Kaazing  University   •  HTML5  Fast  Track     •  HTML5  Mobile  Mastery   •  Kaazing  Master  Class       Rich  Real-­‐Time  User  Experience   36   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.  
  • 36. 37   Copyright  ©  2012  Kaazing  Corpora3on.  All  Rights  Reserved.