Contents

1. Mobile first 시대의 플랫폼 가치

2. 모바일 플랫폼소개

3. Morpheus Platform 주요기능

4. 플랫폼도입성공사례

Mobile First를 통한 Smart Business 구현

일상생활의 Mobile化 Smart Business 업무의변화

앱과앱으로이어지는

라이프스타일변화

검색, 지도, 가격비교등 생활밀착형Mobile서비스로최적화된일상가능

모든생활을Mobile을통한새로운생활패턴으로의변화

기존의업무시스템은Mobile을통한 Smart Business로의변화

고객의접점에서업무를수행할수있는최적의Mobile 업무필요

Smart Business

서비스확대스마트 Device를통한

IoT 플랫폼진화

공장의생산시스템은 IoT 센서를통해다양한정보취합및정보조회를모바일로실현하고있습니다.

Mobile을통한생산,물류,영업,배송업무의편의성제공

Mobile First 시대의 어려움은 무엇인가?

• 다양한 APP 개발과 다양한 유형의 APP 요구 발생

• Android & iOS의 Mobile OS의 다양화와 Web과 Mobile의 공통 요구사항 발생

• 다양한 Legacy System과의 연계와 다양한 데이터베이스의 혼재

• 개발을 위한 다양한 언어 기술 요소에 대한 습득의 어려움 및 인력 부재

다양한업무 다양한환경 다양한연계 다양한언어

개발의어려움

운영의어려움

Mobile 개발 표준화와공유 그리고연계

Legacy(업무 시스템)

업무에따라 각기 다른개발 및중복 투자

각업무별모바일시스템별도개발

서버연동및업무연동에대한별도시스템구축

각업무별로각단위운영진행

업무시스템별프로젝트의 Quality가다름

각업무별공통프레임워크하개발진행

로그인및공통모듈관리사용

통합유지운영가능및 OS 및 HW Update 일괄대응

업무시스템별프로젝트의동일 Quality 제공가능

공통라이브러리공유

엔지니어현장근무자

업무담당자 외부업체

현장근무자

업무담당자

엔지니어

외부업체

모바일 플랫폼 OPEN SOURCE가 적합한가?

• Open Source 라이선스• Open Source 이해• Open Source 개발자

• 빈약한문서• 기술 로드맵 불확실• 하자 운영미 지원

기업이 요구하는 Mobile Platform이란?

Contents

1. Mobile first 시대의플랫폼가치

2.모바일플랫폼소개

3. Morpheus Platform 주요기능

4. 플랫폼도입성공사례

Morpheus Platform 소개

Morpheus Platform 소개

Mobile Cross Platform 비교

솔루션 Cordova Ionic React native Morpheus

Legacy Adaptor • 서버사이트기능이없음. • 서버사이트기능이없음. • 서버사이트기능없음.• SAP, Oracle등 legacy

Adaptor 제공

IDE( 클라이언트, 서버)

X X X O

UI

• HTML5, JavaScript, CSS3, JQuery Mobile

• UI Component 제공

• HTML5, JavaScript, CSS3, Angular JS

• UI Component 제공

• React(Script)• Native Code 컴파일방식

• HTML5, JavaScript, CSS3, JQuery Mobile

• UI Framework 제공

Device I/F • Cordova( Plug-in type 구조 ) • Cordova( Plug-in type 구조 ) • React Native 라이브러리• Morpheus2.0 - Web-Native

Interface( Plug-in type 구조 )

OS • Android, iOS, Window • Android, iOS • Android, iOS • Android, iOS

유지보수 • 지원불가 • 지원불가 • 지원불가

• 순수국내기술• 유지보수용이• 신규기능개발용이( 전담인

력 )

개발추가기술 요소

• JAVA, Object-C , swift• Cordova

• JAVA, Object-C , swift• Cordova, Angular JS

• JAVA, Object-C, swift• React(script) 문법이해

• Morpheus• 교육/WIKI SITE/기술지원

기술지원 SITE • 없음. • 없음 • 없음. • 추가장표로설명

외부확장 • Native 직접개발연동 • Native 직접개발연동 • Native 직접개발연동 • 확장 API 연계

동적 리소스업데이트

• 가능 • 불가능 • 가능 • 가능

성능 • 무거움(불필요한 Plug-In) • 무거움.(간단한앱개발시) • 무거움(WEB View 최적화중)• 최적화(Plug-In 선별설치)• Library 최적화기술지원

리소스 보안 X X X O

단점

• 기술지원불가(Native 기술인력과프레임워크인력필요)• 개발자가절대적으로부족• 복잡한 UI 구현이어려움.• 신기술속도의대응이늦음.• 새로운버전의부담감가중

• 최적화(Plug-In 선별설치)• Library 최적화기술지원

Mobile 개발 방식 비교

구분

Hybrid App: Hybrid App 개발방법론을도입하여내장Webkit으로표준웹개발방식으로구현하는플랫폼

Native App :Android , iOS 단말에이식된OS언어로UI/기능구현한어플리케이션

Web App: 모바일웹페이지로서 브라우저에서만실행되는서비스웹

화면속도 ★★★ ★★★ ★코드이식성및최적화 ★★★ N/A ★★★디바이스고유의기능엑세스 ★★★ ★★★ ★기존지식활용도 ★★★ ★ ★★★업그레이드유연성 ★★★ ★ ★★★앱개발생산성 ★★★ ★ ★★사용자접근성 ★★★ ★★★ ★서비스유지보수 ★★★ ★ ★★★확장개발연동 ★★★ ★★ ★웹표준지원 OK! N/A OK!

개발환경 이클립스 네이티브 SDK 개별적임

개발언어 네이티브와웹전용 네이티브전용 웹전용

why? Morpheus Platform

Angular JS

Node JS

HTML/CSS

Java Script

JQuery

• 다양한자바스크립트 기반웹어플리케이션프레임워크 지원

• 표준 HTML/HTML5/CSS 채택

모피어스 개발가이드

프로젝트 게시판

매월 정기교육

• 300여개프로젝트와 4만여개의기술지원및가이드

• 최신기술접목개발 가이드 Wiki사이트 운영

• AWS SDK 연동 API 제공

• AI 기반의챗봇,음성인식 등 AI KIT 확장

• 국내및해외보안 SW 연동인터페이스제공

• 생체인증 Kit 제공

개발자의편의성과접근성그리고 지속가능한기술지원과최신기술접목에능동성을보장하는유일한 Mobile Cross Platform 입니다.

Morpheus Platform 개발의 생산성을보장합니다.

공통기능을통해개발중복성과템플릿기반의표준화된방식을통해개발생산성향상, 품질보장및비용절감효과를제공합니다.

유지보수 자동화

Morpheus Platform UI 구현 최소화및 재활용을보장합니다.

• UI Style & UI Kit Component 제공

• 구축된 UI를 Component화하여개발생산성향상및재활용제공

• 공통화된 JavaScript Function을 Component화하여 공통 API Component 활용

• IDE 기반으로 Component Import & Export 기능제공

기본제공 UI KIT

신규생성 UI/UX

통합 UIComponent

MUI Style(17종)

MUI KIT(13종)

Template(103종)

UI KIT변환

1 UI/UX 개발 비용 절감

- Morpheus 제공 기본 Template 활용

- 기 구축 UI Template 재활용

2 UI/UX 표준화

- 다수의 개발과 다수의 APP에도

균일화 된 UI/UX 적용 가능

3 운영 최소화

- 변경 템플릿을 공통으로 적용이

가능하며, 다수의 APP의 UI 변화

대응 가능

4 추가 개발 편의

- 기 구축된 UI Template을 통하여

추가 개발 기간 단축 및

Component 관리 편의성

Morpheus Platform 개발의 생산성과개발 리소스를최소화합니다.

Core Library

Data Handler Web View

Web Server File Manager

Media Logger

암/복호화 Network Manager

Common Handler

Parameter Manager Controller Interface

Manager

History Manager

Resource Update

ManagerPlugin Manager

Device Manager Zip Activity

Manager

DB

Pop Up

Multi Language

iOS API Android API

AI & 인증Service KIT

SecurityPlug-In 라이브러리

ServicePlug-In 라이브러리

간편 인증KIT

음성제어

이미지분석

챗봇서비스

번역서비스

• Android & iOS 개발리소스절감및 One Source 개발생산성제공

• AI 및간편인증 서비스를통한다양한앱서비스활용편의성제공및 개발비절감

• 국내 120여개의보안제품연동 Plug-In을 통한개발비용절감및 생산성제공

• AWS Cloud API 서비스 Plug-In을통한연동에대한개발리소스절감

• SNS 연계 API 및 예제소스를통한개발 리소스절감

Morpheus Platform 서버 연동 개발을 최소화지원합니다.

구분 내용

BlockChain API

• 연동되고 있는 연계시스템의상태 조회 제공

Smart Contract API

• API Gateway에서 사용 가능한서비스를 관리

ConfigServer

• 서비스 환경설정 정보의외부화

• 마이크로서비스들의 환경설정을 관리하며, 각 마이크로서비스들은 이 서버로부터설정 정보를 가져와 실행

DataService

• Web Service

• RDB & JPA(Java Persistence API)

GitRepagtory

• 설정 및 버전관리

• 소스 배포

DashBoard

Legacy API 연동

및 Client API 기본소스생성

Legacy 연동시뮬레이션

프로젝트 소스Explorer

빌드 & Export(Deploy)

Biz Logic 구현및Legacy Adaptation

• Legacy API 연동및 Client API 기본소스생성을통한개발리소스최소화

• 개발자는 Biz Logic에집중하고연동 API 및 Adaptation 개발은최소화

Morpheus Platform 개발의 생산성을보장합니다.

통합영역 : 20% ~ 40% 감소

디자인영역 : 15% ~ 30% 감소

개발영역 : 30% ~ 50% 감소

Total 30% 감소후속앱개발시새로운기능이동일한접근방법에따라구축되므로 3~4배더빠르게개발가능

디자인단계노력은거의동일하지만 UI Component 방식으로의사소통의편의성과재활용과규격화로인해디자인작업에소요되는개발공수를절감합니다.

커넥터및어댑터가데이터에액세스하고이를응용프로그램데이터모델에시각적으로매핑하도록구성하는데초점을맞추기때문에통합단계는 ObjectServices에서약 4 배더빠릅니다. 전통적인응용프로그램개발에서는엄청난양의사용자정의코드가필요합니다.

사용자는프레젠테이션계층개발에만집중하고컨트롤러를호출하는작업만하면됩니다. 전통적인애플리케이션개발에서생성된컨트롤러, 모델및 API 호출코드가없기때문에훨씬더많은개발노력이필요합니다.

• 응용프로그램데이터모델업데이트• 백엔드시스템에매핑• 클라이언트코드재생성• 응용프로그램프레젠테이션계층업데이트• 모델 / 컨트롤러를 UI로업데이트

Morpheus Platform Cross Platform의 가치를 제공합니다.

Cross Platform

Morpheus은표준Webkit기반개발프레임웍을제공하여, AS-IS Web 서비스를Morpheus가제공하는개발가이드및제작방법론으로Mobile App, Web 부터 PC web까지제작가능하며, 유연한 Native API연동을제공합니다.

Morpheus gw html

Image

Js

css

Mcore

Java

JSP

Morpheus admin

Legacy

DB

Interface

Web Server Was Server

Morpheus App.

Mobile Web

PC Cross Browsing

css : Media Query를 이용한 다양한 해상도 의 화면을 반응형으로 제작.

Mcore : 모피어스 client core 인터페이스로 APP 배포 시 네이티브 API가 동작하는 엔진.

JSP : user-agent 로 Cross OS / device 를 판별하여 서비스 인터페이스를 one-source로 지원함.

Morpheus Platform 운영의 편의성과지속성을보장합니다.

• APP Source의 Component화를통해재활용과개발자 Dependency 최소화

• Adaptation Dashboard를통한전문의변경과운영의편의성과개발자 Dependency 최소화

• 최신 OS 정책변경에대한실시간기술지원체계제공(네이티브개발자가없이운영가능)

• 실시간업데이트를통한사용자의편의성및 운영의편의성제공

Contents

1. Mobile first 시대의플랫폼가치

2. 모바일플랫폼소개

3. Morpheus Platform 주요기능

4. 플랫폼도입성공사례

Morpheus Platform 주요 기능

• Mobile 통한 Device 통합지원

• HTML 및 CSS를 활용한다양한UI/UX지원

• 표준 Javascript 및 HTML(5) 지원

• 웹표준준수를통한 표준화지원

• 이클립스기반의 개발 IDE 제공

• 다양한기기연동 라이브러리제공

• 구간암호화를 통한데이터암복호화제공

• 리소스업데이트 암호화제공

• 보안 SW 연동 API 제공

• Adaptor 형인터페이스모듈제공

• 다양한표준인터페이스 Adaptor 제공

• Legacy API 연동 및 Client API 기본소스생성

• Legacy 연동 데이터확인시뮬레이션

• DB Adaptation Toolkit 제공

• Legacy 연동 Flow Wizard 제공

• 앱스토어, 구글 Play 등록 없이실시간동적리소스업데이트 제공

• 사용자통계, 권한관리 등시스템운영관리기능 제공

Morpheus Platform Framework

Morpheus Client Framework

USER Interface

Native UI HTML(5) Javascript CSS3

Web-Native Interface

Native Framework

Plug-in I/F

Core LibraryGPS

Camera

Phone

EXT

Device

Morpheus Server Framework

Client API Business Workflow Server

ADMIN SYSTEM

업데이트관리

Server전문관리

리소스관리

PUSH관리

O&M

서비스로그인

서비스 API

버전체크

Security Filter

File Upload/ Download

Resource Update

Request Mapping

Legacy Integration

Data Merge/Transform

Response Generation

SAP

SOAP

TCP/IP

DB

RESTful / XML

PUSH System

업데이트관리

Server전문관리

리소스관리

PUSH관리

O&M

AI Solution 및보안 솔루션

간편인증 이미지인식 음성인식 챗봇 보안솔루션

블럭체인(HECATE)

API Gateway Hecate Service Management Blockchain API Smart Contract

PUSH Library

FCM APNS Private 가입/인증

AI Library

간편인증 이미지인식 음성인식보안솔루션

HECATE Library

인증 전자화폐 Voting스마트계약

Integration

Morpheus Platform 제공 기능

Server Framework 제공

One Source Multi USE

LegacyAdaptation

개발 가이드 통계 업데이트

Morpheus Platform 개발 편의성

Morpheus Platform 개발 편의성

Morpheus Platform 개발 편의성

저장순환구조

Icon

탭을 선택하여, 소스 수정 가능

Morpheus Platform 개발 편의성

Morpheus Platform 개발 편의성

Morpheus Platform 개발 편의성

Morpheus Platform 개발 편의성

Contents

1. Mobile first 시대의플랫폼가치

2. 모바일플랫폼소개

3. Morpheus Platform 주요기능

4.플랫폼도입성공사례

Morpheus Platform 도입 성공사례

표준플랫폼

표준플랫폼표준플랫폼

표준플랫폼표준플랫폼

표준플랫폼

표준플랫폼표준플랫폼

표준플랫폼

IoT 서비스,

Mobile 영업 지원 시스템 구축 사례

중공업 영업 분야 제조 유통 분야 식음료 유통 분야

판매점 관리기초 DATA 방문 관리 영업 일지 주문 관리 재고 관리 실적 관리 Board 커뮤니티 클레임

Mobile 현장 업무 시스템 구축 사례

중공업 서비스 분야 제조 서비스 분야 건설 분야

고객 관리기초 DATA 렌탈 접수 렌탈 방문 AS 접수 AS 처리 부품 관리 실적 관리 커뮤니티 클레임

Mobile Smart Factory & 작업장 관리

건설 분야 공장 관리 Smart Factory

공정 관리기초 DATA 안전 관리 작업 관리 출하 관리 설비 관리 차량 관리 물류 관리 교육 관리 커뮤니티

Mobile 고객 서비스 및 고객 플랫폼

자동차 분야 예매 및 쇼핑 IoT 서비스

고객통합맴버십서비스제공 고객통합맴버십 서비스제공 홈 IoT 서비스구축

• 모피어스사례 : 모바일영업관리(SFA or ODS) 사례

서비스및제조분야

SKB 마트Tablet앱등SFA 구축 오비맥주등다양한유통분야SFA 구축

유통분야금융분야

우리은행및다양한보험사영업지원시스템

• 모피어스사례 : 모바일마케팅사례

금융분야 쇼핑및예매 서비스분야

금융권고객용모바일APP 쇼핑몰및영화예매시스템 항공및숙박예매시스템

[러시앤캐쉬]대 고객금융서비스

[농협은행]농협은행 Banking 서비스

[농협생명]농협생명모바일창구

[노란우산공제]노란우산공제모바일창구

• 모피어스사례 : 모바일금융서비스사례

[신협]신협스마트뱅킹

[SBI저축은행]사이다스마트대출

[한국수출입은행]수출입은행포털

• 모피어스사례 : 모바일금융서비스사례

Morpheus Platform,

[LH공사]

모바일 포털

[건강보험공단]

건강 iN

[보건복지부]

아이사랑

[중소기업중앙회]

노란우산공제

[문화체육관광부]

공직자통합메일

[국민안전처]

안전신문고 모바일

[5678도시철도]

모바일 창구

[문화재청]

문화재관리시스템

[국립국악원]

E-국악아카데미

[문화체육관광부]

정책여론 분석시스템

[행정안전부]

바로톡 공무원 메신저

[한국교직원공제]

S2B 알리미

[수출입은행]

대고객포털시스템구축

[노란우산공제]

모바일 창구

[기무사]

푸시 메신저 시스템

[국민건강보험]

건강인 빅데이터 시스템

[병무청]

병역 안내 모바일

[질병관리본부]

닥터혈압 시스템

[중소기업중앙회]

노란우산공제

Morpheus Platform,

감사합니다.