사용자 지정 플레이북 활동 UI 생성

플레이북 활동에 대한 사용자 지정 활동 UI를 빌드합니다.

자체 활동 UI를 UI 빌더 생성하여 플레이북 활동의 기본 사용자 경험을 재정의합니다. UI 빌더 는 사용자 지정 활동 UI를 빌드하고 업데이트할 수 있는 로우 코드 환경을 제공합니다. 여러 UI 빌더 구성요소를 단일 플레이북 활동으로 결합할 수 있습니다. UI 빌더 는 바로 사용 가능한 활동 UI를 사용자 지정할 수 있는 템플릿으로 사용합니다.

플레이북 경험 내의 활동에 대한 사용자 경험을 사용자 지정하는 데 사용합니다 UI 빌더 . 다음에서 다음을 수행할 수 있습니다.UI 빌더

• 카드 셸이 포함된 빈 UI 템플릿에서 새 활동을 빌드합니다.
• 카드의 셸 내에 컨텐츠를 포함하는 기존 UI 템플릿에서 새 활동을 빌드합니다.
• 플레이북 활동 경험 속성을 데이터 바인딩이 있는 구성요소에 매핑합니다.
• 어떤 활동 UI를 어떤 활동과 함께 사용해야 할지를 지정하는 규칙을 정의합니다.
• 기본 프로세스가 실행될 때 활동 경험 속성에 대한 실시간 변경 내용을 반영합니다.

플레이북의 사용자 지정 활동 UI 생성

플레이북 활동 내에서 UI 빌더 플레이북 활동에 대한 사용자 지정 활동 UI를 생성합니다.

시작하기 전에

필요한 역할: playbook 관리자

프로시저

1. 다음으로 이동 모두 > 플레이북 경험 > 활동 UI.
2. 새로 만들기를 선택합니다.
3. 양식의 필드에 내용을 입력합니다.

   표 1. 플레이북 활동 UI 양식

   필드	설명
   이름	활동 UI의 이름입니다.
   플레이북 경험	활동 UI를 사용할 플레이북 경험을 선택합니다. 글로벌 플레이북 경험을 선택하여 모든 플레이북 경험에서 활동 UI를 사용할 수 있도록 합니다.
   경험 유형	활동 UI에 적용할 경험 유형을 선택합니다. 경험 유형에 대한 자세한 내용은 경험 유형을 참조하십시오.
   UI 템플릿	활동 UI에 대해 복제할 UI 템플릿을 선택합니다. UI 템플릿을 선택하지 않으면 빈 템플릿이 적용됩니다. 활동 UI 경험 유형과 다른 경험 유형이 있는 UI 템플릿을 선택하면 추가 변경 없이 완전히 호환되지 않을 수 있습니다.

4. 제출을 선택합니다.
5. 목록에서 생성한 활동 UI를 선택합니다.
6. 플레이북 활동 재정의 테이블에서 새로 만들기를 선택합니다.
   
7. 활동 재정의 양식을 작성하여 활동 UI가 기본 활동 UI를 재정의해야 하는 시기를 지정합니다.
   자세한 내용은 Playbook 활동 재정의 설정 문서를 참조하십시오.
8. UI 빌더에서 편집을 선택합니다.
   

결과

UI 빌더 가 새 탭에 열립니다. 활동 UI를 표시합니다. 를 사용하여 UI 빌더사용자 지정 활동 UI를 수정합니다. 자세한 내용은 UI 빌더 를 참조하십시오.

을 사용하여 활동 UI 구성 UI 빌더

다음과 같은 방법으로 활동 UI를 UI 빌더 사용자 지정할 수 있습니다.

에서 UI 템플릿 사용 UI 빌더

활동 UI는 사용자 지정 활동 UI를 만들 때 선택한 UI 템플릿으로 UI 빌더에서 열립니다. 각 UI 템플릿에는 내에서 UI 빌더사용자 지정할 수 있는 사전 구성된 구성 요소가 포함되어 있습니다. 예를 들어 기본 활동 UI에는 다음에 대한 지원이 포함되어 있습니다.

• 리치 텍스트 설명
• 기록 필드에 대한 누적 레이블 값 쌍
• 검사 목록(검사 목록 표시 경험 속성을 선택하는 조건부)
• 양식
• 첨부 파일
• 바닥글

UI 템플릿을 UI 빌더 선택하지 않은 경우 카드의 외부 셸이 포함된 빈 플레이북 카드가 표시됩니다. 빈 템플릿을 포함한 모든 템플릿에는 다음이 포함됩니다.

• 활동 라벨
• 활동 상태
• SLA 타이머
• 바닥글
• 선언적 작업

바로 사용 가능 활동 UI

플레이북에는 다음과 같은 활동 UI가 포함되어 있습니다.

기본값

목록

지식

기록 작성자

활동 UI에 컨텐츠 추가

컨텐츠 패널에는 활동 UI의 구성요소가 표시됩니다. 모든 활동 UI에는 전체 활동 UI를 래핑하는 가장 바깥쪽 구성요소로 플레이북 카드 구성요소가 포함되어 있습니다.

구성요소를 플레이북 카드 슬롯에 추가할 수 있습니다.

플레이북 카드 슬롯	설명
컨텐츠	플레이북 카드에 표시할 일반 컨텐츠를 추가합니다.
양식	양식 슬롯은 플레이북 양식 구성요소용으로 예약되어 있습니다. 양식이 너무 커서 Playbook 카드에 맞지 않을 경우 양식이 모달에 표시됩니다.
양식 아래	양식 아래에 표시하려는 컨텐츠를 추가합니다.
바닥글	카드 바닥글에 표시할 컨텐츠를 추가합니다.

활동 UI에 데이터 바인딩

데이터 바인딩을 사용하여 UI 빌더 플레이북 경험 속성을 활동 UI에 바인딩합니다. 이러한 플레이북 경험 데이터 자원은 활동 UI의 구성요소에 데이터를 동적으로 노출합니다.

각 활동 UI에는 런타임 플레이북시 활동에 전달되는 경험 속성 컬렉션을 정의하는 경험 유형이 있습니다. 예를 들어, 기록 경험 유형에는 플레이북 활동에 표시되는 양식을 지정하는 양식 뷰 경험 속성이 포함되어 있습니다.

의 구성 패널UI 빌더에 있는 Config 탭에서 데이터 바인딩을 찾을 수 있습니다.

예를 들어 이 서식 있는 텍스트 구성 요소의 HTML 속성은 설명 경험 속성에 바인딩됩니다. 데이터 바인딩은 @context.props.experienceProperties.description.value 형식을 취합니다. 설명 경험 속성이 변경되면 이 구성요소는 새 값을 반영하도록 업데이트됩니다.

UI 빌더 입력할 때 자동 완성 값을 제공하여 올바른 경험 속성으로 안내합니다. 활동 UI에 대해 선택한 경험 유형과 일치하도록 자동 완성되는 경험 속성 UI 빌더 입니다. 경험 속성이 경험 유형에 추가되면 자동으로 표시됩니다.

experienceProperties 외에도 @context.props 개체에는 activityState 또는 parentTable과 같이 바인딩할 수 있는 다른 유용한 데이터가 포함되어 있습니다. @context.props를 입력하여 사용 가능한 항목을 확인합니다.

의 UI 빌더데이터 바인딩에 대한 자세한 내용은 UI 빌더의 데이터 자원을 참조하십시오.

다음 내에서 사용자 지정 활동 UI 미리 보기 UI 빌더

에서 UI 빌더사용자 지정 활동 UI를 미리 봅니다. 샘플 데이터를 제공하여 실행 중인 플레이북에서 구성요소가 어떻게 보이는지 미리 볼 수 있습니다.

시작하기 전에

필요한 역할: 플레이북 관리자 또는 활동 작성자

이 태스크 정보

에서 만든 활동 UI를 미리 봅니다 UI 빌더. 샘플 데이터를 수정하여 실행 중인 플레이북에서 활동이 어떻게 보이는지 미리 봅니다. 이 작업의 구성 패널에서 변경한 내용은 런타임의 활동 UI에 영향을 주지 않습니다. 내의 UI 빌더미리 보기에만 영향을 줍니다. 각 경험 속성의 런타임 기본값은 경험 속성이 생성될 때 설정됩니다.

프로시저

1. 다음으로 이동 모두 > 플레이북 경험 > 활동 UI.
2. 미리 보려는 활동 UI를 선택합니다.
3. UI 빌더에서 편집을 선택합니다.
4. 콘텐츠 패널에서 본문 을 선택합니다.
   
5. 구성 패널에서 구성 탭을 선택합니다.
   
6. 경험 속성 필드에서 편집을 선택합니다.
   경험 속성은 런타임에 제공하는 콘텐츠를 플레이북 정의합니다. 제공된 샘플 데이터를 수정하여 활동 UI를 미리 볼 수 있습니다. 이 데이터를 사용자 지정해도 실행 중인 플레이북에 표시되는 활동 UI에는 영향을 주지 않습니다.
7. 경험 속성 JSON을 편집합니다.
8. 적용을 선택합니다.
   
9. 구성 탭에서 다른 속성을 수정하여 활동 UI를 사용자 지정할 수 있습니다.

   예를 들어 activityState 를 변경하여 보류 중 또는 완료 상태의 활동을 미리 볼 수 있습니다.

10. 저장을 선택합니다.

결과

UI 빌더구성 탭에서 변경한 내용이 표시됩니다.