텍스트 입력 상자는 사용자가 텍스트를 입력할 수 있는 텍스트 필드입니다. 텍스트 입력 상자는 사용자의 지식을 테스트할 수 있는 효과적인 방법입니다. 사용자가 질문에 대답하면 Adobe Captivate는 텍스트 입력 상자를 만들 때 설정한 대답과 비교합니다. 원하는 경우 사용자에게 힌트를 제공할 수도 있습니다.

텍스트 입력 상자 추가

  1. 텍스트 입력 상자를 추가할 슬라이드를 엽니다.

  2. [텍스트] > [텍스트 입력 상자]를 클릭합니다. 슬라이드에 텍스트 입력 상자가 나타납니다.

    텍스트 입력 상자 시작
    텍스트 입력 상자 시작
  3. 원하는 대로 텍스트 입력 상자의 크기를 지정하고 끕니다.

    샘플 텍스트 입력 상자
    샘플 텍스트 입력 상자
  4. 텍스트 입력 상자의 속성을 변경하려면 상자를 클릭하고 [속성 관리자]에서 속성을 변경합니다.

텍스트 입력 상자의 속성

텍스트 입력 상자의 속성을 보려면 슬라이드에서 해당 상자를 선택합니다. [속성 관리자]에 텍스트 입력 상자의 속성이 표시됩니다.

속성을 변경할 경우 변경 내용은 텍스트 입력 상자의 선택한 인스턴스에 즉시 적용됩니다. [전체 적용] 아이콘을 클릭하여 변경 내용을 프로젝트의 모든 클릭 상자나 동일한 개체 스타일을 사용하는 클릭 상자에 적용합니다.

텍스트 입력 상자

텍스트 입력 상자 이름 속성
텍스트 입력 상자 이름 속성
1 텍스트 입력 상자의 고유한 이름을 입력합니다. 상자의 가시성 조건을 정의할 때 이 이름을 사용할 수 있습니다.
2 프로젝트를 재생할 때 텍스트 입력 상자를 볼 수 없게 하려면 이 옵션을 선택 취소합니다. 슬라이드에 들어가거나 슬라이드에서 나올 때와 같은 특정 이벤트가 발생할 때 개체를 볼 수 있게 만들 수 있습니다. 자세한 내용은 개체의 가시성 제어를 참조하십시오.
3 텍스트 입력 상자의 스타일을 선택합니다. 새 스타일을 정의하려면 [편집] > [개체 스타일 관리자]를 선택합니다. 개체 스타일에 대한 자세한 내용은 개체 스타일을 참조하십시오.

스타일 탭

스타일 탭의 속성
스타일 탭의 속성
1 텍스트 입력 상자에 나타나는 기본 텍스트를 표시합니다. 사용자는 대답을 입력하여 표시된 텍스트를 덮어쓸 수 있습니다. 예를 들어 텍스트 입력 상자에 "여기에 대답을 입력하십시오"라는 기본 텍스트를 설정할 수 있습니다.
2 사용자가 [뒤로] 단추를 사용하여 이 슬라이드로 돌아오는 경우 이전에 입력한 대답을 볼 수 있습니다.
3 텍스트 입력 상자 프레임의 가시성을 활성화 또는 비활성화합니다. 텍스트 입력 상자의 모서리를 숨기려면 이 옵션을 선택합니다.
4 상자가 암호 필드라는 것을 나타내기 위해 텍스트 입력 상자에 별표를 표시합니다.
5 사용자가 제공한 입력의 유효성을 검사합니다. 상자는 양식 필드처럼 작동하며 모든 사용자 입력을 승인합니다.
6 다음 옵션을 지정할 수 있습니다.
  • 최대 길이: 입력을 제한할 문자 수입니다.
  • 자동 제출: 이 옵션은 문자 수에 대한 제한을 지정한 경우 활성화됩니다. 이 옵션이 활성화된 경우 사용자의 입력이 제한에 도달하면 [제출]을 클릭하지 않아도 자동으로 제출됩니다.
  • 숫자: 사용자가 숫자 데이터만 입력하도록 하려면 클릭합니다.
  • 대문자: 텍스트 입력 상자에 대문자만 입력하도록 하려면 클릭합니다. 상자에 입력하는 모든 문자는 사용자가 소문자로 입력하더라도 대문자로 자동 변환됩니다.
  • 소문자: 텍스트 입력 상자에 소문자만 입력하도록 하려면 클릭합니다. 상자에 입력하는 모든 문자는 사용자가 대문자로 입력하더라도 소문자로 자동 변환됩니다.
  • 없음: 설정한 모든 제한(숫자, 대문자 또는 소문자)을 제거하려면 클릭합니다.
7 사용자가 텍스트 입력 상자에 입력한 값을 저장하는 변수의 이름을 나타냅니다. 다른 변수 이름을 지정하려면 ‘X’ 아이콘을 클릭하고 변수의 이름을 입력한 다음 [확인]을 클릭합니다.

텍스트 속성

텍스트 속성
텍스트 속성
1 텍스트 입력 상자의 배경색을 나타냅니다. 색상을 변경하려면 [채우기] 상자를 클릭하고 색상 팔레트에서 색상을 클릭합니다.
2 다음 글꼴 속성을 설정합니다.
  • 문자
  • 스타일
  • 크기
  • 형식
  • 색상
3

다음 속성을 설정합니다.

  • 그림자: 텍스트 입력 상자에 그림자를 적용하려면 확인란을 선택합니다.
  • 방향: 방향(내부 또는 외부)을 선택합니다. 선택한 방향의 미리 보기가 스테이지에 표시됩니다.
  • 사전 설정: 표준 각도, 거리, 흐림 효과 및 색상 설정의 그림자를 적용하려면 [사전 설정]의 이미지 중 하나를 클릭합니다. [그림자] 아코디언에서 적절한 옵션을 사용하여 이러한 설정을 사용자 정의할 수 있습니다.
  • 색상: 그림자의 색상을 선택하려면 클릭합니다. 옆에 있는 필드에 색상에 대한 알파(백분율)를 지정합니다.
  • 흐림 효과: 그림자의 흐림 효과에 대한 값(픽셀)을 지정합니다.
  • 각도: 그림자의 각도를 지정합니다.
  • 거리: 그림자를 표시해야 하는 거리(픽셀)를 지정합니다.
  • 반사: 텍스트 캡션에 반사를 추가하려면 이 체크 상자를 선택합니다. 사전 설정 중 하나를 선택합니다.

참고:

이 섹션에서 속성을 변경할 경우 [일반] 섹션의 개체 스타일에 ‘+’ 기호가 접두사로 추가됩니다. 이는 해당 스타일이 무시된 상태라는 것을 나타냅니다. 개체 스타일에 대한 자세한 내용은 개체 스타일을 참조하십시오.

동작 탭

동작 탭의 속성
동작 탭의 속성
1 사용자가 상자를 클릭할 때 발생하는 이벤트를 지정합니다. 사용 가능한 옵션에 대한 자세한 설명은 대화형 개체를 사용한 프로젝트 탐색을 참조하십시오.
2 사용자는 횟수 제한 없이 시도할 수 있습니다.
3 사용자가 해당 문제를 몇 번까지 시도하면 지정된 동작이 수행되는지 지정합니다. 기본적으로 허용되는 횟수는 무한입니다. 숫자를 지정하려면 무한 시도 확인란을 선택한 다음 시도 옵션과 관련된 숫자를 클릭합니다.
4

마우스 클릭에 대한 바로 가기 키를 지정할 수 있습니다. 사용자는 마우스 대신 바로 가기 키를 사용할 수 있습니다. 예를 들어 마우스 클릭에 대한 바로 가기 키로 Ctrl+Shift+Enter를 선택한 경우 사용자가 이 조합을 누르면 클릭이 올바른 것으로(상자 안 클릭) 처리됩니다. 잘못된 조합을 누르면 상자 외부를 클릭한 것으로 처리됩니다.

참고: Adobe Captivate 프로젝트가 브라우저에 표시되면 일반 브라우저 바로 가기 키와 충돌하지 않는 바로 가기 키를 설정하십시오. 예를 들어 F1 키는 주로 도움말을 표시하는 바로 가기 키로 사용됩니다. Ctrl, Alt 및 Shift 키는 Macintosh® 컴퓨터의 Control, Option 및 Shift 키에 각각 매핑됩니다.

5 사용자가 Enter 키나 Tab 키를 누르면 수행해야 하는 동작을 선택합니다.

성공 및 실패 텍스트 옵션

성공 및 실패 옵션
성공 및 실패 옵션
1 사용자가 정답을 제출할 때 표시되는 캡션을 포함하려면 이확인란을선택합니다.
2 사용자가 오답을 제출할 때 표시되는 캡션을 포함하려면 이확인란을선택합니다.
3 사용자에게 표시되는 힌트를 지정하려면 이확인란을선택합니다. 사용자가 클릭 상자 위로 마우스를 이동할 때 힌트가 표시됩니다.
4 모든 성공 및 실패 캡션이 표시될 때까지 프로젝트를 일시 중지하려면 이 확인란을 선택합니다.
5 기본적으로 텍스트 입력 상자에 [전송] 단추를 추가합니다. 단추의 레이블이나 레이블의 문자 형식과 같은 해당 속성을 변경하려면 이 단추를 클릭합니다.
6 사용자가 텍스트 입력 상자에 사용 가능한 공간을 초과하는 경우 스크롤 막대를 표시합니다.
7 텍스트 입력 상자를 현재 퀴즈에 포함된 질문으로 간주합니다. 이 상자에 할당된 점수가 현재 퀴즈의 점수 결과에 추가됩니다.
8 질문에 할당할 점수입니다. 최고 100점, 최저 0점입니다. 이 텍스트 입력 상자에 할당된 점수가 현재 퀴즈의 점수 결과에 추가됩니다.
9 올바른 클릭에 대한 점수를 총 점수에 포함합니다.
10 LMS(교육 관리 시스템)에 퀴즈 점수를 보냅니다.
11 교육 관리 시스템에 추적 정보를 보냅니다. 해당 교육 관리 시스템에서 지정한 상호 작용 ID를 사용합니다.

옵션 탭

옵션 탭의 속성
옵션 탭의 속성
1 오디오를 클릭 상자와 연결할 수 있습니다.
2

이 섹션을 사용하여 텍스트 입력 상자의 정확한 크기나 위치를 픽셀 단위로 정의합니다. 이 섹션에서 텍스트 입력 상자의 회전을 지정할 수도 있습니다.

  • X: X 축의 텍스트 입력 상자 위치입니다.
  • Y: Y 축의 텍스트 입력 상자 위치입니다.
  • W: 텍스트 입력 상자의 너비입니다.
  • H: 텍스트 입력 상자의 높이입니다.
3
  • 비율 고정: 텍스트 입력 상자의 크기를 조정할 때 높이 대 너비 비율을 유지합니다.
  • 각도: 텍스트 입력 상자의 회전 각도입니다.

시간 배치 관리자

시간 배치 관리자 속성
시간 배치 관리자 속성
1 텍스트 입력 상자가 슬라이드에 표시되어 있는 시간을 지정합니다.
2 초 단위 시간을 지정합니다.
3 슬라이드 재생 시작 후 텍스트 입력 상자가 나타날 때까지의 시간을 지정합니다.
4 사용자가 텍스트 입력 상자에 텍스트를 입력할 수 있도록 프로젝트가 일시 중지되는 시점을 지정합니다. 사용자가 정답을 전송한 후에만 프로젝트가 계속됩니다.

예제 1: 텍스트 입력 상자 만들기

이 예제에서는 텍스트 입력 상자를 사용하여 텍스트를 캡처하고 이 텍스트를 다른 슬라이드에 표시합니다.

  1. 반응형 슬라이드에서 [텍스트] > [텍스트 입력 상자]를 클릭합니다. 세로 Fluid Box를 추가합니다.

  2. 아래 표시된 것과 같은 모양이 되도록 텍스트 입력 상자를 늘리고 확장합니다.

    텍스트 입력 상자 확장
    텍스트 입력 상자 확장
  3. 텍스트 입력 상자에 대한 다음 속성을 설정합니다.

    • 기본 텍스트를 "여기에 대답을 적으십시오"로 설정합니다.
    • 테스트 유지확인란을선택합니다.
    • 텍스트 상자 프레임 표시확인란을 선택합니다.
    • 텍스트의 최대 길이를 250으로 설정합니다.
    예제 1의 텍스트 입력 상자 속성
    예제 1의 텍스트 입력 상자 속성

    [동작] 탭에서 다음 속성을 아래와 같이 설정합니다.

    • [무한 시도] 확인란을 선택합니다.
    • [성공한 경우] 드롭다운 목록에서 [다음 슬라이드로 이동]을 선택합니다.

    [스크롤 막대 표시] 옵션도 선택합니다.

    예제 1의 동작 탭 속성
    예제 1의 동작 탭 속성
  4. 슬라이드 #2에서 런타임 시 텍스트 입력 상자에 텍스트를 입력하고 [제출]을 클릭하면 슬라이드 #2에 텍스트가 표시되도록 텍스트 입력 상자 변수를 삽입합니다.

    텍스트 캡션을 삽입하고 속성 관리자에서 해당 캡션에 대해 [X]를 클릭합니다. 다음과 같은 자리 표시자가 표시됩니다.

    $$Text_Entry_Box1$$

  5. 슬라이드 #1의 Fluid Box 옵션에서 아래와 같이 텍스트 입력 상자에 대한 안쪽 여백 옵션을 설정합니다.

    예제 1의 Fluid Box 속성
    예제 1의 Fluid Box 속성
  6. 프로젝트를 미리 봅니다. 텍스트 입력 상자에 텍스트를 추가하고 [제출]을 클릭하면 텍스트가 두 번째 슬라이드에 나타납니다.

    샘플 출력 텍스트
    샘플 출력 텍스트

예제 2: null 값을 확인하는 텍스트 입력 상자 만들기

이 예제에서는 빈 (null) 값의 입력을 허용하지 않는 텍스트 입력 상자를 사용합니다. 텍스트 입력 상자가 사전 정의된 값만 허용하도록 속성을 설정합니다.

  1. 빈 슬라이드에 텍스트 입력 상자를 삽입합니다. 또한 어떠한 값도 입력하지 않고 [제출] 버튼을 클릭할 때 적절한 캡션을 표시하는 스마트 모양을 삽입합니다.

  2. 2개의 변수v_namev_null을 만듭니다. 이 변수를 사용하여 입력한 이름이 비어 있는지 비어 있지 않은지 비교할 수 있습니다.

  3. 값을 비교하고 v_name 값이 null인 경우 스마트 모양을 표시(처음에는 숨겨짐)하는 [고급 동작]을 만듭니다.

    예제 2의 고급 동작
    예제 2의 고급 동작

    ELSE 섹션에서 [다음 슬라이드로 이동] 동작을 선택합니다.

  4. 슬라이드 #2에서는 사용자가 텍스트 입력 상자에 입력한 이름을 표시하는 스마트 모양을 삽입합니다. 스마트 모양은 입력할 이름에 대한 변수 이름을 포함합니다. 예:

    안녕하세요 $$v_name$$님

  5. 프로젝트를 미리 봅니다. 이름을 입력하지 않고 [제출] 단추를 클릭하면 [다시 시도하십시오] 캡션이 나타납니다.

    값이 null일 때의 다시 시도하십시오 캡션
    값이 null일 때의 다시 시도하십시오 캡션
  6. 프로젝트를 다시 미리 봅니다. 텍스트를 입력하고 [제출] 단추를 클릭합니다. 이제 입력한 텍스트를 다음 슬라이드에서 볼 수 있습니다.

    입력한 텍스트 표시
    입력한 텍스트 표시

예제 3: 텍스트 입력 상자 만들기 및 성공 및 실패 캡션 사용

이 예제에서는 입력된 값에 따라 성공 또는 실패 캡션을 표시하는 텍스트 입력 상자를 사용합니다.

  1. 빈 슬라이드에서 [텍스트] > [텍스트 입력 상자]를 클릭합니다.

  2. [속성 관리자]의 [스타일] 탭에서 [사용자 입력 유효성 검사] 옵션을 선택합니다.

    [속성] 패널의 [일반] 그룹에서 [사용자 입력 유효성 검사]를 선택하여 올바른 입력을 설정한 다음 [올바른 입력] 대화 상자에 조건을 지정할 수 있습니다.

    더 많은 항목을 추가하려면 +를 클릭합니다.

    예:

    예제 3의 올바른 입력
    예제 3의 올바른 입력
  3. [동작] 탭에서 [성공], [실패][힌트] 옵션을 선택하고 아래와 같이 각 캡션을 설정합니다.

    예제 3의 옵션
    예제 3의 옵션

    또한 다음 옵션을 설정합니다.

    • 계속하려면 [성공한 경우] 드롭다운 목록에서 [계속]을 선택합니다.
    • 무한 시도 확인란을 선택합니다.
  4. 프로젝트를 미리 봅니다. 레알 마드리드를 입력하고 제출을 클릭하면 [성공] 캡션이 나타납니다.

    예제 3의 정답
    예제 3의 정답
  5. 프로젝트를 다시 미리 봅니다. 레알 마드리드 외의 값을 입력하고 [제출]을 클릭하면 [실패] 캡션이 나타납니다.

    예제 3의 오답
    예제 3의 오답

샘플 프로젝트 다운로드

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

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

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