아래 예시는 샤리아 뱅킹의 PLS(Profit & Loss Sharing) 분배 비율 관리 모듈을 운영하는 직원용(관리자/운영자) UI를 구상한 상세 설계안입니다. 실제 시스템 구축 시에는 은행 내부 UX/UI 표준, 보안 정책, 샤리아 위원회 요구사항 등을 반영해야 합니다.


1. 전체 화면 구조 개요

본 설계에서는 크게 다음과 같은 화면(메뉴)들을 제시합니다.

  1. 분배 비율 대시보드 (Home/Dashboard)
  2. 분배 비율 조회 및 검색 화면 (List/Search)
  3. 분배 비율 등록/수정 화면 (Create/Edit)
  4. 분배 비율 상세 보기 (Detail View)
  5. 승인(Approval) 작업 화면
  6. 이력(History) / 감사(Audit) 화면
  7. 설정(Setting) & 권한(Access Control) 화면 (옵션)

아래는 각 화면의 목적과 주요 기능을 간단히 요약한 후, 화면별로 필드(폼 요소)와 화면 흐름을 상세히 기술합니다.


2. 분배 비율 대시보드 (Home/Dashboard)

2.1 목적 및 주요 기능

  • 사용자(직원)가 로그인 후 처음 접속하는 ‘홈’ 화면
  • 현재 활성화된 분배 비율의 현황 요약, 대기중인 승인 건, 최근 변경 이력 등 신속한 확인
  • 주요 메뉴(분배 비율 조회, 등록, 승인 등)로 쉽게 이동할 수 있는 네비게이션 제공

2.2 UI 요소 및 구성

[상단 헤더 영역]
 └─ 은행 로고 / 시스템명(PMS: PLS Management System) / 사용자정보(직원명, 로그아웃 등)

[왼쪽 메뉴 패널]  (사이드바)
 └─ 대시보드 (Home)
 └─ 분배 비율 관리
     ├─ 목록 조회
     ├─ 신규 등록
     ├─ 승인 작업
     ├─ 이력/감사 로그
 └─ (옵션) 시스템 설정
 └─ (옵션) 권한 관리

메인 콘텐츠(대시보드) 예시

  • (위젯1) 활성화된 분배 비율 현황
    • 전체/상품별/계약별로 분배 비율 몇 건이 운영 중인지 간략 통계
  • (위젯2) 승인 대기 건
    • 등록 또는 수정 후 아직 승인되지 않은 비율 개수 표시 (클릭 시 승인 작업 화면으로 이동)
  • (위젯3) 최근 변경 이력
    • 최근 일주일(혹은 한 달) 동안 변경된 비율 몇 건, 누가 변경했는지

3. 분배 비율 조회 및 검색 화면 (List/Search)

3.1 목적 및 주요 기능

  • 등록된 모든 분배 비율 정보를 조회하고, 검색/필터링 기능을 제공
  • 각 건을 선택하여 상세 보기, 수정, 승인 요청 등으로 이동

3.2 화면 구성(예시)

┌─────────────────────────────────────────────────────────────┐
│  [검색 패널]                                               │
│   - 상품/계약명: [입력 박스]                              │
│   - 상태: [드롭다운: (전체, 활성, 대기, 만료 등)]          │
│   - 적용 기간: [시작일 ~ 종료일]                           │
│   (조회 버튼) (초기화 버튼)                                │
└─────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────┐
│  [분배 비율 목록 테이블]                                   │
│  ----------------------------------------------------------------
│  | No | 상품/계약명   | 분배타입 | 고객:은행 비율 | 상태   | ... |
│  ----------------------------------------------------------------
│  | 1  | 무다라바 1년  | Mudarabah| 70:30          | 승인대기| ... |
│  | 2  | 프로젝트 A    | Musharakah| 60:40         | 활성    | ... |
│  ...                                                       
│  (Paging 처리)                                            
└─────────────────────────────────────────────────────────────┘

[기능 버튼들]
 - 상세보기
 - 수정
 - 승인 요청 (승인대기 상태가 아닐 때 비활성화)
 - 삭제(또는 비활성화) - 샤리아 승인 후에는 완전 삭제 대신 '만료'처리

3.3 세부 기능(액션)

  1. 검색/필터
    • 상품명, 계약ID, 현재 상태(승인대기, 활성, 종료 등), 적용기간 등으로 조회
  2. 정렬
    • 등록일, 수정일, 상품명, 상태별 정렬
  3. 페이징(Paging)
    • 한 페이지당 10건/20건 등 설정 가능
  4. 리스트 내 액션
    • 상세보기: 선택된 분배 비율 상세 화면으로 이동
    • 수정: 아직 승인 전/활성 전 상태라면 수정 가능
    • 승인 요청: 초안 상태 → 승인 요청 프로세스로 이동
    • 만료/폐기: 활성된 비율을 만료시키거나, 승인 전임을 폐기처리

4. 분배 비율 등록/수정 화면 (Create/Edit)

4.1 목적 및 주요 기능

  • 새 분배 비율을 입력하거나, 기존 비율을 수정할 수 있는 폼(Form) 제공
  • 필수 항목에 대한 유효성 검증샤리아 원칙 관련 검증을 수행

4.2 화면 구성(예시)

[페이지 제목] 분배 비율 등록 / 분배 비율 수정

[기본정보 섹션]
 1) 상품/계약 구분 (무다라바, 무샤라카, etc)
 2) 상품(또는 계약) ID/명: [검색/선택박스]
 3) 분배 비율(고객 몫 : 은행 몫): [숫자 입력]  예) 70 : 30
 4) 손실 발생 시 규칙: [드롭다운] 
     - 무다라바: 고객 100% 부담
     - 무샤라카: 지분비율 부담
     - 기타(직접 입력)
 5) 적용 기간:
     - 시작일(Effective Date) [달력]
     - 종료일(옵션) [달력 / 상시]
 6) 상태: [초안, 승인대기, 활성, 만료, ...] (수정 화면에서는 표시용)

[상세 옵션 섹션 - 필요 시 확장]
 7) 최소/최대 이익분배율 (옵션)
 8) 우대 고객 기준/조건 (VIP, 투자기간별 차등 등)
 9) 성과 연동 인센티브 설정 (예: KPI 초과 시 +5%)

[샤리아 준수 체크리스트 섹션 (옵션)]
 10) 원금보장 여부 (체크박스? - 기본적으로 불가)
 11) 이자성 요소 포함여부 (금지)
 12) 기타 샤리아 관련 주석/설명

[버튼 영역]
 - (저장/임시저장)  - 검증 후 초안 상태로 저장
 - (승인 요청)      - 저장 후 승인 프로세스로 전환
 - (취소/뒤로)

4.3 세부 입력 폼/Validation

  1. 상품/계약 선택
    • 드롭다운 or 검색창 활용. 잘못된 ID 불가
  2. 분배 비율(고객 : 은행)
    • 합계 100%인지 실시간 체크 (예: 70 + 30 = 100)
    • 0%나 100%가 되면 경고
  3. 손실 규칙
    • 무다라바(Mudarabah)인 경우, 은행(운용자) 손실부담 설정 불가하도록 로직
  4. 적용 기간
    • 시작일이 과거 날짜 가능 여부(정책에 따라)
    • 종료일이 시작일보다 앞설 수 없음
  5. 샤리아 체크
    • 원금보장, 이자성 문구 등 위배 사항 즉시 경고/차단

5. 분배 비율 상세 보기 (Detail View)

5.1 목적 및 주요 기능

  • 한 건의 분배 비율 데이터를 조회 모드로 확인
  • 비율의 상태(승인대기, 활성, 만료 등), 적용기간, 관련 계약, 로그 등을 종합적으로 표시
  • 필요 시 수정 / 승인 / 만료 등의 액션 버튼 제공

5.2 화면 구성(예시)

[상단 제목영역] 
  - "분배 비율 상세 정보" 
  - 뒤로가기 버튼(목록으로)

[기본정보 섹션]
  - 상품(계약)명/ID
  - 분배타입(Mudarabah / Musharakah 등)
  - 분배 비율 (70:30)
  - 손실 규칙
  - 적용 기간(2025-01-01 ~ 무기한)
  - 상태(활성)

[추가정보 섹션]
  - 우대(특별) 조건 (유/무)
  - 성과 연동 인센티브 설정 (있음/없음)
  - 샤리아 준수 여부(승인됨/대기중)

[이력 섹션] (간단 로그)
  - 최근 수정 일시 / 수정자
  - 승인 일시 / 승인자
  - 변경 사유

[버튼 영역 - 상태에 따라 다름]
  - "수정하기"  (활성 상태가 아닌 경우만 혹은 Role이 있는 경우만)
  - "승인하기"  (승인권자만 노출)
  - "만료처리"  (활성 상태인 경우)
  - "취소/뒤로"

6. 승인(Approval) 작업 화면

6.1 목적 및 주요 기능

  • 승인권한을 가진 사용자가, 승인 대기 상태의 분배 비율 목록을 확인하고, 승인/반려 처리
  • 승인 시 샤리아 위원회(또는 내부 샤리아 담당) 검토 단계가 필요한 경우 2단계 승인 프로세스도 고려

6.2 화면 예시

┌─────────────────────────────────────────────────────────────┐
│ [승인 대기 목록]                                          │
│ ------------------------------------------------------------
│ | No | 상품/계약명  | 분배 비율 | 요청자 | 요청일  | 액션  |
│ ------------------------------------------------------------
│ | 1  | 무다라바 1년 | 70:30     | 홍길동 | 2025-01-10 | 처리 |
│ | 2  | 프로젝트 A   | 60:40     | 김철수 | 2025-01-11 | 처리 |
│ ------------------------------------------------------------
│ (페이징, 검색 기능)
└─────────────────────────────────────────────────────────────┘

(상세 처리 화면)
 - [상세내용 확인] 
 - [승인] [반려] 버튼
 - [코멘트 입력박스] : 반려 사유, 코멘트 등

6.3 승인/반려 시 기능

  1. 승인 처리
    • 해당 분배 비율 상태를 ‘활성(Active)’으로 변경
    • (샤리아 위원회 승인 흐름이 있을 경우) 중간 단계(샤리아 승인을 기다리는 ‘2차 승인 대기’)로 전환
    • 승인 일시, 승인자 기록
  2. 반려 처리
    • 상태를 ‘반려’로 바꾸고, 반려 사유 기록
    • 요청자는 수정 후 재승인을 요청할 수 있음

7. 이력(History) / 감사(Audit) 화면

7.1 목적 및 주요 기능

  • 모든 분배 비율에 대한 변경 이력승인 이력, 누가 언제 무엇을 변경했는지 확인
  • 샤리아 감사, 내부감사, 외부감사 등에 활용되는 로그 제공

7.2 화면 구성(예시)

┌─────────────────────────────────────────────────────────────┐
│ [이력 검색 필터]                                          │
│  - 기간 (시작일 ~ 종료일)                                 │
│  - 사용자(변경자)                                         │
│  - 변경유형(등록/수정/승인/반려/삭제 등)                  │
│ (검색버튼)                                                │
└─────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────┐
│ [변경 이력 목록 테이블]                                    │
│ ----------------------------------------------------------------
│ | No | 일시        | 변경자 | 유형   | 대상상품 | 상세     |
│ ----------------------------------------------------------------
│ | 1  | 2025-01-11  | 홍길동 | 등록   | 무다라바1| ...     |
│ | 2  | 2025-01-12  | 김철수 | 승인   | 무다라바1| ...     |
│ |... | ...         | ...    | ...    | ...      | ...     |
│ (paging)
└─────────────────────────────────────────────────────────────┘

7.3 상세 열람

  • 이전 값 / 변경 후 값 비교 뷰 제공
  • 승인/반려 사유, 샤리아 체크 항목 등 표시
  • 엑셀 다운로드 / PDF 리포트

8. 설정(Setting) & 권한(Access Control) 화면 (옵션)

8.1 목적 및 주요 기능

  • 분배 비율 관리 모듈과 관련된 각종 설정(시스템 파라미터, 기본값, 알림) 관리
  • 역할(Role) 및 권한에 따라 기능 접근을 제한(등록만 가능, 승인만 가능 등)

8.2 UI 예시

8.2.1 시스템 파라미터 설정

  • 결산 주기 (월말/분기말 등)
  • 이력 보관 기간 (예: 5년)
  • 알림채널 (Email, SMS, 내부 메신저 등)

8.2.2 역할/권한 관리

  • 역할 리스트: 관리자, 등록자, 승인자, 감사자 등
  • 기능별 접근 제한:
    • 등록자: 생성/수정 가능, 승인 불가
    • 승인자: 등록 불가, 승인/반려 가능
    • 감사자: 읽기 전용, 이력 조회 가능
  • 사용자-Roles 매핑: 특정 직원 → ‘승인자’ Role → 승인 화면 접근 허용

9. 흐름 요약 및 시나리오 예시

  1. 직원이 로그인 → 대시보드 진입, 승인 대기 건 등을 확인
  2. [분배 비율 등록] 화면에서 무다라바 1년 상품을 70:30으로 등록, “임시저장” → 초안 상태
  3. 승인 요청 클릭 → 승인 대기 상태로 전환
  4. 승인자가 “승인 화면”에서 대기 목록을 조회, 해당 건 상세 보기 → 승인 or 반려
  5. 승인 시 상태=“활성”으로 변경, 적용 시작일 이후 결산/배치 시 실제 사용
  6. 변경사항(수정/만료) 발생 시 수정 화면 → 새로운 버전 등록 & 승인 → 기존 비율 만료
  7. 모든 변경은 이력/감사 로그에 기록

10. 요약 및 구축 시 고려사항

  1. 샤리아 준수 검증
    • 등록/수정 단계에서 이자성, 원금보장 여부 등 위배 가능성을 미리 체크
    • 필요 시 샤리아 위원회 승인 프로세스를 UI상에서 별도 노출
  2. 사용자별 권한
    • 등록 전담, 승인 전담, 감사 전담 등 역할에 따른 UI 요소 노출/비활성화 처리
  3. 프로세스 투명성
    • 상태(State) 추적(초안→승인대기→활성→만료/폐기), 변경 이력(버전관리) 명확히 시각화
  4. 유효성 검사(Validation)
    • 분배 비율 합계(0~100%), 손실부담 규정, 적용 기간 등
    • 입력 단계에서 즉시 오류 메시지 제공
  5. UI/UX 표준화
    • 은행 내부 표준 UI 규약(레이블 배치, 컬러, 폰트, 버튼 스타일 등)
  6. 다국어/현지화(옵션)
    • 사용 언어(영어/아랍어/한국어 등)에 따른 화면 레이아웃 고려
  7. 확장성
    • 향후 성과연동형, 다단계 차등형, 이벤트 기반 등 복잡한 분배 규칙 추가를 고려한 설계

결론

위 설계안은 직원(운영자/관리자)이 PLS 분배 비율을 손쉽게 관리하고 샤리아 승인 절차를 투명하게 수행할 수 있는 UI를 목표로 합니다.

  • 대시보드에서 현황을 파악하고,
  • 검색/리스트 화면으로 목록을 관리,
  • 등록/수정 화면에서 분배 비율을 정의하며,
  • 승인 화면을 통해 최종 확정,
  • 이력/감사 화면에서 모든 변경 내용을 추적할 수 있게 구성했습니다.

실제 프로젝트에서는 워크플로우 엔진, 샤리아 위원회 승인 프로세스, 권한 시스템과 밀접히 연동하고, UI/UX 시뮬레이션을 통해 사용자의 편의성과 정확성을 높이도록 구현을 진행하면 됩니다.

김은생 (金殷生) 개인 블로그