BO Pattern이란 백오피스에서 가장 많이 사용되는 기능을 인터페이스 상에서 효과적으로 구현 할 수 있도록 UI 컴포넌트를 조합하여 제공하는 Component Set를 의미한다. 기본 패턴을 이해하고 BackOffice Builder에서 컴포넌트를 배치한 뒤 커스터마이징하여 사용하도록 한다.
Component Set를 구성하는 기본 컴포넌트는 데이터에 대한 목적에 따라 다음과 같이 5가지로 구분한다.
데이터 입력(Input)
데이터 출력(Output)
데이터 탐색(Navigation)
데이터 검색(Search)
데이터 정보(Information)
1. 데이터 입력(Input)
Text Fields
Checkbox
Radio button
Dropdown
Buttons
Toggle
5. 데이터 정보
사용자에게 정보 전달을 해야하는 경우 사용되는 컴포넌트이다. 사용자의 액션 전/후 상황에 구체적인 정보를 전달하여 사용자가 혼란스럽지 않도록 가이드 해주는 목적을 가진다.
Guide Text : 정보를 텍스트 형태로 상세히 전달
Tool Tips :
Toast :
Alert
Dialog
Coach Mark
3. 데이터 탐색
4. 데이터 검색
Card :
List
Gallery
Carousel
Tab
Menu
< 작성중 >
TBD 백오피스 본문(Body)의 패턴은 다음과 같이 12 가지로 만들어 사용할 수 있다.
1. Master-Detail | 2. Column Browse |
 |  |
3. Search-Results | 4. Filter Dataset |
 |  |
5. Form-View | 6. Tab-Page |
 |  |
7. Table | 8. Page-Modal |
 |  |
9. Parallel Panels | 10. Wizard |
 |  |
11. Dashoboard | 12. Blank-State |
 |  |