SAP Fiori 평가

Objectives

After completing this lesson, you will be able to:
  • 소비자급 사용자 경험의 중요성에 대해 설명합니다.
  • 사용 가능한 SAP Fiori UX 플로어플랜을 구분합니다.

소비자 수준(Consumer-Grade) UX의 중요성

소비자급 UX의 중요성

아무리 혁신적인 소프트웨어 애플리케이션이든 최종적으로는 성공이나 실패를 결정하는 것이 최종 사용자에 의한 성공적인 채택이며, 애플리케이션이 제공하는 사용자 경험(UX)보다 성공적인 채택과 상관이 없다.

UX가 중요한 이유 오늘날 최종 사용자는 과거와 달리 기업 애플리케이션이 매일 전화, 태블릿 및 웹 사이트에서 사용하는 애플리케이션과 동일한 시각적 모양과 느낌을 갖기를 기대합니다.

'Clean Core 접근 방식 소개' 소단원에서 설명한 대로, 최종 사용자의 요구사항은 물론 중요한 요구사항도 비즈니스 및 IT 부서의 요구사항과 일치해야 합니다. 그러나 다행스럽게도 이 경우 이 균형은 모든 사람에게 ‘윈-윈’을 초래한다. 최종 사용자가 만족스러운 사용자 경험을 제공하는 대신, 올바르게 설계된 UX는 교육 비용을 절감합니다. 최종 사용자가 어플리케이션을 학습하는 데 더 적은 시간이 필요하기 때문입니다. 잘 설계된 앱도 오류가 적기 때문에 IT 부서는 최종 사용자의 생산성을 높이는 것이 아니라 지원 티켓을 처리하는 데 시간을 덜 소비하게 됩니다. 마지막으로, 오류가 줄어들어 고객 불만사항의 수가 줄어들기 때문에 모든 회사가 중요하게 여기는 순 제공자 점수가 높아집니다.

UX란?

UX가 중요한 이유를 이해했으므로 UX가 정확히 무엇인지 살펴보겠습니다. 정의에는 몇 가지 변형이 있는데, 이는 이해할 수 있고 반드시 문제가 되지는 않는다. 정의를 시작하는 좋은 시작점 중 하나는 ISO(International Standards Organization)입니다. ISO 9241은 사용자 경험을 "시스템, 제품 또는 서비스의 사용 및/또는 예상되는 사용으로 인한 사용자의 인식과 응답으로" 정의합니다. ISO 정의에서 참조되는 인식은 해당 사용 및 응용 프로그램이 사용되는 컨텍스트와 함께 사용되는 응용 프로그램의 영향을 받습니다.

이 정의는 SAP S/4HANA Cloud 제품 전략의 핵심 요소 중 하나인 SAP의 소비자 등급 UX를 위한 좋은 출발점입니다. SAP에서 소비자급 UX는 최종 사용자가 원하는 "소비자"의 모양과 느낌을 갖춘 엔터프라이즈 앱을 의미합니다. 소비자 수준(Consumer-grade)의 UX는 SAP Fiori에서 가장 명확하게 개인화됩니다. SAP Fiori는 효과적인 UX 개발에 필요한 모든 측면을 포괄하는 디자인 시스템입니다. 이러한 측면에는 어플리케이션을 구성하는 시각적 요소, 탐색 개념, 어플리케이션 프로비저닝 옵션 등이 포함됩니다.

제품 전략 외에도 SAP Fiori는 Clean Core 접근법의 중요한 부분입니다. 'Clean Core 접근법 소개' 소단원에서 Clean Core 접근법의 한 부분이 잘 정의되고 업그레이드가 안정적인 인터페이스를 사용하는 것임을 기억하십시오. SAP S/4HANA Cloud 데이터는 인터페이스, 특히 원격 API를 통해 SAP Fiori 앱에 제공됩니다. 이 내용은 다음 소단원에서 살펴볼 것입니다.

SAP Fiori의 이점

SAP Fiori 기능

SAP Fiori와 SAP Fiori 요소 앱의 일관성

SAP Fiori 및 SAP Fiori 요소 앱은 모두 SAPUI5를 사용하여 빌드됩니다. SAPUI5는 표준화된 웹 기반 기술을 기반으로 합니다. SAPUI5는 HTML5를 CSS3 및 JavaScript와 함께 사용합니다. 또한 LESS와 jQuery라는 두 개의 잘 알려진 라이브러리를 활용합니다. SAPUI5에는 개발자가 UI 빌드에 사용할 수 있는 거의 200개의 표준 컨트롤이 있습니다. 이러한 컨트롤은 사용되는 어플리케이션에 관계없이 동일하게 표시되고 동작합니다. 따라서 창고 담당자가 사용하는 Cash Flow Analyzer 앱이든 창고 담당자가 사용하는 재고 실사 앱이든 요소의 유형은 동일합니다.

SAP Business Application Studio

SAP Business Application Studio는 SAP Business Technology Platform(BTP)에서 사용할 수 있는 서비스입니다. SAP Business Application Studio는 SAP Fiori 앱을 빌드하는 데 사용할 수 있는 현대적인 통합 개발 환경입니다. 통합 툴 및 마법사 세트를 사용하여 프로젝트 구조와 코드가 포함된 파일을 버튼 클릭 몇 번으로 자동으로 생성할 수 있습니다. 따라서 필요한 모든 프로젝트 컴포넌트를 처음부터 생성하는 것에 비해 개발 시간이 크게 단축됩니다.

SAP Fiori 요소 및 Fiori 툴

SAP Fiori 요소를 사용하면 개발 시간을 더욱 단축할 수 있습니다. 프로젝트 팀이 SAP Fiori 앱을 디자인할 때 앱 프리스타일 또는 SAP Fiori 요소를 개발할지 여부를 결정해야 합니다. 두 경우 모두 SAP Business Application Studio는 필요한 모든 프로젝트 컴포넌트를 생성하지만, SAP Fiori 요소를 사용하면 템플릿 및 메타데이터 기반 접근법을 앱 생성에 제공하여 SAP Fiori 개발을 확장할 수 있습니다. 따라서 필요한 비즈니스 로직과 백엔드 서비스에 집중할 수 있도록 어플리케이션을 생성하는 데 필요한 프론트엔드 개발(프리스타일 접근법과 관련)이 줄어듭니다.

SAP Fiori 요소 앱은 자동으로 엔터프라이즈급 앱입니다. 이 프레임워크는 고품질의 안정적이고 최적화된 UI 코드를 보장합니다. 또한 기업 공간에 기대되는 다양한 기능을 기본적으로 제공하지만 일반적으로 접근성, 변형 관리 또는 편집 모드와 같이 구현하는 데 비용이 상당히 많이 듭니다.

SAP Fiori 요소는 목적(즉, 분석, 작업 리스트)별로 어플리케이션을 여러 플로어플랜 중 하나로 분류합니다. 플로어플랜은 어플리케이션을 개발할 때 SAP Business Application Studio에서 개발자가 선택합니다. 그러나 UI5 프리스타일 생성과는 달리 HTML5, CSS 및 JavaScript 파일은 생성되지 않습니다. 대신 XML 기반인 주석이 포함된 일련의 파일이 만들어집니다. 이러한 주석은 최종 사용자가 어플리케이션을 시작하고 UI가 동적으로 렌더링될 때 런타임 시 SAPUI5 런타임에 평가됩니다.

사용 가능한 플로어플랜 중 일부는 다음과 같습니다.

  • 분석 리스트
  • 페이지
  • 초기 페이지
  • 리스트 리포트
  • 오브젝트 페이지
  • 개요 페이지
  • 마법사
  • 작업 리스트

프로젝트 팀이 사용 케이스를 위해 SAP Fiori 요소 앱을 확장해야 하는 경우 항상 앱에 커스텀 코드를 추가할 수 있습니다. 개발자는 유연한 프로그래밍 모델에서 Javascript 프레임워크와 UI5 UI 라이브러리를 활용하여 Freestyle UI5에서 이 작업을 수행합니다. 

개발자는 유연한 프로그래밍 모델 외에도 추가 접근법을 활용하여 필요한 기능으로 어플리케이션을 확장할 수 있습니다. SAP Fiori 요소 어플리케이션을 ABAP 플랫폼(특히 CDS(Core Data Services) 뷰)에 구현된 OData 서비스에 "바인딩"할 수 있습니다. 주석을 CDS 뷰에 배치할 수 있으며, CDS 뷰는 UI5 런타임에 의해 평가됩니다. 이 두 가지 옵션은 SAP Business Application Studio 프로젝트에 주석을 배치하는 기능과 함께 개발자가 어플리케이션을 유연하게 디자인할 수 있도록 합니다. 더 광범위한 범위의 주석을 ABAP 계층에 배치할 수 있습니다. 따라서 개발자가 여러 앱에서 반복적으로 주석을 복사하지 않아도 됩니다. 각 개별 어플리케이션에 좀 더 구체적인 주석(최종 사용자 요구사항에 따라 앱마다 다를 수 있음)을 배치할 수 있습니다. SAP S/4HANA Cloud 확장성 모델에서 사용 가능한 다양한 확장 유형을 살펴볼 때 ABAP 계층과 UX 계층 간의 결합에 따른 잠재적 이점은 이후 단원에서 더욱 뚜렷하게 드러납니다.

더 쉬운 테스트 프로세스

SAP Business Application Studio에는 개발자를 지원하는 테스트 툴이 많이 있습니다. XML, JavaScript 및 JSON 코드는 모두 자동 코드 삽입과 완료의 이점을 누릴 수 있습니다. 세 가지 모두 통합 툴을 사용하여 구문이 점검됩니다. 개발자는 통합 개발 환경에서 직접 작업 중인 SAP Fiori 어플리케이션을 실행할 수 있습니다.

표준화된 개발 용어

SAP Fiori는 널리 사용되는 "계층화된" 개발 철학을 기반으로 합니다. 데이터 레이어는 지속성을 제공합니다. 서비스 계층은 생성, 읽기, 업데이트, 삭제 작업(CRUD)의 구현을 제공합니다. 비주얼 계층은 대부분의 개발자들이 익숙한 인기 있는 모델 뷰 컨트롤러(MVC, Model View Controller) 패턴을 기반으로 구현되며, 그렇지 않은 사용자들에게는 배우기 쉽다. MVC 패턴의 각 요소에는 이를 구성하는 특정 기능과 함께 정의된 개발 오브젝트 세트가 있습니다. 이러한 표준화를 통해 프로젝트 팀 멤버 간의 커뮤니케이션이 더 쉬워집니다. 앱 개발은 더 효율적이며 앱의 유지보수가 더 간단합니다.

디자인 원칙

SAP Fiori 디자인 가이드라인

SAP Fiori를 통해 구현되는 소비자 수준 UX는 다음과 같은 다섯 가지 기본 빌딩 블록을 기반으로 합니다.

  • 역할 승인성
  • 적용성
  • 간소화
  • 결합
  • 유용성

역할 기준

SAP Fiori 어플리케이션은 PFCG 트랜잭션을 통해 지정되는 역할 개념을 통해 최종 사용자에게 지정됩니다. SAP Basis 관리자 및 권한 전문가는 트랜잭션 코드 PFCG를 잘 알고 있으므로 SAP Fiori의 학습 곡선이 최소화됩니다. SAP Fiori 앱은 카탈로그와 그룹이라는 두 가지 유형의 아티팩트에 지정됩니다. 둘 중 하나 또는 둘 다 역할에 지정할 수 있으며, 이 역할은 트랜잭션 코드 PFCG를 통해 사용자에게 지정됩니다. 회사에서는 간편한 지정 프로세스를 통해 작업 요구사항이 규제 준수 및 조직 관리 요구사항과 조화를 이루도록 할 수 있습니다.

적응형

오늘날 최종 사용자의 가장 큰 요구 사항 중 하나는 자신의 업무를 수행하기 위해 선택한 장치를 사용하는 것입니다. 최종 사용자는 휴대폰, 태블릿, 데스크톱을 사용할 뿐만 아니라 한 장치에서 프로세스를 시작하고 다른 장치에서 프로세스를 완료할 수 있을 것으로 기대합니다. SAP Fiori는 그 핵심에 적응성을 갖추고 있습니다. 어플리케이션은 사용 중인 장치의 유형에 따라 자신을 렌더링합니다. ABAP 계층에 내재된 드래프트 기능을 통해 최종 사용자는 어플리케이션 실행을 일시적으로 중지하고 타임라인의 나중에 완료할 수 있습니다.

단순함

SAP ERP 환경에서는 SAP GUI 어플리케이션이 다수의 화면으로 구성될 수 있으며 그에 따라 많은 수의 필드, 메뉴, 버튼이 포함될 수 있습니다. SAP Fiori 세계에서 이러한 어플리케이션은 특정 목적을 위한 단일 어플리케이션의 원칙에 따라 작은 모듈형 어플리케이션으로 분리됩니다.

일관성

최종 사용자가 어떤 SAP Fiori 앱을 사용하든, 어떤 목적으로 사용하든 전사적으로 일관된 상호작용과 시각적 경험을 경험할 수 있습니다.

사용자 만족

앞서 언급했듯이 최종 사용자는 엔터프라이즈 소프트웨어의 궁극적인 가치가 실현되는 곳입니다. SAP Fiori를 사용하면 단순히 업무를 수행할 수 있으므로 업무 경험이 더욱 풍부해집니다.

추가 학습

다음 학습 여정을 통해 SAP Fiori에 대한 추가 학습을 수행할 수 있습니다.

SAP Fiori 어플리케이션 생성