NCRM HTML5

Size: px

Start display at page:

Download "NCRM HTML5"

정 예
6 years ago
Views:

1 HTML5 개방형웹표준기술기반 UI 솔루션 NCRM HTML5 XFORMS W3C STANDARD AJAX 개방형표준기술기반높은범용성의 RICH INTERNET APPLICATION 대규모사용자환경의검증된 HTML5 SOLUTION

2 NCRM HTML5 버전소개 UI 솔루션 NCRM 은사용자가작업하기편리하고, 업무수행에효율적이며, IT 기술의발전과함께하는 정보시스템을쉽고빠르게구축할수있도록하는것을목표로하고있습니다. 즉, NCRM 은하나의웹페이지가 Any Device, Any OS, Any Browser 환경에서구동되는하나의웹을지향하는, 웹방식데스크탑 / 모바일통합시스템구축을위한최적의도구입니다. WEB PAGE HTML NCRM WEB FRAMWORK NCRM WEB APP ANY BROWSER 다양한사용자편의기능 높은발전성및확장성 NCRM HTML5 웹표준기술로기술습득용이개발및유지보수비용절감대규모구축사례검증제품 DESKTOP MOBILE 높은개발생산성

3 SMIT( 주 ) 회사소개 SMIT( 주 ) 는 1995 년 2 월설립되어 20 년이상엔터프라이즈웹시스템의유저인터페이스솔루션개발및 IT 기술과 NCRM 제품동향 구축지원서비스를전문으로제공해온회사입니다 기술출현 Web HTML Java XML Service AJAX HTML5 IT 동향 Client/Server Application 주류 Web Application 시도 Rich Internet Application 출현 X-Internet 용어사용 (Forrest Research) Rich Internet Application 확대 Mobile Big Bang HTML5 웹표준기술기반구축주류화 SMIT 연혁 회사설립 SMIT 법인전환기술벤처등록 NCRM GS 인증 제품 NCRM 개발 NCRM for Server NCRM-X NCRM Ajax NCRM HTML5 구축 현대자동차회계시스템 삼성생명차세대시스템 우체국금융시스템 알리안츠생명차세대시스템 한화손해보험표준웹전환

4 조직 에스엠아이티의전체팀은 User Interface 관련기술력을기반으로각해당전문분야의기술력을보유하고있습니다. 영업팀개발팀 UI CORE 팀 UI ARCHITECTURE 팀총무팀 개발도구그룹 서버그룹 UI 프레임워크그룹 모바일그룹 UI 컨설팅그룹 UI 위젯그룹 Visual Development Tool 시각적 U I 프로그램작성도구개발 Execution & Development Server J2EE 기반운영및개발서버기능개발 UI Framework & Core Widgets UI 프레임워크및핵심컴포넌트개발 Hybrid App Mobile Solution 모바일프레임워크및 Native API 개발 UI Consulting UI 컨설팅수행 UI Widgets Development 사용자편의 UI 위젯개발

5 주요고객사현황 NCRM 은전업무시스템을위한통합 UI 솔루션으로대규모차세대시스템구축에적용되어성공적인시스템구축및안정적인시스템운영에기여해왔습니다. NCRM HTML5 버전 NCRM Plugin 버전 2018 오렌지라이프 2018 현대엘리베이터 2012 NH 농협생명 2012 NH 농협손해보험 2011 KB 국민은행 2011 ING 생명 2009 그린손해보험 2017 전국렌터카공제조합 2016 흥국생명 2008 AIG 생명 2008 우체국 2007 현대커머셜 2007 동부생명 2007 메트라이프생명 2016 롯데손해보험 2016 싸이버로지텍 2007 현대해상화재 2006 롯데캐피탈 2006 에스원 2006 한화손해보험 2006 A&D 신용정보 2015 라이나생명 2015 푸르덴셜생명 2006 한국공항공사 2006 SK Telecom 2004 흥국생명 2004 삼성투신운용 2002 현대카드 2014 한화손해보험 2014 우체국 2002 현대캐피탈 2001 KDB 생명 2000 대검찰청 2000 삼성생명 2000 한국전력 2014 알리안츠생명 2000 대우자동차 1999 기아자동차 1999 현대자동차

6 편리한사용자기능프레임워크 다양한네비게이션기능, 개인화가능등을제공하는 UI 프레임워크상에서최고수준의사용자편의기능을제공하는 GRID 컴포넌트등을이용하여효율적이고편리하게업무수행하는것을돕습니다. 카드탭 MDI 기능 도킹메뉴 다양한기능그리드 다양한마스크 편리한콤보박스 다양한셀타입 Sort, Filter, Excel 연계등

7 일반컴포넌트 Edit / Mask Edit Date 입력가능콤보박스 탭 실시간입력마스킹 입력값제어 Radio / Checkbox / Button Dialog 테이블레이아웃파일업로드 / 다운로드그리드형태콤보박스 유효성검증 Date 유효성체크

8 시각적컴포넌트 Graph Gauge Linear Gauge Range Slider 달력기능 Scheduler Tree 조직도 Accordion Aero Peek HTML Editor 지도연계

9 그리드 컴포넌트 (1) 컬럼너비조정 끌어놓기 컬럼고정 다양한셀타입 멀티헤더 / 셀병합

10 그리드 컴포넌트 (2) 데이터그룹핑 드릴다운 / 트리그리드 엑셀에서그리드로붙여넣기 그리드에서엑셀로붙여넣기

11 그리드컴포넌트 (3) 데이터정렬 / 다중컬럼데이터정렬 데이터필터 / 다중컬럼데이터필터 Inv No 에서 55 초과인값만 filtering 한경우 엑셀업로드 / 다운로드 소계 / 합계표시 Excel 버튼클릭으로간단히전체데이터엑셀연계, COPY&PASTE 또는일부범위지정후연계

12 다양한네비게이션기능및개인화기능 다양한네비게이션방식제공 MEGA MENU, CARD TAB, DOCKING MENU, WORK FKOW 개인별맞춤기능 즐겨찾기, 단축키등웹단말설정, 연관메모등 현재창에대한연관메모쓰기 현재창잠금 현재창즐겨찾기추가 현재창을새창으로열기현재창 RESTORE 현재화면을새창으로열기고객정보알림 ( 현행화알림 )

13 사용기기맞춤자동배치및데이터양조정 화면크기따라화면요소의위치변경 자동간격조정위치변경 자동데이터줄수조정

14 사용자디바이스별별도처리 디바이스에따라필요정보만노출시켜최적화된이미지제공 하나의프로그램이태블릿과 PC 에서동일하게사용되며 PC 에서는더많은정보와더많은정보탭이보입니다. 개발도구 ONE SOURCE 태블릿뷰 PC 뷰 PC 에서만디스플레이 상하구성데이터디스플레이

WYSIWYG 시각적화면작성 실행시와동일한모양으로시각적으로 NCRM-Ajax 컴포넌트를조합하여화면을작성하는기능을제공합니다. HTML5 화면요소나 NCRM Widget 들을시각적으로실행시와동일한모양으로디자이너화면에서작성하며, 속성창을통한속성지정기능을제공합니다.

15 WYSIWYG 시각적화면작성 실행시와동일한모양으로시각적으로 NCRM-Ajax 컴포넌트를조합하여화면을작성하는기능을제공합니다. HTML5 화면요소나 NCRM Widget 들을시각적으로실행시와동일한모양으로디자이너화면에서작성하며, 속성창을통한속성지정기능을제공합니다. 작성된페이지는별도작업없이 다국어페이지로보여집니다. Drag & Drop 으로 I/O 와화면요소간 Binding 하며 Binding 상태가표시됩니다. 작성된 Javascript 코드의잠재적에러나 작성규칙준수여부등의분석기능을제공합니다. Intellisense, Snippet 편집기능등의 코드작성의편의성향상기능을제공합니다

16 개발도구 미리보기기능지원 데스크탑, 테블릿, 스마트폰에서미리보기기능제공 편리한다국어지원 한번개발로여러언어로사용 한국어 일본어 영어 속성 / 스타일 / 이벤트편집기능 해당요소의속성, 스타일, 이벤트등지정기능 소스코드자동완성기능 소스자동완성하는 Intellisense, Snippet 기능제공

17 타제품대비 NCRM 의차별성 제품 NCRM HTML5 Nexacro HTML5 WebSquare 제품구조및완성도 순수웹표준기술 HTML5 기반 UI 페이지중심 상세기능요건에대한원활한제공 순수웹표준기술 HTML5 기반 개발도구중심 상세기능부족 XHTML(Xforms) 기반 개발도구중심 구조상제한적기능제공 20 년이상업력의 UI 전문회사 UI 사업보다타분야사업치중 타분야사업과 UI 사업병행 기술력 고객요구적극적수용 외산제품으로고객요구수용에소극적 엔진수정부담으로요구수용에소극적 자체개발우수컴포넌트 컴포넌트의상세기능부족 컴포넌트의상세기능부족 HTML5 전문개발도구 전용뷰어용개발도구확장 자체처리위주의개발도구 개발도구 개발도구산출물그대로실행 개발시와실행시동일한모양 (CSS 적용 ) 개발도구산출물유틸리티로전환 개발시는유사한별도모양 (CSS 무관 ) 개발도구산출물자체엔진이처리실행 개발시는유사한별도모양 (CSS 무관 ) 쉽고빠른개발기능 개발생산성기능부족 개발생산성기능부족 대규모차세대시스템 최근적용사례적음 단위업무시스템위주 적용사례 대규모금융권기간계운영사례 없음 구축진행중 운영환경에서의성능및기능검증 응답속도이슈 PC 자원과다사용이슈

18 XFORMS W3C STANDARD AJAX 감사합니다. SMIT.CO.KR

서현수

Introduction to TIZEN SDK UI Builder S-Core 서현수 2015.10.28 CONTENTS TIZEN APP 이란? TIZEN SDK UI Builder 소개 TIZEN APP 개발방법 UI Builder 기능 UI Builder 사용방법 실전, TIZEN APP 개발시작하기 마침 TIZEN APP? TIZEN APP 이란? Mobile,