SAP/UI5FIORI

[SAP UI5/Fiori] - SAP UI5란 무엇인가? (특징과 장점, 주요 UI기술)

로블리제 2024. 7. 17. 10:15

SAP UI5란 무엇인가?

SAP UI5는 반응형 웹 애플리케이션을 구축하는 데 사용되는 JavaScript 프레임워크입니다. MVC(모델-뷰-컨트롤러) 아키텍처를 준수하여 애플리케이션 로직, 사용자 인터페이스, 데이터 처리를 분리합니다. 이러한 분리는 개발 과정을 더 관리 가능하고 확장 가능하게 만듭니다.

SAP UI5의 주요 특징

  1. 반응형 디자인: SAP UI5로 구축된 애플리케이션은 다양한 화면 크기와 장치에 적응하여 데스크톱, 태블릿, 스마트폰 등에서 일관된 사용자 경험을 제공합니다.
  2. 풍부한 컨트롤: 이 프레임워크는 복잡한 사용자 인터페이스를 쉽게 만들 수 있는 다양한 사전 제작 컨트롤(위젯)을 제공합니다.
  3. 데이터 바인딩: SAP UI5는 데이터 바인딩을 지원하여 개발자가 UI 요소를 데이터 모델에 쉽게 연결할 수 있습니다.
  4. 테마와 브랜딩: UI Theme Designer를 사용하여 기업의 브랜딩 가이드라인에 맞춰 애플리케이션의 외관을 맞춤화할 수 있습니다.

개발 과정

개발 환경 설정

SAP UI5 애플리케이션을 개발하려면 SAP Business Application Studio(BAS)에 접근해야 합니다. BAS는 SAP 애플리케이션 개발을 위해 클라우드 기반 통합 개발 환경(IDE)을 제공합니다.

애플리케이션 생성

  1. 프로젝트 생성: BAS에서 새로운 SAP UI5 프로젝트를 생성합니다.
  2. MVC 구조: MVC 아키텍처를 사용하여 애플리케이션을 개발합니다. 데이터 모델, 뷰(UI), 컨트롤러(애플리케이션 로직)를 정의합니다.
  3. OData 통합: SAP Gateway를 사용하여 백엔드 데이터 소스에 애플리케이션을 연결합니다. OData 프로토콜은 데이터의 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 용이하게 합니다.
  4. 테마 설정: UI Theme Designer를 사용하여 애플리케이션의 외관을 맞춤화합니다.

배포 및 실행

개발이 완료되면 애플리케이션을 SAP Fiori Launchpad에 배포합니다. Fiori Launchpad는 모든 SAP UI5 애플리케이션에 접근할 수 있는 중앙 허브 역할을 하여 통합되고 직관적인 사용자 인터페이스를 제공합니다.

SAP UI5의 장점

  • 사용자 경험: SAP UI5는 현대적이고 사용자 친화적인 인터페이스를 제공하여 전체적인 사용자 경험을 크게 향상시킵니다.
  • 유연성: 이 프레임워크의 유연성은 특정 비즈니스 요구에 맞춘 맞춤형 애플리케이션을 만드는 것을 가능하게 합니다.
  • 확장성: MVC 아키텍처와 강력한 데이터 바인딩 기능은 애플리케이션이 증가하는 비즈니스 요구에 맞게 확장될 수 있도록 보장합니다.
  • 통합: OData 프로토콜을 활용한 효율적인 데이터 통신으로 다양한 SAP 및 비SAP 시스템과 원활하게 통합됩니다.

 

주요 SAP UI 기술

SAP UI5는 기업용 웹 애플리케이션을 만들기 위해 설계된 다재다능하고 강력한 도구입니다. SAP의 사용자 경험을 현대화하기 위한 광범위한 전략의 일환으로, 개발자에게 풍부한 기능과 역량을 제공합니다. SAP UI5의 핵심 측면을 탐구하고 다른 SAP UI 기술과 비교하며, SAP의 다른 도구들과의 통합에 대해 자세히 알아보겠습니다

 

SAP는 SAP Fiori 사용자 경험을 제공하기 위해 다양한 도구와 기술을 제공합니다. 

1. Classical Screen

  • 개발 환경: SAP Logon이 필요하며 ABAP Workbench 시스템 내에서 개발됩니다.
  • 실행: ABAP 서버에서 직접 실행되며 웹 기반 실행을 지원하지 않습니다.
  • SAP Screen Personas: 일반적으로 많이 사용되지는 않지만, 클래식 스크린을 웹 실행용으로 변환할 수 있는 도구입니다. 주로 한국의 SK와 같은 일부 조직에서 사용됩니다.

2. Web Dynpro

  • 레이아웃 기반 개발: 레이아웃을 사용하여 웹 애플리케이션 화면을 만듭니다.
  • 실행: 프로그램을 웹 브라우저에서 실행할 수 있으며, URL을 통해 연결할 수 있습니다.
  • 통합: 회사 포탈 또는 SAP 엔터프라이즈 포탈에 통합되어 원활한 웹 환경을 제공합니다.

3. SAP UI5

  • 개발 환경: SAP 비즈니스 테크놀로지 플랫폼(BTP)의 일부인 SAP Business Application Studio(BAS)를 사용하여 개발됩니다.
  • 실행: Fiori Launchpad를 통해 배포되어 현대적이고 반응형인 사용자 인터페이스를 제공합니다.
  • 맞춤화: UI Theme Designer를 통해 다양한 테마를 제공합니다.
  • 데이터 통합: SQL을 사용하여 데이터 조작을 하는 ABAP와 달리, SAP UI5는 OData 프로토콜을 사용하여 SAP Gateway를 통해 데이터베이스에 연결합니다.

 

결론

SAP UI5는 SAP 생태계 내에서 현대적이고 반응형 웹 애플리케이션을 개발하기 위한 강력한 도구입니다. 풍부한 기능 세트와 원활한 통합 기능을 통해 조직이 사용자 경험을 향상시키는 데 탁월한 선택이 됩니다. 경험 많은 개발자이든 SAP 기술에 새로운 사람이든, SAP UI5는 강력하고 확장 가능한 애플리케이션을 구축하는 데 필요한 도구와 유연성을 제공합니다.