Adobe Captivate의 드래그 앤 드롭 상호 작용은 사용자가 항목 그룹에서 관련 항목을 일치시킬 수 있는지 테스트합니다.

에셋 및 예시

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

drag-drop-interactions.zip

처음 드래그 앤 드롭 상호 작용 만들기

국가와 수도를 일치키는 방법에 대한 기본 드래그 앤 드롭 상호 작용을 만들어 보겠습니다. 

  1. 빈 프로젝트를 엽니다.

  2. 도구 모음의 슬라이드 메뉴에서 빈 슬라이드를 추가합니다.

  3. 제공된 zip 파일에서 기념물과 국가의 이미지를 슬라이드에 추가합니다. 아래 사진을 확인하십시오.

    CC1
  4. 삽입 메뉴에서 드래그 앤 드롭 상호 작용 마법사를 실행합니다.

  5. 마법사의 첫 번째 단계에서 기념물을 드래그 소스로 설정합니다. 기념물을 동시에 선택하려면 CTRL을 누른 상태로 기념물을 클릭합니다. 다음을 클릭합니다.

    CC2
  6. 마법사의 두 번째 단계에서 국가를 드롭 대상으로 설정합니다. 국가를 동시에 선택하려면 CTRL을 누른 상태로 국가를 클릭합니다. 다음을 클릭합니다.

    CC3
  7. 세 번째 단계에서 기념물과 해당 국가를 매핑합니다. 핸들을 드래그 소스의 가운데로 드래그하고 각 드롭 대상에 드롭합니다. 마침을 클릭하여 마법사를 닫습니다.

    CC4
  8. 마법사의 마지막 단계에서 두 개의 텍스트 캡션이 여기에 성공 텍스트 입력여기에 실패 텍스트 입력 스테이지에서 표시됩니다. 이제 이러한 캡션을 클릭하여 사용자가 평가를 통과 또는 실패했을 때 받는 피드백 메시지를 편집합니다. 색상, 크기, 정렬 및 글꼴 스타일 등의 텍스트 속성을 사용자 정의할 수도 있습니다.

    마법사 마지막 단계의 슬라이드에는 제출 단추도 표시됩니다. 따라서 사용자는 제출을 클릭하여 주어진 작업을 완료해야 합니다.

    CC5
  9. 사용자에게 두 번 이상 시도할 수 있는 기회를 줄 수 있습니다. 속성 관리자, 드래그 앤 드롭 탭, 동작 섹션으로 이동하여시도 횟수를 3으로 변경합니다.

    이 옵션을 선택하면 다음 시도를 하기 전에 사용자가 수행한 상호 작용을 재설정할 수도 있습니다. 동일한 동작 섹션의 재설정에서 모두 재설정을 선택합니다.

  10. 사용자가 답변을 제출하는 대신 대화형 방식을 통해 수행하도록 할 수 있습니다.

    1. 드롭 대상을 선택합니다. 속성 관리자드래그 앤 드롭 탭, 형식  섹션으로 이동하여 개체 동작 단추를 클릭합니다.
    2. 허용된 드래그 소스 대화 상자가 열립니다.
    3. 모두 허용을 선택 해제하고 횟수를 편집하여 시도 횟수를 설정합니다. 이제 선택한 드롭 대상에 대해 허용 가능한 드래그 소스를 확인합니다. 마찬가지로 다른 드롭 대상에 대해서도 허용 가능 드래그 소스를 설정합니다.
  11. 드래그 앤 드롭 상호 작용 동작을 확인하려면 미리 보기를 클릭합니다.

드래그 앤 드롭 상호 작용 사용자 정의

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

드래그 소스를 드롭 대상에 드롭하는 동안 시각적 효과를 만들 수 있습니다. 동일한 대상에 대해 드래그 소스를 선택하고 속성 관리자, 드래그 앤 드롭 탭, 형식  섹션으로 이동하여확대 또는 후광 옵션을 선택합니다.

마찬가지로 드롭 대상에 대해 확대 효과를 설정할 수도 있습니다.

표시 메시지 설정

정답 및 오답에 대해 옵션 메시지를 표시하거나 사용자에게 힌트를 줄 수 있습니다.

드롭 대상을 선택하고 속성 관리자, 드래그 앤 드롭 탭으로 이동하여 표시에서 허용한 경우 옵션을 선택합니다. 성공에 대한 텍스트 캡션이 슬라이드에 표시됩니다. 성공 메시지를 설정할 수 있습니다.

마찬가지로 거부된 경우 옵션 또는 힌트  옵션을 선택하고 적절한 메시지를 설정할 수 있습니다.

상호 작용 속성 사용

사용자가 실수로 드래그 소스를 이동한 경우 원래 위치로 전송할 수 있습니다. 또한 사용자가 올바른 지점에 드롭하지 않은 경우 다시 드롭할 수 있도록 할 수도 있습니다. 이러한 동작을 수행하려면 드래그 앤 드롭 탭에서 옵션 패널의 상호 작용 속성을 사용하십시오.

redrag_option

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

  1. 반응형 프로젝트를 엽니다.

  2. 도구 모음에서 2개의 세로 Fluid Box를 삽입합니다. 

  3. 3개의 가로 Fluid Box를 상단 열 및 하단 열에 삽입합니다. 

    cc_responsive_1
  4. 이전 섹션에서처럼 제공된 zip 파일에서 기념물과 국가의 이미지를 슬라이드에 추가합니다.

  5. 개별 이미지 주위에 맞게 Fluid Box를 조정합니다.

    cc_responsive_2
  6. 미리 보기 슬라이드를 이동하여 여러 폼 팩터에서 이미지가 어떻게 표시되는지 확인합니다. 예를 들어 아래 이미지는 iPad에 어떻게 표시되는지 보여줍니다.

    cc_responsive_3
  7. 드래그 앤 드롭 상호 작용 마법사를 실행합니다. 

  8. 드래그 소스, 드롭 대상을 설정하고 이전 섹션에서처럼 매핑합니다. 또한 성공 및 실패 피드백 텍스트 캡션을 편집합니다.

  9. 프로젝트를 미리 봅니다.

드래그 앤 드롭 상호 작용에서 유형 사용

드래그 앤 드롭 상호 작용을 사용하여 사용자가 항목 집합에서 유사한 항목을 그룹화할 수 있도록 할 수도 있습니다. 이 작업은 유형 옵션을 사용하여 수행할 수 있습니다. 예를 들어 과일과 채소의 혼합에서 각각 분리하는 프로젝트를 만들어 보겠습니다.

Drag-and-drop
  1. 빈 프로젝트를 엽니다.

  2. 도구 모음의 슬라이드 메뉴에서 빈 슬라이드를 추가합니다.

  3. 제공된 zip 파일에서 과일과 채소의 이미지를 슬라이드에 추가합니다.

    dnd-_fv1
  4. 드래그 앤 드롭 상호 작용 마법사를 실행합니다.

  5. 첫 번째 단계에서 과일과 채소 항목을 모두 드래그 소스로 설정합니다. 설정하는 동안 유형 옵션을 사용하여 개별 그룹으로 분류합니다. 이 작업은 다음과 같이 2단계로 수행할 수 있습니다.

    1. 동시에 모든 과일 항목을 선택합니다. 이 그룹의 이름을 과일로 지정하려면 마법사 도구 모음의 유형에 추가 옵션에 대해 + 기호를 클릭합니다.
    2. 마찬가지로 개별 채소 항목을 동시에 모두 선택하고 채소라는 유형을 만듭니다.

    다음을 클릭합니다.

    DnD-FV3
    DnD-FV4
  6. 바구니를 드롭 대상으로 선택합니다. 다음을 클릭합니다.

    DnD-FV5
  7. 과일 항목 중 하나의 중앙에서 핸들을 드래그하여 과일 바구니로 향하게 합니다. 항목을 드래그하는 동안 다른 모든 과일 항목도 자동으로 과일 바구니를 향하게 됩니다. 마찬가지로 채소 항목을 채소 바구니에 매핑하면 다른 모든 채소 항목도 바구니에 매핑됩니다. 완료를 클릭합니다.

    DnD-FV6
  8. 성공 및 실패 메시지를 설정합니다. 또한 텍스트 캡션을 추가하고 3회 시도할 수 있습니다로 이름을 지정합니다.

  9. 사용자에게 두 번 이상 시도할 수 있는 기회를 줄 수 있습니다. 속성 관리자, 드래그 앤 드롭 탭, 동작 섹션으로 이동하여시도 횟수를 3으로 변경합니다.

    이 옵션을 선택하면 다음 시도를 하기 전에 사용자가 수행한 상호 작용을 재설정할 수도 있습니다. 동일한 동작 섹션의 재설정에서 모두 재설정을 선택합니다.

    DnD-FV7
  10. 상호 작용 동작을 확인하려면 미리 보기를 클릭하십시오.

Adobe Captivate 퀴즈에 드래그 앤 드롭 상호 작용 포함

일반 퀴즈 질문은 물론 드래그 앤 드롭 상호 작용의 등급도 지정할 수 있도록 Adobe Captivate 퀴즈에 드래그 앤 드롭 상호 작용을 포함할 수 있습니다.

이 문서의 첫 번째 섹션에서 제공된 드래그 앤 드롭 상호 작용을 퀴즈에 추가해 보겠습니다.

  1. 빈 프로젝트를 엽니다.

    제목의 이름을 퀴즈 시작으로 지정합니다.

    또한 도구 모음의 모양 메뉴에서 시작 기호가 포함된 단추를 슬라이드에 추가합니다. 속성 관리자, 속성 탭, 동작 섹션으로 이동하여 성공한 경우다음 슬라이드로 이동으로 설정합니다.

  2. 간단한 드래그 앤 드롭 상호 작용을 만들려면 다음 섹션의 3~8 단계를 따릅니다. 처음 드래그 앤 드롭 상호 작용 만들기

  3. 필름 스트립에서 드래그 앤 드롭을 선택합니다. 속성 관리자, 드래그 앤 드롭 탭, 동작 섹션으로 이동하여 보고에서 퀴즈에 삽입을 선택합니다. 퀴즈에 삽입을 선택하면 총계에 추가가 자동으로 선택되는지 확인할 수 있습니다.

    또한 세션에서 사용자가 제공한 답변을 수집해 LMS로 전송하여 보고서에 게시할 수도 있습니다. 이 옵션의 경우 보고에서  답변 보고를 선택할 수도 있습니다.

  4. 답변을 제출한 후 사용자에게 점수를 표시하려면:

    1. 메뉴 바의 퀴즈 메뉴로 이동하여 퀴즈 환경 설정을 선택합니다.
    2. 퀴즈 환경 설정 대화 상자가 열립니다. 대화 상자 아래 퀴즈범주 창에서 설정을 선택합니다.
    3. 퀴즈 맨 끝에 점수 표시를 선택합니다. 퀴즈 결과 슬라이드가 드래그 앤 드롭 상호 작용 슬라이드 뒤에 추가됩니다.
    dnd_quiz_menu
  5. 드래그 앤 드롭 슬라이드에서 피드백 텍스트 캡션을 제거합니다.

  6. 퀴즈 동작을 보려면 프로젝트 미리 보기를 실행합니다.

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

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