Show Menu
화제×

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

인터랙티브 커뮤니케이션 작성을 위한 유저 인터페이스는 직관적이며 인터랙티브 커뮤니케이션의 인쇄 및 웹 채널을 작성하는 데 사용할 수 있는 다음과 같은 기능을 제공합니다.
  • WYSIWYG 드래그 앤 드롭 방식의 문서 편집기
  • 자산을 위한 통합 저장소 - 서버에 업로드되고 서버에 생성된 자산은 Interactive Communication 제작 인터페이스의 자산 브라우저에서 사용할 수 있습니다.
새 대화형 통신을 만들거나 기존 대화형 통신을 편집할 때 다음 사용자 인터페이스 요소를 사용합니다.
A. 사이드바 B. 페이지 도구 모음 C. 컨텐츠 영역

Component toolbar

구성 요소를 선택하면 작업할 수 있는 도구 모음이 표시됩니다. 구성 요소의 잘라내기, 붙여넣기, 이동 및 속성 지정 옵션이 제공됩니다. 옵션은 다음과 같습니다.
A. 구성 :구성을 누르면 ​구성 요소 속성이 세로 막대에 표시됩니다.
B. 규칙 편집 :규칙 편집을 누르면 선택한 구성 요소에 대한 규칙을 편집하고 만들 수 있는 규칙 편집기가 나타납니다. 규칙 편집기에서 다른 양식 객체(구성 요소)를 선택하고 이러한 양식 객체에 대한 규칙을 편집/만들 수도 있습니다.
C. Copy :복사 옵션을 사용하여 구성 요소를 복사하여 대화형 커뮤니케이션의 다른 위치에 붙여넣을 수 있습니다.
D. 잘라내기 :잘라내기 옵션을 사용하여 대화형 통신에서 구성 요소를 한 위치에서 다른 위치로 이동할 수 있습니다.
E. 삭제 :대화형 통신에서 구성 요소를 삭제할 수 있습니다.
F.구성 요소 ​삽입:선택한 구성 요소 위에 구성 요소를 삽입할 수 있습니다.
G.붙여넣기 :위에서 설명한 옵션을 사용하여 잘라내거나 복사한 구성 요소를 붙여넣을 수 있습니다.
H.그룹 :두 개 이상의 구성 요소를 함께 잘라내거나 복사하거나 붙여 넣으려면 여러 구성 요소를 선택할 수 있습니다.
I.상위 :구성 요소의 상위 항목을 선택할 수 있습니다.
J.SOM 표현식 보기: 구성 요소의 SOM 표현식을 볼 수 있습니다.
K:패널에서 개체 그룹화: 패널에서 구성 요소를 그룹화하여 해당 구성 요소에 대해 동시에 작업을 수행할 수 있도록 합니다. 자세한 내용은 패널에서 개체 그룹을 참조하십시오 .
L.하위 패널 추가(패널에만 해당):패널에 하위 패널을 추가할 수 있습니다.
M:패널 도구 모음 추가(패널에만 해당):패널 구성 요소용 도구 모음을 추가할 수 있습니다. 그런 다음 도구 모음에서 추가 작업을 수행할 수 있습니다.
또한 도구 모음의 바꾸기 옵션을 사용하면 기존 구성 요소를 대체 구성 요소로 바꿀 수 있습니다. 패널 구성 요소에는 이 옵션을 사용할 수 없습니다.

페이지 도구 모음

상단에 있는 페이지 도구 모음에서는 대화형 통신을 미리 보고 속성을 변경할 수 있는 옵션을 제공합니다. 작성 시 대화형 통신을 미리 보고 그에 따라 변경할 수 있습니다. 페이지 도구 모음에서 다음을 볼 수 있습니다.
  • 사이드 패널 :사이드바를 표시하거나 숨길 수 있습니다.
  • 페이지 정보 :페이지 속성을 볼 수 있습니다.
  • 에뮬레이터 :태블릿과 휴대폰과 같은 다양한 디스플레이 크기에 맞게 인터랙티브 커뮤니케이션의 모양을 에뮬레이션할 수 있습니다.
  • 편집:다음과 같은 다른 모드를 선택할 수 있습니다.편집, 스타일, 개발자 및 디자인
    • 편집:대화형 통신 및 해당 구성 요소의 속성을 편집할 수 있습니다. 예를 들어, 구성 요소 추가, 이미지 삭제 및 필수 필드 지정 등이 있습니다.
    • 스타일:대화형 커뮤니케이션의 구성 요소 모양을 스타일링할 수 있습니다. 예를 들어 스타일 모드에서 패널을 선택하고 배경색을 지정할 수 있습니다.
    • 개발자:개발자가 다음을 수행할 수 있습니다.
      • 인터랙티브한 커뮤니케이션으로 구성된 컨텐츠를 살펴볼 수 있습니다.
      • 언제 어디에서 발생하는지 디버깅하여 문제를 해결할 수 있습니다.
    • 타겟:사용자 지정 구성 요소 또는 사이드바에 나열되지 않은 기본 구성 요소를 활성화하거나 비활성화할 수 있습니다.
  • 미리 보기:게시할 때 대화형 통신이 어떻게 보이는지 미리 볼 수 있습니다.