고급 동작을 사용하면 이벤트가 트리거되거나 특정 조건이 만족될 때 Captivate 프로젝트의 복잡한 작업 및 작업 과정을 실행할 수 있습니다.

에셋 및 예시

이 문서의 절차에 따르려면 이미지 및 예시 Adobe Captivate 프로젝트 파일과 같은 에셋을 사용해야 합니다. 사용자의 에셋과 예시를 사용할 수도 있습니다. 하지만 다음 ZIP 파일을 컴퓨터에 다운로드하여 추출하는 것이 좋습니다.

advanced-actions.zip

 

고급 동작을 설명하기 전에, 고급 동작의 이해에 유용한 몇 가지 기본 개념이 제시됩니다.

리터럴이란 무엇인가요?

리터럴은 고정된 값입니다. 리터럴은 영숫자 값 또는 숫자일 수 있습니다. 예를 들어 실생활에서 John, Sarah, 100 등은 모두 고정된 값이므로 리터럴입니다.

그리고 “John”과 같은 문자열 리터럴의 경우, 기존 프로그래밍의 함수에서 사용하면 리터럴 값이 변경됩니다. 위의 리터럴을 반전하고 싶다면 “John”.reverse()를 사용합니다.

변수란 무엇인가요?

변수란 값이 변할 수 있는 독립된 항목입니다. 예를 들어 실생활에서 'color'를 변수로 간주하면, 해당 변수에는 논리적으로 빨간색, 파란색, 녹색 등의 값이 연결됩니다. 따라서 변수는 다양한 값의 자리 표시자라고 할 수 있습니다.

시스템 변수 및 사용자 변수

Captivate의 변수는 시스템 변수와 사용자 변수로 분류됩니다. 다음은 해당 변수에 대한 간략한 설명입니다.

시스템 변수

시스템 변수는 Captivate에서 미리 정의된 변수입니다.

예:

  • cpInfoCurrentDate는 사용자 컴퓨터에 설정된 현재 날짜를 표시하는 시스템 변수입니다.
  • cpInfoAuthor는 프로젝트(파일 > 프로젝트 정보)의 속성에 지정된 작성자의 이름을 반환합니다.

사용자 변수

사용자 변수는 사용자에 의해 정의됩니다. 이러한 변수는 일련의 값을 허용하고 다른 항목을 거부하도록 만들 수도 있습니다.

예를 들어 과일을 값으로 허용하는 변수 'fruit'를 정의할 수 있습니다. 또한 사과, 오렌지, 포도 또는 바나나 중 하나로 항목을 지정함으로써 'fruit' 변수에 허용되는 값을 제한할 수도 있습니다. 이렇게 하면 변수에 원하는 값만 수집되도록 할 수 있습니다.

참고:

슬라이드에 텍스트 입력 상자를 추가하면 Captivate는 자동으로 해당 항목에 변수를 할당합니다.

변수에 대한 자세한 내용은 Adobe Captivate 변수 문서를 참조하십시오.

사용자 변수 만들기

Captivate 프로젝트에서 사용자 변수는 프로젝트 메뉴에서 변수를 선택하여 만듭니다. 그러면 변수 대화 상자가 열립니다. 새로운 사용자 변수를 만들려면, 유형 드롭다운 상자 오른쪽의 새로 추가를 클릭하여 엽니다. 변수의 이름은 나중에 쉽게 기능을 식별할 수 있는 이름을 지정하는 것이 좋습니다. 또한 값 필드에 변수의 초기값을 입력할 수 있습니다.

variables_dialog
변수

참고:

Captivate에서 시스템 변수는 수정하거나 삭제할 수 없으며 사용자 변수 이름은 일단 생성되면 변경할 수 없습니다.

변수 명명에 대한 규정 및 규칙

사용자 변수에는 반드시 Captivate의 내부 함수, 예약된 키워드, 알려진 시스템 변수 또는 기타 숨은 변수 이름과 충돌하지 않는 이름을 할당해야 합니다.

변수 이름 지정에 대한 몇 가지 규칙이 있습니다. 변수 이름 규칙:

  • 이름이 공백 또는 숫자로 시작하지 않습니다.  

예: 변수 이름을 1Name, _Name 등으로 지정하는 것은 좋지 않습니다.

  • 예약된 키워드는 사용하지 않습니다. 

예를 들어 class, while, case, float 등의 키워드는 사용하지 않아야 합니다.

  • 고유의 변수 이름을 사용합니다. 

예: MyVar1, MyVar2

  • 직관적인 변수 이름을 사용합니다. 

예: Input_Name, Display_Education

  • 항상 변수에 설명을 덧붙입니다. 

예: Input_Name 변수는 지원자가 입력한 이름을 허용합니다.

Captivate의 예약된 키워드 목록은 Adobe Captivate에서 사용자 정의 변수 만드는 방법 문서에서 확인할 수 있습니다.

고급 동작

고급 동작을 사용하면 이벤트가 트리거되거나 특정 조건 또는 특정 조건 집합이 만족될 때 동작을 실행할 수 있습니다.

고급 동작 사용자 인터페이스

고급 동작을 열려면 프로젝트 메뉴, 고급 동작으로 이동합니다. 아래에 보이는 사용자 인터페이스가 표시됩니다.

aa_ui
고급 동작 사용자 인터페이스
레이블 설명
1 동작의 이름입니다.
2 이 확인란을활성화하여동작 조건으로 만듭니다.
3 동작 항목입니다.
4 기존 동작을 선택합니다.
5 동작의 구조를 미리 봅니다.
6 동작을 만듭니다.
7 공유 동작을 가져옵니다.
8 공유 동작을 내보냅니다.
9 동작을 삭제합니다.
10 동작을 복제합니다.
11 동작 항목을 추가합니다.
12 동작 항목을 삭제합니다.
13 동작 항목을 복사합니다.
14 잘라내기
15 붙여넣기
16 삽입
17 위로 이동합니다.
18 아래로 이동합니다.
19 결정 그룹입니다.
20 결정을 추가합니다.
21 결정을 제거합니다.
22 결정을 복제합니다.

표준 동작

표준 동작을 사용하면 이벤트가 트리거될 때 동작을 실행할 수 있습니다.

예: 과정 지원자 환영 프로젝트

예를 들어 여러분이 만든 과정에 사용자가 이름을 입력하면 환영하는 표준 동작을 구현해 보겠습니다.

  1. 빈 프로젝트를 열고 콘텐트 슬라이드를 추가합니다.

  2. 텍스트 메뉴에서 텍스트 입력 상자 및 텍스트 캡션을 추가합니다.

  3. 텍스트 입력 상자와 함께 열리는 제출 단추를 삭제하고 표준 단추를 추가합니다. 이렇게 하는 이유는 텍스트 입력 상자와 함께 제공되는 단추는 런타임 도중 슬라이드에서 숨길 수 없기 때문입니다. 추가된 표준 단추의 이름을 제출로 변경합니다.

  4. 텍스트 캡션을 아래 상자에 이름을 입력하고 Enter 키를 눌러 과정을 시작하세요.로 변경합니다.

  5. 텍스트 입력 상자를 선택하고, 속성 관리자, 속성 탭, 스타일 섹션으로 이동한 다음 변수 옆의 [X] 아이콘을 클릭하여 변수 이름 대화 상자를 엽니다.

    standard_action-addvariable
    텍스트 입력 상자 속성
  6. 변수 이름 대화 상자에 변수 이름을 Candidate_Name으로 입력합니다. 변수를 단지 만들기만 하는 것이 아니라, 이 단계에서 변수를 텍스트 입력 상자에 연결하고 있습니다.

  7. 텍스트 메뉴에서 슬라이드에 2개의 텍스트 캡션을 추가합니다. 속성 관리자속성 탭에서 캡션 이름 왼쪽의 눈 아이콘을 사용하여 위 두 캡션을 출력에서 보이지 않도록 설정합니다.

    해당 캡션 중 하나의 이름을 코스 시작을 환영합니다,로 변경합니다.

  8. 이전 단계에서 슬라이드에 추가된 두 번째 텍스트 캡션은 사용자가 입력한 이름을 표시하는 Candidate_Name  변수의 호출에 사용됩니다. 텍스트 캡션을 클릭하여 속성 관리자, 속성 탭, 스타일 아래 문자 섹션의 변수 삽입 [X] 단추를 활성화합니다.

    변수 삽입 대화 상자에서 변수 드롭다운 목록 옆의 Candidate_Name 변수를 선택합니다.

    이 단계를 수행할 때 기본 텍스트 캡션이 $$Candidate_Name$$으로 바뀌며 Candidate_Name 변수가 이 텍스트 캡션에서 호출되었음을 나타냅니다.

    참고:

    캡션의 텍스트를 직접 변수 이름으로 직접 변경하고 $$를 앞뒤에 적용하여 변수를 호출할 수도 있습니다. 하지만 변수를 호출하는 가장 바람직한 방법은 [X] 아이콘을 클릭하고 변수 삽입 대화 상자를 여는 것이며, 이렇게 하면 표시될 변수 값의 최대 길이를 제어할 수 있습니다.

  9. 2단계에서 추가된 텍스트 입력 상자를 선택하고 속성 관리자, 속성 탭, 동작 섹션으로 이동한 다음, 성공한 경우 드롭다운 목록에서 고급 동작 실행을 선택합니다.

  10. 성공한 경우 아래의 스크립트 드롭다운 목록 옆의 폴더 아이콘을 클릭하여 고급 동작 대화 상자를 엽니다. 대화 상자의 행을 클릭하여 아래 이미지에 동작을 입력한 다음, 동작 이름AdvAction_Show_Name으로 입력합니다.

     

    standard_actionslogic
    표준 동작
  11. 이 프로젝트의 동작을 보려면 미리 보기를 실행합니다.

조건부 동작

조건부 동작은 이름에서 알 수 있듯이 어떤 조건 또는 조건 모음을 충족해야만 실행됩니다.

고급 동작 대화 상자에서 조건부 탭을 확인하여 조건 및 해당 동작을 설정합니다.

If..else 로직

If..else 로직:

  1. If 어떤 조건 또는 조건 모음을 충족하면 동작을 실행합니다.
  2. Else(조건 또는 조건 모음을 충족하지 않으면) 다른 동작을 실행합니다.

예를 들어 지원자의 나이가 15세 이상이면 환영하는 텍스트 캡션을 표시하고 그렇지 않으면 지원 거부 캡션을 표시하는 조건부 동작을 설정할 수 있습니다.

if_else_logic1
If..else 로직(If 인터페이스)
if_else_logic2
If..else 로직(Else 인터페이스)

While 로직

While 로직은 명령문 시작 시 조건을 평가하고 조건 또는 조건 모음이 참 또는 거짓일 때까지 일련의 동작을 지속하는 조건부 반복입니다.

예를 들어 eLearning 과정 자격 기준을 지원자가 대학 졸업자이고 5년 이상의 경력을 가진 경우에만 허용하도록 설정할 수 있습니다.

while_logic
While 로직

예제 1: 태양계 행성에 관한 정보를 공유하는 프로젝트

이 프로젝트는 태양계 행성에 대한 흥미로운 정보를 공유하기 위한 조건부 동작을 구현합니다.

  1. 빈 프로젝트를 열고 9장의 콘텐트 슬라이드를 추가합니다. 기본 제목 슬라이드를 삭제합니다.

  2. 첫 번째 콘텐트 슬라이드에 텍스트 캡션 3개 및 텍스트 입력 상자 1개를 추가합니다.

    1. 텍스트 캡션 3개의 이름을 각각 행성에 대해 알아보세요, 아래에 행성 이름을 입력하여 흥미로운 정보를 얻으세요, 및 맞춤법을 확인하여 다시 시도해 보세요! 로 변경합니다.
    2. 맞춤법을 확인하여 다시 시도해 보세요!  캡션을 런타임에서 보이지 않게 설정하십시오. 이는 속성 관리자속성 탭 아래 이름 옆의 눈 아이콘을 사용하면 됩니다.
    3. 텍스트 입력 상자를 선택하고 속성 관리자, 속성 탭, 스타일 섹션으로 이동하여 텍스트 유지 확인란의 선택을 해제합니다.  
    4. 또한 텍스트 유지 아래의 추가 옵션을 클릭하고 모두 허용을 선택합니다.
    5. 변수 아래의 [X] 아이콘을 클릭한 다음 가독성을 위해 Input_Planet이라는 이름의 변수를 만듭니다.
    6. 주어진 태양계 이미지도 추가합니다.
    7. 요소의 크기와 방향을 조정합니다. 시각적인 효과를 위해 텍스트 캡션의 형식을 지정할 수도 있습니다(아래 이미지 참조).
    solar_system_screenshot
    태양계
  3. 두 번째 슬라이드에서 도형 메뉴의 사각형, 텍스트 메뉴의 텍스트 캡션, 상호 작용 메뉴의 단추를 추가합니다.

    1. 사각형의 불투명도를 0%로 변경합니다. 불투명도를 변경하려면 속성 관리자속성 탭, 스타일 섹션, 채우기로 이동합니다.
    2. 사각형을 슬라이드의 테두리 방향으로 확대합니다.
    3. 단추를 테두리 오른쪽 상단 모서리로 이동합니다. 이 버튼은 닫기 버튼의 역할을 하게 됩니다.
    4. 단추의 캡션을 X로 변경하여 닫기 기호를 나타냅니다. 이를 변경하려면 속성 관리자속성 탭, 스타일 섹션, 캡션으로 이동합니다.
    5. 그리고 단추의 경우, 속성 탭의 동작 섹션에서 성공한 경우슬라이드로 이동으로, 슬라이드1 슬라이드 1로 선택합니다.
    6. 주어진 수성 이미지를 슬라이드에 추가합니다. 
    7. 주어진 Planets.docx 문서에서 수성에 관한 정보를 텍스트 캡션에 추가합니다.
    8. 가독성을 위해 이미지, 텍스트 캡션, 사각형 테두리의 이름을 각각 Image_Mercury, Text_Mercury, Border_Mercury로 변경합니다.
    9. 추가한 모든 요소를 슬라이드에 배치합니다. (아래 이미지 참조).
    10. 필름 스트립에서 이 슬라이드를 선택한 다음 속성 관리자속성 탭, 동작 섹션에서 들어올 때재생 막대 숨기기로 선택합니다.
    mercury_slide_screenshot
    수성 슬라이드
  4. 3단계를 반복하여 나머지 슬라이드에 각 행성을 추가합니다. 주어진 샘플 프로젝트에는 행성들이 태양과의 거리에 따른 순서대로 추가되어 있습니다. 슬라이드에 추가한 모든 요소의 이름을 적절하게 변경했는지 확인합니다.

  5. 사용자가 행성의 이름을 입력하면 해당 행성의 정보가 포함된 슬라이드로 이동하는 조건을 생성합니다. 그리고 맞춤법이 잘못되거나 대문자로 시작하지 않으면 오류 메시지를 표시하는 조건도 생성합니다.

    이러한 로직을 구현하려면 첫 번째 슬라이드에 추가한 텍스트 입력 상자에 고급 동작을 설정해야 합니다.

    1. 첫 번째 슬라이드로 이동하여 텍스트 입력 상자를 선택합니다.
    2. 속성 관리자, 속성 탭, 동작 섹션에서 성공한 경우고급 동작 실행으로 선택합니다.
    3. 고급 동작 실행 아래 스크립트 드롭다운 옆의 폴더 아이콘을 클릭합니다. 고급 동작 대화 상자가 열립니다.
    4. 고급 동작 대화 상자에서 조건부 탭을 확인합니다.
    5. IF 조건 및 해당 동작을 입력합니다. 이 경우에서는 사용자가 수성을 입력하면 다음 슬라이드로 이동합니다. (이 단계의 아래 첫 번째 이미지 참조)
    6. 마찬가지로 Untitled-1에서 Untitled-8까지의 각 탭에 대해서도 다른 행성에 대한 조건 및 해당 동작을 설정합니다. 탭은 기본적으로 3개가 제시되므로 직접 탭을 추가해야 합니다.
    7. 9번째 탭에서 오류 메시지를 표시하는 조건을 입력합니다. 행성 이름이 정확하게 입력되지 않거나 대문자로 시작하지 않으면 오류 메시지가 표시되는 로직입니다. 이 탭에는 또한 슬라이드 1로 이동하는 두 번째 동작도 추가합니다. 이 동작은 런타임 도중 제출 단추를 자동으로 새로 고칩니다.(이 단계의 아래 두 번째 이미지 참조)
    advanced_action_logic1
    조건부 동작(인터페이스 1)
    advanced_action_logic2
    조건부 동작(인터페이스 2)
  6. 필름 스트립에서 첫 번째 슬라이드를 선택한 다음 속성 관리자, 속성 탭, 동작 섹션으로 이동하여 들어올 때숨기기로 선택합니다. 숨기기 드롭다운에서 오류 메시지가 포함된 텍스트 캡션을 선택합니다. 이렇게 하면 잘못되거나 성공적인 일련의 시도 이후 사용자가 더 많은 행성을 탐색하기 위해 첫 번째 슬라이드에 들어올 때 오류 메시지를 제거합니다.

  7. 프로젝트가 런타임에서 실행되는 모습을 보려면 프로젝트 미리 보기를 실행합니다.

예 2

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

다음 단계를 수행 합니다.

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

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

    1. If myVar의 값이 0인 경우

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

      hide_and_assign_valuetoavariable
    3. Else 개체를 표시하고 myVar의 값을 다시 0으로 할당합니다.

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

JavaScript를 통한 고급 동작

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

고급 동작 대화 상자를 실행하고 JavaScript 실행을 동작으로 할당한 후, 다음 스니펫을 Script_Window에 작성하여 동영상의 현재 프레임을 가져옵니다.

alert(window.cpAPIInterface.getCurrentFrame());
advanced_actionsjavascript
JavaScript를 통한 고급 동작

위 고급 동작을 브라우저에서 미리 보면 다음과 같은 결과를 확인할 수 있습니다.

advanced_actionsjavascriptpreview
JavaScript 출력

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

공유 동작

고급 동작을 동일한 프로젝트의 다른 부분 또는 다른 프로젝트에서 사용하고 싶다면 공유 동작으로 저장하면 됩니다.

예를 들어 eLearning 작성자의 경우 자신이 생성한 과정의 지원자를 환영하기 위해 고급 액션을 반복해서 사용해야 합니다. 표준 동작 섹션에서 만든 고급 동작을 공유 동작으로 저장하여 새 프로젝트에서 열어보기로 합니다.

  1. 표준 동작 섹션에서 만든 프로젝트를 엽니다.

  2. 고급 동작 대화 상자를 열고 기존의 AdvAction_Show_Name 동작을 엽니다.

  3. 대화 상자 아래쪽의 공유 동작으로 저장 단추를 클릭하여 공유 동작으로 저장합니다. 공유 동작으로 저장 대화 상자가 열립니다.

  4. 대화 상자에서 이 공유 동작의 이름을 SharedAction_Show_Name으로 지정합니다. AdvAction_Show_Name과 관련된 모든 요소가 매개 변수 값에 표시되는 것을 볼 수 있습니다. 기능 식별을 위해 각 매개 변수에 대한 설명을 입력합니다. 이러한 설명은 나중에 매개 변수를 사용할 때 목적 식별에 중요하게 사용됩니다. 공유 동작에 대해서도 설명을 추가합니다. 동작을 저장합니다(아래 이미지 참조).

    shared_action
    공유 동작으로 저장
  5. 고급 동작 대화 상자에서 오른쪽 상단 모서리의 내보내기 아이콘을 클릭합니다(아래 이미지 참조). 동작을 장치에 파일로 저장하도록 하는 대화 상자가 열립니다.

    shared_action-export
    내보내기 아이콘
  6. 빈 프로젝트를 열고 프로젝트 메뉴로 이동하여 고급 동작을 엽니다.

  7. 고급 동작 대화 상자 오른쪽 상단의 가져오기 아이콘을 클릭합니다. 저장된 공유 동작 파일을 찾아 가져옵니다.

    shared_action-import
    가져오기 아이콘
  8. 표준 동작 섹션의 1~8 단계를 반복한 다음, 추가된 요소의 이름을 원하는 대로 지정합니다.

  9. 텍스트 입력 상자를 선택한 다음, 속성 관리자속성 탭 아래 동작 섹션으로 이동합니다. 성공한 경우공유 동작 실행으로 선택합니다. 이 옵션 옆에는  {P} 아이콘이 있습니다. 이 아이콘을 클릭하면 공유 동작 매개 변수 대화 상자가 열립니다.

    imported_shared_actiondialog
    공유 동작 매개 변수(비어 있음)
  10. 가져온 매개 변수에 매개 변수 값을 제공합니다. 새 프로젝트에 추가한 요소들이 매개 변수 값으로 입력됩니다. 이렇게 하면 새 프로젝트의 요소를 공유 동작에 연결할 수 있습니다.

    imported_shared_actiondialog-parameterized
    공유 동작 매개 변수(채워짐)
  11. 공유 동작이 런타임에서 실행되는 모습을 보려면 프로젝트 미리 보기를 실행합니다.

공유 동작에 대한 자세한 내용은 Adobe Captivate의 고급 동작 문서를 참조하십시오.

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

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