UX · 프론트엔드

SAP Fiori 풀스택 개발
SAPUI5 18년 노하우

Launchpad · Free-style · Smart Template · Fiori Elements · RAP UI — 모든 패턴을 커버합니다. Horizon 3.0 디자인 시스템과 WCAG AA 접근성, OPA5 테스트 자동화까지 한 번에.

SAPUI5 앱 90건+ 평균 ROI 2.7배 고객 만족도 4.9 / 5.0
Why Now

왜 지금 SAP Fiori로 전환해야 하는가

SAP GUI는 점진적 폐기 단계에 들어섰습니다. Horizon 3.0이 표준 UX가 되었고, 모바일 우선 시대의 업무 환경은 더 이상 데스크톱 GUI를 견디지 않습니다. Fiori는 이제 선택이 아니라 표준입니다.

SAP GUI 점진 폐기

S/4HANA 신규 모듈은 Fiori 전용. 클래식 GUI는 보안·접근성·모바일 지원 미흡.

Horizon 3.0 표준

2024년 Horizon이 기본 테마. 다크 모드·고대비·반응형 그리드가 디폴트.

모바일 우선 UX

현장·물류·영업 — 70% 이상이 태블릿·스마트폰에서 SAP를 호출합니다.

What We Deliver

HSLAB이 제공하는 Fiori 산출물

기획·디자인·개발·테스트·운영까지 단일 팀으로 풀스택 진행합니다.

Fiori Launchpad 구축

Work Zone Standard·Advanced, CFLP 설계. 역할·그룹·타일·카드 카탈로그 운영.

커스텀 SAPUI5 앱

Free-style XML View·Controller·Component-preload·번들링·Lazy Routing.

OData v2 / v4 서비스

NetWeaver GW·CAP·RAP 백엔드 통합. Batch·Draft·Side-effects·Streaming 패턴.

Fiori Elements / RAP UI

List Report·Object Page·Overview Page·Analytical List Page Annotation 기반 메타 UI.

Horizon 디자인 시스템

토큰·테마·아이콘·Spacing 표준화. 다크모드·고대비 자동 대응.

접근성 WCAG AA

키보드·스크린리더·색 대비 4.5:1 보장. 자동 검사 도구 + 수동 감사 병행.

다국어 i18n

한·영·일·중·EU 9개 언어 i18n properties 표준. RTL·날짜·통화·숫자 포맷.

OPA5 테스트 자동화

OPA5 Journey·QUnit·Wdi5 E2E 테스트, GitHub Actions CI 자동 실행.

Architecture

HSLAB Fiori 참조 아키텍처

사용자 → Launchpad → SAPUI5 App → OData → Backend(ABAP/Java/CAP). 모든 레이어를 단일 책임으로 분리합니다.

End Users Browser · Mobile Fiori Launchpad Work Zone · CFLP SAPUI5 App Free-style · FE · RAP UI OData v2 / v4 Gateway · CAP · RAP Horizon Design Tokens · Icons · Theme i18n · a11y 9 languages · WCAG AA OPA5 · Wdi5 Test Automation S/4HANA Backend ABAP · CDS · RAP CAP Services Node · Java HANA / DB HANA Cloud · MS-SQL

Launchpad Layer

역할별 카탈로그·타일·카드. 그룹·스페이스·페이지 거버넌스 표준화.

App Layer

Free-style·Fiori Elements·RAP UI 혼합. Component-preload·Routing·Lazy 적용.

Design System

Horizon 3.0 토큰 기반. 다크모드·고대비·9개 언어 i18n 동시 지원.

Quality Layer

OPA5 Journey·Wdi5 E2E·QUnit Unit. PR마다 자동 검증.

Implementation Phases

단계별 도입 로드맵

UX 디스커버리부터 Go-live까지 5단계. 각 단계마다 데모·UAT 게이트가 있습니다.

1
UX 디스커버리
1주
사용자 인터뷰·페르소나·As-Is 화면 인벤토리·KPI 정의.
2
Design Sprint
2~3주
Wireframe·Horizon 프로토타입·OData 모델 설계.
3
Development
8~16주
2주 Sprint·격주 데모·접근성·OPA5 자동화 병행.
4
UAT · 안정화
2주
실사용자 시나리오 검증·성능·보안 점검·교육.
5
Go-live · 운영
상시
단계별 출시·핵심 KPI 모니터링·운영 SLA 인계.
Pricing Model

투명한 가격 구조

규모와 운영 정책에 맞춰 Fixed · T&M · Subscription 3가지 모델을 조합합니다.

앱 단위 Fixed
3,000 ~ 5,000만원 / 앱
  • 단일 SAPUI5 앱 (List+Detail 기준)
  • Horizon 디자인 적용
  • OData 백엔드 1식
  • OPA5 기본 시나리오 포함
운영 SLA Subscription
1,500 ~ 2,500만원 / 월
  • 버그픽스·소규모 개선·튜닝
  • SAPUI5 버전 업그레이드 대응
  • 접근성·보안 점검 분기 1회
  • SLA 99.5% 보장
Case Snapshots

관련 도입 사례

HSLAB이 실제 SAPUI5로 구축·운영 중인 라이브 케이스입니다.

Fiori 앱, 어디서 시작할지 막막하시다면

UX 디스커버리 1시간 무료 세션으로 화면 우선순위와 ROI 가설을 함께 잡아드립니다.