국내 최초 웹 그리드 컴포넌트 SBGrid Ver 2.5

Presentation on theme: "국내 최초 웹 그리드 컴포넌트 SBGrid Ver 2.5"— Presentation transcript:

1 국내 최초 웹 그리드 컴포넌트 SBGrid Ver 2.5
(주)소프트보울 2017년

2 국내 최초의 Non ActiveX 기반 그리드
SBGrid v2.5 국내 최초의 Non ActiveX 기반 그리드 Since 2013

3 웹 개발에서의 UI와 Grid 1 전체 UI영역 UI중 Grid 영역의 비중
UI의 핵심요소인 Grid는 화면개발에서 Multi-Record를 처리하는 개발도구로 특히, 국내환경에서 많이 사용되고 있습니다. 웹 개발에서 화면개발의 70%라면, 화면개발 중 Grid의 비중이 대부분을 차지 할 정도로 비중이 대단히 높음. 전체 UI영역 UI중 Grid 영역의 비중

4 웹 UI개발의 현실 및 그 대안 2 N-스크린은 하나의 컨텐츠를 여러 장치에서 동일하게 보여주는 기능을 의미
현행 웹 화면개발 시 대부분 개발자들은 벤더종속 비 표준 코딩을 하는 것에 대한 탈피와 N-Screen 가능을 위한 플랫폼 종속 탈피를 희망합니다. 또한 사용자는 ActiveX 사용에 따른 보안 및 해킹 취약점 해소 요구하는데 이는 오직 웹 표준 사용만으로 해결 가능함. X-internet 기반의 UI Active-X, Plug-in Only HTML & JavaScript (Pure-Web, no-plugin) Vendor 종속 Platform 종속 N-스크린은 하나의 컨텐츠를 여러 장치에서 동일하게 보여주는 기능을 의미 One Source Multi Use

5 국내 최초 웹 그리드 출시(Since 2013) 3 1 2 3 4 다양한 데이터 표현 기능 사용자 UX 향상
SBGrid는 순수 HTML 기반 제품으로 웹 표준 준수, 높은 성능, 안정성과 기술지원, 생산성과 특화 기능의 차별점을 보유하고 있습니다. 1 다양한 데이터 표현 기능 2 사용자 UX 향상 3 사용하기 편한 확장 기능 4 편리한 외부 인터페이스 •다양한 열 유형 지원 •다양한 데이터 포맷 및 유형 지원 •말 줄임(Ellipsis) 기능 •툴팁(Tooltip) 뷰 기능 •데이터 필터링 •피벗 테이블 구성 •편리한 설정기능 •열 단위 이동(Move) •Drag & Drop 지원 •틀 고정 (Fixed) •CSS 지원 (테마 구성) •Cell 안에 HTML 표현 •데이터 정렬(Sort) •Cell 병합 (Merge) •부분 합계(Subtotal)/누계 처리 •트리 뷰(Group) 지원 •사용자 정의 수식 •행간 자동 순번(Sequence) •MS Excel 파일 읽기 및 저장 •XML 및 JSON데이터 연동 •컨텍스트 메뉴 기능 •타 솔루션 연동 (리포팅 툴 등)

6 시점 : 2014년 1월.(환경관리공단 폐기물관리스시템 적용 시 BMT 자료)
국내 최초 웹 그리드 출시(Since 2013) 4 빠른 데이터 처리 성능 기존 jqGrid를 사용하는 고객이 속도 문제로 사용에 불편을 느껴 대안을 검토하던 중 특정 화면을 SBGRID로 변환하여 테스트한 사례입니다. 시점 : 2014년 1월.(환경관리공단 폐기물관리스시템 적용 시 BMT 자료) •조건 : 약 23,000 건의 데이터 •기본시간 : (약 15초) •방식 : 조회 하여 그리드로 표현 하는 화면 •23,000건 조회 요청 후 Server Side 및 네트워크 소요시간 구 분 jqGrid SBGrid Server Side 3분 30초 4초 네트워크 소요시간 3분 45초 15초 •상기 경우 jqGrid 크롬브라우저에서는 처리 불가능 [브라우저에서 강제종료] •약 12배 차이의 성능 분석 결과

7 SBGrid 특징 5 1 2 3 4 웹표준 준수 높은성능 안정성과 기술지원 생산성과 업무 환경에 특화
SBGrid는 국내 최초로 웹 표준으로 개발된 no-plugin 제품으로 N-Screen이 가능하고, 자체 기술로 개발된 국산제품이기에 기술지원 및 국내환경에 맞는 커스트마이징이 가능한 제품임. 웹표준 준수 높은성능 •HTML,CSS,JavaScript •No-plugin, N-Screen •XML / JSON DATA 표현 •One Source Multi Use •경쟁제품대비 높은 성능 제공 •Active X제품에 준하는 성능 제공 •데이터 분할 표현 처리 사용 •가장 많은 그리드 기능 1 2 안정성과 기술지원 생산성과 업무 환경에 특화 •트러스트폼 개발 노하우 기반 •자체기술로 개발되어 기술지원이 용이하고 커스트마이징 지원 •개발가이드 사이트 운영 •데모사이트 : •별도의 코딩 없이 간단한 설정으로 다양한 기능 사용 •Excel 연동, 한셀 연동, Sort, Merge, 누계, 합계, 사용자수식 •3-Party 리포팅 툴 연계 3 4

8 다양한 그리드 화면 구현 6 다양한 그리드 화면 구현

9 쉽게 따라하기 : 그리드 API 7 손쉬운 그리드 개발 지원 쉽게 따라하기 상세한 API 내역

10 그리드 Designer (자동 생성기) 8 손쉬운 그리드 개발 지원 컬럼 생성 그리드 속성 지정

11 시큐어코딩 보안 약점 점검 결과 9 SW보안 약점 점검 보고서

12 SBGrid 주요 적용 프로젝트 10 의료방사선 안전관리 플랫폼 구축 폐자원에너지 종합정보시스템 결핵통합관리시스템
기관 표준 제품으로 선정 예시 기관 주요 제품으로 선정 예시 의료방사선 안전관리 플랫폼 구축 폐자원에너지 종합정보시스템 결핵통합관리시스템 폐기물부담금 관리시스템 스마트검역 시스템구축 상시모니터링 시스템 감염병 자동신고 체계구축 폐기물 직매립 제로화 시스템

13 ㈜소프트보울 다년간의 UI개발 전문인력 중심

14 소프트보울 신인도 1 기술에 대한 신인도 재정에 대한 신인도
•소프트보울은 2000년 설립되어 UI 시장의 선두업체였던 ㈜컴스퀘어의 트러스트폼 개발자 중심으로 창업 한 회사 •다년 간 UI 개발 툴만 개발한 UI 전문인력 중심회사이기에 업계에서 기술력을 인정받아 빠르게 성장 중 새로운 기술 적용 (Active-X 기반) (UI 개발 경험의 Know-how로 전혀 새로운 기술기반으로 개발) 재정에 대한 신인도 • 재무 결산 기준 3년 연속 영업 이익을 내고 있는 건실한 기업 (매출액 대비 15% 이상) ▶매출 및 수익성 분석 ▶재무제표 이익 분석 구분 2014 2015 2016 매출액 17.5억 18.5억 18.9억 당기 순이익 2.01억 2.73억 2.33억 상위 수익성 10%~20 % C A B E 성 장 성 지 수 수익성지수

15 소프트보울 신인도_2 2 SBUx에 대한 신인도 레퍼런스 신인도
•향 후 10년을 바라보는 웹 표준 준수 하는 UI 개발 플랫폼.(Angular JS 기반, MVVM 모델) •강한 종속성을 배제한 새로운 개념의 개발방법 (컴포넌트 기반 화면 개발 지원 도구) •벤더사가 기능을 제공하지 않으면 구현이 불가능한 한계극복.(외부 라이러리 등 자유롭게 적용) •경쟁제품 처럼 개발 후 Deploy 하는 것이 아닌,개발소스와 운영소스가 하나인 UI 솔루션. •Non ActiveX 기반임에도 기존 UI 개발 툴과 비슷한 약 30여개의 UI 컴포넌트 (Control ) 제공. 레퍼런스 신인도 ▶주요 레퍼런스 (Total 180여개의 레퍼런스 보유) ▶표준 UI 제품 선정 •핵심 그리드 컴포넌트인 SBGrid를 포함해서 약 180여 개가 넘는 레퍼런스 확보 (2013 ~ 2017년) •2013년 정부공공데이터 포털 구축 도입 •2015년 통계청 인구주택 총 조사 구축 도입 •2015년 ING생명 신 영업시스템 구축 도입 •2015년 SBI저축은행 리뉴얼 구축 도입 •2016년 기재부 국고보조금 통합 구축 도입 (350억 사업) •2016년 한국철도공사 KOVIS 구축 도입 (150억 사업) •2016년 한국씨티은행 인터넷 뱅킹 전면 도입 • 2017년출연연 재정정보시스템 4차 (1,23차 포함)

16 회사 일반사항 3 회사 일반현황과 주요 상훈 및 인증 회 사 명 ㈜소프트보울 대 표 자 이 태 규 설 립 일
SBUX GS인증 SB Grid GS인증 W3C 멤버 회 사 명 ㈜소프트보울 대 표 자 이 태 규 설 립 일 2013년 5월 15일 주요사업 분야 UI 개발 솔루션, UI/UX 컨설팅, SW 유지보수 주요인증 이노비즈, 벤쳐기업, 서울형 강소기업 소 재 지 서울시 금천구 가산디지털2로 108, 뉴티캐슬 901호 기술혁신형INNO-BIZ 대한민국 SW 품질대상 (SBUx2.0) 벤쳐기업 확인서 기업부설연구소 대한민국 소프트웨어 기술대상 우수상 수상 (2014년도)

17 주요 레퍼런스 4 분야 기관 명 프로젝트 명 도입 시기 비고 공공 환경부 폐기물 직매립 제로화 관리시스템 구축 2017년
주요 레퍼런스 4 분야 기관 명 프로젝트 명 도입 시기 비고 공공 환경부 폐기물 직매립 제로화 관리시스템 구축 2017년 질병관리본부 표준 툴 책정 및 필요 라이선스 구매 인천서구 시설관리공단 통합경영정보시스템 구축 가축위생방역지원본부 서울특별시 승용차 마일리지시스템 구축 기업 비알네트콤 자기주도형 휴대용 생활환경 안전진단시스템 구축 다우데이터 키움페이 관리자시스템 경기신용보증재단 E-감사시스템 구축 보령제약 준법경영시스템 구축 한국소프트테크 한국해운조합 전사표준 UI 개발툴 선정 현대글로비스 중국 충칭 법인 통합정보시스템 구축 해외 한국지역정보개발원 지방공기업 경영정보시스템 구축 중국 중도창고관리시스템 구축 한국과학기술연구회 인사시스템 고도화 연계 한국연구재단 연구비집행 통합모니터링 시스템 구축 행정자치부 인터넷 원서접수시스템 재구축 사업 2016년 경찰청 정보전산시스템 성능개선 사업

18 주요 레퍼런스 5 분야 기관 명 프로젝트 명 도입 시기 비고 공공 기획재정부 국고보조금 통합관리시스템 2016년 350억 규모
주요 레퍼런스 5 분야 기관 명 프로젝트 명 도입 시기 비고 공공 기획재정부 국고보조금 통합관리시스템 2016년 350억 규모 행정자치부 정부지식공유활용기반고도화-클라우드플랫폼구축 2015년 　온나라 클라우드 시범 국가정보자원 개방 및 공유체계 구축 3차 사업 2013년 Data.go.kr　 국가정보자원 개방 및 공유체계 구축 4차 사업 2014년 외교통상부 북미지역주요인사DB시스템 재구축사업 공정거래위원회 스마트 컨슈머DB서버 이중화 및 기능개선사업 통계청 2015년 인총 및 농총 통합관리시스템 구축사업 인구 총 조사　 경제인구총조사시스템구축사업 교육부 교육정보시스템구축 방위사업청 국방전자조달 서비스 고도화 사업 국방전산정보원 ○○장비관리체계구축사업 식품의약품안전처 식품이력추적시스템 중소기업청 중소기업지원사업통합관리시스템1차 질병관리본부 의료방사선안전관리플랫폼구축 한국환경공단 폐자원에너지 종합정보관리시스템 건강보험관리공단 장기요양모바일정보시스템구축 한국농어촌공사 웰촌 고도화 및 성능개선시스템 건설기술연구원 통합연구시스템

19 주요 레퍼런스 6 분야 기관 명 프로젝트 명 도입시기 비고 공공 경제사회인문연구회
출연연재정정보시스템1차구축사업(34개기관확산예정) 2014년 국가수리과학연구소 R&D경영혁신정보시스템구축 2015년 국민연금공단 상시모니터링구축 기초과학연구원 통합정보시스템구축사업 남부발전 구매관리 시스템개발 건 2013년 농축산식품부 공공데이터포털고도화 충남당진시 통합민원시스템구축 대검찰청 양형정보시스템구축 대구시 원클릭시정관리시스템구축 보훈공단 e-감사시스템구축 산업기술평가원 기술료평가시스템 산업인력공단 자격검정CBT시스템고도화 CBT시스템확산사업 NCS및학습모듈통합포털 서울시청 법인.시설관리시스템구축 한국석유관리원 석유제품수급보고시스템구축용역 산업안전보건공단 상시감시모니터링시스템

20 주요 레퍼런스 7 분야 기관 명 프로젝트 명 도입 시기 비고 공공 언론진흥재단 차세대ERPㆍ그룹웨어시스템구축사업 2015년
우정사업본부 FDS구축 우체국시설관리공단 수련원관리시스템구축 2013년 의료기관평가인증원 의료기관인증·평가시스템 전자정부 표준프레임워크 개선사업 경기개발공사 전세임대기금 연계관리시스템구축용역 한국농수산물유통공사 정가수의매매예약거래정보제공시스템구축용역 2014년 정보통신정책연구원 STAT시스템기능개선 교통안전공단 주차장통합정보관리시스템구축용역 축산물품질평가원 데이터베이스주민등록번호정비및품질개선구축사업 한국거래소 감사시스템 한국교육과정평가원 연구사업관리시스템(RIMS) 한국금융연수원 LMS구축 한국기초과학지원연구원 KBSI통합경영정보시스템구축 한국농촌경제연구원 통합정보시스템전면재구축 한국발명진흥회 경영정보시스템구축 한국산업단지공단 e-감사시스템구축 상시모니터링구축

21 주요 레퍼런스 8 분야 기관 명 프로젝트 명 도입시기 비고 공공 한국에너지기술연구원 IP경영정보시스템구축 2015년
한국환경공단 폐기물관리시스템 해양환경관리공단 상시모니터링 구축 정보통신산업진흥원 SW사업정보저장소 정보시스템 기능개선 및 운영사업 2013년 한국정보통신기술협회 TTA시험성적서통합출력시스템구축 2014년 한국철도공사 차세대 KOVIS(SAP ERP)구축 2016년 금융 경남은행 감사관리시스템구축 씨티은행 모바일 뱅킹 전면 도입 부산저축은행 저축은행FDS구축 수협 e-감사시스템상시모니터링구축 우리은행 감사시스템 저축은행연합회 이상감지시스템(FDS)신한,하나,웰컴 ING 생명영업지원시스템구축 KB저축은행 NH저축은행 SBI저축은행 리뉴얼프로젝트구축 기업 현대글로비스 호주시스템구축 해외

22 주요 레퍼런스 9 분야 기관 명 프로젝트 명 도입 시기 비고 기업 남성해운 e-Service재구축사업 2015년 현대글로비스
북경 완성차 운송시스템구축 해외 삼성전자서비스 모바일 웹 시스템구축 세아홀딩스 e-감사시스템 상시모니터링구축 아이코리아 ERP 시스템 구축 2014년 삼일회계법인 영림원 클라우드 ERP시스템 구축 웹시그마 빌링서비스구축 위즈파스타물류시스템 패키지개발 KT GCZ시스템구축 SPC 해피포인트카드시스템구축 멕시코법인C/C시스템구축 CGV 모바일경영정보시스템구축 KCC 표준UI툴선정 KSNET My장부(가맹정정산시스템)UI개선사업 YK건기 ERP시스템구축 대학 계원예술대학교 학사행정시스템 극동대학교

23 Epilogue 코드는 내 얼굴 품질은 자존심 UI/UX 전문 개발사로써 기치를 내걸고 오직 한길을 줄기차게 달려왔습니다.
당사 연구소에 걸려있는 캐치프레이즈처럼 제품 개발 기술력에 대한 자부심과 일에 대한 열정은 최고를 꿈꾸는 강소 기업 입니다. 항상 고객의 편에 서서 더 나은 비즈니스를 지향하는 소프트보울이 되겠습니다. 제품문의 이태규