시험관리 사용 방법

exam.html은 시험지 제작과 관리, 인쇄, PDF 저장까지 한 화면에서 처리할 수 있는 시험지 관리 도구입니다. 만들기·편집 탭과 시험지 관리 탭을 상황에 따라 전환하여 사용합니다.

1. 화면 구조

상단 툴바: 학생 배정, 문항 추가, 저장, 인쇄, PDF 저장 버튼
왼쪽 패널(설정): 시험지 메타 정보, 레이아웃 설정, OCR 조판, 해설지 옵션
중앙 미리보기: 현재 구성 중인 시험지를 A4 형태로 즉시 확인
오른쪽 패널: 선택된 문항 목록과 문항 순서 관리
시험지 관리 뷰: 저장된 시험지 목록을 카드형 또는 달력형으로 전환하여 조회

2. 시험지 만들기 (`만들기·편집` 탭)

문항 추가

우측 상단의 [문항 추가] 버튼을 눌러 문항 추가 모달을 엽니다.
목록에서 원하는 문항을 선택하면 현재 시험지에 추가됩니다.
선택된 문항은 우측 패널에 나타나며 드래그하여 순서를 변경할 수 있습니다.

시험지 정보 입력

시험지 제목, 학교명, 과목, 시험 일자, 제한 시간, 유의사항을 입력합니다.
입력한 정보는 미리보기에 자동 반영되어 인쇄물 상단에 예쁘게 표시됩니다.

레이아웃 설정

단 설정: 1단, 2단 중 선택합니다.
문항 간격: 슬라이더로 문항 간격을 조절합니다.
번호 크기: 문제 번호 글자 크기를 슬라이더로 조절합니다.
템플릿 선택: 클래식, 모던, 엘레강트, 미니멀 중 하나를 클릭하면 시험지 디자인 스타일을 변경합니다.

OCR 조판 글자 설정

OCR로 변환된 텍스트 문항에 적용할 글꼴을 선택합니다.
글꼴, 폰트 크기, 줄 간격을 조정하면 미리보기가 자동으로 갱신됩니다.
이 설정은 텍스트 기반 문항의 출력 품질을 높여 줍니다.

해설지 설정

해설지 포함 체크박스를 켜면 해설지가 함께 생성됩니다.
해설지 위치를 맨 뒤에 모아서 또는 문항 바로 뒤에로 선택할 수 있습니다.

3. 미리보기 및 확대/축소

중앙 영역에 시험지 미리보기가 표시됩니다.
우측 하단 줌 컨트롤로 확대, 축소, 화면 맞춤을 조절합니다.
변경 사항은 즉시 미리보기에 반영되므로 디자인을 바로 확인할 수 있습니다.

4. 학생 배정

학생 배정 버튼을 눌러 학생 자동 배정 드롭다운을 열 수 있습니다.
시험지를 저장할 때 배정된 학생에게 자동으로 시험지 링크가 생성될 수 있습니다.
학생 배정은 만들기·편집 탭에서만 사용 가능합니다.

5. 저장·출력

저장: 현재 시험지 구성을 저장하고 다음에 이어서 편집할 수 있습니다.
인쇄: 브라우저 인쇄 기능으로 종이 시험지를 출력합니다.
PDF 저장: 고품질 PDF로 시험지를 저장합니다.

6. 시험지 관리 (`시험지 관리` 탭)

상단 탭에서 시험지 관리를 클릭하면 저장된 시험지 목록을 볼 수 있습니다.
카드형 보기 / 달력형 보기 전환 버튼이 있어 원하는 방식으로 목록을 탐색할 수 있습니다.
검색창에 시험지 이름을 입력하면 저장된 시험지를 빠르게 찾을 수 있습니다.

카드형 보기

저장된 시험지가 카드 형태로 나열됩니다.
카드마다 시험지 제목, 생성일, 요약 정보가 표시됩니다.

달력형 보기

달력 화면 상에서 날짜별로 생성된 시험지를 확인할 수 있습니다.
날짜를 클릭하면 해당 날짜에 생성된 시험지 목록이 아래에 표시됩니다.

7. 문항 목록 및 순서 관리

우측 패널의 문항 목록에는 현재 시험지에 포함된 문항이 표시됩니다.
문항을 드래그하여 순서를 변경할 수 있습니다.
시험지 미리보기와 문항 목록은 서로 연동되어 편집 결과를 바로 확인할 수 있습니다.

8. 추가 기능

드래프트 저장/복원: 문항을 추가 중인 상태를 자동 저장하고, 이어서 편집할 수 있는 기능이 있습니다.
원격 문항 불러오기: 로컬에 없는 문항은 서버에서 자동으로 불러와 시험지에 추가할 수 있습니다.
텍스트 전용 문항 지원: 이미지가 없는 텍스트 기반 문항도 OCR 조판으로 처리하여 시험지에 넣을 수 있습니다.

9. 사용 팁

시험지 편집을 시작하기 전에 문항 추가 버튼으로 필요한 문제를 먼저 모아 두세요.
템플릿과 간격, 번호 크기를 조절해 시험지 인쇄물의 가독성을 높일 수 있습니다.
시험지 관리 탭에서 생성된 시험지를 다시 불러와 수정하거나 재출력할 수 있습니다.

10. 요약

exam.html은 시험지 제작, 레이아웃 설정, OCR 텍스트 조판, 해설지 포함, 학생 배정, 저장, 인쇄, PDF 다운로드, 그리고 저장된 시험지 관리를 한 화면에서 제공하는 종합 시험지 관리 도구입니다.