1. About SoftBase. 소프트베이스는 2001 년 6 월설립되어, 기술혁신형중소기업 (INNO-BIZ) 으로인증된, HCI(Human & Computer Interface) 분야의미래를꾸준히준비하고있는살아있는기술력중심의기업입니다. 설립일 직원수 주요제품 2001 년 6 월 15 일 40 명 UI 솔루션 / UI 테스트자동화솔루션 01 은행뱅킹단말솔루션 03 설계에서개발까지 (UI 화면설계및개발 ) 05 IDE 기반 HTML5 개발솔루션 (xframe5) 02 X-Internet 솔루션 (xframe 1.x) 04 Eclipse 기반 HTML5 UI 컴포넌트 (xframe5lite) 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 1
2. xframe5 Ⅰ. 회사소개 xframe5 는자체통합개발환경 (IDE) 기반의솔루션으로 Runtime Engine 과 JS Engine 을제공함으로써 One-Source 로사용자업무특성에맞도록성능과기능이요구되는업무개발지원과 WEB 표준성과접근성이요구되는업무구축에효율적입니다. 성능, 기능위주단말및 UI 구축 UI 개발솔루션으로 GS 인증획득 IDE 기반 Runtime Engine X-internet 기능 성능과기능이요구되는업무에적용 각종업무용디바이스연동에용이 3 rd Party 솔루션연동에용이 One Source 범용성위주단말및 UI 구축 JS(HTML5) Engine HTML5 지원 Any OS, Any Brower Web 접근성과표준성이요구되는업무구축에적용 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 2
3. 주요납품현황 Ⅰ. 회사소개 1) 금융 ( 은행 ) - 우리은행차세대계정계 / 정보계통합단말 - 우리은행 BPR 시스템 - 우리은행관리회계시스템 - 우리은행콜센터시스템 - 우리은행신탁시스템 - 우리은행부도진단시스템 (HTML5 적용 ) - 하나 / 외환은행통합계정계단말시스템 - 하나 / 외환은행통합정보계시스템표준 UI ( 경영정보, IFRS, BPR, 퇴직연금..) - 하나은행해외영업점통합단말, UI - 스마트브렌치 UI - PPR 이미지시스템 - 콜센터상담모니터링 - KB 금융지주기업신용평가 ( 전계열사적용 ) - 계정계단말시스템 - 정보계단말시스템 - 콜센터 UI 시스템 기업신용평가시스템 정책보험시스템 금융통합단말시스템 - 신협통합단말 - 정보계표준 UI - 신협공제차세대시스템 - 감사시스템 - 금융통합단말시스템 - 상시감사, 임원정보시스템 - 70 여개저축은행단말지원 차세대시스템통합단말 - 소상공인지원시스템 - 공과금수납시스템 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 3
3. 주요납품현황 Ⅰ. 회사소개 2) 금융 (2 금융등 ) - 카카오뱅크체크카드시스템 차세대시스템통합단말 - 차세대시스템통합단말 - 외환카드 / 하나카드통합 UI - 영업점통합단말 - 정보계 UI 표준 차세대시스템통합단말 HK 상호저축은행단말시스템고도화 ( 구 ) 현대스위스저축은행차세대시스템통합단말 BC 카드보험 TM 고도화 차세대시스템통합단말 차세대시스템통합단말 차세대시스템통합단말 우체국금융예금보험성과운영평가시스템 차세대시스템통합단말 차세대시스템통합단말 차세대시스템통합단말 차세대채권시스템 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 4
3. 주요납품현황 Ⅰ. 회사소개 3) 제조 / 공공 - 재판사무시스템 - 인력기반시스템 신여객차세대시스템 - NPiS 통합 UI 시스템 - 공동급여연계시스템 Global-MES 시스템표준 UI Tool ( 국내및해외현지법인 27 개 ) 소상공인지원시스템 Global Factory Scheduler 시스템 ( 국내및해외현지법인 ) 차세대통합단말시스템 의약품유해사례보고관리시스템 롯데멤버스차세대시스템 창업통합정보시스템 통합자금관리시스템 2.0 표준 UI - 통합단말시스템 - 대차중계시스템 그룹웨어 MIS 시스템 시스템고도화사업 - 부산항만공사셀프서비스 - 휴먼리소스시스템 PMS 표준 UI Tool PMS 표준 UI Tool 차세대자산운영시스템 홈페이지및시스템고도화 현대홈쇼핑 SCM 시스템 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 5
4. 제품개요 Ⅱ. xframe5 개요 UI 통합솔루션 xframe5 는동일한개발자환경 (IDE) 에서 One Source, Multi-Use 를지원하여사용자업무패턴에맞는최적의 UI 를지원하고다양한업무를효율적으로수용할수있습니다. IE FireFox Crome Opera MS Windows 기반성능및기능위주의업무구현 Any OS Multi Device 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 6
5. 웹표준화확보 Ⅱ. xframe5 개요 5.1. OSMU 지원 하나의소스를이용하여화면의중복개발없이, 다양한디바이스, OS, 브라우저를지원합니다. OSMU (One-Source-Multi-Use) 지원 Plugin, ActiveX 지원 Browser 및전용브라우저 : Windows Only OSMU (One Source Multi Use) IE, Chrome, FireFox, Opera 전용브라우저 : xframebrowser 표준 HTML 5 기반 : Any OS, Any Browser, No-Download xframe5devstudio Running 예시 Chrome Windows, Mac, Linux, Any Browser Running 예시 Android Phone, Tab, Android, ios 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 7
6. 제품구성 Ⅱ. xframe5 개요 xframe5 솔루션은 xframe-viewer, xframe-devstudio, xframe-admin 로구성되며, 개발툴뿐만아니라안정적인운영관리를위한관리기능을제공하는 xframe-admin 제품을포함하고있습니다. xframe UI 개발솔루션으로 GS 인증획득 xframe-admin 실시간 H/W, S/W 자원관리 장애관리 변경관리 배포관리 xframe-viewer 메모리관리 / 캐슁기능 유연한데이터연동및대용량데이터처리 주변기기통합관리 RunTime 버전및 HTML 5 버전 (JS Engine) xframe-devstudio All In One ( 개발에서배포까지 ) 프로젝트관리및권한관리 형상관리기능, 협업개발환경 4GL 화면개발, 다양한 UI 컴포넌트 javascript 를이용한로직개발 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 8
7. 제품기능구성 Ⅱ. xframe5 개요 xframe5 솔루션은단순히 UI 개발솔루션이아니라, 버전관리 (Concurrent Versions Management System), 협업개발기능 (Collaboration Development System), 배포관리기능, 단말관리기능, 원격제어기능등다양한시스템에서제공하는기능을포함하고있는통합 UI 솔루션입니다. xframe5 솔루션 40 여개의 UI 컴포넌트제공및데이터셋기능 표준스크립트를이용한비즈니스로직개발기능 표준 / 개발자템플릿기능및스타일기능 변경내역에대한형상관리기능 버전별세부변경내역비교기능, 버전복원기능 사용자세부권한관리, 화면중복수정방지기능 개발자원에대한실시간공유기능, 메타데이터기능 업로드 / 등록 / 결제 / 이행기능 배포서버간동기화기능, 예약배포, 실시간배포, 백업본관리기능 속보메시지처리 (Push 기능제공 ) 장애내역 / 통계및원격로그파일수집기능 원격지 PC 제어기능 대화기능및파일송수신기능 원격제어이력저장기능 ( 주 1) 옵션으로선택적으로제공되는제품입니다. 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 9
8. 솔루션아키텍쳐 Ⅱ. xframe5 개요 RunTime Engine( on Browser) 화면 XML 공통스크립트 트랜잭션 I/O 맵 화면정보 버전관리콘트롤 xframe-viewer xdataset Library 업무별화면 화면과데이터간바인딩데이터바인더 전문조립및전문해석통신어댑터 표준전문 (TCP/ATMI) 채널연동서버 채널서버 업무서버 WAS 기반서버 JS Engine ( on Browser) HTML Form 또는 xdataset 형식 (HTTP/HTTPS) xdataset 업무서버 HTML + JavaScript Library 화면정보 트랜잭션 I/O 맵 xdataset Library TP 기반서버 Tpcall 형식 (ATMI) 업무서버 3 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 10
9. 솔루션특장점 xframe5 솔루션은다양한프로젝트구축사례를통해서기능성, 성능, 안정성을검증하였고, 개발관리기능및운영관리기능을통해프로젝트개발생산성및공기단축효과와안정적인운영관리환경구축효과를입증하였습니다. 범용 UI 솔루션제품중유일한금융권통합단말구축사례보유 계정계및정보계업무 UI 통합을위한실행파일기반엔진및 HTML5 기반엔진제공 자체형상관리및통합운영 / 배포관리기능및원격제어기능제공 통합 UI 솔루션 xframe5 화면본수 20,000 본이상의차세대통합 UI 개발솔루션으로공기단축및완성도검증 개발자간개발리소스 ( 화면, 코드, 이미지등 ) 실시간공유및개발자권한관리기능제공 다양한거래처리 ( 일반 / 대량입출력 / 비드 / 리바운드 / 책임자 / 도움요청기능등 ) 기능제공 다양한통신프로토콜 (TCP/HTTP/TP Monitor) 및다양한데이터형식 I/O 매핑기능 메타시스템, MCI 연계를통한통합개발환경기능제공 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 11
10. xframe-devstudio 개요 Ⅲ. xframe-devstudio xframe-devstudio 는표준화된 UI 개발기능, 개발환경관리기능, 개발자간실시간개발자원공유기능, 업무화면개발기능을 제공하는통합 UI 개발툴 (Tool) 입니다. 협업개발환경을통한통합개발환경제공 개발환경관리기능 개발자간개발자원실시간공유개발자에대한세부적인권한관리개발자간화면중복수정방지기능개발변경내역에대한형상관리기능 개발자원저장소 업무화면관련개발기능 화면 UI 저작및속성설정기능데이터통신관련트랜잭션 I/O맵설정기능화면스크립트개발및디버깅기능공통모듈개발및공통리소스관리기능 배포용파일추출및암호화및압축기능 UI 표준개발자 업무화면개발자 업무화면간데이터연동정보설정기능 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 12
11. 그리드콘트롤 Ⅱ. xframe5 개요 셀내에콘트롤표시기능 xframe-devstudio 에서제공하는그리드콘트롤은그리드셀내에자동순번, 이미지, 콤보박스, 달력, 체크박스, 트리형콤보박스등다양한컴포넌트를표시할수있는기능을제공하여업무화면에다양한기능을제공합니다. 전체선택및체크박스 이미지버튼 달력콘트롤 콤보박스콘트롤 행별입력방식변경 트리콤보콘트롤 자동순번 데이터패턴처리및마스킹처리 달력데이터표시 VIP 고객에대한각 row 별로입력방식혼용 ( 첫번째로우 : 드롭박스사용, 두번째 : 입력란, 세번째로우 : 체크박스사용 ) 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 13
11. 그리드콘트롤 - 계속 Ⅱ. xframe5 개요 트리그리드기능및자동소계 / 합계표시기능 xframe-devstudio 에서제공하는그리드콘트롤은그리드의내용을트리형태로표시하는기능과, 조회된데이터를기준칼럼을설정하여자동으로소계및합계를계산하여표시하는기능을제공합니다. 트리그리드콘트롤기능 그리드데이터자동계산기능 자동소계기능 합계 / 평균, 최소값 / 최대값자동계산기능 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 14
12. 개발자원실시간공유기능 Ⅲ. xframe-devstudio xframe-devstudio 는개발된자원 ( 화면, 이미지, 공통코드, 템플릿, 공통모듈등 ) 은모두화면개발 DBMS 에저장되며, 각개발자의자신의권한에의해서타개발자가개발한내역을실시간으로공유할수있는기능을제공하여개발생산성을향상시킵니다. 개발그룹 1 개발 DBMS 개발그룹 2 개발자간공통리소스실시간공유개발자권한관리화면 Check-Out 기능 ( 화면중복개발방지 ) 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 15
XFRAME-VIEWER (RUNTIME ENGINE) 실행파일기반(x-internet) 엔진 설명
1. xframe-viewer 내부아키텍처 Ⅳ. xframe-viewer xframe-viewer 는통신어댑터인터페이스, 디바이스인터페이스, 콘트롤라이브러리, 공통업무처리모듈과코어프레임워크등으로구성되며, 각업무별화면은코어프레임워크기반위에구현됩니다. 통신어댑터인터페이스 디바이스인터페이스 업무별화면 HTTP 어댑터 TCP 어댑터 TMAX 어댑터 Tuxedo 어댑터 금융기기드라이버 제조기기드라이버 업무기기드라이버 기타드라이버 업무화면 업무화면 콘트롤라이브러리 공통업무처리모듈 업무화면 업무화면 그리드콘트롤 트리콘트롤 데이터압축데이터암호화데이터로깅코드변환 기본콘트롤 테이블콘트롤 권한관리책임자거래업무이관유틸리티모듈 코어프레임워크 탭콘트롤 이미지콘트롤 시스템자원관리자 데이터 Import/ Export UI 매니저 체크박스콘트롤 커스텀콘트롤컨테이너 데이터연동엔진 J2EE 및 MCA 연계엔진 프레임매니저 기반환경및기술 : Internet Explorer, FireFox, Crome, Opera, Softbase Browser 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 17
2. xframe-viewer 실행아키텍처 Ⅳ. xframe-viewer xframe-devstudio 를이용해개발한업무화면을다양한실행환경에서공통으로사용함으로써, 실행환경별중복개발을방지하며, 또한전용브라우저를지원을통해저사양사용자시스템및저속네트워크환경에서도안정적인실행환경을제공합니다. EXE 실행환경 ( 전용브라우저 ) xframe-devstudio ( 화면개발도구 ) 범용브라우저실행환경 (IE, FireFox, Chrome, ) 제조기기 키오스크 일반 PC 환경 USB USB 디바이스 1 디바이스.2 COM 디바이스.3 주 ) 전용브라우져실행시시스템최소사항 ( Intel CPU Cel 633 MHz, Memory 128 MB, Windows XP 이상지원 ) 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 18
3. xframe-viewer 데이터통신및데이터처리아키텍처 Ⅳ. xframe-viewer xframe-viewer 는다양한통신방식을제공하고및다양한데이터형식에대하여트랜잭션 I/O 맵을이용한데이터맵핑기능을제공하는통합 UI 프로그램입니다 업무시스템 업무시스템별서버 트랜잭션 I/O 맵 공통업무처리모듈 HTTP 어댑터 TCP 어댑터 TMAX 어댑터 Tuxedo 어댑터 UDP 어댑터 SNA 어댑터 FTP 어댑터 주요기능 코어프레임워크 XML JSON FML Key&Value 전문 데이터바인더 화면정보트랜잭션 I/O 맵 - 업무화면에다수의 I/O 맵설정기능 - UI 콘트롤에대한데이터의최대 / 최소길이 - UI 콘트롤에대한속성 ( 필수 / 선택 / 잠금 / 비활성 / 숨김 ) 지정 - UI 버튼에대한속성 ( 보이기 / 숨기기 / 활성 / 비활성 ) 지정기능 - I/O 에대한체크방식및인덱스방식설정기능 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 19
4. xdataset 을이용한데이터처리 Ⅳ. xframe-viewer xframe5 는 xdataset 기능을제공하여업무어플리케이션과의데이터통신기능을제공합니다 업무서버시스템 클라이언트시스템 DBMS 4 업무어플리케이션 5 3 xdataset 라이브러리 8 Viewer 화면정보트랜잭션 I/O 맵 1 웹어플리케이션서버 (WAS) 6 7 xdataset 콤포넌트 2 웹서버 인터넷익스플로어 운영체제 (UNIX 계열, 윈도우계열 ) 운영체제 ( 윈도우계열 ) xdataset 데이터처리주요기능 - 단말로부터수신된데이터를추출하기위한인터페이스제공 - 업무 Application 에서단말로보내기위한데이터를설정하는인터페이스제공 - First-Row 기능 : 대량데이터를단말로송신할때, 먼저추출된데이터를송신하는기능 - 압축데이터송수신기능 : xframe-viewer 와 xdataset.jar 간에는데이터압축을통해서데이터가송수신된다 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 20
XFRAME-VIEWER (JS ENGINE) HTML5 기반 엔진 설명
1. xframe JS Engine 내부아키텍처 Ⅳ. xframe-viewer xframe JS(JavaScript) Engine 은표준 JavaScript 언어로구현된엔진입니다. 엔진은 AJAX 통신어댑터, 외부컴포넌트인터페이스어댑터, UI 컴포넌트라이브러리, XDataSet 모듈과코어프레임워크등으로구성되며, 각업무별화면은코어프레임워크기반위에구현됩니다. Reporting 솔루션 Chart 솔루션 기타 대량 데이터 XDataSet I/O 맵 컴포넌트 연동 공통 XDataSet HTTP/ HTTPS Web Socket 외부컴포넌트인터페이스 XDataSet 데이터엔진 데이터통신어댑터 그리드 컴포넌트 탭 컴포넌트 기타 컴포넌트 이벤트 처리엔진 공통모듈 엔진 데이터 연계 화면 로더 보안 기능 공통 Utility UI 컴포넌트 Core 엔진 xframe JS(JavaScript) Engine XML Parser JSON Parser AJAX 통신모듈 JavaScript Language Engine HTML 5 DOM Engine CSS 3 Engine 기반환경및기술 : Any OS (Window, Linux, Mac, ios, Android), Any HTML 5 표준지원 Internet Browser 22
2. xframe JS Engine 실행아키텍처 Ⅳ. xframe-viewer xframe JS(JavaScript) Engine 은표준 JavaScipt 언어로구현된엔진입니다. 엔진은 AJAX 통신어댑터, 외부컴포넌트인터페이스어댑터, UI 컴포넌트라이브러리, XDataSet 모듈과코어엔진등으로구성되며, 각업무별화면은 xframe JS 엔진기반위에구현됩니다. DBMS 4 5 업무 Biz Logic 3 xdataset 라이브러리 2 화면정보 트랜잭션 I/O 맵 xdataset Library Application Framework ( 전자정부프레임워크, Spring, SI 사프레임워크등등 ) 이벤트처리엔진 / 화면로더 WAS 서버 / WEB Socket 서버 통신어댑터 (HTTP/HTTPS/WebSocket) 화면로직자바스크립트파일 xframe UI 화면파일 화면폼 (UI) 구성정보 XML 파일 1 xframe JS(JavaScript) Engine WEB 서버 Any Browser Server OS (UNIX, Windows, LINUX, ) Client OS (Windows, LINUX, MAC, ios, Android 23
3. 웹표준화확보 Ⅱ. xframe5 개요 OSMU 지원 xframe@devstudio 로개발된결과물은 HTML5 가지원되는다양한브라우져 /OS 에서실행이가능합니다. Multi- Browser 지원 Chrome IE xframe5 DevStudio Firefox 24
4. xframe JS(HTML5) 엔진주요기능 Ⅳ. xframe-viewer 구분주요기능 이벤트처리엔진 화면이벤트, 컴포넌트이벤트, 데이터통신이벤트, 비동기이벤트처리엔진 공통모듈엔진 공통글로벌모듈처리기능제공, 화면스트립트와연동기능제공 코아엔진 화면로드 보안기능 xframe 화면로딩및구성기능및관련리소스로딩기능제공 화면소스방지기능, URL 숨김기능 공통유틸리티 공통유틸리티라이브러리 데이터연계 외부파일 (Excel, CSV, TXT) 과의데이터 Import/Export 처리 UI 컴포넌트 통신어댑터 XDataSet 데이터엔진 그리드, 트리그리드, 멀티라인그리드컴포넌트제공탭, 콤보박스, 체크박스, 지도, MDI 기능제공 HTTP/HTTPS 통신어댑터제공 WebSocket 통신어댑터제공 대량데이터처리기능제공 XDataSet I/O 맵처리기능제공, I/O 맵에따른데이터조립및파싱기능제공 XDataSet 과컴포넌트값데이터연동기능제공공통글로벌 XDataSet 처리기능제공 외부컴포넌트인터페이스 외부 HTML5 기반 Reporting 솔루션, Chart 솔루션연동기능제공외부 ActiveX 기반 Reporting 솔루션, Chart 솔루션연동기능제공 25
XFRAME-ADMIN 1. xframe-admin 개요 2. 버전 관리 기능 3. 장애 관리
1. xframe-admin 개요 ⅴ. xframe-admin xframe-admin 제품은프로젝트개발후, 프로그램유지보수를위한기능을포함하고있는운영관리제품입니다. 표준 J2EE 기술을이용하여개발후, 운영에필요한다양한관리기능을제공합니다. xframe-admin 구분설명 버전관리메시지관리단말및조작자관리장애및로그관리원격모니터링 WAS (J2EE 표준수용제품 ) Web Server (HTTP 표준수용제품 ) DBMS 버전관리 메시지관리 단말및조작자관리 장애및로그관리 단말프로그램예약적용및즉시적용 지점별프로그램적용기능 단말프로그램버전조회 단말프로그램마스터관리 공지사항등록 / 조회 / 수정, 지점별공지등록기능 속보메시지송신 ( 전체, 지점별, 단말별 ) SSO 장애시알림및전환메시지 프로그램변경알림메시지 ( 전체, 지점별, 단말별 ) 운영모드전환메시지 ( 정상 /COB 전환 ) 지점별운영모드 ( 리얼 / 교육시스템 / COB) 관리 단말디바이스정보관리, 단말시스템자원정보관리 조작자정보관리 조작자개인화정보 ( 단축키, 주요고객등 ) 관리 단말장애내역및이력조회 ( 기간, 유형별 ) 중앙집중적인단말로그조회 OS (Windows, UNIX) 원격모니터링 단말시스템로그추출및로그뷰어기능제공 원격제어및모니터링에대한이력관리 당신의꿈을향해 SOFTBase 가함께뛰겠습니다. 27
감사합니다. 28