다음 자습서는 Adobe Captivate에서 스크립트 사용을 시작하는 데 도움을 줍니다.

사용자 이름과 암호를 입력하는 필드가 있는 로그인 슬라이드를 만들라는 메시지가 표시됩니다.

사용자가 올바른 값을 입력하면 다음 동작이 발생합니다.

  • 프로젝트가 다음 슬라이드로 이동합니다.

  • 다음 슬라이드의 텍스트 캡션에 "<사용자 이름>님 환영합니다" 메시지가 표시됩니다.

  • 기본 전자 메일 편집기가 로그인 정보를 받은 사용자의 전자 메일 ID를 사용하여 열립니다.

사용자가 잘못된 정보를 입력하면 사용자에게 정보를 다시 입력하도록 요청하는 텍스트 캡션이 표시됩니다.

프로젝트의 변수 만들기

  1. [프로젝트] > [변수]를 선택합니다.

  2. 값이 uservarUserName 변수를 만듭니다. 자세한 내용은 사용자 정의 변수 만들기를 참조하십시오.

  3. 값이 passwordvarPassword 변수를 만듭니다.

슬라이드의 개체 만들기

  1. 열려 있는 프로젝트에서 사용자 이름 및 암호를 입력하기 위한 2개의 텍스트 입력 상자를 삽입합니다. 텍스트 입력 상자는 양식 필드의 역할을 하도록 설정되어야 합니다.

    참고:

    텍스트 입력 상자가 양식 필드 역할을 하도록 설정하려면 [속성 관리자]에서 텍스트 입력 상자를 선택하고 [사용자 입력 유효성 검사]를 선택 취소합니다.  

  2. [사용자 이름] 필드에서 [전송] 단추를 삭제합니다.

  3. 사용자 이름에 대해 다음 옵션을 설정합니다.

    • [동작]에서 [성공한 경우]로 이동한 다음 [동작 없음]을 선택합니다.

    • [무한 시도]를 선택 취소합니다.

    참고:

    이 옵션은 [사용자 입력 유효성 검사]를 비활성화하면 자동으로 비활성화됩니다.

    • [속성 관리자]의 [동작] 영역에서 [마지막 시도] 필드의 [계속]을 선택합니다.
    • [관련 변수] 필드에서 필드를 varUserName 변수와 연관시킵니다(속성 관리자의 [일반] 영역).
  4. 암호의 텍스트 입력 필드를 두 번 클릭하고 다음 옵션을 설정합니다.

    • [성공한 경우] 필드에서 [계속]을 선택합니다.

    • [무한 시도]를 선택 취소합니다.

    • [마지막 시도 후] 메뉴에서 [계속]을 선택합니다.

    • [관련 변수]에서 varPassword를 선택합니다.

  5. 텍스트 캡션을 삽입하고 다음을 수행합니다.

    • 캡션에 다음 텍스트를 입력합니다. "잘못된 사용자 이름/암호입니다. 다시 시도하십시오."

    • [이름]에서 캡션의 이름을 FailureCaption으로 변경합니다. [보임] 옵션을 선택 취소합니다. 이를 수행하면 스크립트의 조건이 캡션을 활성화할 때까지 캡션이 숨겨집니다.

  6. 빈 슬라이드를 삽입합니다.

  7. 시작 텍스트 및 varUserName 변수를 Welcome $$varUserName$$ 형식으로 텍스트 캡션에 삽입합니다.

  8. 프로젝트를 variables.cp로 저장합니다.

로그인 슬라이드의 고급 동작 만들기

로그인 슬라이드의 고급 동작은 다음을 수행해야 합니다.

  • 로그인 및 암호 필드에 올바른 정보가 입력되었는지 확인합니다.

  • 정보가 올바른 경우 다음 슬라이드로 이동합니다.

  • 정보가 잘못된 경우 로그인 슬라이드에 계속 있으면서 사용자에게 로그인 정보를 다시 입력하도록 요청하는 텍스트 캡션을 표시합니다.

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

  2. 스크립트 창에서 다음을 수행합니다.

    1. [동작 유형]으로 [조건부 동작]을 클릭합니다.

    2. 스크립트 이름을 'validate'로 지정합니다.

    3. [IF] 섹션에서 행을 두 번 클릭하고 드롭다운 목록에서 적절한 옵션을 선택합니다. 선택할 옵션은 다음 그림을 참조하십시오.

      ‘validate’ 고급 동작의 IF 조건
      ‘validate’ 고급 동작의 IF 조건

    4. [동작] 섹션에서 첫 번째 행을 두 번 클릭하고 동작을 [계속]으로 지정합니다.

    5. [Else] 헤더를 클릭하고 행을 두 번 클릭한 다음 아래와 같이 적절한 옵션을 지정합니다.

      ‘validate’ 고급 동작의 ELSE 조건
      ‘validate’ 고급 동작의 ELSE 조건

이제 코드의 개별 줄이 어떤 역할을 하는지 살펴보겠습니다.

IF 조건의 코드 줄
IF 조건의 코드 줄

이 코드는 사용자가 각 필드에서 로그인 자격 증명 사용자 및 암호를 사용했는지를 확인합니다.

IF 조건이 true인 경우 수행되는 동작
IF 조건이 true인 경우 수행되는 동작

사용자 이름과 암호를 올바르게 입력한 경우 이 프로젝트는 다음 슬라이드로 이동합니다.

ELSE 조건의 코드 줄
ELSE 조건의 코드 줄

사용자 정보가 올바르지 않은 경우 프로젝트는 로그인 슬라이드에 계속 있습니다. FailureCaption이라는 텍스트 캡션이 표시됩니다.

전자 메일 및 시작 슬라이드용 고급 동작 만들기

스크립트 창에서 다음을 수행합니다.

다음 코드를 사용하여 sequential action이라는 스크립트를 만듭니다.

  1. [동작 유형]으로 [표준 동작]을 클릭합니다.

  2. 스크립트 이름을 ‘sequentialaction'으로 지정합니다.

  3. 행을 두 번 클릭하고 아래와 같이 옵션을 지정합니다.

‘sequential action’의 코드 줄
‘sequential action’의 코드 줄

이제 코드의 개별 줄이 어떤 역할을 하는지 살펴보겠습니다.

‘sequential action’의 첫 번째 코드 줄
‘sequential action’의 첫 번째 코드 줄

로그인이 성공하면 코드에서는 [받는 사람] 필드에 전자 메일 ID xyz@company.com을 표시한 상태로 기본 전자 메일 편집기를 엽니다.

‘sequential action’의 두 번째 코드 줄
‘sequential action’의 두 번째 코드 줄

"<로그인 이름>님 환영합니다" 텍스트를 포함하는 텍스트 캡션이 표시됩니다.

로그인 슬라이드에 고급 동작 적용

  1. 로그인 슬라이드를 두 번 클릭하고 [속성 관리자]에서 다음 동작을 설정합니다.

    • [입력할 때]: [계속]을 선택합니다.

    • [나올 때]: [고급 동작 실행]을 선택하고, [동작] 메뉴에서 [유효성 검사]를 선택합니다.

로그인 후 다음 슬라이드에 고급 동작 적용

  1. 디스플레이 슬라이드를 두 번 클릭하고 [속성 관리자]에서 다음 동작을 설정합니다.

    • [입력할 때]: [고급 동작 실행]을 선택하고 [동작] 메뉴에서 [sequential action]을 선택합니다.

    • [나올 때]: [다음 슬라이드로 이동]을 선택합니다.

프로젝트를 실행하고, 프로젝트의 목표를 달성했는지 여부를 확인합니다.

기타 자습서 및 예제

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

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