사용자 지정 Playbook 활동 UI 만들기

Playbook 활동에 대한 사용자 지정 활동 UI를 빌드합니다.

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

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

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

Playbook에 대한 사용자 지정 활동 UI 생성

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

시작하기 전에

필요한 역할: playbook 관리자

프로시저

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

   표 1. Playbook 활동 UI 양식

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

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

결과

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

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

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

에서 UI 템플릿 사용 UI 빌더

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

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

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

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

바로 사용 가능 활동 UI

Playbook에는 다음과 같은 활동 UI가 포함되어 있습니다.

기본값

목록

지식

기록 작성자

활동 UI에 컨텐츠 추가

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

Playbook 카드 슬롯에 구성요소를 추가할 수 있습니다.

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

활동 UI에 데이터 바인딩

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

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

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

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

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

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

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

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

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

시작하기 전에

필요한 역할: Playbook 관리자 또는 활동 작성자

이 태스크 정보

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

프로시저

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

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

10. 저장을 선택합니다.

결과

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