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

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

만들기 ​를 선택하고 대화형 통신 ​을 선택합니다. 대화형 통신 만들기 페이지가 나타납니다.

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

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

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

• 설명: 대화형 통신에 대한 설명을 입력하십시오.

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

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

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

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

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

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

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

• 게시 취소 날짜: 대화형 통신 게시를 취소할 날짜를 입력하십시오.

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

다음을 입력합니다.

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

• 인쇄 서식 파일: XDP를 검색하여 인쇄 서식 파일로 선택합니다.

• 웹: 대화형 통신의 반응형 출력 또는 웹 채널을 생성하려면 이 옵션을 선택하십시오.

• 대화형 통신 웹 서식 파일: 웹 서식 파일을 찾아 선택합니다.

• 테마 및 테마 선택: 대화형 통신의 웹 채널 스타일을 지정할 테마를 검색하여 선택하십시오. 자세한 내용은 AEM Forms의 테마를 참조하십시오.

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

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

인쇄 채널 및 웹 채널에 대한 자세한 내용은 인쇄 채널 및 웹 채널을 참조하세요.

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

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

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

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

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

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

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

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

인쇄 채널을 선택한 상태에서 Assets 탭으로 이동하여 필터를 적용하여 표시할 에셋만 표시합니다.

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

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

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

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

문서 단편에서 숨겨진 변수의 바인딩을 설정하려면 변수 및 데이터 모델 개체(으)로 이동하십시오.

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

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

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

레이아웃 조각에 대한 자세한 내용은 문서 조각을 참조하세요.

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

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

• 차트 추가 및 구성

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

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

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

• XDP/레이아웃 필드 속성

• 구성 요소에 규칙 추가

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

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

문서 조각을 선택하고 (구성)을 선택한 다음 대화형 통신의 사이드 킥에서 속성 ​을 선택합니다. 변수 및 데이터 모델 개체 섹션에는 숨겨진 변수를 포함한 변수와 문서 조각에 사용된 데이터 모델 개체가 나열됩니다. 각 데이터 모델 개체 또는 변수 옆에 있는 (편집) 아이콘을 사용하여 속성을 편집합니다. 또한 인쇄 채널을 사용하여 웹 채널에서 자동 생성된 문서 조각의 경우 각 데이터 모델 개체 및 변수 옆에 있는 (상속 취소) 아이콘을 사용하여 상속을 취소하고 편집할 수 있습니다.

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

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

대화형 통신의 인쇄 및 웹 출력이 어떻게 표시되는지 대화형 통신을 미리 보기하고 필요에 따라 계속 변경할 수 있습니다.

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

웹 채널의 경우 를 사용하여 대화형 통신이 다양한 장치에서 어떻게 표시되는지 확인하십시오.

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

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

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

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

• 첨부 파일 순서 다시 지정 허용: 에이전트가 대화형 통신으로 첨부 파일의 순서를 다시 지정할 수 있도록 하려면 선택합니다.

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

• 첨부할 파일: 추가 ​를 선택하고 첨부할 파일을 찾아 다음을 지정하십시오.

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

완료 ​를 선택합니다.

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

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

다음을 지정합니다.

• 이름: JCR 노드 이름.

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

• 바인딩 형식: 필드에 대해 다음 바인딩 형식 중 하나를 선택하십시오.

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

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

• 표시 패턴: 필드의 표시 형식을 정의할 수도 있습니다. 필드에 표시 형식을 적용하려면 Type 드롭다운 목록에서 미리 정의된 옵션을 선택하십시오. 목록에서 사용할 수 없는 표시 패턴을 정의하려면 사용자 지정 ​을(를) 선택하십시오. 자세한 내용은 데이터 표시 패턴을 참조하세요.

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

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

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

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

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

을 선택합니다.

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

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

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

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

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

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

   

2. 속성을 구성합니다.

   • 이름: JCR 노드 이름.

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

   • 바인딩 형식: 필드에 대해 다음 바인딩 형식 중 하나를 선택하십시오.

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

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

   • 기본값: 지정한 데이터 모델 개체에서 제공한 값이 없으면 기본값을 사용하면 필드가 비어 있지 않습니다. 기본값은 필드에 미리 채워져 있습니다.

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

3. 을 선택합니다.

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

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

정렬 사용 ​을 선택하십시오.

테이블 속성을 저장하려면 을(를) 선택하십시오. 열 헤더의 정렬 아이콘 위쪽 및 아래쪽 화살표는 정렬이 활성화되었음을 나타냅니다.

출력을 보려면 미리 보기 모드로 전환하십시오. 테이블은 테이블의 첫 번째 열을 기준으로 자동으로 정렬됩니다.

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

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

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

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

속성 페이지에서 채널 탭을 선택합니다.

웹 확인란을 선택하고 웹 채널에 대한 템플릿을 선택하십시오.

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

변경 내용을 저장하려면 저장 및 닫기 ​를 선택하십시오.

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

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

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

When 섹션의 단추 드롭다운 목록에서 클릭함 ​을(를) 선택합니다.

Then 섹션에서:

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

2. 대화형 통신, 적응형 양식, 에셋 또는 웹 페이지의 URL을 지정합니다. 예를 들어 다음 형식으로 URL을 지정하여 다른 대화형 통신으로 이동합니다. https://<server-name>:<port>/editor.html/content/forms/af/<대화형 통신 이름>/channels/<채널 이름 - print 또는 web>.html

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

4. 완료 ​를 선택한 다음 닫기 ​를 선택하여 규칙을 저장합니다.

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

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

다음 옵션을 사용하여 웹 채널에 Panel 구성 요소를 삽입합니다.

• 구성 요소를 선택하고 + ​을(를) 선택한 다음 패널 구성 요소를 선택합니다.

• 대화형 통신에서 구성 요소 브라우저 패널에서 패널 구성 요소를 드래그 앤 드롭합니다.

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

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

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

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

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

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

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

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

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

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

를 클릭합니다.

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