[SAP] SAP Fiori 이해하기

SAP는 사용자경험이 적용된 SAP Fiori UX를 제공합니다.

 

여기서 UX는 User Experience를 의미하며 소프트웨어의 설계시 그 사용자가 어떻게 반응하고, 느끼고, 사용하는지 감성적인 경험을 고려하는 것을 의미합니다. 비슷한 말인 UI는 User Interface를 의미하며 기능 그자체를 뜻 합니다. 

---

SAP Fiori는 기본적으로 S/4 HANA의 사용자를 타겟으로하며 그 중 에서도 On-Premise형으로 시스템을 도입한 기업에서 주로 활용됩니다. 현재 GUI 사용자 인터페이스를 사용하는 사용자들은 Fiori를 통해 SAP ERP의 내부 시스템을 반응형 UI으로 웹브라우저에서 경험할수 있습니다. Fiori는 Front-end Framework이며 백앤드의 비즈니스 로직영역을 분리하여 앱 개발을 단순화하며 모바일, 테블릿, PC에서도 동일하게 작동됩니다.

전통적인 UI인 GUI와 SAP FLORI의 차이 : youtu.be/_morrLqAZTQ

---

Fiori의 UI 기술은 SAPUI5에 기반하며 SAPUI5는 HTML5를 기반으로하는 SAP 표준 UI기술이며 웹프로토콜은 Odata를 사용합니다.

 

SAPUI5 아키텍처

 

SAPUI5의 개발도구는 크게 3가지가 있습니다.

---

1. web IDE - SCP 및 HANA 클라우드에서 개발.

web IDE

SCP Web IDE 설치 : https://dhan-description.tistory.com/150

[SAP] SAP Fiori Web IDE 설치 및 사용방법

 

2. Eclipse 플러그인 - 웹화면 개발과 유사( 그외 ServerLess 등의 )  

이크립스 플러그인으로 피오리 설치 : https://dhan-description.tistory.com/147

[SAP] SAP Fiori - SDK Kit 설치하기(Eclipse)

 

3. web ide personal edition - 로컬에서 개발

SAP Web IDE는 HCP(HANA Cloud Platform)에서 trail/product로 제공되며, 로컬에서 SAP Web IDE Personal Edition으로 제공된다. 로컬 개발을 위해 개인용 워크 스테이션에 설치할 수있는 개인용 버전이며, 주요 목적은 개발자에게 테스트 및 비생산적인 목적으로 로컬 IDE를 제공하는 것입니다.

로컬 WEB IDE 설치 - https://dhan-description.tistory.com/157

[SAP] SAP Fiori - SDK Kit 설치하기(SAP Web IDE Personal Edition)

https://www.saplearners.com/how-to-install-sap-webide-personal-edition/

How to install SAP Web IDE Personal Edition

SCP의 Web IDE의 경우 개발이 용이하나 템플릿이 한정적이며, SAP UI API Reference를 참조하는 경우가 많은것으로 확인됩니다.

 

 

 

SAP UX전략

---

NEW : 신규 어플리케이션 개발시 소비자 수준의 UX 제공

RENEW : 기존 어플리케이션에서 공통적으로 사용되는 비즈니스 시나리오에 대한 UX 개선

ENABLE : 고객이 비즈니스 시나리오를 수행하기 위해 사용하는 SAP 소프트웨어의 UX를 직접 개선할 수 있도록 도구를 제공

 

SAP Fiori UX Concept

---

 

배포옵션

---

온프레미스 및 클라우드에 상관없이 모든 종류의 배포 옵션을 사용

 

App TYPE

---

1. 트랜잭션 앱 - 트랜잭션을 입력하고 변경/갱신 취소 처리

2. 분석앱 - 비즈니스 프로세스에 대한 개요정보를 시각화

3. 팩트시트 - 최종사용자에 의해 특정 비즈니스 오브젝트를 탐색 및 엑스포트진행

 

---

컨셉 영상 : blog.naver.com/rock4e/220759335545

[SAP ERP] SAP Fiori 2.0 Design Concept Demo (한글자막)

참조 : https://www.laidon.com/solutiondetail-fiori

LAIDON-Solutions Detail/Fiori

참조 : https://blog.naver.com/PostView.nhn?blogId=rock4e&logNo=220398285924&proxyReferer=https:%2F%2Fwww.google.com%2F

[SAP Fiori] SAP UX 전략과 SAP Fiori

참조 : https://blog.naver.com/rock4e/220521698931

[SAP ERP] SAP Fiori Technology – UI 기술 및 개발 도구

소개 : https://blogs.sap.com/2016/09/17/understanding-sap-fiori/

Understanding SAP Fiori | SAP Blogs

https://st03k.tistory.com/entry/SAP-Fiori-SAP-UI5-%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C

SAP Fiori, SAP UI5 란 무엇일까