AJAX

W3C STANDARD

XFORMS

대규모 사용자 환경의 검증된 HTML5 SOLUTION

개방형 표준 기술 기반 높은 범용성의 RICH INTERNET APPLICATION

NCRM HTML5

HTML5 개방형 웹 표준 기술 기반 UI 솔루션

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER NCRM HTML5 버전 소개

UI 솔루션 NCRM은 사용자가 작업하기 편리하고, 업무 수행에 효율적이며, IT기술의 발전과 함께하는

정보시스템을 쉽고 빠르게 구축할 수 있도록 하는 것을 목표로 하고 있습니다.

높은 발전성 및

확장성

높은 개발 생산성

다양한 사용자 편의

기능

WEB PAGE HTML

NCRM WEB FRAMWORK NCRM WEB APP

ANY BROWSER

DESKTOP MOBILE

NCRM HTML5

즉, NCRM은 하나의 웹 페이지가 Any Device, Any OS, Any Browser 환경에서 구동되는 하나의 웹을 지향하는, 웹 방식 데스크탑 / 모바일 통합시스템 구축을 위한 최적의 도구입니다.

웹 표준 기술로 기술 습득 용이

개발 및 유지보수 비용 절감

대규모 구축 사례 검증 제품

2018-10-18 2

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER SMIT(주) 회사 소개

SMIT( 주)는 1995년 2월 설립되어 20년 이상 엔터프라이즈웹 시스템의 유저 인터페이스 솔루션 개발 및

구축 지원 서비스를 전문으로 제공해 온 회사입니다.

1993 1995 2000 1998 2005 2010

HTML Java HTML5

Web Application 시도

Rich Internet Application 출현

NCRM개발

X-Internet 용어 사용 (Forrest Research)

NCRM Ajax

Rich Internet Application 확대

NCRM for Server NCRM-X

Client/Server Application 주류

XML Web

Service

2016

AJAX

HTML5 웹 표준 기술 기반 구축 주류화

기술출현

Mobile Big Bang

회사 설립 SMIT㈜ 법인전환 기술벤처 등록 NCRM GS인증

NCRM HTML5

현대자동차 회계시스템

삼성생명 차세대시스템

우체국 금융시스템

알리안츠생명 차세대시스템

한화손해보험 표준웹전환

IT기술과 NCRM 제품 동향

IT동향

SMIT 연혁

제품

구축

2018-10-18 3

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 조직

에스엠아이티의 전체 팀은 User Interface 관련 기술력을 기반으로 각 해당 전문 분야의 기술력을 보유하고 있습니다.

개발도구 그룹

Visual Development Tool 시각적 U I 프로그램 작성 도구 개발

서버 그룹

Execution & Development Server J2EE 기반 운영 및 개발 서버 기능 개발

UI 프레임워크 그룹

UI Framework & Core Widgets UI 프레임워크 및

핵심 컴포넌트 개발

모바일 그룹

Hybrid App

Mobile Solution 모바일 프레임워크 및 Native API 개발

UI 컨설팅 그룹

UI

Consulting UI 컨설팅

수행

UI 위젯 그룹

UI Widgets

Development 사용자 편의

UI 위젯개발

영업팀 개발팀 UI CORE 팀 UI ARCHITECTURE 팀 총무팀

2018-10-18 4

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 주요고객사 현황

NCRM은 전 업무시스템을 위한 통합 UI 솔루션으로 대규모 차세대시스템 구축에 적용되어 성공적인 시스템 구축 및 안정적인 시스템 운영에 기여해 왔습니다.

NCRM HTML5 버전 NCRM Plugin 버전

2012 NH농협생명

2008 AIG생명

2007 현대해상화재

2006 한국공항공사

2002 현대캐피탈

2000 대우자동차

2012 NH농협손해보험

2008 우체국

2006 롯데캐피탈

2006 SK Telecom

2001 KDB생명

1999 기아자동차

2011 KB국민은행

2007 현대커머셜

2006 에스원

2004 흥국생명

2000 대검찰청

1999 현대자동차

2011 ING생명

2007 동부생명

2006 한화손해보험

2004 삼성투신운용

2000 삼성생명

2009그린손해보험

2007 메트라이프생명

2006 A&D신용정보

2002 현대카드

2000 한국전력

2015 라이나생명

2016 흥국생명

2016 싸이버로지텍

2015 푸르덴셜생명

2014 우체국

2018 현대엘리베이터

2018-10-18 5

2018 오렌지라이프

2017 전국렌터카공제조합

2016 롯데손해보험

2014 한화손해보험

2014 알리안츠생명

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 편리한 사용자 기능 프레임워크

다양한 네비게이션 기능, 개인화 가능 등을 제공하는 UI 프레임워크 상에서 최고 수준의 사용자 편의 기능을 제공하는

GRID 컴포넌트 등을 이용하여 효율적이고 편리하게 업무 수행하는 것을 돕습니다.

도킹 메뉴

다양한 기능 그리드

MDI 기능

카드 탭

편리한 콤보박스

다양한 마스크

다양한 셀 타입 Sort, Filter, Excel 연계 등

2018-10-18 6

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 일반 컴포넌트

Edit / Mask Edit 입력 가능 콤보 박스 Date 탭

실시간 입력 마스킹 Radio / Checkbox / Button 입력값 제어 Dialog

테이블 레이아웃 파일 업로드 / 다운로드 그리드 형태 콤보 박스

유효성 검증 Date 유효성 체크

2018-10-18 7

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 시각적 컴포넌트

Graph Gauge Linear Gauge Range Slider

달력 기능 Scheduler Tree 조직도

Accordion Aero Peek HTML Editor 지도 연계

2018-10-18 8

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 그리드 컴포넌트 (1)

컬럼 너비 조정 컬럼 고정

다양한 셀 타입 멀티헤더 / 셀 병합

끌어놓기

2018-10-18 9

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 그리드 컴포넌트 (2)

데이터 그룹핑 드릴다운 / 트리 그리드

엑셀에서 그리드로 붙여 넣기 그리드에서 엑셀로 붙여 넣기

2018-10-18 10

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 그리드컴포넌트 (3)

데이터 정렬 / 다중 컬럼 데이터 정렬 데이터 필터 / 다중 컬럼 데이터 필터

Inv No 에서 55 초과인 값만 filtering 한 경우

엑셀 업로드 / 다운로드 소계 / 합계 표시

버튼 클릭으로 간단히 전체 데이터 엑셀 연계, COPY&PASTE 또는 일부 범위 지정 후 연계

Excel

2018-10-18 11

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 다양한 네비게이션 기능 및 개인화 기능

다양한 네비게이션 방식 제공

MEGA MENU, CARD TAB, DOCKING MENU, WORK FKOW

개인별 맞춤 기능

즐겨찾기, 단축 키 등 웹 단말 설정, 연관 메모 등

현재 창에 대한 연관메모 쓰기

현재 창 잠금

현재 창 즐겨 찾기 추가

현재 창을 새 창으로 열기

현재 창 RESTORE

현재 화면을 새 창으로 열기

고객 정보 알림 (현행화 알림)

2018-10-18 12

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 사용 기기 맞춤 자동 배치 및 데이터 양 조정

화면 크기 따라 화면 요소의 위치 변경 자동 간격 조정 위치 변경

자동 데이터 줄 수 조정

2018-10-18 13

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 사용자 디바이스 별 별도 처리

디바이스에 따라 필요 정보만 노출시켜 최적화된 이미지 제공

하나의 프로그램이 태블릿과 PC에서 동일하게 사용되며 PC에서는 더 많은 정보와 더 많은 정보 탭이 보입니다.

개발도구 ONE SOURCE

태블릿 뷰

PC 뷰

PC에서만

디스플레이

상하 구성

데이터

디스플레이

2018-10-18 14

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER WYSIWYG 시각적 화면 작성

실행 시와 동일한 모양으로 시각적으로 NCRM-Ajax 컴포넌트를 조합하여 화면을 작성하는 기능을 제공합니다.

HTML5 화면 요소나 NCRM Widget들을

시각적으로 실행 시와 동일한 모양으로

디자이너 화면에서 작성하며,

속성 창을 통한 속성 지정 기능을 제공합니다.

작성된 페이지는 별도 작업 없이

다국어 페이지로 보여집니다.

Drag & Drop 으로 I/O와 화면 요소간

Binding하며 Binding 상태가 표시됩니다.

작성된 Javascript 코드의 잠재적 에러나

작성 규칙 준수 여부 등의 분석 기능을 제공합니다.

Intellisense , Snippet 편집 기능 등의

코드 작성의 편의성 향상 기능을 제공합니다.

2018-10-18 15

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 개발도구

미리보기 기능 지원

데스크탑, 테블릿, 스마트폰에서 미리 보기 기능 제공

편리한 다국어 지원

한번 개발로 여러 언어로 사용

속성 / 스타일 / 이벤트 편집 기능

해당 요소의 속성, 스타일, 이벤트 등 지정 기능

소스코드 자동완성 기능

소스 자동 완성하는 Intellisense, Snippet 기능 제공

한국어

일본어

영어

2018-10-18 16

NCRM HTML5 NETWORK COMPUTING RESOURCE MANAGER 타 제품 대비 NCRM의 차별성

제품 NCRM HTML5 Nexacro HTML5 WebSquare

제품 구조 및

완성도

• 순수 웹 표준 기술

• HTML5 기반

• UI 페이지 중심

• 상세 기능 요건에 대한 원활한 제공

• 순수 웹 표준 기술

• HTML5 기반

• 개발 도구 중심

• 상세 기능 부족

• XHTML(Xforms) 기반

• 개발도구 중심

• 구조상 제한적 기능 제공

기술력

• 20년 이상 업력의 UI 전문 회사

• 고객 요구 적극적 수용

• 자체 개발 우수 컴포넌트

• UI 사업보다 타 분야 사업 치중

• 외산 제품으로 고객 요구 수용에 소극적

• 컴포넌트의 상세 기능 부족

• 타 분야 사업과 UI 사업 병행

• 엔진 수정 부담으로 요구 수용에 소극적

• 컴포넌트의 상세 기능 부족

개발도구

• HTML5 전문 개발 도구

• 개발 도구 산출물 그대로 실행

• 개발 시와 실행 시 동일한 모양 (CSS 적용)

• 쉽고 빠른 개발 기능

• 전용 뷰어 용 개발 도구 확장

• 개발 도구 산출물 유틸리티로 전환

• 개발 시는 유사한 별도 모양 (CSS 무관)

• 개발 생산성 기능 부족

• 자체 처리 위주의 개발 도구

• 개발 도구 산출물 자체 엔진이 처리 실행

• 개발 시는 유사한 별도 모양 (CSS 무관)

• 개발 생산성 기능 부족

적용사례

• 대규모 차세대 시스템

• 대규모 금융권 기간계 운영 사례

• 운영 환경에서의 성능 및 기능 검증

• 최근 적용 사례 적음

• 없음

• 응답 속도 이슈

• 단위 업무 시스템 위주

• 구축 진행 중

• PC 자원 과다 사용 이슈

2018-10-18 17

감사합니다. SMIT.CO.KR

02 2167 4700

AJAX

W3C STANDARD

XFORMS

2018-10-18 18