1

FLETA WebSocket v0.7

2

FLETA WebSocket v0.7 1. 기술개요

2.제품소개

3.제품활용

4.기술의 사업성

5.회사소개

목 차

3

1. 기술개요

HTTP 프로토콜을 이용한 웹 통신의 대.전.제 브라우저와 서버와 통신을 하려면

브라우저의

요청 이 있어야

서버는

응답 할 수 있다

원래 HTTP라는 것이

웹 브라우저에서 요청을 보내면 서버가 응답을 전송하고 끝마치는 간단한 구조이다.

HTTP의 기본 통신방식

4

1. 기술개요

1. Polling 일정 간격으로 서버에 요청을 보내어 서버의 이벤트를 받는 방식이다.

2. Long-Polling 요청에 대한 응답을 바로 하지 않고 이벤트가 발생한 경우에 응답을 하고 클라이언트는 바로 다시 재요청을 보내는 방식이다.

3. Streaming 요청에 대한 응답을 완료하지 않은 상태에서 서버의 이벤트 발생시 데이터를 계속 내려주는 방식이다.

4. SSE (Server Sent Events) 서버푸시를 구현하기 위해 제안된 HTML5 표준 기술이다.

Hidden IFRAME > Ajax Polling > Comet(Ajax Long-Polling) > SSE 순으로 발전

우회적인 기법의 실시간 통신방식

5

1. 기술개요

WebSocket 이란 ?

웹 브라우저와 서버가 양방향 통신을 할 수 있도록 지원하는 프로토콜이다.

WebSocket Server Sent Events

Client Sent Events

6

1. 기술개요

HTML5 표준 지원현황

SSE (Server-Sent events) Web Sockets

7

2. 제품소개

클라이언트 측면

다수의 범용 웹 브라우저에서 지원 가능

WebSocket 미지원 브라우저 경우 SSE 등 대체 통신수단 설정

웹 브라우저의 멀티 윈도우, 멀티 탭 간 푸시 메시지 공유 가능

callback 통한 customizing 지원

온·오프라인 오류점검

FLETA-WebSocket 은 HTML5 기반의

웹 브라우저와 서버간의 양방향통신을 제공하는 웹소켓 프레임워크이다.

서버 측면

WebSocket, SSE, Long-Polling 등 다양 통신방식 지원

Thread Pool 관리하여 유휴자원 재활용

Thread Pool 크기 및 Thread수 설정 가능

서버푸시를 Client에 맞게 데이터 필터링

확장처리를 위한 Handler, Interceptor 제공

제품개요

8

2. 제품소개

FLETA WebSocket Framework 아키텍처

JavaScript

jQuery 1.6.x 이상

HTML5

CL

IEN

T-S

IDE

JDK 1.6 이상

Spring MVC

FLETA MVC

SE

RV

ER

-SID

E

제품 아키텍처

9

2. 제품소개

WebSocket

Plugin

Framwork

Front Servlet

Subscribe

Push

Broadcast

WebSocket 연결

Broadcast

Event 발생

WebSocket

MessageHandler

FLETA WebSocket 통신 다이어그램

통신 다이어그램

Browser Server

10

2. 제품소개

OS

• 제약 없음

Server

• CPU : Dual-Core 2GHz 이상

• Memory : 4.0GB 이상

• HDD : 400MB 이상의 설치공간

WAS

• Tomcat 7.0.27 이상, WebLogic 12.x, Jetty 7.x 이상, GlassFish 3.12 이상

• SSE, Long-Polling 방식은 Jboss 5.x 이상, WebLogic 10.x 이상, Resin 2.x,

WebSphere 7.x 이상 가능

웹 브라우저

• Chrome 13.x 이상, Firefox 9.x 이상, IE 10.x 이상, Opera 11.x 이상, Sapari 5.x 이상

사용환경

11

2. 제품소개

네트워크 효율

• 기존 Polling(Ajax) 방식 대비 대역폭 감소

• 네트워크 통신의 가비지 약 500배 감소

• 응답대기 시간 30% 감소

Thread 관리

• 접속 Client에 Thread를 할당 관리

• ThreadPool Sizing, Thread max 설정을 통해 할당된 시스템자원 내에서 최대 활용

• 동시접속자 1000, 1460 byte 메시지, 초당 약 900건 처리

비용 절감

• 메시지 발생시에만 푸시 함으로써 네트워크 비용 절감 및 효율성 증대

• 모바일 Device 경우 SMS/MMS를 대체 적용 시 운영 비용 절감

• 네트워크 효율증대로 인한 인프라 비용 절감

제품 효율성

12

2. 제품소개

(예시2) 웹푸시 전용서버에 하나의 WebSocket 서비스를 구성

WAS

WAS

WAS

사용자 스마트폰

패드 데스크탑

시스템 구성도

WAS

서비스 Application

사용자

WAS

서비스 Application

동기화

스마트폰

패드

데스크탑 스마트폰

패드

데스크탑

(예시1) 서비스WAS 내에 WebSocket 서비스를 구성

WAS

WAS

사용자

WEB Server

동기화

스마트폰

패드

데스크탑 스마트폰

패드

데스크탑

(예시3) 웹푸시 전용서버에 여러 개의 WebSocket 서비스를 구성

13

3. 제품활용

동영상 시연

적용데모

14

4. 기술의 사업성

시장성

웹 표준화 및 HTML5 대두

• 정부 웹 표준 개발에 대한 관심 지원 및 단계적 도입과정

• HTML5 표준화 정책에 따른 모바일, IT서비스의 수요가 증가

• 표준화 수요증가 대비 WebSocket 기술의 활용 수요가 증대

동업계 현황

• 도입기 단계의 신개념 기술로 현재 이 분야에 전문적으로 뛰어든 업체가 적으므로

선도적인 핵심기술로 활용

15

HTML5 기반의 솔루션 및 IT서비스 (금융, 유통, 물류, 교육, 국방 등)

M2M, IoT(사물인터넷)에 필요한 다양한 확장 기술에 이용

모바일, 웹앱, 스마트TV 제품 및 광고를 위한 기반기술

주식정보 현황 같은 모니터링 서비스

동시작업이 필요한 업무 서비스

쇼셜 네트워크 즉시 알림 서비스

재고 및 날씨 정보 실시간 표시

SMS 대체 서비스

VNC 서비스

4. 기술의 사업성

적용 가능분야

The

INTERNET THING of

16

5. 회사소개

회사개요

공개 S/W를 지속적으로 연구 · 개발하고 RIA 플랫폼 솔루션 및 프레임워크로 서비스를 제공합니다.

회사명 ㈜플레타플러스

대표이사 박상률

사업분야

주소 서울특별시 구로구 디지털로26길 72 서울시창업지원센터 304호

연락처 010-4578-1656

홈페이지 http://fletaplus.com

회사 설립 2012년 2월

해당부문사업기간 2011년 5월 ~ 2014년 현재 (36개월)

RIA 플랫폼 솔루션 개발/공급 프레임워크, 배치 방송·미디어 솔루션 개발/공급 Mobile Web 개발/공급 공개 SW, 컨설팅, 기술교육

솔루션 FLETA RIA Platform FLETA Enterprise Framework 방송·미디어 솔루션

시스템통합 공공 / 방송·미디어 / 에너지 / 유통·물류

IT컨설팅 RIA 서비스, 모바일, 프레임워크, 아키텍처 기술 교육/지원 UI·UX Leading Innovation

유지보수 정보시스템 운영 정보보안 / 시스템관리

사 업 분 야

17

5. 회사소개

조직포탈 - 한국도로공사 KBS 신보도정보시스템 - 한국방송공사

에너지최적화시스템 - 현대오일뱅크 낙뢰피해예방통합관리 - 한국가스공사

Grid간 Drag & Drop

18

㈜플레타플러스 TEL. Mail. business@fletaplus.com URL. http://fletaplus.com

ContactUs

서울특별시 구로구 디지털로26길 72 베르디빌딩 304호

010-4578-1656