Show Menu
화제×

인터랙티브한 커뮤니케이션 제작

대화형 통신 편집기를 사용하여 대화형 통신을 만듭니다. 드래그 앤 드롭 기능을 사용하여 인터랙티브한 커뮤니케이션을 제작할 수 있고 다양한 디바이스 유형으로 인쇄 및 웹 출력을 모두 미리 볼 수 있습니다.

개요

Interactive Communications는 개인화되고 인터랙티브한 컨텐츠 제작, 취합 및 전달을 중앙에서 관리하고 관리합니다. 인쇄를 웹용 마스터 채널로 활용하면 인터랙티브 커뮤니케이션의 웹 출력을 만들 때 중복 작업을 최소화할 수 있습니다.

전제 조건

다음은 대화형 통신을 만들기 위한 사전 요구 사항입니다.
  • 테스트 데이터를 포함하거나 Microsoft® Dynamics 인스턴스와 같은 실제 데이터 소스를 사용하여 양식 데이터 모델을 설정합니다.
  • 문서 조각이 있는지 확인합니다 .
  • 인쇄 및 웹 채널에 대한 템플릿이 있는지 확인합니다.
  • 웹 채널에 필요한 테마가 있는지 확인합니다.

대화형 통신 만들기

  1. AEM 작성자 인스턴스에 로그인하고 Adobe Experience Manager > 양식 > 양식 문서로 이동합니다 .
  2. 만들기를 누르고 대화형 통신을 선택합니다 . # 페이지가 나타납니다.
  3. 다음 정보를 입력합니다. :
    • 제목 :대화형 통신 제목을 입력합니다.
    • 이름* :인터랙티브 커뮤니케이션의 이름은 입력한 제목에서 파생됩니다. 필요한 경우 편집합니다.
    • 설명 :대화형 통신에 대한 설명을 입력합니다.
    • 양식 데이터 모델* :양식 데이터 모델을 찾아 선택합니다. 양식 데이터 모델에 대한 자세한 내용은 AEM Forms 데이터 통합을 참조하십시오 .
    • 자동 채우기 서비스 :데이터를 검색할 프리플라이트 서비스를 선택하고 대화형 통신을 미리 채웁니다.
    • 게시물 프로세스 유형 :대화형 통신이 전송될 때 트리거할 AEM 또는 양식 워크플로우를 선택할 수 있습니다. 트리거할 워크플로우의 유형을 선택합니다.
    • 게시 프로세스 :트리거할 워크플로우의 이름을 선택합니다. AEM 워크플로우를 선택하면 첨부 파일 경로, 레이아웃 경로, PDF 경로, 인쇄 데이터 경로 및 웹 데이터 경로를 제공합니다.
    • 태그 :대화형 통신에 적용할 태그를 선택합니다. 새/사용자 지정 태그 이름을 입력하고 Enter 키를 눌러 만들 수도 있습니다.
    • 작성자 : 작성자 이름은 로그인한 사용자의 사용자 이름에서 자동으로 가져옵니다.
    • ​게시 날짜:대화형 통신을 게시할 날짜를 입력합니다.
    • 게시 취소 날짜 :대화형 통신을 게시 취소할 날짜를 입력합니다.
  4. 다음을 누릅니다 . 인쇄 및 웹 채널 세부 사항을 지정하는 화면이 나타납니다.
  5. 다음을 입력합니다.
    • 인쇄 :대화형 커뮤니케이션의 인쇄 채널을 생성하려면 이 옵션을 선택합니다.
    • ​인쇄 템플릿*:XDP를 찾아 인쇄 템플릿으로 선택합니다.
    • ​웹 채널에 대한 마스터로 인쇄 사용:인쇄 채널과 동기화하여 웹 채널을 만들려면 이 옵션을 선택합니다. 인쇄 채널을 웹 채널에 대한 마스터로 사용하면 웹 채널의 컨텐츠 및 데이터 바인딩이 인쇄 채널에서 파생되고 동기화를 탭하면 인쇄 채널에서 수행된 변경 사항이 웹 채널에 반영됩니다. 그러나 작성자는 필요에 따라 웹 채널의 특정 구성 요소에 대한 상속을 중단할 수 있습니다. 자세한 내용은 웹 채널을 인쇄 채널과 동기화를 참조하십시오.
    • ​웹:이 옵션을 선택하여 웹 채널 또는 대화형 통신의 응답형 출력을 생성합니다.
    • ​인터랙티브 커뮤니케이션 웹 템플릿*:웹 템플릿을 찾아 선택합니다.
    • 테마 테마 선택* :인터랙티브 커뮤니케이션의 웹 채널에 스타일을 지정할 테마를 찾아 선택합니다. 자세한 내용은 AEM Forms 의 테마를 참조하십시오 .
    인쇄 채널 및 웹 채널에 대한 자세한 내용은 채널 및 웹 채널 인쇄를 참조하십시오.
  6. 만들기를 누릅니다 . 대화형 통신이 생성되고 경고 상자가 나타납니다. Interactive Communication 작성 사용자 인터페이스를 사용하여 컨텐츠 추가에 설명된 대로 Interactive Communication의 컨텐츠를 작성하기 시작하려면 편집을 누릅니다. 또는 완료를 누르고 나중에 대화형 통신을 편집하도록 선택할 수 있습니다.

대화형 통신에 컨텐츠 추가

대화형 통신을 만든 후 Interactive Communication 제작 인터페이스를 사용하여 컨텐츠를 구성할 수 있습니다.
대화형 통신 작성 인터페이스에 대한 자세한 내용은 대화형 통신 제작 소개를 참조하십시오.
  1. 대화형 통신 작성 인터페이스는 대화형 통신 만들기에 언급된 대로 편집을 누르면 시작됩니다 . 또는 AEM의 기존 Interactive Communication 자산으로 이동하여 선택하고 편집을 눌러 Interactive Communication 저작 인터페이스를 실행할 수 있습니다.
    대화형 통신이 웹 채널 전용인 경우를 제외하고 기본적으로 대화형 통신의 인쇄 채널이 나타납니다. 대화형 커뮤니케이션의 인쇄 채널은 선택한 XDP/인쇄 채널 템플릿에서 사용할 수 있는 대상 영역을 표시합니다. 이러한 대상 영역 및 필드에서 구성 요소나 자산을 추가할 수 있습니다.
  2. 인쇄 채널을 선택한 상태에서 구성 요소 탭을 선택합니다. 다음 구성 요소는 인쇄 채널에서 사용할 수 있습니다.
    구성 요소
    기능
    Chart
    양식 데이터 모델 컬렉션에서 검색한 2차원 데이터를 시각적으로 표시하기 위해 대화형 통신에 사용할 수 있는 차트를 추가합니다. 자세한 내용은 Interactive Communications 에서 차트 사용을 참조하십시오 .
    문서 단편
    텍스트, 목록, 조건 등 재사용 가능한 구성 요소를 대화형 통신에 추가할 수 있습니다. 추가된 구성 요소는 양식 데이터 모델 기반이거나 양식 데이터 모델이 없을 수 있습니다.
    이미지
    이미지를 삽입할 수 있습니다.
    구성 요소를 대화형 통신에 드래그하여 놓고 필요에 따라 구성합니다.
  3. 인쇄 채널이 선택된 상태에서 자산 탭으로 이동하여 필터를 적용하여 보려는 자산만 표시합니다.
    자산 브라우저를 사용하여 자산을 Interactive Communication 타겟 영역으로 직접 드래그하여 놓을 수도 있습니다.
  4. 문서 조각을 대화형 통신에 드래그하여 놓습니다. 다음은 인터랙티브 커뮤니케이션의 인쇄 채널에서 사용할 수 있는 문서 조각 유형입니다.
문서 단편 유형 목적 예
텍스트 주소, 수신자의 이메일 및 편지 본문 텍스트를 추가하는 텍스트
조건 정책 유형에 따라 통신에 적절한 헤더 이미지를 추가하는 조건:Standard 또는 Premium.
목록 텍스트, 조건, 기타 목록 및 이미지를 비롯한 문서 조각 그룹입니다.
문서 조각에 대한 자세한 내용은 문서 조각을 참조하십시오 .
  1. 변수의 바인딩을 설정하려면 변수를 누르고 (구성)을 선택한 다음 세로 막대의 속성 패널에서 바인딩 속성을 설정합니다.
    • 없음 :에이전트가 변수의 값을 채웁니다.
    • 텍스트 조각 :이 옵션을 선택한 경우 해당 컨텐츠가 필드에 렌더링되는 텍스트 문서 조각을 찾아 선택할 수 있습니다. 이러한 텍스트 문서 조각만 안에 변수가 없는 변수에 바인딩할 수 있습니다.
    • 데이터 모델 개체 :필드에 값이 채워지는 양식 데이터 모델 속성을 선택합니다.
    관련 텍스트 문서 조각을 구성하도록 선택할 수도 있습니다. 속성 패널에는 텍스트 문서 조각의 변수 목록이 표시됩니다. 변수 이름 옆에 있는 (편집)을 탭하여 해당 변수의 편집 설정을 표시할 수 있습니다.
  2. 표를 추가하려면 인쇄 채널이 선택된 상태에서 자산 탭에서 필터를 적용하여 레이아웃 조각만 표시합니다. 필요한 레이아웃 조각을 대화형 통신에 드래그하여 놓습니다. 레이아웃 조각은 XDP를 기반으로 하며 동적 데이터로 채워진 인터랙티브 커뮤니케이션에서 그래픽 레이아웃이나 정적 및 동적 표를 만드는 데 사용할 수 있습니다.
    예:총 프리미엄, 로열티 할인 %, 기존 및 새로운 정책에 대한 긴급 노선 지원 가용성을 표시하는 레이아웃 표.
    레이아웃 조각에 대한 자세한 내용은 문서 조각을 참조하십시오 .
  3. 인쇄 채널을 선택한 상태에서 자산 탭에서 필터를 적용하여 이미지를 표시합니다. 필요한 이미지를 회사 로고와 같이 인터랙티브 커뮤니케이션으로 드래그하여 놓습니다.
    또한 대화형 통신에서 다음을 관리합니다.
  4. 채널로 전환합니다 . 웹 채널이 대화형 통신 편집기에 나타납니다. 인쇄 채널에서 웹 채널로 처음 전환하면 자동 동기화가 발생합니다. 자세한 내용은 인쇄 채널에서 웹 채널 동기화를 참조하십시오.
    이 예에서는 인쇄를 웹용 마스터로 사용하므로 인쇄 채널 자리 표시자, 컨텐츠 및 데이터 바인딩이 웹 채널에 동기화됩니다. 그러나 필요에 따라 웹 채널의 특정 컨텐츠를 변경하고 사용자 지정할 수 있습니다.
  5. 웹 채널에 구성 요소를 추가하려면 웹 채널을 선택하고 구성 요소를 누릅니다 . 필요에 따라 대화형 커뮤니케이션의 웹 채널에 구성 요소를 드래그하여 놓고 구성합니다.
    구성 요소
    기능
    Chart
    양식 데이터 모델 컬렉션에서 검색한 2차원 데이터를 시각적으로 표시하기 위해 대화형 통신에 사용할 수 있는 차트를 추가합니다. 자세한 내용은 차트 구성 요소 사용을 참조하십시오.
    문서 단편
    재사용 가능한 구성 요소, 텍스트, 목록 또는 조건을 대화형 통신에 추가할 수 있습니다. 대화형 통신에 추가하는 재사용 가능한 구성 요소는 양식 데이터 모델 기반이거나 양식 데이터 모델이 없을 수 있습니다.
    이미지
    이미지를 삽입할 수 있습니다.
    패널
    패널 구성 요소는 다른 구성 요소를 함께 그룹화하기 위한 자리 표시자로, 아코디언 및 탭과 같은 구성 요소 그룹이 대화형 통신에 배치되는 방식을 제어합니다. 또한 패널 구성 요소를 사용하면 교육용 자격 증명을 채우는 데 필요한 여러 항목 등 최종 사용자를 위해 반복 가능한 구성 요소 그룹을 만들 수 있습니다.
    행 및 열에 데이터를 구성할 수 있는 표를 추가합니다.
    대상 영역
    웹 채널에 대상 영역을 삽입하여 웹 채널별 구성 요소를 구성합니다. 타겟 영역은 웹 채널 특정 구성 요소를 그룹화할 수 있는 일반 컨테이너입니다.
    텍스트
    인터랙티브 커뮤니케이션의 웹 채널에 리치 텍스트를 추가합니다. 또한 텍스트는 양식 데이터 모델 개체를 사용하여 내용을 동적으로 만들 수 있습니다.
  6. 필요에 따라 웹 채널에 에셋을 삽입합니다.
    대화형 통신을 미리 보고 대화형 커뮤니케이션의 인쇄 및 웹 출력이 어떻게 표시되는지 확인하고 필요에 따라 계속 변경할 수 있습니다.

대화형 통신 미리 보기

#옵션을 사용하여 대화형 통신의 모양을 평가할 수 있습니다. 또한 인터랙티브 커뮤니케이션의 웹 채널은 다양한 디바이스에 대한 인터랙티브 커뮤니케이션의 경험을 에뮬레이션하는 옵션을 제공합니다. 예: iPhone, iPad 및 Desktop. 미리 보기 및 에뮬레이터 눈금자 옵션을 함께 사용하여 화면 크기가 다른 장치에 대한 웹 출력을 미리 볼 수 있습니다. 미리 보기의 샘플 데이터는 지정된 양식 데이터 모델에서 채워집니다.
  1. 미리 보기를 미리 보고 탭하려면(인쇄 또는 웹) 채널을 선택합니다. 대화형 통신이 나타납니다.
    미리 보기는 지정된 양식 데이터 모델의 샘플 데이터로 채워집니다. 다른 데이터와 대화형 통신을 미리 보거나 자동 채우기 서비스를 사용하는 방법에 대한 자세한 내용은 양식 데이터 모델 사용 및 양식 데이터 모델을 사용한 작업을 참조하십시오.
  2. 웹 채널의 경우 사용하여 다양한 장치에서 대화형 통신이 어떻게 보이는지 봅니다.

대화형 통신에서 속성 구성

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

인쇄 채널에서, 에이전트가 대화형 통신에 대한 에이전트 UI의 첨부 파일을 관리하도록 첨부 파일 및 라이브러리 액세스를 구성할 수 있습니다.
  1. 인쇄 채널에서 문서 컨테이너를 선택하고 속성을 누릅니다 .
    세로 막대에 속성 패널이 나타납니다.
  2. 첨부 파일을 확장하고 다음 속성을 지정합니다.
    • 라이브러리 액세스 허용 :에이전트 UI에서 에이전트에 대한 라이브러리 액세스를 활성화하려면 선택합니다. 활성화된 경우 에이전트는 대화형 통신을 준비하는 동안 라이브러리에서 파일을 추가할 수 있습니다.
    • 첨부 ​순서 재지정 허용:에이전트가 대화형 통신을 사용하여 첨부 파일의 순서를 다시 지정하도록 하려면 선택합니다.
    • 허용되는 최대 첨부 파일 수 :대화형 통신에 허용되는 최대 첨부 파일 수를 지정합니다.
    • 첨부할 ​파일:추가를 누르고 찾아보기를 눌러 첨부할 파일을 선택하고 다음을 지정합니다.
      • 이 파일을 기본적으로 ​문서에 첨부:첨부 파일만 필수가 아닌 경우 이 옵션을 변경할 수 있습니다.
      • ​필수:에이전트가 에이전트 UI에서 첨부 파일을 제거할 수 없습니다.
  3. Done ​을 누릅니다.

XDP/레이아웃 필드 속성

  1. 대화형 커뮤니케이션의 인쇄 채널을 편집하는 동안 인쇄 채널 템플릿에 내장된 필드 위에 마우스를 놓고 (구성)을 선택합니다.
    세로 막대에 속성 대화 상자가 나타납니다.
  2. 다음을 지정합니다.
    • 이름 :JCR 노드 이름입니다.
    • 제목 :에이전트 UI와 문서 컨테이너 트리에서 에이전트에 표시될 제목을 입력합니다.
    • 바인딩 유형 :필드에 대해 다음 바인딩 유형 중 하나를 선택합니다.
      • 없음:에이전트가 속성 값을 채웁니다.
      • 텍스트 조각:이 옵션을 선택한 경우 필드에서 컨텐츠가 렌더링되는 텍스트 문서 조각을 찾아 선택할 수 있습니다.
      • 데이터 모델 개체:필드에 값이 채워지는 양식 데이터 모델 속성을 선택합니다.
    • 기본값 :기본값은 지정된 데이터 모델 개체 또는 텍스트 조각에서 제공하는 값이 없을 때 필드가 비어 있지 않도록 합니다. 데이터 바인딩 유형이 none이면 필드에 기본값이 미리 채워집니다.
    • 에이전트로 편집 가능 :에이전트가 에이전트 UI의 필드에 값을 편집할 수 있도록 하려면 선택합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.
    • 레이블 :에이전트 UI에서 에이전트 필드에 표시되는 텍스트 문자열을 지정합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.
    • 도구 설명 :에이전트 UI에서 마우스로 에이전트 위에 표시되는 텍스트 문자열을 입력합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.
    • 필수 :에이전트를 필수로 설정하려면 선택합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.
    • 여러 줄 ​허용:여러 줄의 텍스트를 필드에 입력할 수 있도록 하려면 이 필드를 선택합니다. 바인딩 유형이 텍스트 조각인 경우에는 이 설정을 적용할 수 없습니다.
  3. done_icon을 .

Interactive Communication 구성 요소에 규칙 적용

대화형 커뮤니티에서 구성 요소나 컨텐트를 조건화하려면 구성 요소/콘텐트를 누르고 (규칙 만들기)을 선택하여 규칙 편집기를 실행합니다.
자세한 내용은 다음을 참조하십시오.

표 사용

인터랙티브 커뮤니케이션의 동적 표

레이아웃 조각을 사용하여 대화형 통신에 동적 표를 추가할 수 있습니다. 다음 단계에서는 신용 카드 문의 예를 사용하여 대화형 커뮤니케이션에서 동적 테이블을 만들기 위한 레이아웃 조각 사용을 보여 줍니다.
  1. 테이블을 만드는 데 필요한 레이아웃 조각을 AEM에서 사용할 수 있는지 확인합니다.
  2. 대화형 커뮤니케이션의 인쇄 채널에서 자산 브라우저의 대상 영역에 레이아웃 조각(다중 열 테이블 포함)을 드래그하여 놓습니다.
    # 레이아웃 영역에 표가 나타납니다.
  3. 표의 각 셀에 대한 데이터 바인딩을 지정합니다. 반복 가능한 행을 만들려면 공통 컬렉션 속성에 속하는 행에 양식 데이터 모델 속성을 삽입합니다.
    1. 표의 셀을 누르고 (구성)을 선택합니다.
      세로 막대에 속성 대화 상자가 나타납니다.
    2. 속성을 구성합니다.
      • 이름 :JCR 노드 이름입니다.
      • 제목 :대화형 통신 편집기에서 볼 제목을 입력합니다.
      • 바인딩 유형 (&P);ast;:필드에 대해 다음 바인딩 유형 중 하나를 선택합니다.
        • 없음
        • 데이터 모델 개체 :양식 데이터 모델 속성의 값이 필드에 채워집니다.
      • 데이터 모델 개체 :필드에 값이 채워지는 양식 데이터 모델 속성입니다.
      • 기본값 :기본값은 지정된 데이터 모델 개체에서 제공하는 값이 없을 때 필드가 비어 있지 않도록 합니다. 기본값은 필드에 미리 채워집니다.
      • 에이전트로 편집 가능 :에이전트가 에이전트 UI의 필드에 값을 편집할 수 있도록 하려면 선택합니다.
    3. done_icon을 .
  4. 대화형 통신을 미리 보면 데이터로 렌더링된 표가 표시됩니다.

웹 채널 전용 표

유형 모음의 데이터 모델 속성을 사용하여 대화형 통신에 웹 채널 전용 동적 테이블을 만들 수 있습니다. 이러한 표는 컬렉션 속성의 자식 속성을 나타냅니다. 표에 있는 다양한 셀의 서식 속성만 편집할 수 있습니다.
  1. 웹 채널로 전환한 다음 Data Sources 브라우저를 표시하도록 선택합니다.
  2. 컬렉션 속성을 하위 폼으로 드래그하여 놓습니다.
    하위 폼에서 표를 만듭니다.
  3. 대화형 커뮤니케이션의 웹 미리 보기에서 표를 미리 봅니다.

인쇄 채널과 웹 채널 동기화

대화형 통신을 만들 때 웹 채널용 마스터로 인쇄를 선택하면 웹 채널이 인쇄 채널과 동기화되고 웹 채널의 컨텐츠 및 데이터 바인딩이 인쇄 채널에서 파생되며, 동기화를 탭하면 인쇄 채널에서 수행된 변경 사항이 웹 채널에 반영됩니다.
그러나 작성자는 필요에 따라 웹 채널의 구성 요소에 대한 상속을 중단할 수 있습니다. 클릭하여 확대

자동 동기화

인쇄 채널을 웹 채널의 마스터로 사용하고 인쇄 채널에서 웹 채널로 전환하는 경우 자동 동기화가 발생합니다. 자동 동기화는 자리 표시자, 콘텐트 및 데이터 바인딩을 인쇄 채널에서 웹 채널에 가져옵니다. 인터랙티브 커뮤니케이션의 복잡성과 내용에 따라 자동 동기화에 시간이 조금 걸릴 수 있습니다.
채널을 동기화하면 문서 조각, 이미지, 조건, 목록 및 레이아웃 조각만 인쇄 채널에서 웹 채널에 동기화됩니다. 이러한 요소가 포함된 하위 양식 또는 상위 노드는 동기화되지 않습니다.

상속 취소

웹 채널에서 구성 요소는 대상 영역에 포함됩니다.
웹 채널에서 관련 대상 영역 위로 마우스를 가져간 후 취소(상속 취소)를 선택한 다음 상속 취소 대화 상자에서 예를 누릅니다 .
대상 영역 내의 구성 요소 상속이 취소되고 이제 필요에 따라 편집할 수 있습니다.

상속 다시 사용

웹 채널에서 구성 요소의 상속을 취소한 경우 다시 활성화할 수 있습니다. 상속을 다시 활성화하려면 구성 요소를 포함하는 관련 대상 영역의 경계를 가리키고 탭합니다.
상속 되돌리기 대화 상자가 나타납니다.
필요한 경우 상속을 되돌린 후 페이지 동기화를 선택합니다 . 전체 대화형 통신을 동기화하려면 이 옵션을 선택합니다. 이 옵션을 선택하지 않으면 상속을 복구할 때 관련 대상 영역만 동기화됩니다.
예를 누릅니다 .

동기화

웹 채널용 마스터로 인쇄를 사용하고 인쇄 채널을 변경하는 경우 동기화를 눌러 새로 변경한 내용을 웹 채널에 가져올 수 있습니다.
  1. 웹 채널을 인쇄 채널과 동기화하려면 동기화를 누릅니다 .
    # 대화 상자가 나타납니다.
  2. 다음 중 하나를 누릅니다.
    • 변경 내용 ​취소:웹 채널에서 수행한 변경 사항에 관계없이 웹 채널에 수행된 모든 변경 사항을 무시합니다.
    • 변경 내용 유지 :상속이 취소되지 않은 대상 영역에 대해서만 컨텐츠를 동기화합니다.