네이버 이웃 추가 / GitHub Profile / 카카오톡 채널 추가 / 방명록 / 이용 안내

퀴즈앤으로 방탈출 만들기

수성컴 | 2023. 11. 13.
목차
퀴즈앤으로 방탈출 만들기

수성컴전자방입니다. 퀴즈앤이라는 플랫폼을 이용하면 다양한 형태로 퀴즈를 만들 수 있습니다. 오늘은 Board방탈출 유형을 사용하여 퀴즈를 만들어 보겠습니다.

방탈출-구성
이런 식으로 문제를 내고 정답인지 오답인지에 따라 다른 페이지로 연결되게 할 수 있습니다. 오늘 보여드릴 예시는 단순히 오답이면 문제를 다시 풀어보도록 유도하지만, 머리를 잘 굴려 본다면 문제를 맞히면 다음 문제를 건너뛴다거나 틀리면 벌칙으로 문제를 더 풀어야 하는 등 변형이 가능하겠죠?

방탈출은 퀴즈앤 Basic(무료) 계정 이용 시 10명까지, Pro 계정 결제 시 250명까지 참여할 수 있습니다.
이때 접속만 하고 문제를 풀지 않은 사람은 세지 않습니다. 문제를 하나라도 풀거나 댓글을 하나라도 달면 그때부터 그 사람을 셉니다. 즉, 10명이 문제를 풀고 나면 그 다음에 다른 사람은 문제를 풀 수 없습니다.

목차

1. 퀴즈앤 접속 및 보드 생성
2. 퀴즈앤 Board 편집 화면 알아보기
3. 글 작성 방법 및 방탈출 첫 화면 만들기
4. 문제 화면 만들기
5. 정답/오답 화면 만들기 및 글 복사

6. 페이지 링크(다음 페이지) 연결
6.1. 첫화면/정답/오답 페이지를 다음 문제 페이지와 연결
6.2. 문제 페이지를 정답/오답 페이지( 또는 다음 문제)로 연결
6.3. 마지막 페이지는 다음 페이지를 연결하지 않아도 됨

7. QR 코드 생성 및 입장

8. 참여자 관리 방법
8.1. 참여자 답안 엑셀 파일 내려받기
8.2. 참여자 내보내기(강퇴)

1. 퀴즈앤 접속 및 보드 생성

퀴즈앤 진입
1.1. https://www.quizn.show로 접속합니다.
1.2. LOGIN을 클릭합니다. 만약 이미 로그인된 상태라면 만들기를 클릭합니다.

퀴즈앤 로그인
1.3. 로그인합니다. 저는 구글+ 아이콘을 클릭하여 구글 계정으로 로그인했습니다.
참고로 구글+ 아이콘 오른쪽에 있는 고래 그림 아이콘은 웨일스페이스 계정으로 로그인하는 단추입니다.

퀴즈앤 로그인 후 화면
1.4. 로그인하면 이와 같은 화면이 뜹니다. 왼쪽의 My Board를 클릭합니다.

My Board
1.5. +를 클릭합니다.

Board 기본 설정
1.6. 배경 및 대표 이미지, Board 제목, 설명(선택항목), 카테고리, 태그(2개 이상 필수), 닉네임 입력 여부, 닉네임 입력 설정 시 개인별 비밀번호 사용 여부, 공개/비공개 여부 등을 설정합니다.

  • 배경 및 대표 이미지: 기본 이미지를 쓰거나 사용할 이미지를 업로드합니다.
  • Board 제목
  • 설명(선택항목)
  • 카테고리
  • 태그: 쉼표(,)로 구분되며 2개 이상 필수로 입력해야 합니다.
  • 닉네임 입력: 참여자가 닉네임을 입력할 수 있게 할 것인지에 대한 여부를 선택합니다.
    • 닉네임 비밀번호 사용: 체크하면 참여자는 설정한 비밀번호 확인을 통해 동일한 닉네임으로 참여가 가능합니다. 체크하지 않으면 재접속 시 새롭게 참여하게 됩니다.
  • 공개/비공개

방탈출-문제-성경
저는 일단 이렇게 설정하고 등록을 클릭하겠습니다.

2. 퀴즈앤 Board 편집 화면 알아보기

퀴즈앤UI
2.A. <, >는 이전 페이지, 다음 페이지 넘기는 단추입니다.(페이지는 파워포인트의 슬라이드와 유사한 개념)
나머지 부분들은 아래에서 이어서 설명해 드리겠습니다.

퀴즈앤info
2.B. 화면 상단의 v를 클릭하면 Board에 대한 정보/설정들을 확인할 수 있습니다.
2.B.a. 연필 아이콘을 클릭하여 1.6번에서 한 설정을 수정할 수 있습니다.
2.B.b. 공개/비공개 여부를 수정할 수 있습니다.
2.B.c. 상태 설정입니다. ‘진행중’ 상태로 두어야 참여자가 이 Board에 접속하여 문제를 풀 수 있습니다.
2.B.d. Board 참여를 위한 URL을 복사하거나 QR코드를 띄울 수 있습니다.

퀴즈앤-페이지
2.C. 페이지들을 관리할 수 있습니다. 파워포인트의 슬라이드를 생각하시면 됩니다.

퀴즈앤Options
2.D. 오른쪽 사이드바에서 Type, Page Title, 배경이미지, 기타 Options를 설정할 수 있습니다.
이 사이드바는 그 옆 톱니바퀴 단추를 클릭하여 숨기고 표시할 수 있습니다.
참고로 사이드바에서 설정을 건드린 뒤에는 스크롤을 내려 저장을 클릭하셔야 합니다.

3. 글 작성 방법 및 방탈출 첫 화면 만들기

방탈출선택
3.1. Type 중 방탈출을 선택합니다.
3.2. Page Title을 입력합니다.(선택사항. 나중에 해도 됩니다.)

방탈출첫화면스크롤내림
3.3. 저장을 클릭합니다. 앞에서 말씀드렸듯이 사이드바의 설정을 건드린 뒤에는 ‘저장’을 꼭 클릭해야 변경된 설정이 날아가지 않습니다.

방탈출-사이드바-접음
3.4. 글쓰기를 클릭합니다.

방탈출-글쓰기
3.5. 제목, 내용을 작성합니다.
3.6. (선택사항) 이미지, GIF, 기타 첨부파일, 링크, 영상(Youtube/CDN), SHOW(퀴즈앤 서비스), VIDEO(퀴즈앤 서비스), 음성 등을 첨부할 수 있습니다. 직접 그림을 그리거나 음성을 녹음해서 첨부할 수도 있습니다.
한 글에는 유형별로 1개씩만 첨부할 수 있습니다. 가령, 글 하나에 이미지 2개를 첨부할 수 없습니다. 페이지 하나에 이미지를 여러 개 넣고 싶다면 글을 2개 작성해서 각각 이미지 1개씩 첨부하는 방법이 있습니다.
3.7. 등록을 클릭합니다.

방탈출-글 단추 보기
3.8. 글 등록 후에는 수정, 복사(정답/오답 화면 등을 만들 때 유용), 삭제, 배경색 설정, 상단 고정, 순서 변경 등을 하실 수 있습니다.
제가 빨간색으로 표시한 부분은 마우스를 글 위에 올려두면(hover) 나타나는 버튼들입니다.

[배경색 설정 예시]
방탈출-배경색 설정
이렇게 배경색을 변경할 수 있습니다.

[글을 여러 개 쓰는 예시]
방탈출-글2개
한 페이지에 글을 여러 개 쓸 수 있습니다. 이 방법을 이용하여 한 페이지에 같은 유형의 파일/URL을 2개 이상 첨부할 수 있습니다.

4. 문제 화면 만들기

페이지 목록
4.1. 페이지 목록을 펼칩니다.
4.2. 새 페이지를 추가합니다.

1번 문제 정보
4.3. Type 중 방탈출을 선택하고 스크롤을 내려 저장을 클릭합니다.

1번 문제
4.4. 글쓰기를 클릭합니다.

1번 문제 글 작성
4.5. 제목, 내용 등을 작성하고 등록을 클릭합니다.

1번 문제 정답 설정
4.6. 오른쪽 사이드바에서 정답 사용을 사용으로 하고, Answer에 정답을 입력합니다.
객관식(선택형)으로 한다면 위의 스크린샷과 같이 숫자를 입력하면 되고, 주관식(단답형)이라면 정답을 입력해 주면 됩니다. 다만, 단답형 정답이 너무 길면 참여자가 스마트폰으로 정답을 입력하기가 어렵더라고요.
참고로 정답은 모든 페이지(문제)를 작성한 후 마지막에 몰아서 설정해도 되긴 합니다.
힌트를 제공하려면 힌트 칸에 힌트 내용을 입력합니다.
정답 시 이동할 페이지와 오답 시 이동할 페이지는 아직 안 만들었으니 나중에 설정하겠습니다.

복수 정답
만약 복수 정답을 설정하시려면 쉼표(,)로 구분하시면 됩니다. 예를 들어 위의 스크린샷처럼 설정하면 “함께함이라”도 정답이고, “함께 함이라”도 정답이 됩니다.

4.7. 정답을 설정했으면 스크롤을 내려 저장을 클릭합니다.

방탈출 설정 미완료
4.8. 저장을 클릭하면 “방탈출 설정이 완료되지 않았습니다.”라고 뜨는데 일단 OK를 클릭합니다.

5. 정답/오답 화면 만들기 및 글 복사

사실 정답/오답 화면은 꼭 만들지 않아도 됩니다.

페이지 목록
5.1. 페이지 목록을 펼칩니다.
5.2. 새 페이지를 추가합니다.

1번 문제 정보
5.3. Type 중 방탈출을 선택하고 스크롤을 내려 저장을 클릭합니다.

1번 문제
5.4. 글쓰기를 클릭합니다.

1번 문제 글 작성
5.5. 제목, 내용 등을 작성하고 등록을 클릭합니다. 저는 이번에 이미지를 검색해서 넣어 보겠습니다.

이미지 검색
이렇게 이미지를 검색해서 고를 수 있습니다. 참고로 자신의 컴퓨터에 저장되어 있는 이미지를 삽입하려면 ‘가져오기’를 클릭하시면 됩니다.

1번 문제 글 작성
이미지를 고르면 이렇게 글에 첨부됩니다. 그 다음 등록을 클릭하면 됩니다.

지금까지 정답 화면 만드는 것을 보여드렸고, 오답 화면도 같은 방법으로 만드시면 됩니다.

복사
정답/오답 화면은 반복되는 경우가 많기 때문에 다른 문제의 정답/오답 화면에 그대로 복사해서 사용하겠습니다.
5.6. 먼저 이 글을 복사할 페이지를 생성합니다.
5.7. 복사할 글 위에 마우스를 올린 뒤 복사 버튼을 클릭합니다.

복사 위치
5.8. 복사할 위치(페이지)를 선택합니다. Ctrl키를 사용하면 여러 개 선택할 수 있습니다.
5.9. 복사하기를 클릭합니다.

복사 완료
5.10. 복사가 완료되었습니다.

6. 페이지 링크(다음 페이지) 연결

6.1. 첫화면/정답/오답 페이지를 다음 문제 페이지와 연결

정답미사용연결
6.1.1. 정답 사용을 미사용으로 합니다.
6.1.2. 페이지 이동을 다음 문제로 지정합니다.
6.1.3. 저장을 클릭합니다.

6.2. 문제 페이지를 정답/오답 페이지( 또는 다음 문제)로 연결

정답사용연결
6.2.1. 정답 사용과 정답 시를 사용으로 설정합니다. 오답 페이지를 사용한다면 오답 시도 사용으로 설정합니다.
6.2.2. 정답을 입력합니다.
6.2.3. 정답 시 이동할 페이지를 지정합니다. 저는 정답 페이지를 만들어 두었으므로 정답 페이지에 연결했지만, 정답 페이지를 만들지 않은 경우 바로 다음 문제로 넘어가게 설정하시면 됩니다.
6.2.4. (오답 시를 ‘사용’으로 설정한 경우) 오답 시 이동할 페이지를 지정합니다. 참고로 오답 시를 ‘미사용’으로 설정한 경우 문제를 틀리면 페이지 이동이 일어나지 않습니다.

6.3. 마지막 페이지는 다음 페이지를 연결하지 않아도 됨

마지막페이지연결X
문제를 다 풀고 나오는 마지막 페이지는 다음 페이지를 연결하지 않고 저장하시면 됩니다.

7. QR 코드 생성 및 입장

최종
7.1. 우측 상단의 URL복사 또는 QR코드를 클릭합니다.

QR-code
7.2. QR코드를 띄운 모습입니다. 이것을 스마트폰으로 스캔하면 참여할 수 있습니다. 왼쪽 아래 ‘다운로드’를 클릭하면 QR코드를 내려받을 수 있습니다.

모바일입장
스마트폰에서 QR코드를 스캔해서 접속한 모습입니다.
7.3. (닉네임 사용 시) 보드를 생성할 때 닉네임 사용에 체크했기 때문에 닉네임을 만들어 달라는 창이 뜹니다.
7.4.A. (비밀번호 사용 시) 비밀번호를 설정하라는 창이 뜹니다.
7.4.B. (비밀번호 사용 시) 이전에 설정한 닉네임을 그대로 입력하면 이 스크린샷처럼 비밀번호를 입력하라고 뜹니다. 이전에 설정한 비밀번호를 입력하면 이어서 진행할 수 있습니다.
7.5. 이제 문제를 푸실 수 있습니다.

오류 발생-미완성페이지
비밀번호를 사용하지 않는 경우 재접속할 때 “해당 페이지는 미완성된 페이지입니다”라고 뜰 수 있습니다. 스마트폰에 저장된 캐시 때문인 것 같은데 그냥 OK 누르시면 됩니다. 방탈출 페이지 연결을 잘못한 것이 아닙니다.

8. 참여자 관리 방법

8.1. 참여자 답안 엑셀 파일 내려받기

Board 다운로드
8.1.1. 보드 정보를 펼칩니다.
8.1.2. 다운로드를 클릭합니다.
8.1.3. 엑셀 다운로드 옆의 내려받기 아이콘을 클릭합니다.

엑셀
8.1.4. 엑셀 파일(.xlsx)을 내려받아 실행해 보면 페이지별로 시트가 나뉘어 있으며 문제별로 참여자가 입력한 답을 볼 수 있습니다. 다만, 닉네임을 사용하지 않을 경우 모든 참여자가 ‘익명’으로 뜹니다.

8.2. 참여자 내보내기(강퇴)

퀴즈앤 무료 계정을 사용할 경우 한 Board에 10명까지 참여할 수 있습니다.
인원이 초과되면 문제를 다 푼 사람을 내보내서 새로운 사람을 참여시킬 수 있습니다.(테스트를 목적으로 참여한 교사를 먼저 내보내는 것을 추천합니다.)

참여자 현황
8.2.1. 보드 정보를 펼칩니다.
8.2.2. 오른쪽 동그란 얼굴 아이콘들(참여자 현황)을 클릭합니다.
8.2.3. 내보낼 참여자 위에 마우스를 갖다 대고 참여자 내보내기를 클릭합니다.

오늘은 여기까지!

이 글에서 퀴즈앤의 모든 기능을 다루지는 못했습니다. 다른 기능들이 궁금하다면 퀴즈앤 공식 블로그에서 Board 타입 안내 | 퀴즈앤 보드 유형/퀴즈앤 사용법를 읽어 보시거나 퀴즈앤 Board Manual를 참고하시면 좋겠습니다.
제 글을 읽어 주셔서 감사합니다. 다음에 만나요!