Sbgrid lite 제품 소개서

SBGRID LITE 제품 소개

PROPOSAL

2014. 07

Copyright © 2014 by SOJUNG COMMUNICATIONS. ALL RIGHTS RESERVED.No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means — electronic, mechanical, photocopying, recording, or otherwise — without the permission of SOJUNG COMMUNICATIONS.

소정커뮤니케이션즈 소개

소정커뮤니케이션즈는 소통과 공감으로 더 나은 사회를 만들자는 비전을 가지고 설립된 작은 기업입니다 .

IT 서비스 / CSR 및 CSV 컨설팅 / 기업교육 및 지식 컨텐츠 개발의 비즈니스 영역을 가지고 있으며 , 다양한 분야의 비즈니스 파트너 및 협력 기관들과 함께 비전을 실현해 나아가고 있습니다 .

신생 기업이지만 , 각각의 비즈니스 영역에 있어서 10 년 이상의 경험을 보유하고 있으며 , 상호 신뢰와 책임 이라는 비즈니스 원칙을 끝까지 고수해 나아갈 것입니다 .

다양한 협력과 공동의 비즈니스의 추진을 통해서 소정커뮤니케이션즈는 작은 출발을 통해 커다란 열매를 맺어갈 수 있도록 최선을 다할 것입니다 .

• 회사명 : 소정커뮤니케이션즈 (SOJUNG COMMUNICATIONS)• 홈페이지 : www.sojungcns.com • Facebook : www.facebook.com/sojungcns• 주 소 : 서울특별시 금천구 가산디지털 1 로 149, 1005 호

( 가산동 , 신한이노플렉스 )• 사업영역 : 컨설팅 , 교육 , 소프트웨어 개발 및 도소매• 연락처 : 070-8251-3701 / [email protected]

소정 ( 小庭 ) : 작은 정원 , 작은 공간

• 사람들이 모여 소통하고 공감대를 이루는 작은 공간 • 마음껏 이야기하고 뜻을 시작하는 작은 출발점

Copyright © 2014 by SOJUNG COMMUNICATIONS. ALL RIGHTS RESERVED. 2

라이선스 및 판매 정책

1 개 프로젝트 내에서의 서버 유형 / 서버 대수에 따른 라이선스 (1 Server 1 License)

유무선 기술지원 ( 프로젝트 기간 내에 한하며 , 방문기술지원 없음 )

ESD (Electronic Software Distribution) 제품으로 구매 후 환불 또는 구매취소 불가 ( 단 , 온라인 입금의 경우 입금 확인 이전에는 환불 및 구매 취소 가능 )

구매 후 1 년 이내 제품 업그레이드 무상 지원

미러링 서버 ( 이중화 서버 ) 의 경우에는 2 대의 서버로 간주

제품 매뉴얼 함께 제공

체험 판 (Trial Version) 은 무료로 제공

Demo Site : http://www.sbgrid.co.kr/lite


http://www.sbgrid.co.kr/lite

SBGRID LITE 소개

제품 주요 특징 / 주요 기능


출처 : 2013 년 웹 호환성 실태조사 발표 ( 미래창조과학부 , 2014/01/13)

ActiveX 로 인해 웹 표준 환경을 지원하지 못하는 웹 서비스는 이제 걷어내야 합니다

웹 호환성 실태 01. 국내 웹사이트에서 사용되는 ActiveX 는 총 1,740

개

국내 민간 100 대 사이트 중 ActiveX 사용 중인 사이트는 75 개

웹 호환성 실태 02 국내 민간 100 대 사이트 중 3 종 이상의 멀티브라우저를

지원하는 사이트 22 개 ( 해외 주요 100 대 사이트의 경우 91개 )


웹 표준의 장점

1. 멀티브라우저 사용 및 웹 접근성 향상

2. 편리한 페이지 작업과 유지보수의 용이성 향상

3. 검색엔진 최적화

4. 소스의 효율적인 적용으로 파일 사이즈 감소

5. 모바일 최적화

6. 보안성 향상

정부의 웹 표준화 정책 ‘ 웹 선도포럼 100’ 발족 및 ‘글로벌 표준 기반 인터넷

이용환경개선 계획’ 추진 공인인증서 활용기술 개발과 표준화를 추진 100 대 웹사이트를 중심으로 비 표준 인터넷 환경을 개선 액티브 X 대체기술 적용 , HTML5 확산 등 글로벌 웹 표준

기술 컨설팅 , 모바일 환경에 적합한 다양한 브라우저 지원 가이드라인 제공 등

민간 및 관공기관 금융투자협회 전자공시시스템의 ActiveX 삭제 정부부처 인터넷 홈페이지에서의 ActiveX 축소 및 클라우드

환경 도입 추진 증권 업계에서의 ActiveX 가 제거된 웹사이트 개편 진행 중 모바일 및 멀티브라우저를 지원하는 웹 표준 환경의 민간

사이트 증가 가속화


Web 개발 프로젝트에서의 UI 와 Grid

Grid 는 화면개발에서 Multi-Record 를 처리하는 컴포넌트로 특히 , 국내환경에서 많이 사용되고 있습니다 . 웹 개발에서 화면개발의 70% 라면 , 화면개발 중 Grid 의 비중은 대부분을 차지합니다 .

UI 중 Grid 영역의 비중


Web UI 개발의 문제점과 대안

현행 웹 화면개발 시 대부분 개발자들은 벤더종속 비 표준 코딩을 하는 것에 대한 탈피와 N-Screen 가능을 위한 플랫폼 종속 탈피를 희망합니다 . 이는 오직 웹 표준 사용만으로 해결 가능합니다 .

Vendor 종속

Platform종속

Only HTML &

JavaScript(Pure-Web, no-

plugin)


Web UI Solution 현황

현재 화면개발 [UI 개발 ] 을 위한 솔루션 중에서 UI 툴은 비 표준 코딩문제로 , 국내 Grid 제품은 멀티 OS 문제로 , 외산 Grid 제품은 기술지원 문제로 각각 한계가 있습니다 .

UI Tool

국산Web Grid

(ActiveX, Flash)

외산Web Grid

(Pure-Web)

SlickGrid

벤더종속적 비 표준 코딩 문제 및 N-Screen 문제

높은 가격

ActiveX, Flash 등 N-Screen문제

기술지원 , 커스터마이징 불가 공개 SW 책임소재 문제

벤더종속이 없으면서 , N-Screen 이 가능하고 , 기술지원 및 국내환경에 맞는 커스터마이징이 가능한 제품 필요


SBGRID ?

SBGRID 는 웹 표준으로 개발된 no-plugin 의 Web Grid 솔루션 입니다 . 순수 국산 기술로 개발된 국산 제품으로서 OSMU 환경을 지원할 뿐만 아니라 기술지원 및 국내환경에 맞는 커스터마이징이 가능한 제품입니다 . ( 대규모 시스템 개발에 적합 )

1보안 취약성 극복

2Multi

BrowserMulti OS

3Any Device

지원

4Mobile 지원


SBGRID LITE ?

SBGRID LITE 버전은 SBGRID 제품의 기능 중 데이터의 편집 기능을 제외하고 , 데이터의 조회 기능을 수행 하는 조회 전용 제품으로서 중소기업 및 중소규모의 프로젝트 수행에 적합합니다 . ( 공공기관 등 대규모 시스템 개발 시에는 SBGRID 2.0 의 제품이 적합합니다 .)

데이터 표현 기능

그리드 표현 기능

편의 기능Load /

Save Ex-cel


SBGRID vs. SBGRID LITE

SBGRID SBGRID LITE

데이터 표현

• get /set Autoresize• get / set BackColorAlternate• get / set DataHeight• get / set MergeCells• col format• output / input / radio / checkbox / image

• get /set Autoresize• get / set BackColorAlternate• get / set DataHeight• get / set MergeCells• col format• output / image

Grid 표현

• get /set RowHeight• get / set FixedCols & Rows• get / set FrozenCols & Rows• get / set FrozenBottomRows• get /set ColWidth• get / set ColHidden

• get /set RowHeight• get / set FixedCols & Rows• get / set FrozenCols & Rows• get / set FrozenBottomRows• get /set ColWidth

편의 기능

• get / set Caption• findRow• subTotal• sort

• group• filtering• calculate

• get / set Caption• findRow• subTotal• sort

• group• filtering• calculate

Data 조작• add / insert / remove delete Row• add / insert / remove / delete column• load / save Excel • load / save Excel


SBGRID LITE 의 주요 특징

1Web 표준

준수

2높은 성능

3안정성 / 기술지원

4높은 생산성 & 업무환경 특화

기능

SBGRID LITE 는 웹 표준 준수 , 높은 성능 , 안정성과 기술지원 , 생산성과 특화 기능 등 다양한 차별 점을 보유하고 있습니다 .

HTML, CSS, JavaScript 사용

No-plugin, N-Screen

JSON DATA 표현 One Source Multi Use

경쟁제품대비 높은 성능 제공

Active X 제품에 준하는 성능 제공

데이터 분할 표현 처리 사용

유무선상의 기술지원 자체기술로 개발 개발가이드 사이트 운영

별도의 코딩 없이 간단한 설정으로 다양한 기능 사용

Excel 연동 , 한 셀 연동 , Sort, Merge, 누계 , 합계 , 사용자수식 등

3-Party 리포팅 툴 연계


주요특징 1 : Web 표준 준수

설치 없는 표준 웹으로 개발되어 N-Screen 을 지원하고 , 개발자는 웹 표준 코딩을 이용하여 다양한 확장을 할 수 있습니다 .

SBGRID LITE.js

SBGRID LITE

Data Modeler (Hidden)

Engine Classes

CSS

JavaScript

HTML Element

JQuery, Library

Data Handling

Composition

Presentation

Interface

Control

Interaction


주요특징 2 : 높은 성능

데이터에서 Grid 로 표현되는 영역만을 컨트롤 하는 기술을 이용하여 , 주요 순수 웹 경쟁제품대비 탁월한 성능을 제공합니다 . ( 가장 많이 사용하는 jqgrid 비교자료 )

5.000건 10.000건 30.000건 50,000건

회차 SBGRID Lite jqGrid SBGRID Lite jqGrid SBGRID Lite jqGrid

SBGRID Lite jqGrid

비교 약 60 배 차이 약 90배 차이 jqGrid 거의 사용불가 jqGrid 사용불가

1 0.158 6.762 0.304 27.545 0.862 250.105 1.476

불가

2 0.154 6.638 0.301 27.404 0.882 241.295 1.451

3 0.160 6.669 0.299 28.348 1.038 240.489 1.464

4 0.162 6.705 0.309 27.667 0.873

테스트 종료

무의미

1.457

5 0.157 6.705 0.302 27.858 0.861 1.466

6 0.153 6.706 0.304 27.822 0.869 1.485

7 0.160 6.610 0.307 28.169 0.866 1.450

8 0.163 6.661 0.306 27.864 0.871 1.443

9 0.160 6.625 0.314 28.073 0.847 1.454

10 0.161 6.620 0.304 28.420 0.871 1.444

평균 0.158 6.670 0.305 27.917 0.884 243.963 1.459


주요특징 2 : 높은 성능 (BMT 사례 )

기존 jqGrid 를 사용하는 고객이 속도 문제로 사용에 불편을 느껴 대안을 검토하던 중 특정 화면을 SBGRID 로 변환하여 테스트한 사례입니다 . 시점 : 2014 년 1월 .

• 조건 : 약 23,000 건의 데이터• 방식 : 조회 하여 그리드로 표현 하는 화면• 기본시간 : (약 15초 )• 23,000건 조회 요청 후 Server Side 및 네트워크 소요시간

jqGrid SBGRID

Server Side 3 분 30초 4초

네트워크 소요시간 3 분 45초 15초

• 상기 경우 jqGrid 크롬브라우저에서는 처리 불가능 [ 브라우저에서 강제종료 ]• 약 12배 차이의 성능 분석 결과


주요특징 3 : 전자정부 표준프레임워크

SBGRID Lite 는 전자정부 표준 프레임워크 (eGovframe) 의 화면처리 계층 (MVC) 내에서 완벽하게 연동되어 적용합니다 . 또한 전자정부표준 프레임워크와 연동되는 샘플을 함께 제공 가능합니다 .


주요특징 4 : 장애인 접근성

SBGRID LITE 는 장애인차별금지법에 따른 장애인 웹 접근성 지원을 위한 가이드라인을 준수 하며 기능적으로 부합합니다 . [ K-WAH 자동점검 툴 통과 테스트 완료 ]

방향키 , 탭키 를 이용한 셀간 이동이

시각적으로 구별

키보드를 이용한 동작 지원

Grid 셀 내용을 완벽하게 음성인식

• 1.1.1 ( 적절한 대체 텍스트 제공 ) 텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다 .

• 2.1.1 (키보드 사용 보장 ) 모든 기능은 키보드만으로 사용할 수 있어야 한다 .• 2.1.2 (초점 이동 ) 키보드에 의한 초점은 논리적으로 이동해야 하며 , 시각적으로 구별할 수 있어야 한다 .

접근성 가이드라인 주요 내용


주요특징 5 : 높은 생산성 및 특화 기능

기업 업무환경 UX 향상을 위한 HTML 기반 Grid 컴포넌트

1다양한 데이터

표현 기능

2사용자 UX

향상

3사용하기 편한

확장 기능

4편리한 외부 인터페이스

조회용 열 유형 지원 다양한 데이터 포맷 및

유형 지원 말 줄임 (Ellipsis) 기능 툴팁 (Tooltip) 뷰 기능 데이터 필터링

편리한 설정기능 열 단위 이동 (Move)

Drag & Drop 지원 틀 고정 (Fixed)

CSS 지원 (테마 구성 )

데이터 정렬 (Sort)

Cell 병합 (Merge)

부분 합계 (Subtotal) /누계 처리

사용자 정의 수식 행간 자동 순번

(Sequence)

MS Excel / Hancell 파일 읽기 및 저장

JSON 데이터 연동 컨텍스트 메뉴 기능 타 솔루션 연동 ( 리포팅 툴

등 )


주요특징 6 : 합리적 가격 / 다운로드 구매

SBGRID LITE 는 기존의 UI / Grid 솔루션들과는 달리 저렴한 가격으로 구매할 수 있으며 , 방문 설치 또는 CD 납품이 아닌 온라인 구매 후 바로 다운로드 하실 수 있는 장점을 가지고 있습니다 .

국산UI / Grid 솔루션

외산Grid 솔루션

서버 수량 또는 CPU 단위의 견적 및 구매

높은 가격 별도 라이선스 발급 및

설치 /납품 기간 소요

온라인 구매 방식 (카드결제 / 온라인 입금 )

낮은 가격 서버 유형에 따른 서버 수량 단위 구매 ( 단 1 프로젝트에

한함 )

라이선스 발급 가능 ( 요청 시 별도 발급 / e-mail 발송 )

입금 확인 후 온라인에서 다운로드 설치 유무선 기술 지원 ( 방문 지원은 원칙적으로 없음 . 별도

문의 )

제품 오류 / 하자에 대해서는 무상 지원

기술지원 불가 제품 오류 및 하자 발생

시 책임소개 불분명


주요 기능 1 : 다양한 Data 표현

기 능 설 명

조회를 위한 열 유형 지원 • Caption (텍스트 뷰 ) / Image 제공

다양한 Data 포맷 및

유형 지원

• 기본 포맷 ( 사업자번호 , 주민번호 , 날짜 , 실수 형 등 ) 제공

• 사용자정의 포맷 제공

• 표준텍스트 , 정수 , 실수 , 백분율 , 유효 값 텍스트 마스크 제공

• Alpha 또는 수치 Data, 대소문자 , 한글 , 최대 문자 크기 값 제공

행 / 열 단위 속성 제어 • 동적 스타일 (Border, Background, Align, Font 등 ) 지정 및 변경 가능

말줄임 (Elipsis) 기능 • Cell 의 크기보다 텍스트 Data 의 크기가 클 경우에 사용

툴팁 (Tooltip) 뷰 기능 • Cell 에 마우스 오버시 Full 또는 임의 텍스트를 말풍선 형태로 뷰잉처리


주요 기능 2 : 편리한 확장 기능

기 능 설 명

Data 정렬 (Sort) • 열 단위 단일 정렬 가능 (오름 / 내림 차순 )

• 스크립트를 통한 다중 열 및 구간 Data 정렬 가능

Cell 병합

(Merge)• 행 / 열 별 및 임의적 구간 Cell 병합 가능

부분 합계

(Subtotal)/

누계 처리

• 임의 Data 기준 별 처리 가능

• 기본적인 부분합 외에 전체합계 , 평균 , 비율 , 카운트 ,

최대 / 최소 값 처리 가능

행간 자동 순번

(Sequence)

• DB 의 Rownum 와 같이 행단위 번호부여 및 표현 가능

• 역순 표현도 가능


주요 기능 3 : 사용자 UX 향상

기 능 설 명

유동적 Cell 포커스 전환

• 마우스 또는 키보드 방향키를 조작하여 현재 Cell 을 편집 후 즉시 포커스를 다른 Cell 로 옮김 가능

열 단위 이동(Move)

• 마우스 조작을 통해 사용자가 열 (컬럼 ) 순서 변경 가능

틀 고정 (Fixed)• MS Excel 의 기능과 유사• 열 / 행 ( 상단 , 하단 ) 및 다중 구간 고정 가능

행 / 열 크기 조절(Resize)

• 사용자의 마우스 조작으로 드래그 또는 더블클릭만으로 Cell 안의텍스트 Data 크기만큼 자동 조절 가능

• Cell 텍스트 Data 크기에 따른 행의 높이 또는 열 넓이 자동 조절 기능

CSS 지원 (테마 구성 )

• CSS 제어 및 처리를 통한 세부적 스타일 지정 가능

홀수 짝수 행 단위의 스타일

지정 • Alternate 기능 제공

대용량 Data 처리 • 스크롤시 화면 랜더링 방식 처리

다양한 Cell 선택(Selection)

• Cell/ 행 / 열 또는 임의 다중 선택 가능Copyright © 2014 by SOJUNG COMMUNICATIONS. ALL RIGHTS RESERVED. 23

We Make the Better Society with Communication & Sympathy
