대화형 통신 만들기 create-an-interactive-communication

AEM 작성자 인스턴스에 로그인하고 다음으로 이동합니다. Adobe Experience Manager > Forms > Forms 및 문서.

선택 만들기 및 선택 대화형 통신. 대화형 통신 만들기 페이지가 나타납니다.

다음 정보를 입력합니다. :

• 제목: 대화형 통신의 제목을 입력합니다.

• 이름: 대화형 통신의 이름은 사용자가 입력한 제목에서 파생됩니다. 필요한 경우 편집합니다.

• 설명: 대화형 통신에 대한 설명을 입력합니다.

• 양식 데이터 모델: 양식 데이터 모델을 찾아 선택합니다. 양식 데이터 모델에 대한 자세한 내용은 AEM Forms 데이터 통합.

• 미리 채우기 서비스: 미리 채우기 서비스를 선택하여 데이터를 검색하고 대화형 통신을 미리 채웁니다.

• 사후 프로세스 유형: 대화형 통신이 제출될 때 트리거할 AEM 또는 Forms 워크플로우를 선택할 수 있습니다. 트리거할 워크플로 유형을 선택합니다.

• 사후 프로세스: 트리거할 워크플로우의 이름을 선택합니다. AEM 워크플로를 선택하는 경우 첨부 파일 경로, 레이아웃 경로, PDF 경로, 인쇄 데이터 경로 및 웹 데이터 경로를 제공합니다.

• 태그: 대화형 통신에 적용할 태그를 선택합니다. 새/사용자 지정 태그 이름을 입력하고 Enter 키를 눌러 만들 수도 있습니다.

• 작성자:로그인한 사용자의 사용자 이름에서 작성자 이름을 자동으로 가져옵니다.

• 게시 날짜: 대화형 통신을 게시할 날짜를 입력합니다.

• 게시 취소 날짜: 대화형 통신 게시를 취소할 날짜를 입력합니다.

선택 다음. 인쇄 및 웹 채널 세부 사항을 지정하는 화면이 나타납니다.

다음을 입력합니다.

• 인쇄: 대화형 통신의 인쇄 채널을 생성하려면 이 옵션을 선택합니다.

• 인쇄 템플릿: XDP를 검색하여 인쇄 템플릿으로 선택합니다.

• 웹: 이 옵션을 선택하여 웹 채널 또는 대화형 통신의 반응형 출력을 생성합니다.

• 대화형 통신 웹 템플릿: 웹 템플릿을 찾아보고 선택합니다.

• 테마 및 테마 선택: 대화형 통신의 웹 채널 스타일을 지정할 테마를 찾아보고 선택합니다. 자세한 내용은 AEM Forms의 테마.

• 웹 채널에 대해 기본으로 인쇄 사용: 이 옵션을 선택하여 인쇄 채널과 동기화된 웹 채널을 만듭니다. 인쇄 채널을 웹 채널에 대한 마스터로 사용하면 웹 채널의 콘텐츠 및 데이터 바인딩이 인쇄 채널에서 파생되고 동기화를 선택할 때 인쇄 채널에서 수행한 변경 사항이 웹 채널에 반영됩니다. 그러나 작성자는 필요에 따라 웹 채널에서 특정 구성 요소에 대한 상속을 중단할 수 있습니다. 자세한 내용은 웹 채널과 인쇄 채널 동기화.
  을(를) 선택하는 경우 웹 채널에 대해 기본으로 인쇄 사용 옵션을 선택하면 다음 모드 중 하나를 선택하여 웹 채널을 생성할 수 있습니다.

  • 자동 레이아웃: 인쇄 채널에서 웹 채널에 대한 자리 표시자, 콘텐츠 및 데이터 바인딩을 자동으로 생성하려면 이 모드를 선택합니다.
  • 수동으로 구성: 이 모드에서 사용할 수 있는 마스터 컨텐츠를 사용하여 인쇄 채널 요소를 수동으로 선택하고 웹 채널에 추가하려면 이 모드를 선택합니다. 데이터 소스 탭. 자세한 내용은 인쇄 채널 요소를 선택하여 웹 채널 콘텐츠를 만듭니다..

인쇄 채널 및 웹 채널에 대한 자세한 내용은 인쇄 채널 및 웹 채널.

만들기 ​를 선택합니다. 대화형 통신이 만들어지고 경고 상자가 나타납니다. 선택 편집 에 설명된 대로 대화형 통신의 콘텐츠 작성을 시작하려면 대화형 통신 작성 사용자 인터페이스를 사용하여 콘텐츠 추가. 또는 다음을 선택할 수 있습니다 완료 나중에 [대화형 통신]을 편집하도록 선택합니다.

대화형 통신 작성 인터페이스는에 언급된 대로 편집을 선택할 때 실행됩니다 대화형 통신 만들기. 또는 AEM에서 기존 대화형 통신 에셋으로 이동하여 선택하고 을 선택할 수 있습니다 편집 대화형 통신 작성 인터페이스를 시작합니다.

대화형 통신이 웹 채널 전용이 아닌 경우 기본적으로 대화형 통신의 인쇄 채널이 나타납니다. 대화형 통신의 인쇄 채널에는 선택한 XDP/인쇄 채널 템플릿에서 사용할 수 있는 대상 영역이 표시됩니다. 이러한 대상 영역 및 필드에서 구성 요소 또는 에셋을 추가할 수 있습니다.

인쇄 채널을 선택한 상태에서 구성 요소 탭. 인쇄 채널에서는 다음 구성 요소를 사용할 수 있습니다.

구성 요소를 대화형 통신에 드래그 앤 드롭한 다음 필요에 따라 구성합니다.

인쇄 채널과 웹 채널 모두에 대해 대화형 통신을 작성하는 동안 실행 취소 및 재실행 작업을 사용할 수도 있습니다.

실행 취소 작업을 사용하여 마지막으로 수행된 작업을 삭제하고 재실행 작업을 사용하여 삭제된 작업을 다시 통합합니다. 예를 들어, 대화형 통신에서 이미지를 삽입하거나 데이터 바인딩을 만들었으며 이를 삭제해야 하는 경우 실행 취소 작업을 사용하십시오.

실행 취소 및 재실행 옵션이 작성 UI 페이지 도구 모음에 표시됩니다. 실행 취소 옵션은 작업을 수행한 후에만 표시됩니다. 실행 취소 작업을 수행한 후에만 페이지 도구 모음에 다시 실행 옵션이 표시됩니다. 이러한 작업은 페이지를 새로 고칠 때 재설정됩니다.

인쇄 채널을 선택한 상태에서 에셋 탭을 탭하고 필터를 적용하여 보려는 자산만 표시합니다.

에셋 브라우저를 사용하여 에셋을 대화형 통신 대상 영역으로 직접 끌어다 놓을 수도 있습니다.

문서 조각을 대화형 통신으로 드래그 앤 드롭합니다. 다음은 대화형 통신의 인쇄 채널에서 사용할 수 있는 문서 조각 유형입니다.

변수의 바인딩을 설정하려면 변수를 선택하고 (구성)을 선택한 다음 사이드바의 속성 패널에서 바인딩 속성을 설정합니다.

• 없음: 에이전트가 변수의 값을 채웁니다.
• 텍스트 단편: 선택한 경우, 필드에서 콘텐츠가 렌더링되는 텍스트 문서 조각을 찾아 선택할 수 있습니다. 해당 텍스트 문서 조각만 내에 변수가 없는 변수에 바인딩할 수 있습니다.
• 데이터 모델 개체: 필드에 값이 채워진 양식 데이터 모델 속성을 선택합니다.
• 기본값: 이 필드를 사용하여 변수의 기본값을 정의할 수 있습니다. 대화형 통신을 미리 볼 때 또는 Agent UI에서 값이 표시됩니다.
• 표시 패턴: 변수에 대한 표시 형식을 정의할 수도 있습니다. 에서 사전 정의된 옵션을 선택합니다. 유형 드롭다운 목록을 사용하여 변수에 표시 형식을 적용합니다. 선택 사용자 정의 목록에서 사용할 수 없는 표시 패턴을 정의합니다. 자세한 내용은 데이터 표시 패턴.

다음으로 이동 변수 및 데이터 모델 개체 문서 조각에 숨겨진 변수의 바인딩을 설정합니다.

데이터 소스 요소나 텍스트 문서 조각을 드래그 앤 드롭하여 변수의 바인딩을 설정할 수도 있습니다. 데이터 소스 요소를 사용하여 바인딩을 만들려면 데이터 소스 을 탭하고 요소를 변수 이름으로 드래그 앤 드롭합니다. 바인딩을 성공적으로 설정하려면 데이터 소스 요소와 변수의 형식이 같아야 합니다. 데이터 소스 요소를 이미 바인딩된 변수로 드래그 앤 드롭하면 새 요소가 이전 요소를 대체하여 변수로 바인딩을 만듭니다. 마찬가지로 에셋 텍스트 문서 조각을 탭하고 변수 이름으로 드래그 앤 드롭하여 둘 사이의 바인딩을 설정합니다. 텍스트 문서 조각에는 변수가 없어야 합니다.

인쇄 채널을 선택한 상태로 테이블을 추가하려면 에셋 탭 필터를 적용하여 레이아웃 단편만 표시합니다. 필요한 레이아웃 조각을 대화형 통신에 드래그 앤 드롭합니다. 레이아웃 조각은 XDP를 기반으로 하며 동적 데이터로 채워지는 대화형 통신에서 그래픽 레이아웃 또는 정적 및 동적 테이블을 만드는 데 사용할 수 있습니다.

예: 이전 및 새 정책에 대한 총 프리미엄, 로열티 할인 % 및 긴급 도로변 지원 가용성을 표시하는 레이아웃 테이블입니다.

레이아웃 단편에 대한 자세한 내용은 문서 단편.

인쇄 채널을 선택한 상태에서 에셋 탭은 필터를 적용하여 이미지를 표시합니다. 회사 로고와 같이 필요한 이미지를 대화형 통신에 드래그 앤 드롭합니다.

또한 대화형 커뮤니케이션에서 다음을 관리합니다.

• 차트 추가 및 구성

• 인쇄 채널과 웹 채널 동기화

  • 자동 동기화
  • 상속 취소
  • 상속 다시 활성화
  • 동기화

• 첨부 파일 및 라이브러리 액세스

• XDP/레이아웃 필드 속성

• 구성 요소에 규칙 추가

다음으로 전환 웹 채널. 웹 채널이 대화형 통신 편집기에 나타납니다. 처음으로 인쇄 채널에서 웹 채널로 전환하면 자동 동기화가 발생합니다. 자세한 내용은 인쇄 채널에서 웹 채널 동기화.

이 예제에서는 웹용 마스터로 인쇄를 사용하고 있으므로 인쇄 채널 자리 표시자, 콘텐츠 및 데이터 바인딩이 웹 채널에 동기화됩니다. 하지만 웹 채널에서 특정 콘텐츠를 변경하고 사용자 지정할 수 있습니다. 상속 취소 인쇄 채널을 사용하여 생성된 대상 영역 및 변수에서 콘텐츠를 사용자 지정할 수 있습니다.

문서 조각을 선택하고 (구성)을 선택한 다음 속성 인터랙티브 커뮤니케이션의 사이드 킥에서. 다음 변수 및 데이터 모델 개체 섹션에는 숨겨진 변수를 포함한 변수와 문서 조각에 사용된 데이터 모델 개체가 나열됩니다. 사용 (편집) 아이콘을 클릭하면 각 데이터 모델 개체 또는 변수 옆에 있는 속성을 편집할 수 있습니다. 또한 다음을 수행한 문서 조각의 경우 자동 생성됨 인쇄 채널을 사용하는 웹 채널에서 (상속 취소) 아이콘을 클릭하면 각 데이터 모델 개체와 변수 옆에 상속 취소 편집할 수 있습니다.

웹 채널을 선택한 상태로 웹 채널에 구성 요소를 추가하려면 다음을 선택합니다. 구성 요소. 필요에 따라 대화형 통신의 웹 채널에서 구성 요소를 드래그 앤 드롭한 다음 구성을 계속합니다.

필요에 따라 웹 채널에 자산을 삽입합니다.

다음을 수행할 수 있습니다. 대화형 통신 미리 보기 인터랙티브 커뮤니케이션의 인쇄 및 웹 출력이 어떻게 보이는지 확인하고 필요에 따라 계속 변경합니다.

미리 볼 (인쇄 또는 웹) 채널을 선택하고 미리 보기를 선택합니다. 대화형 통신이 나타납니다.

웹 채널의 경우 다음을 사용하십시오. 다양한 장치에서 대화형 통신이 어떻게 보이는지 봅니다.

인쇄 채널에서 문서 컨테이너를 강조 표시하고 을 선택합니다. 속성.

사이드바에 속성 패널이 나타납니다.

확장 첨부 파일 및 다음 속성을 지정합니다.

• 라이브러리 액세스 허용: 에이전트 UI에서 에이전트에 대한 라이브러리 액세스를 활성화하려면 선택합니다. 활성화된 경우 에이전트는 대화형 통신을 준비하는 동안 라이브러리에서 파일을 추가할 수 있습니다.

• 첨부 파일 재정렬 허용: 에이전트가 대화형 통신을 사용하여 첨부 파일을 다시 정렬할 수 있도록 하려면 선택합니다.

• 허용되는 최대 첨부 파일 수: 대화형 통신에서 허용되는 최대 첨부 파일 수를 지정합니다.

• 첨부할 파일: 선택 추가 을 클릭하고 첨부할 파일을 찾아 선택한 후 다음을 지정합니다.

  • 기본으로 이 파일을 문서에 첨부: 첨부 파일이 필수가 아닌 경우에만 이 옵션을 변경할 수 있습니다.
  • 필수: 에이전트가 에이전트 UI에서 첨부 파일을 제거할 수 없습니다.

완료 ​를 선택합니다.

대화형 통신의 인쇄 채널을 편집하는 동안 인쇄 채널 템플릿에 빌드된 필드를 마우스로 가리킨 다음 을 선택합니다 (구성).

사이드바에 속성 대화 상자가 나타납니다.

다음을 지정합니다.

• 이름: JCR 노드 이름

• 제목: 에이전트 UI와 문서 컨테이너 트리에서 에이전트가 볼 수 있는 제목을 입력합니다.

• 바인딩 유형: 필드에 대해 다음 바인딩 유형 중 하나를 선택합니다.

  • 없음: 에이전트가 속성 값을 채웁니다.
  • 텍스트 조각: 선택한 경우 필드에서 콘텐츠가 렌더링되는 텍스트 문서 조각을 찾아 선택할 수 있습니다. 또는 텍스트 문서 조각을 필드 이름으로 드래그 앤 드롭하여 둘 사이의 바인딩을 설정합니다. 텍스트 문서 조각에는 변수가 없어야 합니다.
  • 데이터 모델 개체: 필드에 값이 채워진 양식 데이터 모델 속성을 선택합니다. 또는 데이터 소스 속성을 탭하고 필드에 드래그 앤 드롭합니다.

• 기본값: 기본값은 지정된 데이터 모델 개체 또는 텍스트 조각에서 제공하는 값이 없는 경우 필드가 비어 있지 않은지 확인합니다. 데이터 바인딩 유형이 none이면 기본값이 필드에 미리 채워집니다.

• 패턴 표시: 필드의 표시 형식을 정의할 수도 있습니다. 에서 사전 정의된 옵션을 선택합니다. 유형 필드에 표시 형식을 적용하는 드롭다운 목록입니다. 선택 사용자 정의 목록에서 사용할 수 없는 표시 패턴을 정의합니다. 자세한 내용은 데이터 표시 패턴

• 에이전트에서 편집 가능: 에이전트가 에이전트 UI의 필드에서 값을 편집할 수 있도록 하려면 선택합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.

• 레이블: 에이전트 UI의 에이전트에 필드와 함께 표시되는 텍스트 문자열을 지정합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.

• 툴팁: 마우스로 에이전트 UI의 에이전트에 표시할 텍스트 문자열을 입력합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.

• 필수: 에이전트의 필수 필드를 만들려면 선택합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.

• 여러 줄 허용: 이 필드를 선택하여 여러 줄의 텍스트를 필드에 입력할 수 있습니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.

선택 .

테이블 작성에 필요한 레이아웃 조각을 AEM에서 사용할 수 있는지 확인합니다.

대화형 통신의 인쇄 채널에서 자산 브라우저의 대상 영역에 레이아웃 조각(다중 열 테이블 포함)을 끌어다 놓습니다.

대화형 통신 레이아웃 영역에 테이블이 나타납니다.

표의 각 셀에 대한 데이터 바인딩을 지정합니다. 반복 가능한 행을 만들려면 일반 컬렉션 속성에 속하는 행에 양식 데이터 모델 속성을 삽입합니다.

1. 테이블에서 셀을 선택하고 (구성).

   사이드바에 속성 대화 상자가 나타납니다.

   

2. 속성을 구성합니다.

   • 이름: JCR 노드 이름

   • 제목: 대화형 통신 편집기에 표시되는 제목을 입력합니다.

   • 바인딩 유형: 필드에 대해 다음 바인딩 유형 중 하나를 선택합니다.

     • 없음
     • 데이터 모델 개체: 양식 데이터 모델 속성의 값이 필드에 채워집니다. 또는 데이터 소스 속성을 탭하고 필드에 드래그 앤 드롭합니다.

   • 데이터 모델 개체: 값이 필드에 채워지는 양식 데이터 모델 속성입니다.

   • 기본값: 기본값은 지정된 데이터 모델 개체에서 제공하는 값이 없을 때 필드가 비어 있지 않음을 의미합니다. 기본값은 필드에 미리 채워져 있습니다.

   • 에이전트에서 편집 가능: 에이전트가 에이전트 UI의 필드에서 값을 편집할 수 있도록 하려면 선택합니다.

3. 선택 .

대화형 통신을 미리 보고 데이터로 렌더링된 테이블을 확인합니다.

표를 선택하고 을 선택합니다. (구성). 다음을 사용하여 테이블을 선택할 수도 있습니다. 콘텐츠 대화형 통신의 사이드 킥에 있는 브라우저.

선택 정렬을 활성화합니다.

선택 테이블 속성을 저장합니다. 열 헤더의 정렬 아이콘 위쪽 및 아래쪽 화살표는 정렬이 활성화되었음을 나타냅니다.

다음으로 전환 미리 보기 모드 를 클릭하여 출력을 확인합니다. 테이블은 테이블의 첫 번째 열을 기준으로 자동으로 정렬됩니다.

열 헤더를 클릭하여 열을 기준으로 값을 정렬합니다.

위쪽 화살표가 있는 열 머리글은 다음을 나타냅니다.

• 테이블은 해당 열을 기준으로 정렬됩니다.
• 열의 값은 오름차순으로 표시됩니다.

마찬가지로 아래쪽 화살표가 있는 열 머리글은 열의 값이 내림차순으로 표시됨을 나타냅니다.

다음에서 속성 페이지에서 채널 탭.

다음 항목 선택 웹 확인란을 선택하고 웹 채널의 템플릿을 선택합니다.

선택 웹 채널에 대해 기본으로 인쇄 사용 웹 채널과 인쇄 채널 간의 동기화를 활성화하십시오.

선택 저장 및 닫기 변경 내용을 저장합니다.

마찬가지로 다음을 선택할 수 있습니다. 웹 의 확인란 채널 탭으로 이동하여 대화형 통신에서 웹 채널을 삭제합니다.

웹 템플릿에서 루트 패널을 선택하고 + 을(를) 추가하려면 단추 구성 요소를 대화형 통신에 추가합니다.

버튼 구성 요소를 선택하고 단추 선택에 대한 규칙을 정의합니다.

다음에서 날짜 섹션, 선택 클릭함 을 클릭합니다.

다음에서 그러면 섹션:

1. 드롭다운 목록에서 작업을 선택합니다. 예를 들어 을 선택합니다. 다음으로 이동 를 작업 유형으로 사용하십시오.

2. 대화형 통신, 적응형 양식, 에셋 또는 웹 페이지의 URL을 지정합니다. 예를 들어 다른 대화형 통신으로 이동하려면 다음 형식으로 URL을 지정하십시오. https://<server-name>:<port>/editor.html/content/forms/af/<interactive communication="" name="">/channels/<channel name="" print="" or="" web="">.html

3. 동일한 탭, 새 탭 또는 새 창에서 에셋을 여는 옵션을 지정합니다.

4. 선택 완료 다음을 선택합니다. 닫기 을 눌러 규칙을 저장합니다.

마찬가지로 작업 유형 드롭다운 목록에서 서비스 호출 및 양식 제출과 같은 다른 사용 가능한 옵션을 선택할 수 있습니다. 자세한 내용은 규칙 편집기.

대화형 통신을 미리 보고 단추를 선택하여 대화형 통신, 적응형 양식, 에셋 또는 4단계(b)에 지정된 웹 페이지를 봅니다.

삽입 패널 다음 옵션 중 하나를 사용하는 웹 채널의 구성 요소:

• 구성 요소를 선택하고 + 및 선택 패널 구성 요소.

• 다음에서 구성 요소 브라우저 패널에서 를 드래그 앤 드롭합니다. 패널 구성 요소를 사용할 수 있습니다.

• 다음 항목 선택 패널 다음에서 콘텐츠 브라우저 패널 및 선택 하위 패널 추가. 선택 하위 패널 추가 옵션이 다음을 표시합니다 하위 패널 추가 대화 상자. 패널 구성 요소의 제목과 설명(선택 사항) 및 이름을 입력합니다.

에서 패널 선택 콘텐츠 구성, 규칙 편집, 복사, 삭제 및 구성 요소 삽입과 같은 추가 작업을 패널에서 수행할 수 있는 브라우저입니다.

내에서 패널을 드래그 앤 드롭할 수도 있습니다. 콘텐츠 브라우저는 오른쪽 창의 대화형 통신 구조 변경을 반영합니다.

웹 채널을 인쇄 채널과 동기화하려면 웹 채널로 전환하고 추가 옵션 아이콘을 선택합니다.

다음 중 하나를 선택합니다.

• 인쇄와 동기화: 상속이 취소되지 않은 대상 영역에 대해서만 콘텐츠를 동기화합니다.
• 재설정: 웹 채널 컨텐츠를 인쇄 채널과 동기화하고 웹 채널에 대한 모든 변경 사항을 무시합니다.

구성 요소를 선택하고 그룹( ) 작업.

여러 구성 요소를 선택하고 패널의 그룹 개체.

다음에서 패널의 그룹 개체 대화 상자에서 패널 이름을 입력합니다.

패널에 대한 선택적 제목 및 설명을 입력합니다.

클릭 .

그룹화된 구성 요소는 콘텐츠 트리에 패널의 하위 요소로 표시됩니다.