Captivate에서 고급 동작 사용

재미있고 유용한 eLearning 프로젝트를 만들고 싶다면 Captivate에서 고급 동작을 사용하는 것이 가장 좋습니다. 고급 동작을 사용하면 하나 또는 여러 가지 조건에 기반을 두어 복잡하거나 단순한 이벤트 기반 상호 작용을 모두 만들 수 있습니다.

고급 동작을 다음과 함께 사용할 수 있습니다.시스템및 사용자 변수, 텍스트 입력 상자, 수학 표현식, 퀴즈, 위젯.

Adobe Captivate의 고급 동작 모델 스크립팅은 개체-이벤트-동작 모델을 기반으로 합니다.

마우스 클릭과 같은 대화형 개체의 이벤트는 해당 이벤트에 정의된 동작을 트리거합니다. 사용자 고유의 동작을 스크립팅하고 이를 다양한 대화형 개체에 적용하여 복잡한 상호 작용 시나리오를 처리할 수 있습니다. Adobe Captivate의 스크립팅 편집기를 사용하면 대화형 개체의 사용자 정의 동작을 스크립트로 작성하는 데 도움이 됩니다.

Captivate의 고급 동작은 2개의 주요 동작으로 구분할 수 있습니다.

  • 표준 동작
  • 조건부 동작

참고:

Captivate 9 및 이전 버전에서는 동작 유형 드롭다운 목록에서 동작 유형(표준 또는 조건)을 선택할 수 있었습니다.

Captivate 9의 고급 동작
Captivate 9의 고급 동작
Captivate 2017 릴리스의 조건부 탭 확인란
Captivate 2017 릴리스의 조건부 탭 확인란

표준 동작

단일 스크립트를 사용하여 여러 동작을 차례로 실행합니다. 사용자 인터페이스는 여러 동작을 실행하는 방법을 제공하지만 이는 Adobe Captivate에서 사용 가능한 동작으로 제한되어 있습니다.

표준 동작은 하나 이상의 이벤트를 트리거하는 이벤트 시퀀스입니다. 표준 동작과 단일 동작의 차이점은 단일 동작에서는 이벤트에 의해 실행되는 하나의 동작만 실행할 수 있다는 점입니다.

표준 동작 만들기

  1. 기본 도구 모음에서 프로젝트> 고급 동작을 클릭하거나 Shift+F9를 누릅니다.

    고급 동작 메뉴 옵션
    고급 동작 메뉴 옵션
  2. 고급 동작 대화 상자에서는 다음과 같은 레이블을 통해 대화 상자의 항목에 대한 설명을 확인할 수 있습니다.

    고급 동작 구성 요소
    고급 동작 구성 요소
    레이블 설명
    1 동작의 이름입니다.
    2 이 확인란을활성화하여동작 조건으로 만듭니다.
    3 동작 항목입니다.
    4 기존 동작을 선택합니다.
    5 동작의 구조를 미리 봅니다.
    6 동작을 만듭니다.
    7 공유 동작을 가져옵니다.
    8 공유 동작을 내보냅니다.
    9 동작을 삭제합니다.
    10 동작을 복제합니다.
    11 동작 항목을 추가합니다.
    12 동작 항목을 삭제합니다.
    13 동작 항목을 복사합니다.
    14 잘라내기
    15 붙여넣기
    16 삽입
    17 위로 이동합니다.
    18 아래로 이동합니다.
    19 결정 그룹입니다.
    20 결정을 추가합니다.
    21 결정을 제거합니다.
    22 결정을 복제합니다.
  3. 동작의 이름을 지정하고 동작 항목을 만듭니다. 예를 들어, 로켓을 발사하는 효과와 같은 표준 동작을 만듭니다. 단추를 클릭하면 로켓이 발사됩니다.

  4. 빈 슬라이드에서 다음 작업을 수행합니다.

    a.       로켓 이미지를 삽입하고 식별자(예: rocket)를 할당합니다.

    b.       연료 추진 로켓 이미지를 삽입하고 식별자(예: rocket_fuel)를 할당합니다.

    c.       rocket_fuel 개체를 숨깁니다.

    d.       스마트 모양을 삽입하고 단추로 변환합니다. 단추 클릭 이벤트에서 고급 동작을 할당합니다.

    e.       고급 동작 대화 상자에서 rocket 개체를 숨기고 rocket_fuel 개체를 표시한 다음 rocket_fuel에 로켓이 하늘로 발사되는 효과를 적용합니다. 작업 과정을 이해하려면 아래 데모를 참조하십시오.

예제 1: 표준 동작 - 이메일 전송

이 예제에서는 단추를 클릭하면 받는 사람, 제목 및 이메일 본문이 미리 채워진 상태로 기본 메일 클라이언트가 열립니다.

단추 클릭 성공에서 고급 동작을 만든 다음 동작 패널에서 메일 전송 옵션을 선택합니다. 아래와 같이 이메일 매개변수 example@example.com?subject=Example%20subject%20line&body=Sample%20mail%20body를 입력합니다.

전자 메일 보내기 동작
전자 메일 보내기 동작

동작을 저장하고 프로젝트를 미리 봅니다. 단추를 클릭하면 기본 메일 클라이언트가 열리고 이메일 매개변수에서 지정한 대로 제공된 필드가 채워집니다.

기본 전자 메일 클라이언트
기본 전자 메일 클라이언트

예제 2: 표준 동작 – JavaScript 실행

이 예제에서는 단추를 클릭하면 JavaScript 코드 조각이 포함된 고급 동작이 실행되어 원하는 결과가 생성됩니다.

자세한 내용은 Captivate의 일반 JavaScript 인터페이스를 참조하십시오.

고급 동작 패널을 실행하고 JavaScript 실행을 동작으로 할당한 후 다음 스니펫을 써서 동영상의 현재 프레임을 가져옵니다.

alert(window.cpAPIInterface.getCurrentFrame());
JavaScript 편집기
JavaScript 편집기

프로젝트를 미리 볼 때 단추를 클릭하면 다음 팝업이 표시됩니다.

결과 팝업
결과 팝업

조건부 동작

고급 동작 패널의 조건부 동작은 특정 조건이 충족되는 경우 명령문이 실행되는지 여부에 따라 달라집니다. 예:

if (totalMarks<=80) {
	print(“Take the test again”)’
}
else {
	print(“Congratulations!You have passed”);
}

eLearning 프로젝트에서 미리 정의된 특정 조건에 따라 보다 확장된 상호 작용을 추가할 수 있습니다.

조건부 동작 만들기

  1. 기본 도구 모음에서 프로젝트 > 고급 동작을 클릭하거나 Shift+F9를 누릅니다.

    고급 동작 메뉴 옵션
    고급 동작 메뉴 옵션
  2. 조건부 탭 확인란을 선택합니다. 옵션을 활성화하면 if-else 조건 블록 및 동작 영역이 표시됩니다. 아래와 같이 if 명령문과 함께 원하는 조건부 표현식을 선택합니다.

    조건부 동작 옵션
    조건부 동작 옵션
  3. 고급 동작 대화 상자에서는 다음과 같은 레이블을 통해 대화 상자의 항목에 대한 설명을 확인할 수 있습니다.

    고급 동작 구성 요소
    고급 동작 구성 요소
    레이블 설명
    1 If 블록입니다. 이 블록의 조건을 확인합니다. 예를 들어, a가 b와 같은 경우입니다.
    2 Action 블록입니다. 위 조건이 true이면 실행되는 동작입니다.
    3 Else 블록입니다. 위 조건이 false이면 실행되는 동작입니다.
    4 Decision 블록입니다. 조건부 동작과 표준 동작을 결합할 수 있습니다. 표준 동작을 두 번째 결정 블록에 배치합니다.
    5 결정을 추가합니다.
    6 결정을 제거합니다.
    7 결정을 복제합니다.
    8 if에 대해 선택할 동작 유형을 선택합니다.

조건부 동작 – While

조건부 동작
조건부 동작

예를 들어, 사용자 이름 및 암호의 유효성을 검사하기 위해 while 명령문을 사용합니다. 고급 동작 대화 상자를 열고 동작 수행 드롭다운 목록에서 While을 선택합니다. 다음을 할당합니다.

동작 중
동작 중

동작을 저장하고 프로젝트를 미리 봅니다. 올바른 사용자 이름-암호 쌍을 입력할 때까지 로그인 페이지가 유지됩니다.

조건부 명령의 변수

예제로 이동하기 전에 조건부 명령 변수의 개념 및 응용 분야를 살펴보겠습니다. 변수란 조건 또는 프로그램이나 응용 프로그램으로 전달된 정보에 따라 변경될 수 있는 값을 말합니다. Captivate에서 변수는 값을 저장하며 사용자는 보통 고급 동작을 사용하여 변수 값을 변경할 수 있습니다.

예를 들어, a=5이면 메모리 위치에 5가 저장됩니다. 코드 조각이 해당 값을 다른 값으로 변경할 때까지 a는 값을 유지합니다.

Captivate에는 2가지 변수 유형이 있습니다.

시스템 변수: Captivate에서 사전 정의된 변수입니다. 시스템 변수는 새로 만들거나 수정할 수 없습니다. 이러한 변수를 사용하면 e러닝 모듈이 런타임에서 수행 중인 작업을 수정할 수 있습니다. 예를 들어, 런타임에서 cpCmndGotoSlide 변수에 숫자를 할당하면 사용자가 지정한 슬라이드로 이동됩니다.

사용자 변수: 작성자가 만들고 이름을 선택할 수 있는 변수입니다. 사용자 변수는 프로젝트에 맞게 사용됩니다.

사용자 변수 만들기 및 수정

  1. 프로젝트 > 변수를 클릭합니다.

    변수 메뉴 옵션
    변수 메뉴 옵션
  2. 변수를 만들려면 변수 대화 상자에서 새로 추가를 클릭합니다. 변수에 이름을 지정하고 값을 할당합니다.

    새 변수 추가
    새 변수 추가
  3. 프로젝트에서 변수를 사용합니다. 예를 들면, 값이 런타임에서 표시됩니다. 슬라이드에 텍스트 구성 요소를 삽입하고 원하는 텍스트를 추가합니다.

    변수 값 표시
    변수 값 표시
  4. 변수를 삽입하고 추가한 텍스트에 연결합니다. 속성 관리자 패널에서 [X] 변수 삽입을 클릭하고 변수를 선택합니다.

    변수 삽입
    변수 삽입

    이제 슬라이드가 아래와 같이 표시됩니다.

    슬라이드 표시
    슬라이드 표시

    변수는 변수를 위한 특별 식별자인 $ 기호 2개로 둘러 쌓여 있습니다.

  5. 프로젝트를 미리 봅니다. 런타임에서 표시된 변수의 값을 확인할 수 있습니다.

    런타임에서 표시
    런타임에서 표시
  6. 예를 들어, 고급 동작에서 해당 변수를 사용하려면 슬라이드에 단추를 삽입하고 이벤트를 클릭하면 고급 동작이 실행되도록 할당합니다.

  7. 고급 동작을 실행하고 if-else 블록에 다음 정보를 입력합니다.

    If-else 동작
    If-else 동작

    이 고급 동작에서 버튼을 클릭할 때 변수의 값이 "Hello World"인 경우, 새 브라우저 창은 google.com 검색 페이지를 실행합니다.

  8. 변수를 수정하려면 변수 대화 상자를 열고 변경하려는 변수를 선택합니다. 업데이트를 클릭합니다.

    변수 값 업데이트
    변수 값 업데이트

    참고:

    변수의 이름은 편집할 수 없습니다. 값 또는 설명 필드를 필요에 따라 편집한 다음 업데이트 단추를 클릭합니다.

조건부 명령문: 예제 1 - 개체 가시성 전환

이 예제에서는 단추를 클릭하면 개체가 사라지고 단추를 다시 클릭하면 개체가 나타납니다. 다음 단계를 수행 합니다.

  1. 변수 myVar의 값을 0으로 선언합니다.

    변수 선언
    변수 선언
  2. 다음과 같은 고급 동작 B1을 만듭니다.

    1. If myVar의 값이 0인 경우

    2. Then 개체를 숨기고 myVar의 값을 1로 할당합니다.

      변수 숨기기 및 변수에 값 할당
      변수 숨기기 및 변수에 값 할당
    3. Else 개체를 표시하고 myVar의 값은 다시 0으로 할당합니다.

      Else 명령문
      Else 명령문
    4. 동작을 저장하고 프로젝트를 미리 봅니다. 단추를 클릭하면 개체가 사라지고 단추를 다시 클릭하면 개체가 다시 표시되는 것을 볼 수 있습니다.

조건부 명령문: 예제 2 – 사용자 이름 및 암호의 유효성 검사

이 예제에서는 올바른 이름과 암호를 입력하면 시작 슬라이드로 이동합니다.사용자 이름과 암호, 환영 슬라이드로 이동합니다. 사용자 이름 및 암호 중 하나를 잘못 입력하거나 모두 잘못 입력하면 다른 슬라이드로 이동합니다. 다음 단계를 수행합니다.

  1. 2개의 변수 uName 및 pWord의 값을 “test”와 “password”로 각각 선언합니다.

  2. 다음과 같은 고급 동작 A1을 만듭니다.

    1. If uName의 값은 “test”이고 pWord의 값은 “password”인 경우

    2. Then 아래와 같이 다음 동작을 수행합니다.

      Then 사용 옵션
      Then 사용 옵션
    3. Else 아래와 같이 다른 슬라이드로 이동합니다.

      Else 옵션 사용
      Else 옵션 사용
    4. 동작을 저장하고 프로젝트를 미리 봅니다.

명령문 편집

  • 스크립트를 편집하는 경우 해당 아이콘을 사용하여 명령문(코드 줄)을 추가, 제거, 복사, 잘라내기, 붙여넣기, 삽입 또는 이동할 수 있습니다.

  • 변수에서 리터럴로 또는 그 반대로 유형을 변경하려면 드롭다운 목록을 사용합니다.

  • 결정을 제거하려면 결정을 선택하고 삭제 아이콘을 클릭합니다.

고급 동작 편집/삭제/복제

  1. 프로젝트 > 고급 동작을 선택합니다.

  2. 기존 동작에서 수정하거나 삭제할 동작을 선택합니다.

  3. 다음 중 하나를 수행합니다.

    • 오른쪽 위에서 해당 아이콘을 사용하여 동작 삭제 또는 복제합니다.

    • 고급 동작을 업데이트하려면 해당 메뉴 아이콘을 사용하여 명령문을 업데이트한 다음 업데이트를 클릭합니다.

조건부 동작 관리

  • 결정 탭을 추가하려면 +을 클릭합니다.
  • 결정 탭을 삭제하려면 탭을 클릭한 다음 "-"를 클릭 합니다.
  • 결정 탭을 복제하려면 결정 복제 탭을 클릭합니다.
  • 결정 탭 순서를 변경하려면 왼쪽으로 이동오른쪽으로 이동 아이콘을 사용합니다.
  • 전체 조건부 동작(모든 결정 탭)을 복제하려면 고급 동작 대화 상자 오른쪽 상단 모서리의 동작 복제 아이콘을 클릭 합니다.
  • 조건부 동작을 미리 보려면, 고급 동작 대화 상자의 오른쪽 상단 모서리의 미리 보기 아이콘을 클릭합니다.

고급 동작 복사

고급 동작을 다른 프로젝트로 복사하려면 고급 동작과 연관된 개체 또는 슬라이드를 복사하여 대상 프로젝트에 붙여넣습니다.

프로젝트에서, 고급 동작은 다양한 개체에서 호출하거나 많은 이벤트에 의해 트리거될 수 있습니다. 다음 표에는 서로 다른 시나리오를 요약하고 연관된 고급 동작을 복사할 수 있는지 나타냅니다.

고급 동작이 연관된 항목 복사할 수 있습니까?
개체
슬라이드/질문 슬라이드
문제 은행 아니요
프로젝트 환경 설정(퀴즈 합격/불합격) 아니요

고급 동작과 연관된 슬라이드 또는 개체를 복사할 때는 고급 동작에서 참조하는 개체나 슬라이드를 모두 복사했는지 확인하십시오. 예를 들어, 고급 동작 "MyAction"이 버튼과 연관된 경우를 고려해 봅니다. 동작은 "꽃"이라는 이미지를 표시하는 "표시" 동작과 "망고"라는 액션을 숨기는 "숨기기" 동작을 포함합니다. 다른 프로젝트에 "MyAction"이 필요한 경우에는 버튼을 포함하는 슬라이드와 "꽃" 및 "망고" 이미지를 포함하는 슬라이드를 복사합니다. 그런 다음 프로젝트에 붙여넣습니다.

고급 동작이 다음 동작을 포함하는 경우 복사 내용
오디오 재생 오디오 파일이 대상 프로젝트로 복사됩니다.
변수 변수가 대상 프로젝트로 복사됩니다. 고급 동작에 구성된 변수가 대상 프로젝트에 없는 경우 변수가 자동으로 생성됩니다. 동일한 이름의 변수가 있는 경우 동일한 이름 뒤에 숫자 접미사가 첨부된 새 이름의 변수가 생성됩니다.
슬라이드로 이동 대상 슬라이드가 대상 프로젝트로 이미 복사된 경우에만 고급 동작이 성공적으로 복사됩니다.

스크립트가 사용되는 슬라이드 찾기

  1. 프로젝트 > 고급 동작을 선택합니다.

  2. 기존 동작에서 동작을 선택합니다.

  3. 사용을 클릭합니다.

프로젝트에서 선택된 스크립트를 사용하는 슬라이드가 표시됩니다.

슬라이드에 고급 동작 적용

  1. 속성 관리자( > 속성)에서 동작으로 이동합니다.

  2. 고급 동작 실행을 선택합니다.

  3. 스크립트동작 메뉴에서 실행할 스크립트를 선택합니다.

대화형 개체에 고급 동작 적용

  1. 속성 관리자( > 속성)에서 동작으로 이동합니다.

  2. 동작 메뉴에서 고급 동작 실행을 선택합니다. 동작의 예는 성공한 경우, 실패한 경우, 초점을 잃은 경우 등입니다.

  3. 스크립트동작 메뉴에서 실행할 스크립트를 선택합니다.

샘플 프로젝트 다운로드

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

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

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