Adobe Captivate에서 드래그 앤 드롭 상호 작용 만들기

드래그 앤 드롭 상호 작용은 재미있고 유익한 사용자 지식 평가 방법입니다. 이 상호 작용을 통해 사용자들은 지정된 영역이나 개체에 개체를 끌어서 놓아 질문에 답변을 할 수 있습니다.

드래그 앤 드롭 상호 작용은 드래그 소스와 드롭 대상으로 구성됩니다. 사용자는 드래그 소스를 끌어 드롭 대상에 놓습니다.

Adobe Captivate에서는 드래그 소스와 드롭 대상을 '유형'으로 그룹화할 수도 있습니다. 예를 들어, 펜, 연필, 지우개 드래그 소스를 포함하는 Stationery라는 유형을 만들 수 있습니다. 그런 다음 Stationery 유형에 포함된 모든 항목을 ‘Office’라는 드롭 대상에 매핑하여 이 유형의 모든 항목을 자동으로 대상에 매핑할 수 있습니다.

드래그 앤 드롭 상호 작용은 마법사 또는 드래그 앤 드롭 상호 작용 패널을 이용하여 만들 수 있습니다.

드래그 앤 드롭 상호 작용은 다음 슬라이드를 제외한 모든 슬라이드에서 만들 수 있습니다.

• 마스터 슬라이드
• 문제 은행 슬라이드
• 질문 슬라이드
• 자리 표시자 슬라이드

다음 개체를 제외한 슬라이드의 모든 개체를 드래그 소스 또는 드롭 대상으로 변환할 수 있습니다.

• 대화형 개체(텍스트 입력 상자, 클릭 상자 , 단추)
• 자리 표시자
• 스마트 모양 단추
• 롤오버 개체
• 슬라이드 비디오
• FLV 비디오
• 텍스트 애니메이션
• 대화형 위젯
• 마우스
• 확대/축소 영역
• 롤오버 슬라이드렛에 삽입된 개체
• 시간 배치가 ‘프로젝트의 나머지 부분’으로 설정된 모든 개체

드래그 앤 드롭 상호 작용에서는 개체 효과도 지원되지 않습니다.

드래그 앤 드롭 상호 작용 마법사 사용

전문가의 관점:

전문가의 관점:

첫 번째 드래그 앤 드롭 상호 작용 만들기

이 예제에서는 드래그 소스로 개체 1개, 그리고 드롭 대상에 개체 1개를 사용했습니다.

반응형 드래그 앤 드롭 상호 작용 만들기

속성 관리자를 사용하여 드래그 앤 드롭 상호 작용 만들기

드래그 앤 드롭 상호 작용을 만드는 모범 사례

• ‘드래그 앤 드롭’ 마법사를 호출하기 전에 드래그 앤 드롭 상호 작용을 포함할 개체를 모두 삽입하십시오.
• 개체를 추가하는 과정에서 개체 이름을 의미 있는 이름으로 변경하십시오. 상호 작용을 만든 후에는 개체의 이름을 변경하지 마십시오.
  
• 상호 작용의 이름은 드래그 소스, 드롭 대상 또는 유형의 이름과 달라야 합니다.
• 드래그 소스 또는 드롭 대상의 표시 시간은 상호 작용 일시 중지 시간보다 커야 합니다.
• 드래그 앤 드롭 상호 작용에 포함된 모든 개체에는 '다음 시간 후에 나타남' 시간 배치가 설정되어 있지 않아야 합니다.
• 출력 대상이 iPad인 경우에는 'HTML5 콘텐트 크기 조정' 옵션을 사용하지 말고 iPad 해상도로 프로젝트를 만드십시오. 그렇지 않으면 iPad에서 드래그 문제가 발생할 수 있습니다.
• 드래그 앤 드롭 상호 작용을 위한 정답을 하나 이상 지정하십시오. 그렇지 않으면 사용자가 답변을 제출할 때 상호 작용 슬라이드에서 프로젝트 작동이 중단될 수 있습니다.
  
• 정답을 구성한 후 상호 작용을 변경하면 정답 구성이 예상대로 작동하지 않을 수 있습니다. 따라서 정답을 구성하기 전에 드래그 소스와 드롭 대상을 식별 및 표시한 다음 적절한 유형을 할당하십시오.
  
• 개체 이름이나 유형을 변경 또는 삭제한 경우에는 정답 구성도 그에 따라 적절히 변경해야 합니다.
• 두 드롭 대상의 ‘물림’ 영역이나 여백이 서로 겹치는 경우가 있습니다. 이 경우 Adobe Captivate는 다음 기준 순서로 놓기 동작을 실행합니다.
  • ‘허용’ 조건. 드래그 소스가 드롭 대상 중 하나에서 허용되도록 구성되지 않은 경우 다른 드롭 대상에 소스를 놓습니다.
  • Z 순서. 두 드롭 대상의 ‘허용’ 조건이 동일한 경우에는 드롭 대상의 Z 순서에 따라 놓기 동작이 실행됩니다. 드롭 대상의 Z 순서는 타임라인을 기반으로 지정됩니다. 상호 작용에서 나중에 나타나는 드롭 대상이 Z 순서가 가장 높습니다.
• 사용자에게 재생 막대 또는 되감기 단추를 사용하여 상호 작용의 처음으로 다시 돌아가지 않도록 알려주십시오. 그럴 경우 드래그 소스를 대상에 제대로 놓은 경우에도 원래 위치로 드래그 소스가 되돌아간 것처럼 표시됩니다.

유형

드래그 앤 드롭 상호 작용 컨텍스트에서 유형은 비슷한 드래그 소스 또는 드롭 대상의 범주를 나타냅니다.

드래그 소스와 드롭 대상을 '유형'으로 그룹화하면 유형에 속한 한 항목을 매핑하여 매핑을 신속하게 수행할 수 있을 뿐만 아니라 허용 조건과 정답에 다양한 조합을 사용할 수 있습니다. 예를 들어, 지정된 드롭 대상에 대해 드래그 소스 유형에서 2개의 개체만 허용하도록 지정할 수 있습니다.

드래그 앤 드롭 상호 작용을 만드는 방법에 따라 드래그 앤 드롭 상호 작용 마법사 또는 패널(속성 관리자)에서 유형을 만들 수 있습니다. 마법사에서 만든 유형은 속성 관리자를 통해 편집할 수 있습니다.

드래그 앤 드롭 상호 작용 편집

드래그 소스와 드롭 대상 매핑 보기

마법사에서 드래그 앤 드롭 상호 작용을 만든 후 마법사를 종료하면 스테이지에서 매핑이 사라집니다. 매핑을 보려면 [드래그 앤 드롭 상호 작용] 패널에서 [표시]를 클릭하십시오.

'표시' 옵션은 필요에 따라 매핑을 표시하거나 숨길 수 있는 토글로 작동합니다.

새 드래그 소스 및 드롭 대상 추가

슬라이드에서 개체를 선택하고 [드래그 앤 드롭 상호 작용] 패널의 [일반] 아코디언에서 [드래그 소스] 또는 [드롭 대상]을 클릭합니다.

매핑하려면 드래그 소스를 클릭한 후 '+' 기호를 끌어 올바른 드롭 대상쪽으로 화살표를 가리킵니다.

정답을 여러 개 지정

시나리오 1: 여러 드래그 소스가 드롭 대상 정답인 경우

'유형'을 만들고 드래그 소스를 이 유형으로 그룹화합니다. 그런 다음 이 '유형'을 드롭 대상에 매핑합니다.

시나리오 2: 여러 드롭 대상이 드래그 소스를 하나만 허용하는 경우

여러 드롭 대상의 '유형'을 만듭니다. 그런 다음 드래그 소스를 이 '유형'에 매핑합니다.

시나리오 3: 드래그 소스 유형 중 일부만 지정된 드롭 대상 정답인 경우

스테이지에서 드롭 대상을 클릭하고 [드롭 대상] 아코디언에서 [허용]을 클릭한 다음 필요한 드래그 소스 유형을 선택합니다.

시나리오 4: 드래그 소스 유형에 속한 일부 개체만 드롭 대상 정답인 경우

스테이지에서 드롭 대상을 클릭하고 [드롭 대상] 아코디언에서 [허용]을 클릭한 다음 필요한 드래그 소스 유형을 선택합니다. [모두 허용] 확인란을 선택 취소한 다음 개체 제한 수를 지정합니다.

시나리오 5: 단일 상호 작용에서 드래그 소스와 드롭 대상 매핑 조합이 여러 개 필요한 경우

정답을 클릭한 다음(드래그 앤 드롭 속성 관리자 > 상호 작용 속성) 기존 정답 집합에 행을 추가합니다. 또는 새 대답 집합을 만들고 매핑을 지정합니다.

시나리오 6: 사용자가 특정 순서대로 개체를 끌어 놓아야 하는 경우

정답 대화 상자에서 원하는 대로 대답을 배열하여 순서를 만든 다음 [유형] 아래에 있는 [순서] 옵션을 선택합니다.

여러 대답 집합을 드롭 대상에 매핑

드래그 앤 드롭 상호 작용에서 여러 정답 집합을 허용하는 경우 [정답] 대화 상자(드래그 앤 드롭 속성 관리자 > 상호 작용 속성 아코디언 > 정답)에서 이를 지정할 수 있습니다.

또한 각 대답 집합에 대해 드롭 대상이 지정된 모든 조합에 속한 대답을 허용해야 하는지 여부 또는 대답을 지정된 순서대로만 제공해야 하는지 여부를 지정할 수 있습니다.

전문가의 관점:

'허용' 조건 지정

선택한 드롭 대상에서 허용되는 모든 드래그 소스 유형이 나열됩니다. 드롭 대상에서 드래그 소스 유형을 제외하려면 해당 드래그 소스 유형의 확인란을 선택 취소합니다.

이 확인란을 사용하여 나열된 모든 드래그 소스 유형을 포함하거나 제외합니다.

선택한 드래그 소스 유형에 속한 모든 개체를 드롭 대상에서 허용하도록 지정하려면 [모두 허용] 확인란을 선택합니다. 드래그 소스 유형에 속한 개체 중 일부만 허용되도록 하려면 [모두 허용] 확인란을 선택 취소하고 허용되는 개체 수를 지정합니다.

허용되는 개체 수를 지정하고 지정된 개체 수보다 많은 수의 개체를 끌어서 놓는 경우 발생하는 결과를 지정하려면 이 옵션을 사용합니다.

이전에 끌어다 놓은 개체를 새 개체로 바꿉니다.

끌어온 새 개체가 슬라이드의 원래 위치로 돌아갑니다.

특정 유형의 드래그 소스에 할당할 수 있는 표준 동작입니다.

전문가의 관점:

피드백 메시지 구성

스테이지에서 드롭 대상을 클릭한 다음 [드래그 앤 드롭 상호 작용] 패널의 [드롭 대상] 아코디언에서 다음 옵션 중 하나를 선택합니다.

스테이지에 나타나는 텍스트 캡션에 사용자가 대상에 올바른 소스를 끌어서 놓는 경우 표시될 메시지를 입력합니다.

스테이지에 나타나는 텍스트 캡션에 사용자가 대상에 잘못된 소스를 끌어서 놓는 경우 표시될 메시지를 입력합니다.

스테이지에 나타나는 텍스트 캡션에 사용자가 드롭 대상 위로 마우스를 가져갈 경우 표시될 메시지를 입력합니다.

끌어서 놓기 동작에 오디오 할당

사용자가 대상으로 소스를 끌어서 놓는 경우 상호 작용을 보다 재미있게 만들기 위해 오디오를 재생할 수 있습니다.

• 드롭 대상이 대답을 허용하는 경우 오디오를 재생하려면 드롭 대상을 클릭한 다음 [드롭 대상] 아코디언의 [오디오] 목록에서 오디오 파일을 클릭합니다. [찾아보기]를 클릭하여 컴퓨터에 저장된 오디오 클립을 사용할 수 있습니다.
• 드롭 대상이 대답을 거부하는 경우 오디오를 재생하려면 [상호 작용 속성] 아코디언에서 [오디오 재생]을 선택합니다. 이 옵션을 선택할 경우 Adobe Captivate는 기본 오디오 클립을 재생합니다. 현재 이 경우에는 사용자 정의 오디오를 선택할 수 없습니다.

드래그 소스 속성 구성

드래그 소스를 드롭 대상에 끌어서 놓는 중 또는 놓은 다음 드래그 소스의 동작을 지정하려면 다음 옵션을 사용합니다.

선택한 드롭 대상 주위의 여백을 나타냅니다. 드래그 소스를 (해당 대상에 정확히 일치하지 않아도) 이 패딩 영역 내에 놓기만 하면 대상에 드롭된 것으로 간주됩니다.

드래그 소스를 선택한 대상에 놓은 후 드래그 소스를 맞추는 방법을 지정하려면 다음 옵션 중 하나를 클릭합니다.

드래그 소스는 사용자가 드래그 소스를 놓은 곳과 동일한 위치에 그대로 유지됩니다.

드래그 소스를 선택된 앵커 지점에 맞춥니다. [앵커] 옵션에 표시되는 9개 앵커 지점 중 하나를 선택할 수 있습니다.

선택한 순서대로 여러 드래그 소스가 배열 또는 배치됩니다. 패널에서 배열 옵션을 선택합니다.

드래그 소스를 대상에 놓은 후 드래그 소스의 크기를 늘리거나 줄이려면 기본값(100%)을 편집합니다. 값이 100%보다 작으면 크기가 줄어들고 100%보다 크면 크기가 늘어납니다.

드래그 소스를 대상에 놓은 후 드래그 소스의 불투명도를 변경하려면 기본값(100%)을 편집합니다. 값이 0이면 드래그 소스를 대상에 놓은 후 드래그 소스가 표시되지 않습니다.

드래그 소스를 대상에 놓은 후 드래그 소스의 Z 순서를 지정하려면 [앞으로] 또는 [뒤로]를 선택합니다. 맨 처음 놓은 소스는 드롭 대상의 앞이나 뒤에 배치됩니다. 이후에 놓은 개체는 이전에 놓은 개체의 앞이나 뒤에 배치됩니다.

드래그 소스 및 드롭 대상에 효과 사용

• 드래그 소스의 경우 스테이지에서 드래그 소스를 클릭한 다음 ([드래그 앤 드롭 상호 작용] 패널의) [드래그 소스] 아코디언에 있는 [효과] 목록에서 효과를 클릭합니다.

사용자가 해당 개체를 클릭하고 끌면 드래그 소스의 효과가 표시됩니다.

• 드롭 대상의 경우 스테이지에서 드롭 대상을 클릭한 다음 ([드래그 앤 드롭 상호 작용] 패널의) [드롭 대상] 아코디언에 있는 [효과] 목록에서 효과를 클릭합니다.

사용자가 해당 개체 위로 마우스를 가져가면 드롭 대상의 효과가 표시됩니다.

드래그 앤 드롭 상호 작용 패널의 기타 옵션

상호 작용 속성

정답에 'or' 조건을 지정하는 데 사용됩니다. 드롭 대상에 드래그 소스 유형을 매핑하면 'and' 조건을 설정할 수 있으며, 이 경우 개체 x 및 개체 y가 모두 정답이 될 수 있습니다. 정답 대화 상자를 사용하면 x 또는 y를 정답으로 지정할 수 있습니다. 자세한 내용은 객관식 응답 집합을 드롭 대상에 매핑을 참조하십시오.

사용자가 개체를 끌어서 놓는 동안 손 모양 커서가 나타납니다.

드래그 소스를 드롭 대상 범위 밖에 놓은 경우 끌어온 개체가 슬라이드의 원래 위치로 되돌아갑니다.

이 옵션을 선택하지 않은 경우 사용자가 슬라이드에서 드래그 소스를 이동하면 [뒤로 돌아가기] 옵션을 통해 끌어온 개체가 슬라이드의 이전 위치로 되돌아갑니다. 오답은 자동으로 원래 위치로 되돌아갑니다.

드롭한 드래그 소스(올바르거나 올바르지 않은 소스)를 다른 드롭 대상으로 다시 끌 수 있습니다.

동작

이 옵션을 여러 번 시도할 수 있을 경우 사용자가 [제출]을 클릭했을 때 대답을 재설정할 수 있는지 여부를 지정할 수 있습니다.

옵션

사용자가 상호 작용할 수 있도록 지정된 시간(n초)에 슬라이드가 일시 중지됩니다. 드래그 앤 드롭 상호 작용이 포함된 슬라이드가 재생을 시작하면 시간이 계산됩니다.

사용자가 [제출] 단추를 클릭할 필요 없이 정답이 즉시 제출됩니다. 이 옵션은 사용자가 정답을 제출한 후 [성공한 경우] 동작을 바로 실행해야 하는 상황에 유용합니다.

슬라이드에 실행 취소 단추를 삽입합니다. 가장 최근에 수행한 끌기 동작만 실행 취소됩니다.

사용자가 필요한 시점에 언제든지 상호 작용을 재설정할 수 있도록 슬라이드에 재설정 단추를 삽입합니다.

Captivate 프로젝트 다운로드

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

• 보호-및-PII 준수
• 그림-완벽한 시뮬레이션
• Adobe Captivate Draft
• CloudAir 소프트스킬
• Captivate 9 eLearning
• Adobe 리드 생성
• Adobe Captivate 2017 교육