UX Design Area - Document¶
목적¶
Application의 UX Design 영역에 대한 정의
주요 단계¶
1. APP 정의¶
o APP은 최상위 UI를 의미하며, 화면을 구성할 수 있는 페이지(Page)를 Aggregation으로 가짐
<사진 1>"APP" UX Design Area 구성
2. Page 구성¶
2.1. ABAP Program에서 Screen과 같은 역할을 하며 크게 다음 세 가지 영역으로 구분¶
o Header
o Body
o Footer
2.2. Page는 아래 항목들을 Aggregation으로 가지며 UI를 구성할 수 있음¶
<사진 2>"PAGE" UX Design Area 구성
3. Aggregations¶
o Table Type의 Data를 Binding할 수 있는 영역
“++” 표시된 항목만 Binding 가능
3.1. HeaderContent¶
o 화면 최상단 영역, Table Type Binding 가능
3.2. CustomHeader¶
o Header와 같은 영역으로, Header에서 기능이 충분하지 않은 경우 사용
3.3. SubHeader¶
o Header 바로 아래 영역
3.4. Content¶
o Header와 Footer의 중간 Body 영역, Table Type Binding 가능
3.5. Footer¶
o 화면 최하단 영역