SlideShare a Scribd company logo
1 of 29
Kaazing
 Web Socket Solution

미래웹기술연구소
미래웹기술연구소 소개



                                  W3C 공식 멤버
                                   (국내 민간사 7번째 회원사)

                                  Sencha Inc. 공식 파트너
                                  Kaazing 공식 파트너


                                  HTML5 및 웹표준 기술 전문 연구
                                   강의, 교육
                                  HTML5 모바일 개발 및 앱개발
                                  웹기술기반 아이폰, 안드로이드앱
                                   개발 및 컨설팅
                                  아이패드, 안드로이드 패드용 전자책
                                   개발
                                  웹기술과 가전제품의 융합 선행연구


Page 2        http://w3labs.kr
미래웹기술연구소




 HTML5, 모바일웹, N-Screen 대응 웹기술 연구 및 교육,컨설팅
 컨퍼런스 주최 : WebApps Future Conference 2011
 Microsoft IE9 런칭 기념 HTML5 쇼케이스 개발
 국내 유일의 Sencha Touch 및 웹앱개발 전문회사


Page 3                           http://w3labs.kr
About Kaazing

  Early contributors of HTML5 WebSocket


  Founded in 2007 by former Oracle experts (Web
   Platform Solutions)


  First Enterprise-grade Web Communications
   platform implementing new standards


  Introduced products in 2009


  Marquee customers and partners




                     LEADER IN WEB COMMUNICATIONS
Page 4                                http://w3labs.kr
목차



  왜? WebSocket 인가?
  Websocket 솔루션에는 어떤 것이 있는가?
  Kaazing vs. Socket.IO
  Kaazing Demo




Page 5                     http://w3labs.kr
왜 WEBSOCKET 인가?




             http://w3labs.kr
Legacy Web

     Request 와 Response 를 동시에 처리 하지
      못하는 HTTP 프로토콜
         - 21세기에 “전보(telegraph)” 를 통해
           웹서비스를 이용하는 모습 입니다.


     정적인(Static) 웹서비스에 최적화 되어
      있습니다.
         - User Interaction을 중시하는 현재의 웹과 맞지
           않습니다.


     불필요한 트래픽을 최대 1600배 이상
      처리해야 합니다.
         - 서버 비용 증가
         - 느린 속도




Page 7                           http://w3labs.kr
Legacy Web Architecture




 Need to translate a connected
  world (backend) to a disconnected
  world (Web)

 Expensive to scale applications to
  large web audience

 High latency / bandwidth intensive




            COSTLY INFRASTRUCTURE AND DEVELOPMENT
Page 8                                 http://w3labs.kr
Kaazing Web Architecture



 Designed for real-time

 Massive scalability through
  simplified architecture

 Enterprise-grade reliability
  and resiliency




                      SIMPLICITY REDUCES COSTS
Page 9                           http://w3labs.kr
WEBSOCKET 솔루션에는 어떤 것이 있는가?




            http://w3labs.kr
WebSocket Solution



 Solution
 - 무료 : Socket.IO (http://socket.io)
 - 유료 : Kaazing (http://kaazing.com)

 웹소켓 솔루션은 2개 뿐입니다.
 - 제품은 많이 있지만, 웹소켓을 지원하지 않는 브라우저 까지도 지원하도록 시뮬레이션
   해주는 솔루션이 2개 뿐이기 때문입니다.
 - 웹소켓을 지원하지 않는 브라우저 : IE6+ , Android 2.1+




Page 11                                http://w3labs.kr
WebSocket Solution – 지원 브라우저



 Browser Support – Desktop
 - IE6+
 - Safari 3+
 - Google Chrome 4+
 - Firefox 3+
 - Opera 10.61+


 Browser Support – Mobile
 - iPhone , iPad
 - Android 2.1+
 - WebOS Webkit




Page 12                       http://w3labs.kr
KAAZING VS. SOCKET.IO




                http://w3labs.kr
Kaazing vs. Socket.IO – Full-Duplex


 IE6+, Android 환경에서 Full Duplex 통신하는 유일한 솔루션!!

 - Socket.IO : Long-Polling(Comet) 방식을 통한 시뮬레이션
   - Half-Duplex 방식으로 응답이 느리다.
   - 가비지 트래픽 발생으로 Kaazing 에 비해 최대 1600배 트래픽 발생.  서버 부하로 이어짐


 - Kaazing : Ajax connection 2개 연결하여 Send/Receive 를 동시 진행
   - Full-Duplex 방식으로 Real WebSocket 방식과 동일
   - 가비지 트래픽 없다  서버 안정
   - 빠른 Latency




Page 14                            http://w3labs.kr
Kaazing vs. Socket.IO – Secure Emulation


 IE6+, Android 시뮬레이션 환경에서 완벽한 보안 제공




Page 15                   http://w3labs.kr
Kaazing vs. Socket.IO – Single Sign-On(SSO) 환경 지원


 Single Sign-On(SSO) 환경 지원하는 유일한 솔루션
  (시뮬레이션 모드 포함)


 기업의 Legacy SSO 시스템과 결합
 - 기업의 Legacy SSO를 통해 승인 받은 유저에게 별도 승인 없이 WebSocket 연결
 - SSO 한번만 승인 받으면 모든 서비스 이용 가능




Page 16                    http://w3labs.kr
Kaazing vs. Socket.IO – VPN 환경


 클라이언트가 VPN을 통해 접속을 하더라도 WebSocket 완벽 지원하는 유일한
  솔루션
  (시뮬레이션 모드 포함)
 Legacy VPN 환경에 설치가 가능하다.
  WebSocket Connection도 VPN통해 이뤄진다.
 클라이언트(시뮬레이션 모드 포함)와 서버에 각각 VPN 환경(총 2개 VPN)도
  지원
 - 어떠한 네트워크 구조도 지원




Page 17                    http://w3labs.kr
Kaazing vs. Socket.IO – DDMZ 지원


 서버가 어떠한 DMZ 환경에 있더라도 WebSocket 완벽 지원




Page 18                http://w3labs.kr
Kaazing vs. Socket.IO – Active-Active 이중화


 서버 확장 시 Active-Active 이중화 가능


 Kaazing 스스로 자동으로 Load Balancing 작동




Page 19                    http://w3labs.kr
Kaazing vs. Socket.IO – 병렬적 서버 확장


 서버 확장 시, 병렬적 서버 확장이 가능하며 세션문제 발생하지 않는다.
 병렬로 확장된 서버 간에는 자동으로 Load-Balancing 작동




Page 20                 http://w3labs.kr
Kaazing vs. Socket.IO – Development


 Kaazing 은 Java base 로 개발되어 있어 다루기가 쉽다.
 - 국내 수많은 Java 엔지니어


 Socket.IO는 Node.js 기반으로 되어 있어 인력 구하기 어려움.




Page 21                   http://w3labs.kr
Kaazing vs. Socket.IO – 기술지원


 Kaazing
 - 미래웹기술연구소를 통한 1차 지원과 Kaazing 본사를 통한 2차 지원
   - 1차 지원 : 국내 미래웹기술연구소
   - 2차 지원 : Kaazing 본사


 Socket.IO
 - 기술지원 없음.
 - 웹 검색을 통해 자체 해결 필요.




Page 22                    http://w3labs.kr
Kaazing vs. Socket.IO – 안정성


 Kaazing
 - W3C WebSocket 스펙 작성에 주도적으로 참여한 John Fallows(Kaazing 창업자)
 - W3C 활동 내역 : http://goo.gl/hsElI
 - W3C의 Ian Hickson 이 최고의 WebSocket 솔루션으로 소개 (비공식)


 Socket.IO
 - 2013년 2월 현재 “0.9.x” 버전




Page 23                              http://w3labs.kr
Kaazing vs. Socket.IO – Proxy Server 지원


 서버와 클라이언트 사이에 Proxy Server 가 있을 경우
  Proxy Server 에서 WebSocket 데이터를 감청 하는 경우가 있는데
 Kaazing 에서는 완벽하게 암호화 하여 Proxy Server 구조에서도 보안 확보




Page 24                  http://w3labs.kr
Kaazing vs. Socket.IO – Misc.


 Binary Data 의 WebSocket 지원
 Server Sent Events(SSE) 지원
 개발자 라이선스 무료
 Enterprise-level Security
 많은 Client 지원
 - JavaScript (HTML5)
 - Flash / Flex / Air
 - Sliverlight
 - .Net
 - Java




Page 25                        http://w3labs.kr
Kaazing vs. Socket.IO – Customers


 Kaazing                     - Informatica                   - SkyBet
                              - ITRS                          - Alea Gaming
 - Energy                     - Oracle                        - AOL
   - Teias PMUM               - Intel                         - The Daily
                              - Cisco                         - CNN Money
 - Financial Services         - Deloitte                      - Palo Alto International Film Festival
   - JPMorgan Chase & Co.     - Ericsson
   - Cantor Fitzgerald        - Google                      - Travel & Transportation
   - HSBC                     - Qualcomm                      -   Trackmatic Solutions
   - Broadridge               - Siemens                       -   Southwest Airlines
   - Bloomberg                - Mathworks
   - Goldman Sachs            - KRONOS
   - USAA                     - SapientNitro
   - Wells Fargo              - McAfee
                              - Bechtel
 - Online Retail              - Siemens
   - Limitedbrands
   - Mr Porter              - Media & Entertainment
                              - Unibet
 - Software & OEM             - BCLC
   - Tibco                    - TV2 Norway




Page 26                                  http://w3labs.kr
KAAZING DEMO




               http://w3labs.kr
Demo



 Demo URL : http://kaazing.com/demo
 - Racer : http://demo.kaazing.com/racer
 - Exchange : http://demo.kaazing.com/forex/

 Youtube
 - http://www.youtube.com/watch?v=ReYqaCVW5cA




Page 28                                http://w3labs.kr
감사합니다.
            질의 응답 시간

           E-Mail : contact@w3labs.kr
           Twitter : @w3labskr




Page 29   http://w3labs.kr

More Related Content

What's hot

프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음DataUs
 
Django에서 websocket을 사용하는 방법
Django에서 websocket을 사용하는 방법Django에서 websocket을 사용하는 방법
Django에서 websocket을 사용하는 방법NAVER D2
 
Javascript's History
Javascript's HistoryJavascript's History
Javascript's History철현 박
 
모듈시스템과 webpack
모듈시스템과 webpack모듈시스템과 webpack
모듈시스템과 webpackDataUs
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Aria (In Suk) Kim
 
Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01SangHun Lee
 
최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사Kichul Jung
 
맛만 보자 Undertow
맛만 보자 Undertow맛만 보자 Undertow
맛만 보자 Undertowjbugkorea
 
Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해tailofmoon
 
자바스크립트의 변천사
자바스크립트의 변천사자바스크립트의 변천사
자바스크립트의 변천사Hun Yong Song
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer ModelHan Lee
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Junsu Kim
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_frameworkJT Jintae Jung
 
HTML5 & CSS 살펴보기
HTML5 & CSS  살펴보기HTML5 & CSS  살펴보기
HTML5 & CSS 살펴보기Suan Lee
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료치웅 이
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택Tai Hoon KIM
 

What's hot (20)

프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음
 
Django에서 websocket을 사용하는 방법
Django에서 websocket을 사용하는 방법Django에서 websocket을 사용하는 방법
Django에서 websocket을 사용하는 방법
 
Vue.js와 Firebase활용기
Vue.js와 Firebase활용기Vue.js와 Firebase활용기
Vue.js와 Firebase활용기
 
Javascript's History
Javascript's HistoryJavascript's History
Javascript's History
 
모듈시스템과 webpack
모듈시스템과 webpack모듈시스템과 webpack
모듈시스템과 webpack
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발
 
Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01
 
최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사
 
맛만 보자 Undertow
맛만 보자 Undertow맛만 보자 Undertow
맛만 보자 Undertow
 
Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해
 
Spring for android
Spring for androidSpring for android
Spring for android
 
자바스크립트의 변천사
자바스크립트의 변천사자바스크립트의 변천사
자바스크립트의 변천사
 
Mean stack Start
Mean stack StartMean stack Start
Mean stack Start
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_framework
 
HTML5 & CSS 살펴보기
HTML5 & CSS  살펴보기HTML5 & CSS  살펴보기
HTML5 & CSS 살펴보기
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택
 
Umbraco Introduction
Umbraco IntroductionUmbraco Introduction
Umbraco Introduction
 

Similar to Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션

WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010Joone Hur
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망NAVER Engineering
 
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용고포릿 default
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)W3C와 국제적 웹 기술 협력을 위한 제언 (2005)
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)Channy Yun
 
W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017Wonsuk Lee
 
Web os 전략 0912
Web os 전략 0912Web os 전략 0912
Web os 전략 0912우일 권
 
웹 2.0 기술 소개 (2006)
웹 2.0 기술 소개 (2006)웹 2.0 기술 소개 (2006)
웹 2.0 기술 소개 (2006)Channy Yun
 
마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기Jaewoo Ahn
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)Channy Yun
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망Wonsuk Lee
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망Wonsuk Lee
 
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영sung young son
 
락플레이스 OpenShift Q&A 토크쇼 발표자료
락플레이스 OpenShift Q&A 토크쇼 발표자료락플레이스 OpenShift Q&A 토크쇼 발표자료
락플레이스 OpenShift Q&A 토크쇼 발표자료rockplace
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014Lee WonJae
 
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)Cloud-Barista Community
 

Similar to Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션 (20)

N-Screen 종결자, HTML5
N-Screen 종결자, HTML5N-Screen 종결자, HTML5
N-Screen 종결자, HTML5
 
WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010
 
HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2
 
HTML5 Tutorial(Korean)
HTML5 Tutorial(Korean)HTML5 Tutorial(Korean)
HTML5 Tutorial(Korean)
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용
비트교육센터-AWS활용 1주차: EC2, S3, Elastic Beanstalks 사용
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)W3C와 국제적 웹 기술 협력을 위한 제언 (2005)
W3C와 국제적 웹 기술 협력을 위한 제언 (2005)
 
W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017
 
Web os 전략 0912
Web os 전략 0912Web os 전략 0912
Web os 전략 0912
 
웹 2.0 기술 소개 (2006)
웹 2.0 기술 소개 (2006)웹 2.0 기술 소개 (2006)
웹 2.0 기술 소개 (2006)
 
마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망
 
HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
 
락플레이스 OpenShift Q&A 토크쇼 발표자료
락플레이스 OpenShift Q&A 토크쇼 발표자료락플레이스 OpenShift Q&A 토크쇼 발표자료
락플레이스 OpenShift Q&A 토크쇼 발표자료
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014
 
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)
Cloud-Barista 제7차 컨퍼런스 : 멀티클라우드 적응형 네트워크 (CB-Larva)
 

More from 미래웹기술연구소 (MIRAE WEB)

실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
실무자를 위한  ExtJS  엔터프라이즈 개발 노하우실무자를 위한  ExtJS  엔터프라이즈 개발 노하우
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우미래웹기술연구소 (MIRAE WEB)
 
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?미래웹기술연구소 (MIRAE WEB)
 
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례미래웹기술연구소 (MIRAE WEB)
 
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례미래웹기술연구소 (MIRAE WEB)
 
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS미래웹기술연구소 (MIRAE WEB)
 
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향미래웹기술연구소 (MIRAE WEB)
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개미래웹기술연구소 (MIRAE WEB)
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대미래웹기술연구소 (MIRAE WEB)
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트미래웹기술연구소 (MIRAE WEB)
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space미래웹기술연구소 (MIRAE WEB)
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5미래웹기술연구소 (MIRAE WEB)
 

More from 미래웹기술연구소 (MIRAE WEB) (20)

실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
실무자를 위한  ExtJS  엔터프라이즈 개발 노하우실무자를 위한  ExtJS  엔터프라이즈 개발 노하우
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
 
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
 
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례 Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
 
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례
Sencha ExtJS를 활용한 물류 통합 관리솔루션 개발 사례
 
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
 
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
 
HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1
 
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소 HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
 
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
 
Mobile UI Framework
Mobile UI FrameworkMobile UI Framework
Mobile UI Framework
 
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 기업 환경에서 HTML5 도입전략 소개
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space
[Sencha 엔터프라이즈 웹애플리케이션 세미나] BYOD - Sencha space
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5
[Sencha 엔터프라이즈 웹애플리케이션 세미나] Enterprise Level Web Application w_ Ext JS 5
 
Ext JS 구축사례 : 하나로 TNS
Ext JS 구축사례 : 하나로 TNSExt JS 구축사례 : 하나로 TNS
Ext JS 구축사례 : 하나로 TNS
 
[Sencha 국제공인 교육_Ext JS 4 Training ] 5월교육
[Sencha 국제공인 교육_Ext JS 4 Training ] 5월교육[Sencha 국제공인 교육_Ext JS 4 Training ] 5월교육
[Sencha 국제공인 교육_Ext JS 4 Training ] 5월교육
 
Sencha Ext JS 구축사례 : 콜로사 프로세스메이커
Sencha Ext JS 구축사례 : 콜로사 프로세스메이커Sencha Ext JS 구축사례 : 콜로사 프로세스메이커
Sencha Ext JS 구축사례 : 콜로사 프로세스메이커
 
Sencha Ext JS 구축사례 : 마케토
Sencha Ext JS 구축사례 : 마케토Sencha Ext JS 구축사례 : 마케토
Sencha Ext JS 구축사례 : 마케토
 

Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션

  • 1. Kaazing Web Socket Solution 미래웹기술연구소
  • 2. 미래웹기술연구소 소개  W3C 공식 멤버 (국내 민간사 7번째 회원사)  Sencha Inc. 공식 파트너  Kaazing 공식 파트너  HTML5 및 웹표준 기술 전문 연구 강의, 교육  HTML5 모바일 개발 및 앱개발  웹기술기반 아이폰, 안드로이드앱 개발 및 컨설팅  아이패드, 안드로이드 패드용 전자책 개발  웹기술과 가전제품의 융합 선행연구 Page 2 http://w3labs.kr
  • 3. 미래웹기술연구소  HTML5, 모바일웹, N-Screen 대응 웹기술 연구 및 교육,컨설팅  컨퍼런스 주최 : WebApps Future Conference 2011  Microsoft IE9 런칭 기념 HTML5 쇼케이스 개발  국내 유일의 Sencha Touch 및 웹앱개발 전문회사 Page 3 http://w3labs.kr
  • 4. About Kaazing  Early contributors of HTML5 WebSocket  Founded in 2007 by former Oracle experts (Web Platform Solutions)  First Enterprise-grade Web Communications platform implementing new standards  Introduced products in 2009  Marquee customers and partners LEADER IN WEB COMMUNICATIONS Page 4 http://w3labs.kr
  • 5. 목차  왜? WebSocket 인가?  Websocket 솔루션에는 어떤 것이 있는가?  Kaazing vs. Socket.IO  Kaazing Demo Page 5 http://w3labs.kr
  • 6. 왜 WEBSOCKET 인가? http://w3labs.kr
  • 7. Legacy Web  Request 와 Response 를 동시에 처리 하지 못하는 HTTP 프로토콜 - 21세기에 “전보(telegraph)” 를 통해 웹서비스를 이용하는 모습 입니다.  정적인(Static) 웹서비스에 최적화 되어 있습니다. - User Interaction을 중시하는 현재의 웹과 맞지 않습니다.  불필요한 트래픽을 최대 1600배 이상 처리해야 합니다. - 서버 비용 증가 - 느린 속도 Page 7 http://w3labs.kr
  • 8. Legacy Web Architecture  Need to translate a connected world (backend) to a disconnected world (Web)  Expensive to scale applications to large web audience  High latency / bandwidth intensive COSTLY INFRASTRUCTURE AND DEVELOPMENT Page 8 http://w3labs.kr
  • 9. Kaazing Web Architecture  Designed for real-time  Massive scalability through simplified architecture  Enterprise-grade reliability and resiliency SIMPLICITY REDUCES COSTS Page 9 http://w3labs.kr
  • 10. WEBSOCKET 솔루션에는 어떤 것이 있는가? http://w3labs.kr
  • 11. WebSocket Solution  Solution - 무료 : Socket.IO (http://socket.io) - 유료 : Kaazing (http://kaazing.com)  웹소켓 솔루션은 2개 뿐입니다. - 제품은 많이 있지만, 웹소켓을 지원하지 않는 브라우저 까지도 지원하도록 시뮬레이션 해주는 솔루션이 2개 뿐이기 때문입니다. - 웹소켓을 지원하지 않는 브라우저 : IE6+ , Android 2.1+ Page 11 http://w3labs.kr
  • 12. WebSocket Solution – 지원 브라우저  Browser Support – Desktop - IE6+ - Safari 3+ - Google Chrome 4+ - Firefox 3+ - Opera 10.61+  Browser Support – Mobile - iPhone , iPad - Android 2.1+ - WebOS Webkit Page 12 http://w3labs.kr
  • 13. KAAZING VS. SOCKET.IO http://w3labs.kr
  • 14. Kaazing vs. Socket.IO – Full-Duplex  IE6+, Android 환경에서 Full Duplex 통신하는 유일한 솔루션!! - Socket.IO : Long-Polling(Comet) 방식을 통한 시뮬레이션 - Half-Duplex 방식으로 응답이 느리다. - 가비지 트래픽 발생으로 Kaazing 에 비해 최대 1600배 트래픽 발생.  서버 부하로 이어짐 - Kaazing : Ajax connection 2개 연결하여 Send/Receive 를 동시 진행 - Full-Duplex 방식으로 Real WebSocket 방식과 동일 - 가비지 트래픽 없다  서버 안정 - 빠른 Latency Page 14 http://w3labs.kr
  • 15. Kaazing vs. Socket.IO – Secure Emulation  IE6+, Android 시뮬레이션 환경에서 완벽한 보안 제공 Page 15 http://w3labs.kr
  • 16. Kaazing vs. Socket.IO – Single Sign-On(SSO) 환경 지원  Single Sign-On(SSO) 환경 지원하는 유일한 솔루션 (시뮬레이션 모드 포함)  기업의 Legacy SSO 시스템과 결합 - 기업의 Legacy SSO를 통해 승인 받은 유저에게 별도 승인 없이 WebSocket 연결 - SSO 한번만 승인 받으면 모든 서비스 이용 가능 Page 16 http://w3labs.kr
  • 17. Kaazing vs. Socket.IO – VPN 환경  클라이언트가 VPN을 통해 접속을 하더라도 WebSocket 완벽 지원하는 유일한 솔루션 (시뮬레이션 모드 포함)  Legacy VPN 환경에 설치가 가능하다. WebSocket Connection도 VPN통해 이뤄진다.  클라이언트(시뮬레이션 모드 포함)와 서버에 각각 VPN 환경(총 2개 VPN)도 지원 - 어떠한 네트워크 구조도 지원 Page 17 http://w3labs.kr
  • 18. Kaazing vs. Socket.IO – DDMZ 지원  서버가 어떠한 DMZ 환경에 있더라도 WebSocket 완벽 지원 Page 18 http://w3labs.kr
  • 19. Kaazing vs. Socket.IO – Active-Active 이중화  서버 확장 시 Active-Active 이중화 가능  Kaazing 스스로 자동으로 Load Balancing 작동 Page 19 http://w3labs.kr
  • 20. Kaazing vs. Socket.IO – 병렬적 서버 확장  서버 확장 시, 병렬적 서버 확장이 가능하며 세션문제 발생하지 않는다.  병렬로 확장된 서버 간에는 자동으로 Load-Balancing 작동 Page 20 http://w3labs.kr
  • 21. Kaazing vs. Socket.IO – Development  Kaazing 은 Java base 로 개발되어 있어 다루기가 쉽다. - 국내 수많은 Java 엔지니어  Socket.IO는 Node.js 기반으로 되어 있어 인력 구하기 어려움. Page 21 http://w3labs.kr
  • 22. Kaazing vs. Socket.IO – 기술지원  Kaazing - 미래웹기술연구소를 통한 1차 지원과 Kaazing 본사를 통한 2차 지원 - 1차 지원 : 국내 미래웹기술연구소 - 2차 지원 : Kaazing 본사  Socket.IO - 기술지원 없음. - 웹 검색을 통해 자체 해결 필요. Page 22 http://w3labs.kr
  • 23. Kaazing vs. Socket.IO – 안정성  Kaazing - W3C WebSocket 스펙 작성에 주도적으로 참여한 John Fallows(Kaazing 창업자) - W3C 활동 내역 : http://goo.gl/hsElI - W3C의 Ian Hickson 이 최고의 WebSocket 솔루션으로 소개 (비공식)  Socket.IO - 2013년 2월 현재 “0.9.x” 버전 Page 23 http://w3labs.kr
  • 24. Kaazing vs. Socket.IO – Proxy Server 지원  서버와 클라이언트 사이에 Proxy Server 가 있을 경우 Proxy Server 에서 WebSocket 데이터를 감청 하는 경우가 있는데  Kaazing 에서는 완벽하게 암호화 하여 Proxy Server 구조에서도 보안 확보 Page 24 http://w3labs.kr
  • 25. Kaazing vs. Socket.IO – Misc.  Binary Data 의 WebSocket 지원  Server Sent Events(SSE) 지원  개발자 라이선스 무료  Enterprise-level Security  많은 Client 지원 - JavaScript (HTML5) - Flash / Flex / Air - Sliverlight - .Net - Java Page 25 http://w3labs.kr
  • 26. Kaazing vs. Socket.IO – Customers  Kaazing - Informatica - SkyBet - ITRS - Alea Gaming - Energy - Oracle - AOL - Teias PMUM - Intel - The Daily - Cisco - CNN Money - Financial Services - Deloitte - Palo Alto International Film Festival - JPMorgan Chase & Co. - Ericsson - Cantor Fitzgerald - Google - Travel & Transportation - HSBC - Qualcomm - Trackmatic Solutions - Broadridge - Siemens - Southwest Airlines - Bloomberg - Mathworks - Goldman Sachs - KRONOS - USAA - SapientNitro - Wells Fargo - McAfee - Bechtel - Online Retail - Siemens - Limitedbrands - Mr Porter - Media & Entertainment - Unibet - Software & OEM - BCLC - Tibco - TV2 Norway Page 26 http://w3labs.kr
  • 27. KAAZING DEMO http://w3labs.kr
  • 28. Demo  Demo URL : http://kaazing.com/demo - Racer : http://demo.kaazing.com/racer - Exchange : http://demo.kaazing.com/forex/  Youtube - http://www.youtube.com/watch?v=ReYqaCVW5cA Page 28 http://w3labs.kr
  • 29. 감사합니다. 질의 응답 시간  E-Mail : contact@w3labs.kr  Twitter : @w3labskr Page 29 http://w3labs.kr

Editor's Notes

  1. OLD WEBDesigned for static documentsRequest – Response modelNo concept of connectionLatest standards date from 1999Communications similar to the telegraphOnly one direction at a timeUnreliableSimulated interactivityRequires proprietary plug-insRequires polling / long polling techniquesHigh latencyFragmented client (browser) capability
  2. OLD WEB ARCHITECTURENeed to translate a connected world (backend) to a disconnected world (Web)Need for “translation” processingHTTP – half duplex communicationAjax/Comet techniques (polling / long polling)Costly legacy Application/Web serversRequires WAN optimizationExpensive to scale applications to large web audienceEach round trip needs to be processed by the web middlewareRe-authenticate, re-authorize, re-translate each timeHigh latency / bandwidth intensiveHTTP header traffic 800 to 2000 bytes overhead per request/response
  3. KAAZING WEB ARCHITECTUREDesigned for real-timeFull-duplex Up to 1000x less latency (< 1ms)Up to 1000x better bandwidth utilizationMassive scalability through simplified architecture Enterprise-grade reliability and resiliencyGuaranteed messagesSupport for ALL Client devices Support for ALL TCP-based binary and text protocols to the Web