SAP UI / UX의차세대패러다임과비전의구현 Network/04. (BSG... · - Ariba, hybris, SuccessFactors, PeopleSoft, SAP UI5 ... Webinar 등을Mix하여고정관념의틀을깨는열린장소로서,

Copyright ⓒ BSG Partners Co., Ltd. All Rights Reserved

SAP UI / UX의 차세대 패러다임과 비전의 구현

Copyright ⓒ BSG Partners Co., Ltd. All Rights Reserved P 2

2000년 설립 이래로 BSG Partners가 지난 15년 동안 고객들에게 가장 많은 들었던 Complain이기도 했고, 경쟁솔루션 Vendor들이 SAP

솔루션을 공격할 때 제일 많이 사용했던 단골 Defeat 전략 중 최상위는 ‘SAP UI는 왜 이렇게 구리니?’ 였었습니다. 지난 20여 년간의 SAP

솔루션의 UI/UX 변천사에 대해서 소개를 하고 2015년 현재와 향후에 SAP가 어떻게 변해갈 지에 대한 Insight에 대해서 소개해 드리고자 합니다.

SAP UI / UX 혁신이 Real Time Enterprise로 가는 지름길이 될 수 있을 것인가?

Prologue

시장 사정에 맞지도 않고 자료조사도 제대로 되지 못했다 – Market Insight 를 어떻게 보여줄 수 있을까?

선배에게 제때 중요한 정보를 전달하지 못했다 – 실시간 커뮤니케이션은 어떻게 할 수 있을까?

모든 영업팀의 당면한 과제 – 미생의 동영상

확인 또 확인 하라고 했는데.. 왜? 안 한 거야? – Deal Status 및 Order Processing은 항상 모니터링 하고 일정준수를 할 수 있을까요?

회의, 회의, 회의의 연속 – 언제 회의 내용을 요약하고 또한 훌륭한 아이디어를 끌어 내어 좋은 솔루션을 찾아낼 수 있을까요?

하나의 사업 – 여러 회의, 수많은 서류작업, 새로운 아이템, 미뤄둔 기억, 뽀족한 수가 있는 건 아니다..

해외 바이어의 요구사항을 신속하게 수렴하지 못해서 Deal 자체가 취소될 수 있는 위기의 상황 – 우리는 현재 어떻게 이 딜을 챙기고 있을까요?

Copyright ⓒ BSG Partners Co., Ltd. All Rights ReservedP 3

SAP UX / UI의 차세대 패러다임과 비전의 구현

Table of Contents

I. BSG Partners 소개

II. SAP Solution’s UI/UX 변천사

III. S/4HANA & Fiori

IV. BSG Solution Road Map

V. BSG’s UI/UX의 차세대 패러다임

VI. Demo 소개



Table of Contents






VI. Demo 소개


BSG는 SAP ERP 솔루션을 기반으로 하는 PI/ERP 컨설팅 부문에서 신뢰받는 기업으로 성장, 시스템 운영서비스 및 확장 ERP 분야에서 능력을

인정 받고 있으며 세계 최고 품질의 IT 컨설팅 서비스 기업을 목표로 꾸준히 성장하고 있습니다

일반 현황

Ⅰ. BSG Partners 소개

회사명 ㈜비에스지파트너스 (BSG Partners Co., Ltd.)

대표 박철욱

사업 분야

• 기업 정보화 전략 컨설팅 서비스 (ISP, BPR)

• SAP 솔루션 컨설팅 서비스 (SAP S/4HANA, SAP BAT&LOB Solutions)

• SAP 솔루션 운영(Outsourcing) 서비스

• 클라우드 Software 서비스 (SaaS) ▶ Ariba, SuccessFactors, hybris, Concur, C4 Cloud Mix (C4:ERP)

• 클라우드 Platform 서비스 (PaaS) ▶ C4:Solman, C4:Server

• SAP UI/UX 혁신 컨설팅 서비스

• PeopleSoft 컨설팅 서비스 (HR 솔루션)

• 기업 IT인프라 > 클라우드 Migration 컨설팅 서비스

• 기업 정보보안 컨설팅 서비스

주소 135-924 서울시 강남구 논현로85길 21 (BSG빌딩)

URL |

e-mailwww.BSGglobal.com | [email protected]

SNS www.facebook.com/BSGpartners | goto.kakao.com/@bsg

Phone대표: 02-6730-3200 | 운영전담조직: 1600-8110 | 고객센터: 1600-8770 |

FAX: 02-771-7236

설립 연도 2000년 5월 31일

상장 구분 비 상장기업

http://www.bsgglobal.com/

mailto:[email protected]

http://www.facebook.com/BSGpartners

mailto:goto.kakao.com/@bsg


BSG는 국내 최초 SAP 솔루션 ASP 제공을 시작으로 SME 시장에서 최고의 SAP 컨설팅 기업으로 도약하였으며 국내 최대 SAP 시스템 운영

기업으로 성장 하였습니다. 또한 글로벌 서비스 강화 및 분야별 역량 확대에 집중하여 고객 서비스 품질에 전념하고 있습니다.

연혁


- BSG 설립- ASP (Application Service Provider) 서비스- 서비스 운영 시스템 EchoLineTM 오픈- 서비스 운영 전담조직 CCC 설립

- 운영서비스를 위한 ITIL 체계 도입- IBM과 서비스 파트너쉽 체결- 2003 SAP Partner Award 수상

- DUETTM 채널 오픈(아웃소싱 서비스 품질강화)- 2004 SAP Best Practice Partner Award 수상- SMB를 위한 ERP솔루션 smartfitTM 출시

- SAP 시스템 운영고객 국내 최다 확보- 화학/CPG 산업을 위한 SAP Best Practice 솔루션 출시- smartfitTM_high-tech, smartfitTM_mill 출시- Grand SAP APA Channel Partner Award 2005 수상- SAP VAR Support Center Certificate 획득- Target Over Achiever Award 수상- Midpoint Destination 수상

- SAP Pinnacle Award 2006 수상- SAP Gold Partner 인증- North Asia Hub Best Partner 수상- Highest Customer References Partner 수상- smartfitTM_service 출시

2000

2003

2004

2005

2006

- 해외사업 진출 (인도네시아, 중국)- SAP의 CCC 재 인증

- 내부 경영관리 포털 VlueGENETM 오픈.- E-SOA Leadership Center 설립

- SAP Pinnacle Award 2009 수상- 인도네시아 법인 설립 (iBSG)

- Post-ERP/LoB 솔루션 및 NetWeaver플랫폼 Leadership

- SAP B1 Cloud Service 런칭(with SK Telecom)

- BSG 사내 SNS: Harmonia 런칭- 제 1회 BSG Executive Summit 개최- SAP RDS 솔루션 인증 (5개 솔루션, 국내 최다)

- 운영 서비스 지원 EchoLineTM 2.0 오픈- BSG 중국 지사 설립 (博仕杰软件科技（西安）有限公司)

- SaaS 형태의 클라우드 서비스 Cloud*1TM 런칭- BPNR, P&T, PeopleWide 인수- Ariba, hybris, SuccessFactors, PeopleSoft, SAP UI5 사업 본격화

- 국내 최초 S/4HANA DEMO 센터 OPEN

2007

2008

2009

2010

2011

2012

2013

2014

2015


BSG는 폭넓은 컨설팅 인력 Pool을 운용하고 있으며 대형 프로젝트에 대하여 독자적으로 수행할 수 있는 체제로 운영되고 있습니다. 2015년 7월

기준 자회사 임직원을 포함하여 약 300명의 인원으로 구성되어 있습니다.

인력 현황


Band 1 (4%)

Band 2 (5%)

Band 3 (12%)

Band 4 (11%)

Non-PM (68%)

BSG의 컨설팅인력 보유 현황

* 위 ‘Band는 BSG의 컨설팅 등급 규정을 뜻 함.

Market leaders in their own field of business

SAP UI5

HTML5

SAP hybris

UI/UX Consulting

Mobile Integration

Collaboration Solution

HR Consulting

SuccessFactors

경영계획/성과관리

Analytics/BI/EIS

SAP BPC

SAP BusinessObjects

SAP BW

SAP HANA

SAP Data Service


Worldwide Service


국내기업들의 해외 진출이 가속화 됨과 더불어 BSG의 해외 서비스

역량도 지속적으로 확대/강화 되어가고 있습니다.

BSG는 세계 전역에 위치한 고객사의 정보시스템을

구축, 운영하고 있습니다. 자사의 해외 서비스 품질

보장을 위해 글로벌 IT서비스 기업인 미국의 'HTC'와

업무 협력 관계를 맺고있으며 해외 고객 대응력을

강화하기 위해 중국과 인도네시아에 현지 지사를

설립하여 운영중에 있습니다.

BSG China Co.,Ltd

Room 2302, Block E, Wangzuo Xiandaicheng, No.35, Tangyan Road, Xi'an High Technology Industries Development Zone, Xi'an China 710065

PT. Indonesia BSG (iBSG)

Korea Center Building, Unit 303, Jalan Jenderal Gatot Subroto Kav. 58, Jakarta, 12950 Indonesia


BSG는 S4/HANA 상시 시연 및 교육이 가능한 SAP 솔루션 데모센터 '넥스트 랩 (n.ex.t lab)'을 오픈 하게 되었습니다.

SAP S4HANA솔루션 데모센터 – 넥스트 랩(n.ex.t lab)


넥스트 랩에 마련된 브리핑 및 데모 인프라는 SAP S/4HANA를 중심으로한SAP의 솔루션이 가진 강점을 잠재 고객에게 효과적으로 전달하고 궁극적으로새로운 영업 기회의 창출로 이어지도록 하는 새로운 채널이 될 수 있을 것으로기대하고 있습니다.

넥스트 랩은 단순히 '프레젠테이션 장소'로서의 개념을 탈피하여, 장소의 활용과홍보, 컨텐츠의 전파, 활용에 이르기 까지 SNS와 인터넷, Website, Webinar 등을 Mix하여 고정관념의 틀을 깨는 열린장소로서, 입체적인방식으로 운영할 계획입니다.



Table of Contents






VI. Demo 소개


SAP 에서 제공하는 전통적인 UI는 SAPGUI for Windows, SAPGUI for JAVA, SAPGUI for HTML이 있습니다. 이외에 Role Based GUI인

NWBC( Netweaver Business Client )가 있습니다. 또한 SAPGUI를 통한 입출력을 위하여 ABAP의 Write 구문 및 ALV를 이용한 Grid 기능을

제공하고 있습니다.

SAP GUI

Ⅱ. SAP Solution’s UI/UX 변천사

SAP GUI for HTML SAP GUI for Java

SAP GUI for Windows NWBC

Write문을 활용한 화면출력

ALV Grid


2000년도 초반까지는 SAP ERP ( R/3 )의 경우, SAP Script 라는 개발 Tool을 활용하여 양식 있는 문서를 시스템에서 출력해 나가기

시작했습니다. 그 전에는 Write 문을 활용하여 Dot Print로 출력하는 방식으로 문서양식을 출력하기도 했었습니다.

SAP Script


SAP Script 서식 SAP Script 출력물


2002년 이후로 SAP R/3 4.6C Version부터는 smartforms를 통해서 ‘세금계산서‘, ‘거래명세서‘, ‘수금확인서‘ 등등의 기업 내부의 주요

문서들을 출력하는 방식으로 SAP ERP에서 각 부서별 주요 문서 양식을 들을 출력하는 방식으로 시장에 크게 퍼져 나가게 됩니다.

Smartforms / Smartstyle


Smart forms 서식 툴 Smart forms 출력물


2002년 이후로 SAP R/3 Ver 4.7 Enterprise 부터는 ESS/MSS 및 HR 부문에서 SAP ABAP Stack에서가 아니라 Web에서 출력을 기능을

바탕으로 시장에서 많이 퍼져 나가게 됩니다.

BSP ( Business Server Pages )


BSP Work Bench BSP Web UI


2003년 이후로 SAP NetWeaver Platform이 장전이 되고, 2004년부터 본격적으로 시장에 퍼져나가게 됩니다. ABAP Stack의 Web GUI,

WD4A가 국내시장에서 크게 성장하기 시작합니다.

SAP NetWeaver Platform - ABAP : Web GUI, WD4A


SAP GUI 화면에서 작업하던 컨텐츠를 CE의 웹 컨텐츠또는 ERP 서버의 WAS에서 서비스

별도 추가 개발 없이 ABAP의 T-Code 화면을 웹으로 변환

ABAP 기반이기에 ERP의 Authorization, Enqueue/Dequeur, Search Help 등의 ABAP 오브젝트를 쉽게 접근

복잡한 화면 및 유연한 효과에 대한 제약 사항

Web GUI WebDynpro for ABAP(WD4A)


2003년 이후로 SAP NetWeaver Platform이 장전이 되고, 2004년부터 본격적으로 시장에 퍼져나가게 됩니다. EP의 PDK, WD4J가

국내시장에서 크게 성장하기 시작합니다.

SAP NetWeaver Platform - EP : PDK, WD4J


Servlet/JSP를 완벽 지원 하여 포탈 유저 관리, 화면 이동등 포탈 이벤트 구현 용이

Non-SAP 시스템과의 연계 원화

개발 시간이 길며 CE 시스템에 Add-on 되는 Data양이많을 시 시스템 부하 가중

그래픽 디자인 툴을 지원, 다양한 UI패턴 지원, 모델링중심의 자동소스 완성기능이 지원되며 개발속도 우수 및유지 보수 용이

개발자 Local PC에 개발환경을 구축 하고 SLD, JDI, DTR시스템 연계작업 필요, Servlet 사용 불가능

CE Theme Design에 의존, 복잡한 Design 불가능

Portal Development Kit(PDK) WebDynpro for Java(WD4J)


2005~6년에는 SAP EP의 VC가 Flex기반으로 탑재되어 초대형기업을 중심으로 도입을 하기 시작합니다. 2014년 까지는 Flex 및 Visual

Composer 등이 상당히 오랜 기간 동안 시장에서 UI/UX의 혁신 Tool로써 활용되며, SAP EP기반에서 Flex 및 PDK, WD4J, VC, WD4A 등의

Tool을 활용하여 NWBC, EP를 통해서 서비스 하는 방식으로 8년 가까이 시장에서 Positioning 해왔습니다.

SAP NetWeaver Platform - EP : Flex & Visual Composer


Flash기반의 UI구현이 가능하며 모델링 방식으로 개발생산성 증대

FLEX 1.5 엔진을 사용하며 모델링 툴에서 제공하는기능 외에 사용이 불가능

이중 축 차트, 다중 헤더 등에 개발유연성 떨어짐

Flex Engine 3.0을 사용함으로써 화려한 UI구현이 가능하며조회속도 빠름

화면이 복잡할 수록 로딩시간이 길어지고 메모리 점유율이높아지며 컴파일 된 파일(SWF)의 용량이 큼

FLEX Visual Composer


NetWeaver Platform에서 UI 개발 Tool 비교

Ⅱ. SAP Solution’s UI/UX 변천사 구분 Web Dynpro PDK Visual Composer Flex BSP

사용자요구사항시나리오 기반 연계컨텐츠 업무

통합의 요구가 높고상당히 복잡한 업무

조회성 업무 조회성 업무복잡한 업무 및조회성 업무

개발 요구 Skill Java, ABAP JAVA Modeling Tool Action Script ABAP

개발 방식 4GL ToolJSP 기반의웹 프로그래밍

4GL ToolFlash 기반의웹 프로그래밍

ABAP 기반의웹 프로그래밍

개발서버 위치 CE, ERP CE 서버 CE 서버 CE 서버 ERP 서버

데이터 연계 JCO Connector JCO Connector JCO Connector JCO Connector BSP 포틀릿

Application Platform J2EE, ABAP J2EE J2EE J2EE ABAP

User Interface SAP UI Pattern HTML, HTMLB SAP UI Pattern Flash HTML, HTMLB

Development ToolSAP NetWeaverDevelopment Studio

SAP NetWeaverDevelopment Studio

Visual Composer Tool

Adobe Flex Builder ABAP Workbench


SAP가 Business Object를 인수하게 되면서 2008년? 이후로 Xcelsius 등의 개발 Tool을 활용하여 EIS 및 주요 경영 KPI Dashboard 개발에

활용되었으며, Flex와 함께 섞어서 EIS 및 BPC 등의 솔루션을 구축하게 되었습니다.

SAP Business Object


Ad

vanced

An

alysis

Interactive A

nalysis

Reporting, AnalysisVisual

Xcelsiu

s

Crystal R

epo

rts

Business User를위한 정형 보고서

맞춤형 정보 Dashboard 디자인



Table of Contents






VI. Demo 소개


2014년 부터는 Mobile 혁신과 더불어 세계시장에서 자리를 잡아가게 되고, SAP의 S/4HANA 또한 HTML5 기반의 Fiori 기반으로 App.

Service 하는 방식으로 진화해 왔습니다.

HTML5, SAP UI5 & Fiori

Ⅲ. S/4HANA & Fiori

데스크탑/모바일 환경을 위한 다양한 UI Control

어플리케이션과 UI 컨트롤 개발 환경 제공

어플리케이션 일관성을 위한 oData 기반 통합

Custom Control 생성을 위한 확장성 제공

오픈소스 프레임워크와 웹 표준의 수용

지역별/법인별 등으로Drill-down

역할 기반의 UI 구성으로 업무 STEP 간소화

즉각적이고 직관적인 Insight 확보


SAP S/4HANA 기반의 새로운 UI – Fiori Apps 유형

HTML5, SAP UI5 & Fiori

Transactional

Task-based access

생성, 변경, 승인프로세스를위한업무지원

Analytical

Insights

모니터링및추적관리를위한 Visual정보제공

SAP Smart

Business

Insight to action

cockpit

주요 KPI의실시간분석및평가를통한적시대응

Factsheets

Search and explore

검색및관련객체사이의탐색을통한필요정보조회

Runs on: Runs

on:

Runs

on:



SAP 표준 어플리케이션의 구성 중에 여러 개의 화면으로 분산되어 있거나, 불 필요한 필드가 많은 것을, 사용자의 업무에 맞춤형으로 한 화면에

단순화 하는 Personas 기술을 적용하여 사용자 업무 편의성 향상 및 오류 방지를 도모 함

SAP의 새로운 사용자 편의성 UI – Persona : 새로운 UI 툴




Table of Contents






VI. Demo 소개


BSG는 기업 경영활동의 Value Chain 전반에 걸친 정보화를 위해 하기와 같이 다양하고 폭넓은 솔루션 포트폴리오를 보유하고 있습니다.

BSG’s Solutions for Business Value Chain

Ⅳ. BSG’s Solution Roadmap

ERP | SAP S4/HANA, SAP Business All-in-One, SAP Business One, C4:ERP TM

ERP Add-on Packages | smartfitTM Trading

Business Planning & Consolidation | SAP BPC

HR | SuccessFactors, PeopleSoft, SAP HCM, smartfitTM HR

Enterprise Master Data Mgmt. | SAP MDG / MDM, smartfitTM MDG

MES / POP | SAP MII

PLM | SAP PLM (Product Lifecycle Mgmt.)

PMS | smartfitTM PMS (Project Management System)

Information Security Governance | SAP UIM (UI Masking)

Travel Expense Management | Concur

Global Purchasing / Sourcing

| Ariba, , smartfitTM EPP

e-Procurement | smartfitTM EPP

SCM | SAP SCM

SRM |SAP SRM

CRM | SAP CRM

SCM | SAP SCM

Sales Operation

| smartfitTM S&OP (Sales & Operations

Planning)

POS

e-Commerce | Hybris

PRM | SAP PRM, smartfitTM PRM

ERP & LoB(Line of Business) Solutions

Customer

Channels / Partners

Supp

liers

Enterprise


BSG는 SAP의 전통적인 ABAP GUI 부터 SAP의 새로운 Web 기반 UI를 지속적인 R&D를 통해 고객에게 제공해 왔으며, 현재는 국내 최초

SAP S4HANA&Fiori Demo 센터를 운영하고 있습니다. BSG는 앞으로도 차세대 UI 구현 전략을 통해 고객에게 가치 있는 SAP 시스템 사용 환경

제공을 토대로 생산적이고 효율성 높은 업무 환경 구축에 앞장서겠습니다.

BSG 차세대 UI/UX 구현 History

Ⅳ. BSG’s Solution Roadmap

2015 SAP S4HANA&Fiori R&D 센터 발족 현대종합상사 지사 포탈 SAP UI5 구축 BSG 자사 솔루션 smarfit 제품군

SAPUI5 버전 출시 예정

BI(SAP BO) 전문 컨설팅 기업 P&T컨설팅 -> BSG Family사 합류 UI/UX 전문 컨설팅 기업 BPNR -> BSG Family사 합류 아모레퍼시픽 e-Sales & e-HR 프로젝트 국내 최초 SAPUI5 적용

2014

2013

2012

2011

2006

smartfit_PLM RDS FLEX 버전 출시 smartfit_EIS RDS FLEX 버전 출시 smartfit_MDM RDS WD4A 버전 출시 아모레퍼시픽 SRM PDK UI Enhancement

smartfit_EPP RDS FLEX 버전 출시 유라그룹 smartfit_EPP RDS FLEX 버전 공급

NetWeaver 사업본부 창립 소니 동우화인캠, 한글라스 WD4J 구현

동화홀딩스 SAP BPP 기반 현장업무지원시스템 WD4J 구현 smartfit_SAM(Service Asset Manager) WD4J 버전 출시



Table of Contents






VI. Demo 소개


BSG는 2016년 3Q까지 BSG의 SAP Global 인증 5대 RDS 솔루션 및 ERP All-In-One 솔루션들 그리고 자체 솔루션들이 S/4HANA 및

SAPUI5로 고도화된 솔루션으로써 HANA Cloud Platform에 Apps.로 등록되어서 Global 고객들을 대상으로 Fiori를 통한 Mobile

Service까지 가능하도록 할 예정입니다. 상세한 Road Map은 SAP HCP Road Map의 Master Schedule과 맞춰서 다시 정립하여 확정할

예정입니다.

BSG’s RDS 솔루션 -> SAP HCP 기반의 솔루션으로 Upgrade

Ⅴ. BSG’s UX/UI의 차세대패러다임


BSG는 2015년 3Q를 기점으로 4세대 UI/UX 기술을 포함한 Visualization 솔루션으로써 새롭게 업그레이드가 됩니다. 결과지표 중심의

경영실적을 보여주는 방식이 아니라, 실시간으로 과거 실적, 경험 등에 대한 Big Data를 실시간으로 활용하여 다수의 의사결정권자가 복잡한

사안에 대한 의사결정을 효과적으로 함께 협업하여 처리 할 수 있는 실시간 경영환경 관제 기능을 제공하게 됩니다.

S/4HANA ( Big Data ) 기반의 Business Monitoring - Wizeye

Ⅴ. BSG’s UX/UI의 차세대패러다임



Table of Contents





V. BSG’s UX/UI의 차세대 패러다임

VI. Demo 소개

Thank you

www.BSGglobal.com

www.facebook.com/BSGpartners

goto.kakao.com/@bsg

[email protected]

+82-2-6730-3200

S/4 HANA ? Answer is BSG

Documents

SAP UI / UX의차세대패러다임과비전의구현 Network/04. (BSG... · - Ariba, hybris, SuccessFactors, PeopleSoft, SAP UI5 ... Webinar 등을Mix하여고정관념의틀을깨는열린장소로서,