핫스팟 문제에 대하여

핫스팟 문제는 학생에게 이미지를 제공하며, 학생은 해당 이미지 내에서 교수자가 생성한 하나 이상의 핫스팟에 핀을 놓아야 합니다. 핫스팟 문제는 다양한 학과에 적합합니다. 예를 들어, 학생에게 해부학 코스에서 신체의 일부를 식별하라는 요청을 하거나 지리학 코스에서 지도에 특정 위치를 표시하라는 요청을 할 수 있습니다. 외국어 코스에서는 특정 의류 품목을 선택하라는 요청을 하고 생태학 또는 생물학 코스에서는 어떤 동물 종 또는 개체가 기본 이미지가 설명하는 해당 서식지에 속하는지 또는 속하지 않는지를 식별하라고 요청할 수도 있습니다. 가능성은 무한합니다.


핫스팟 문제의 유형

핫스팟 문제를 생성할 때 다음과 같은 다양한 옵션이 있습니다.

  • 표준 핫스팟: 학생에게 이미지가 제공되며, 학생은 해당 이미지 내에서 교수자가 생성한 하나 이상의 핫스팟 내에 핀을 놓아야 합니다. 학생은 핫스팟이 어디에 있는지 모릅니다.
  • 객관식(정답 하나) 핫스팟:  학생에게 이미지가 제공되며, 학생은 교수자가 생성한 하나 이상의 핫스팟 내에 핀을 놓아야 합니다. 학생은 핫스팟이 어디에 있는지 압니다. 하나의 핫스팟만 정답이고 나머지 핫스팟은 정답이 아닙니다.
  • 객관식(정답 다수) 핫스팟:  학생에게 이미지가 제공되며, 학생은 교수자가 생성한 하나 이상의 핫스팟 내에 핀을 놓아야 합니다. 학생은 핫스팟이 어디에 있는지 압니다. 하나 이상의 핫스팟이 정답이고 나머지 핫스팟은 정답이 아닙니다.

핫스팟 문제 생성

접근성 및 핫스팟 문제에 대해 자세히 알아보십시오.

  1. 새 과제나 시험을 생성할 때 더하기 기호를 선택하여 메뉴를 엽니다. 기존 시험에서 문제를 추가할 위치의 더하기 기호를 선택합니다.
  2. 핫스팟 문제 추가를 선택합니다.
    Add Hotspot question menu item to choose from Question Types menu
  3. 기본 10점 값을 수정하여 문제의 점수 값을 업데이트합니다.
  4. 문제 텍스트 설명을 서식 있는 콘텐츠 편집기의 문제 # 텍스트 입력  필드에 추가합니다.
  5. 이미지(JPEG, JPG, GIF, PNG 또는 BMP)를 업로드 영역으로 끌어서 놓거나 장치에서 업로드 버튼을 선택하여 파일 선택기를 사용합니다.
    Add an image to the hotspot question
  6. 핫스팟 추가 레이블 옆에 있는 사각형 기호를 선택하여 업로드한 배경 이미지에 사각형 핫스팟을 생성합니다. 매번 사각형, 원형 또는 다각형 핫스팟 중에서 선택할 수 있습니다.
    Add a hotspot to the background image selected

    이미지에 둘 이상의 핫스팟을 추가할 수 있습니다. 그렇게 하면 정답과 오답이 여러 개 있을 수 있습니다. '학생에게 핫스팟 표시' 옵션을 활성화할 때 선택지가 권장됩니다. 핫스팟 문제 유형은 정답이 다수인 선다형 문제 유형처럼 작동합니다.

    You can add several hotspots in one image
  7. 핫스팟을 이미지의 원하는 위치로 끌어서 놓습니다.

    키보드 컨트롤을 사용하여 핫스팟을 배치할 수 있습니다.

  8. 핫스팟을 선택하고 핫스팟의 각 각도와 모서리에서 당기기 사각형을 사용하여 크기를 조정합니다.
    Resize hotspot using the corner or middle squares around it and the arrow keys or mouse pointer

    키보드 컨트롤을 사용하여 핫스팟 크기를 조정할 수 있습니다.

  9. 정답에 해당하는 각 핫스팟의 해당 확인란을 선택합니다.

    각 핫스팟에 대한 설명을 추가할 수 있습니다. 이것은 핫스팟 문제를 저장하기 위한 필수 사항이 아니라 선택 사항입니다.

    Select the corresponding checkbox to mark the correct answers
  10. 자동화된 피드백에 대한 토글을 활성화하여 학생에게 정답과 오답에 대한 피드백을 제공합니다.

    이것은 핫스팟 문제를 저장하기 위한 필수 사항이 아니라 선택 사항입니다.

  11. 저장을 선택하여 시험 또는 과제에 문제를 추가합니다.
    Activate the toggle for automated feedback for the hotspot question and save it
  12. 핫스팟을 더 쉽게 생성하려면 확대, 축소전체 화면(확장된 보기) 옵션을 사용합니다.
    You can also use the Zoom In, Zoom Out and Full Screen (Expanded view)

핫스팟 문제를 저장하기 위한 요구 사항

  • 학생이 이미지 내의 올바른 위치에 핀을 놓도록 요청하는 콘텐츠를 문제 텍스트 필드에 추가합니다.
  • 핫스팟 문제에 사용할 이미지를 추가합니다.
  • 이미지에 하나 이상의 핫스팟을 추가합니다. 핫스팟은 정답 및/또는 오답에 사용할 수 있습니다.
  • 하나 이상의 핫스팟을 정답으로 선택합니다.

추가 옵션

  • 문제와 연계된 점수 값을 업데이트합니다. 기본값은 10점입니다.
  • 핫스팟을 두 개 이상 추가합니다. 둘 이상의 핫스팟을 추가하면 문제의 동작이 정답이 여러 개인 객관식 문제의 동작과 유사하게 작동하도록 변경됩니다. 추가 핫스팟을 오답으로 사용할 수 있습니다.
  • 각 핫스팟에 설명을 추가합니다. 핫스팟 설명은 이미지에 여러 개의 핫스팟이 있을 때 핫스팟을 식별하는 데 도움이 되는 좋은 방법입니다. 이 정보를 사용하여 학생이 올바른 핫스팟을 정답으로 선택했는지 확인할 수 있습니다. 이 정보를 학생과 공유하여 학생이 자신의 시도를 검토할 때 특정 핫스팟에 대한 추가 정보나 맥락을 확인할 수 있도록 할 수도 있습니다. 교수자는 항상 핫스팟 설명을 볼 수 있습니다. 학생은 교수자가 평가에서 정답을 표시하도록 설정한 경우에만 자신의 시도를 검토할 때 핫스팟 설명을 볼 수 있습니다. 교수자는 정답과 핫스팟 설명을 개별 성적이 게시된 후, 마감일 이후, 평가에 대한 모든 성적이 게시된 후 또는 특정 날짜 및 시간에 표시하도록 선택할 수 있습니다.
  • 정답 및 오답에 대한 자동화된 피드백을 추가합니다. 자동화된 피드백은 특히 채점이 잘못된 학생에게 도움이 될 수 있습니다. 자동화된 피드백을 사용하여 학생이 정답을 찾을 수 있는 코스 콘텐츠 위치로 리디렉션되도록 할 수 있습니다.
  • 학생에 대한 핫스팟을 표시합니다. 이는 핫스팟 문제가 객관식 문제나 선다형 문제처럼 작동하도록 하려는 경우에 유용합니다. 학생이 이미지에서 핫스팟을 볼 수 있습니다. 그 중 일부는 정답이고 나머지는 오답입니다.

실수로 업로드한 이미지 삭제

대체해야 할 업로드된 이미지 위에 있는 모두 삭제 버튼을 선택합니다. 그러면 이미지 및 해당 이미지와 연결된 모든 핫스팟이 삭제됩니다.

Delete an image and all its associated hotspots

사용하지 않을 핫스팟 지우기

마우스 또는 키보드 조합을 사용하여 지우려는 핫스팟을 선택합니다. 그런 다음 업로드된 이미지 위에 있는 핫스팟 지우기 버튼을 선택합니다. 그러면 선택한 모든 핫스팟이 제거됩니다.

여러 핫스팟을 선택할 때: 선택한 핫스팟은 고정되므로 새 핫스팟을 연속으로 선택할 때마다 선택된 상태가 됩니다. 선택을 완료하면 키보드 또는 '핫스팟 지우기' 옵션만 사용하여 선택한 핫스팟을 모두 삭제할 수 있습니다.

Erase a hotspot or several hotspots you don't want to use

'학생에게 핫스팟 표시' 옵션

이 옵션이 활성화되면 이미지에 생성된 모든 핫스팟이 학생에게 표시됩니다. 이 옵션은 핫스팟 문제의 동작을 변경하여 객관식 문제나 선다형 문제처럼 작동하도록 합니다. 이는 핫스팟이 두 개 이상 있고 일부 핫스팟이 오답으로 사용되는 경우에 권장됩니다.

아래 예는 학생에게 흉골만 선택하라는 과제를 내는 방법을 보여 줍니다. 그러나 문제에는 두 개의 핫스팟이 표시됩니다. 학생은 두 개의 핫스팟 중 어느 것이 정답인지 결정해야 합니다. 이 핫스팟 문제는 선다형 문제처럼 작동합니다.

Show hotspots to student option

핫스팟이 표시된 학생 미리 보기:

Student preview with visible hotspots

접근성 및 핫스팟 문제

Product Ultra Team은 지속적으로 보조 기술에 대한 새로운 접근 향상 및 지원을 제공하기 위해 노력하고 있습니다. 전에는 핫스팟 문제를 풀기 위해 마우스를 사용하고 눈과 손의 협응력이 필요했습니다. 이제는 키보드를 사용하여 다음 작업을 수행할 수 있습니다.

  • 문제 텍스트 추가
  • 이미지 업로드
  • 이미지 삭제
  • 핫스팟 추가
  • 핫스팟 설명 추가
  • 핫스팟 선택
  • 핫스팟 정답 및 오답 옵션 선택
  • 핫스팟 크기 조정
  • 핫스팟 재배치
  • 핫스팟 삭제
  • 문제 설정 조정
  • 정답 및 오답에 대한 피드백 추가

키보드 상호 작용 및 단축키

  1. 시험 또는 평가에서 핫스팟 문제를 추가하면 통지 배너의 '도움말 문서' 링크에 초점이 맞춰집니다.
  2. 문제의 점수 값을 업데이트할 수 있는 점수 필드에 접근하려면 탭을 누릅니다.
  3. 문제 텍스트 필드에 접근하고 문제 텍스트 설명을 추가하려면 탭을 누릅니다.

    서식 있는 텍스트 편집기 키보드 탐색에 대해 자세히 알아보십시오.

  4. 이미지를 선택할 수 있는 '장치에서 업로드' 버튼에 접근하려면 탭을 누릅니다. 허용되는 이미지 형식은 JPEG, JPG, GIF, PNG 또는 BMP입니다.
  5. 이미지 업로드 진행률을 나타내는 모달이 표시됩니다. 탭 키를 눌러 '취소' 버튼에 접근하면 업로드가 100%에 도달하기 전에 업로드를 취소할 수 있습니다. 이미지가 업로드되면 모달이 자동으로 닫히고 이미지가 페이지에 표시됩니다.
  6. Tab 키를 눌러 키보드 컨트롤을 읽고 다음 작업을 수행합니다.
    • 일반 컨트롤
      • TabShift+Tab 키를 사용하여 핫스팟 선택
      • 화살표 키를 사용하여 핫스팟 이동
      • Shift +화살표 키를 사용하여 핫스팟 크기 조정
      • Alt/option + 화살표 키를 사용하여 조금씩 늘리면서(한 번에 1px씩) 핫스팟 이동 또는 크기 조정
      • Delete 키를 선택하여 이전에 선택한 핫스팟 삭제
      • Shift+Z 키를 사용하여 확대
      • Shift+X 키를 사용하여 축소
      • Shift+F 키를 사용하여 보기 펼치기
      • Esc 키를 사용하여 보기 닫기
    • 직사각형 및 원 컨트롤
      • Shift + 화살표 키를 사용하여 핫스팟 크기 조정
      • R 키를 사용하여 새 직사각형 핫스팟 추가(캔버스에 초점을 맞춘 경우)
      • C 키를 사용하여 새 원형 핫스팟 추가(캔버스에 초점이 있는 경우)
    • 다각형 컨트롤
      • P 키를 사용하여 새 다각형 핫스팟 그리기(캔버스에 초점을 맞춘 경우)
      • Esc 키를 사용하여 그리기 모드 종료
      • 화살표 키를 사용하여 그리기 아이콘 이동
      • option/Alt + 화살표 키를 사용하여 그리기 아이콘 정밀하게 이동
      • Enter 키를 사용하여 새 다각형 점 추가
      • Delete 키를 사용하여 가장 최근에 생성된 점 제거
  7. 업로드한 배경 이미지에서 동일한 레이블이 있는 버튼을 선택하여 직사각형, 원형 또는 다각형 핫스팟을 추가할 수 있습니다. 생성된 핫스팟으로 초점이 이동됩니다.
  8. 모두 삭제 버튼을 눌러 생성된 이미지와 핫스팟을 삭제합니다.
  9. 모든 핫스팟이 생성된 후에는 Tab 키로 계속 탐색하면서 '학생에게 핫스팟 표시' 옵션을 활성화하여 학생이 이미지에서 핫스팟을 인식하도록 할 수 있습니다.
  10. 각 핫스팟에 대한 설명(선택 사항)을 포함하려면 Tab 키를 누릅니다.
  11. '취소' 버튼에 도달하려면 Tab 키를 누릅니다.
  12. 핫스팟 문제를 저장하려면 Tab 키를 누릅니다.

핫스팟 문제 생성에 대한 비디오 보기

내레이션이 있는 다음 비디오는 이 페이지에 포함된 일부 정보를 시각적, 청각적으로 표현한 것입니다. 비디오에 묘사된 내용에 대한 자세한 설명을 보려면 YouTube에서 비디오를 열고, 추가 동작으로 이동한 다음, 자막 열기를 선택합니다.



비디오: 핫스팟 문제에서는 핫스팟 문제를 생성하는 방법을 설명합니다.