Captivate 내에서 개체는 여러 상태를 가질 수 있습니다. 이 기능은 단일 프로젝트 내에서 여러 개체를 사용하거나 "표시/숨기기" 기술을 사용하지 않고도 쉽게 대화형 콘텐트를 개발할 수 있게 해 줍니다.

하나의 개체에 여러 상태를 사용하면 프로젝트의 타임라인을 간결하게 하고 복잡성을 줄일 수 있습니다. 예를 들어, 사용자 동작을 기반으로 이미지 색상을 변경하려면 단일 이미지에 서로 다른 색상이 적용된 상태를 사용할 수 있습니다.

다중 상태 개체로 작업하려면 다음과 같은 다중 상태 개체의 기능을 기억하십시오.

  • 모든 개체는 이제 여러 상태를 가질 수 있습니다.
  • 대화형 개체에는 기본으로 제공되는 상태가 있습니다.
  • 사용자는 정적 개체 및 대화형 개체의 상태를 사용자 정의할 수 있습니다.
  • 단추와 스마트 모양에는 관련 스타일을 지닌 상태가 기본으로 제공됩니다.
  • 다중 상태를 가진 개체는 일반 슬라이드에만 추가할 수 있습니다.

다중 상태 개체 지원

모든 스마트 모양, 텍스트 캡션, 개체 및 미디어는 다양한 상태를 가집니다.

질문 슬라이드 단추 및 드래그 앤 드롭 단추는 상태를 지원하지 않습니다.

참고:

피드백 캡션, 롤오버 개체 및 텍스트 입력 상자 단추는 내장 상태이지만 사용자 정의 상태 추가는 지원하지 않습니다. 

개체에 상태 추가

  1. 개체에 상태를 추가하려면 개체를 선택하고 속성 관리자개체 상태 오른쪽에 있는 +를 클릭합니다. 표시되는 대화 상자에 상태의 이름을 입력하고 확인을 클릭합니다.

    개체에 새로운 상태 추가
    개체에 새로운 상태 추가

  2. 원본 개체 및 새로 만든 상태를 확인할 수 있는 상태 보기를 열려면 상태 보기를 클릭합니다.

    개체 및 개체의 상태를 보려면 상태 보기 클릭
    상태 보기

    초점이 있는 개체는 프로젝트 슬라이드에 강조 표시됩니다. 초점이 있는 개체의 일부로 캐릭터나 보조 개체를 추가할 수 있습니다.

    또한 개체에 2개의 인스턴스가 있는 것을 확인할 수 있습니다. 하나는 기본(기본값) 상태의 원본 개체이며 다른 하나는 개체의 새 상태입니다.

  3. 편집이 새 개체 상태에서 수행되고 있음을 확인해주는 개체의 속성을 편집하십시오.

    참고:

    사용자가 수행할 수 있는 편집 작업에는 모양, 색상 및 크기 수정 등이 있습니다.

  4. 여기에 표시된 것과 같이 개체 상태 패널에서 개체 상태에 동작 설정을 바로 클릭하여 사용자 정의 상태를 가진 개체에 대한 동작을 트리거할 수 있습니다.

    사용자 정의 상태에 대한 동작 트리거
    사용자 정의 상태에 대한 동작 트리거

    참고:

    대화형 슬라이드쇼를 만들어 학습자가 서로 다른 상태 간에 앞뒤로 이동하도록 허용하려면 다음 상태로 이동이전 상태로 이동 동작을 사용하십시오.

    상태 변경 동작을 사용할 수도 있습니다. 이 동작은 사용자의 동작을 기반으로 사용자 정의 상태를 트리거할 수 있게 해 줍니다.

  5. 학습자가 해당 슬라이드를 재방문할 때 해당 개체가 유지되도록 하려면 특정 상태에 대해 슬라이드 재방문 시 상태 유지를 선택합니다.

    슬라이드 재방문 시 상태 유지 설정
    사용자가 슬라이드 재방문 시 상태 유지

개체 및 개체의 상태 이동

다중 상태를 가진 개체를 움직이면 각 상태와 추가 상태 항목이 개체에 따라 움직입니다.

다중 상태를 가진 개체
다중 상태를 가진 개체

개체 상태 및 추가 상태 항목은 해당 개체에 따라 움직입니다.
개체 상태 및 추가 상태 항목은 해당 개체에 따라 움직입니다.


상태 삭제/재설정

상태를 만들 때 기본 상태로 돌아가게 하려면 왼쪽 창에서 원하는 상태를 마우스 오른쪽 단추로 클릭하고 [상태 재설정]을 선택합니다.

개체에 기본 설정된 상태와 '기본' 상태를 제외한 어떤 상태도 삭제할 수 있습니다. 상태 삭제 및 재설정 옵션은 상태를 마우스 오른쪽 단추로 클릭하여 표시되는 팝업 창에서 사용할 수 있습니다.

상태 보기를 끝내고 슬라이드로 복귀하려면 도구 모음의 나가기 상태 단추를 클릭합니다. 

개체 및 개체의 내장 상태

Captivate는 사용자가 요구 사항에 맞게 정의할 수 있는 다음과 같은 내장 상태를 제공합니다. 상태 드롭다운을 통해 각 상태를 클릭하여 유형을 결정할 수 있습니다.

개체 유형 내장 상태
텍스트 캡션, 강조 상자, 스마트 모양, 이미지, 문자, 비디오, 애니메이션, 텍스트 애니메이션, 수식 및 웹 개체. 사용자 정의 상태 - 사용자 정의 상태는 정적 개체 및 대화형 개체에서 지원됩니다. 사용자는 '상태 변경' 동작을 통해 이러한 상태를 트리거할 수 있습니다.
단추로 사용되는 단추 또는 스마트 모양
  • 기본 - 개체의 기본 상태
  • 롤오버 - 사용자가 단추 위에 마우스 커서를 올렸을 때의 상태
  • 눌림 - 사용자가 단추를 클릭했을 때의 상태
드래그 앤 드롭 상호 작용  (자세한 내용은 드래그 앤 드롭 상호 작용에서 다중 상태 개체 참조)
드롭 소스
  • 위로 드래그
  • 수락 드롭
  • 거부 드롭
  • 드래그 시작
드롭 대상
  • 위로 드래그
  • 수락 드롭
  • 거부 드롭
  • 정답 드롭
  • 오답 드롭

올바른 드롭 및 잘못된 드롭 상태는 사용자가 동작을 제출할 때 사용자 동작에 대한 드래그 앤 드롭 평가를 기반으로 트리거됩니다.

각 개체의 기본 상태는 '기본'입니다.

속성 관리자를 이용하여 새 상태를 추가할 수 있으며, 해당 상태를 개체에 대한 기본 상태로 설정할 수도 있습니다. 특정 상태를 기본 상태로 만들려는 경우 해당 상태를 선택하고 옆에 있는 드롭다운 아이콘을 클릭하기만 하면 기본 상태로 만들어집니다.

또한 개체 스타일 관리자에서 기본, 아래로 및 롤오버 상태에 대한 프로젝트 속성을 사전 정의할 수도 있습니다. 

참고:

대화형 개체에는 기본값으로 설정 옵션을 사용할 수 없습니다.

드래그 앤 드롭 상호 작용의 경우 내장 상태는 기본 상태로 설정할 수 없습니다.

개체에 여러 상태가 있을 때의 효과 동작

개체에 효과를 추가하면 해당 효과는 개체의 모든 상태에 적용됩니다.

또한 이 효과는 개체의 모든 상태에서 재생됩니다. 예를 들어, 효과 도중에 개체의 상태가 변경되는 경우 효과의 동작은 어떤 방식으로도 변경되지 않습니다.

샘플 사용

다음은 대화형 콘텐트 개발 시 개체 상태를 사용하는 방법에 대한 일부 샘플입니다.

사용자의 클릭 동작을 기반으로 드레스의 색상 변경
사용자의 클릭 동작을 기반으로 드레스의 색상 변경

질문 슬라이드에서 사용자의 선택에 대한 반응을 시연하기 위해 캐릭터 사용
질문 슬라이드에서 사용자의 선택에 대한 반응을 시연하기 위해 캐릭터 사용


시나리오 1 - 드레스(개체) 아래에 표시된 각각의 색상 코드를 사용자가 클릭하는 동작을 기반으로 드레스의 색상을 변경합니다.

시나리오 2 - 질문 슬라이드에서 사용자의 선택에 대한 응답을 캐릭터를 통해 제공하기 위해 개체 상태를 사용하여 캐릭터의 동작을 변경합니다.

반응형 프로젝트의 다중 상태 개체에 대한 속성 흐름

반응형 프로젝트의 속성 흐름은 모든 상태 및 보기에 적용됩니다.

Captivate에서는 데스크톱 - 태블릿 보기 및 태블릿 - 모바일 보기 각각에서 중단점 간의 관계에 있어 부모-자식 관계가 유지됩니다. 사용자가 특정 보기의 상태를 수정하고 링크를 해제하지 않으면 특정 중단점에서 생성된 개체는 그보다 낮은 중단점 보기에 적용됩니다.

이러한 관계를 보여 주는 예제

예를 들어 단추를 만들고 반응형 프로젝트에서 상태를 추가/편집하는 경우, 해당 개체 및 그 상태는 다른 모든 중단점에 추가됩니다.

데스크톱 보기에서 이러한 개체 상태를 편집하는 경우, 해당 편집 내용은 다른 모든 중단점에 보여집니다.

태블릿 세로 중단점에서 이러한 개체 상태를 편집하는 경우, 태블릿 세로 중단점과 데스크톱 중단점 간의 링크는 해제됩니다. 데스크톱 보기에서 개체의 변경 내용이 더 이상 태블릿 세로 및 모바일 보기에 반영되지 않습니다. 모바일 보기의 개체는 이제 모든 태블릿 세로 보기의 변경 내용을 반영하게 됩니다.

관계 해제 방법을 시연하는 예제

다음 예제를 고려해 보십시오.

사용자가 슬라이드에 텍스트 입력 상자를 추가한 다음 개체를 선택하고 속성 관리자의 상태 보기를 클릭합니다. 사용자는 데스크톱 보기에서 작업 중입니다.

상태 보기가 열리고 현재 사용 가능한 텍스트 입력 상자의 기본 상태가 표시됩니다. 이러한 상태를 편집하거나 상태를 추가로 만들 수 있습니다.

텍스트 입력 상자의 상태 보기
텍스트 입력 상자의 상태 보기

사용자가 내장 상태의 속성을 편집하거나 상태를 만듭니다. 이 예제에서 텍스트 입력 상자는 눌림 상태에서 투명해지도록 만들어졌으므로 학습자가 전송 단추를 클릭하면 단추가 투명하게 보입니다.

개체 상태에 대한 이러한 변경 내용(데스크톱 보기에서 수행)은 모든 중단점에 적용됩니다.

데스크톱 보기에서 개체 상태 편집하기
데스크톱 보기에서 개체 상태 편집하기

이제 사용자는 태블릿 세로 보기로 이동하여 눌림 상태를 추가로 편집합니다. 이러한 변경 내용이 문자 속성, 위치 또는 크기와 같은 반응형 속성을 다루는 경우, 데스크톱 보기와 태블릿 세로 보기 간의 링크가 해제됩니다. 데스크톱 보기에는 이러한 변경 내용이 반영되지 않습니다.

이제부터는 해당 개체에 대한 태블릿 세로 보기의 모든 변경 내용이 모바일 보기에 적용됩니다.

태블릿 보기의 변경 내용이 링크를 해제
태블릿 보기의 변경 내용이 링크를 해제

모범 사례

  • 사용자 정의 상태를 추가하기 전에 개체의 기본 상태를 사용자 정의
  • 단추 속성을 사용자 정의하기 전에 스마트 모양을 단추로 표시

상태 간에 적용되지 않는 개체 속성

일부 개체 속성은 상태 간에 적용되지 않습니다.

그림자 및 반사, 텍스트 효과 및 오디오 속성 등은 상태 간에 적용되지 않습니다. 예를 들어 여러 상태를 가진 개체에 발광 속성을 추가하는 경우, 추가된 발광 속성은 다른 상태에서 표시되지 않습니다. 모든 상태에 대해 발광 속성을 추가하십시오.

또한 서로 다른 형식이 적용된 텍스트는 상태 간에 자동으로 적용되지 않습니다.

아래의 예제를 검토해 보십시오. 단어 different에 다른 형식이 적용되어 있습니다. 형식이 새로운 상태에 적용되지 않았음을 확인할 수 있습니다.

예: 텍스트 캡션의 다른 형식은 새로운 상태에 적용되지 않음
예: 텍스트 캡션의 다른 형식은 새로운 상태에 적용되지 않음

이 텍스트 흐름을 모든 상태에 적용되도록 하려면 텍스트를 마우스 오른쪽 단추로 클릭하고 모든 상태에 텍스트 적용을 선택합니다.

드래그 앤 드롭 상호 작용에서 다중 상태 개체

드래그 앤 드롭 상호 작용은 개체의 다중 상태를 가진 개체를 사용함에 있어 많은 옵션을 제공합니다.

아래의 간단한 드래그 앤 드롭 상호 작용(정답 선택) 예제를 살펴보십시오.

드래그 앤 드롭 상호 작용의 기본 짝짓기 유형
드래그 앤 드롭 상호 작용의 기본 짝짓기 유형

위 상호 작용에서 LDAP 타원 개체는 드래그 대상이며 오른쪽의 사각형 옵션은 드래그 소스입니다. 정답인 389는 LDAP 드래그 대상에 맵핑됩니다.

이러한 각 드롭 소스 및 드롭 대상은 상호 작용의 형태와 기능을 개선하도록 사용자가 정의할 수 있는 여러 상태를 가집니다.

드롭 대상에 사용할 수 있는 내장 상태
드롭 대상에 사용할 수 있는 내장 상태

드롭 소스에 사용할 수 있는 내장 상태
드롭 소스에 사용할 수 있는 내장 상태

속성 관리자의 개체 상태 패널에서 개체를 선택하고 + 기호를 클릭하여 이러한 내장 상태를 모두 추가하십시오.

내장 상태 추가
내장 상태 추가

드롭 대상 및 드롭 소스 개체에 대해 각 상태의 형태를 지정할 수 있습니다.

드롭 대상:

  • DragOver: 학습자가 소스를 대상으로 드래그할 때의 개체 상태를 나타냅니다.
  • DropAccept: 학습자가 허용되는 소스를 대상에 드롭할 때의 개체 상태를 나타냅니다.
  • DropReject: 학습자가 허용되지 않는 소스를 대상에 드롭할 때의 개체 상태를 나타냅니다.
  • DropCorrect: 학습자가 정답을 대상에 드롭하고 전송할 때의 개체 상태를 나타냅니다.
  • DropIncorrect: 학습자가 오답을 대상에 드롭하고 전송할 때의 개체 상태를 나타냅니다.
드롭 대상에 맞게 정의된 내장 상태
드롭 대상에 맞게 정의된 내장 상태

참고:

많은 상태가 있음에도 불구하고 위 타임라인에서 LPDAP 개체는 오직 1개뿐이며, 이로 인해 타임라인이 깔끔하게 유지됩니다.

드롭 대상과 유사하게 드롭 소스에도 내장 상태를 추가할 수 있습니다.

드롭 소스:

  • DragOver: 개체를 대상으로 드래그할 때의 개체 상태를 나타냅니다.
  • DropAccept: 허용되는 소스를 대상으로 드래그할 때의 개체 상태를 나타냅니다.
  • DropReject: 허용되지 않는 소스를 대상으로 드래그할 때의 개체 상태를 나타냅니다.
  • DragStart: 대상으로 소스를 드래그하기 시작할 때의 개체 상태를 나타냅니다. 

참고:

이러한 개체에 자신의 사용자 정의 상태를 추가하여 드래그 앤 드롭 상호 작용을 추가로 개선할 수도 있습니다.

전문가의 관점: Adobe Captivate와 다중 상태 개체

전문가의 관점: Adobe Captivate와 다중 상태 개체
이 비디오를 시청하여 이 기능을 사용하여 개체에 상태를 추가하고 편집하는 방법에 대해 알아보십시오.
Dr. Pooja Jaisingh

샘플 프로젝트 다운로드

Captivate 및 참여 학습 콘텐트 생성 방법에 대해 자세히 알아보려면 다음 프로젝트를 다운로드하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책