버전 1.0

6주차 데모 시나리오

버전 1.0을 완성한다.

Host가 만든 퀴즈로 Player와 플레이한다.
비정상 입장에 따른 접근을 막는다. (로그인 안한 사용자)
네이버 아이디로 로그인 검수를 마쳐, 로그인 가능하도록 한다.

상세 시나리오

[HOST] 방 선택 페이지

1. 네이버 아이디로 로그인
2. 로그인한 유효한 사용자일 때만 접근
3. 기존의 방을 삭제할 수 있다.
4. 방 이름에 공백을 입력했을 때, 추가되지 않도록 한다.

[HOST] 방 상세 페이지

1. 방 선택 페이지에서 방 상세 페이지로 이동
2. 방에 맞는 퀴즈 list가 출력된다.
3. 퀴즈가 없으면 시작 버튼이 비활성화 된다.
4. 퀴즈가 있으면 시작 버튼이 활성화 된다.

[HOST] 게임 진행

1. 방 상세 페이지에서 게임 시작을 누른다.
2. 퀴즈가 없으면 시작되지 않는다.
3. 퀴즈가 있으면 게임이 시작되어 대기실로 이동한다.
4. 처음 생성되는 방은 111111이 아닌 랜덤한 방으로 출력되도록 로직을 변경한다.
5. 참여 인원이 1명 이상이여야 게임이 시작된다.
6. 맨 마지막 퀴즈가 끝난 후에는 '다음퀴즈' 버튼이 아닌 '최종결과' 버튼이 출력된다.

[Player] 게임 진행

1. 최종 결과 페이지가 나온 이후 페이지를 변경할 때 alert가 출력되지 않는다.
2. 최종 결과 페이지에서 나가기 버튼을 누르면 메인으로 이동한다.

[HOST] 퀴즈 편집

1. 방 id와 일치하는 정보를 불러온다.
2. 정보가 없다면 새로운 빈 퀴즈를 추가한다.
3. 나가기 버튼을 누르면 방 리스트 페이지로 나갈 수 있다.
4. 저장하기 버튼을 누르면 데이터베이스로 퀴즈 정보가 저장된다.
5. 퀴즈 삭제 버튼을 누르면 퀴즈셋에서 선택한 퀴즈가 삭제된다.
   (옵션) 썸네일을 드래그해서 순서를 바꾼다.

5주차 데모 시나리오 완성본

5주차 데모 시나리오

5주차 스프린트 작업내용
: 정상 접근에 대한 모든 시나리오를 구현한다.

퀴즈 페이지를 제외한 모든 시나리오가 정상 접근에 대해 동작한다.
배포 페이지는 퀴즈를 생성할 수 없으므로, 이미 생성된 퀴즈에 연동해 해당 퀴즈로 시작되도록 함.

정상 접근 시나리오

방 입장

1. (host) 네이버 아이디로 로그인
2. (host) 유저에게 딸린 방 list 페이지가 출력됨.
3. (host) 방 list 중 방을 클릭하면 해당 방에 대한 정보(퀴즈)를 볼 수 있음.
4. (host) 방 상세 페이지에서 방을 열면 게임 진행으로 넘어감.

게임 진행

1. (player) 생성된 방 번호와 닉네임을 입력하고 입장. 게임시작까지 대기
2. (host) 게임 시작 버튼을 눌러 시작.
3. (player) 매 퀴즈마다 제한된 시간 내에 퀴즈를 풀이.
4. (host) 퀴즈 제한 시간보다 빨리 끝내는 경우 다음 퀴즈 버튼을 누름.
5. (host) 마지막 퀴즈가 끝난 후 10등까지 등수 표시
6. (player) 마지막 퀴즈가 끝난 후 자신의 점수와 등수 확인.

퀴즈 편집

1. (host) 방 상세 페이지에서 퀴즈 편집 버튼 클릭
2. (host) 기존의 퀴즈가 있다면 기존 퀴즈를 그대로 불러오고 없다면 새로운 상태 출력
3. (host) 저장 버튼을 누르면 그동안 만들었던 퀴즈가 저장됨.

4주차 데모 시나리오 완성본

4주차 데모 시나리오

모든 시나리오는 더미 데이터를 기반으로 동작한다.

4주차 데모 시연 영상

1. host가 방 리스트 페이지에서 방을 선택하면 방 선택 화면으로 이동한다.
2. player들의 대기실 입장이 완료되면 host가 퀴즈를 시작한다.
3. 퀴즈가 시작되면 방에 속한 문제들이 설정된 제한 시간에 맞게 진행된다.
4. 각 퀴즈의 끝에는 결과 페이지(Player 각자의 점수)가 존재한다.
5. host가 다음 퀴즈의 시작 버튼을 클릭하면 3번으로 이동한다.
6. 모든 퀴즈가 종료되면 최종 스코어보드(10등까지)가 출력된다.

3주차 데모 시나리오 완성본

3주차 데모 시나리오

3주차 데모 시연 영상

• 로그인한 사용자만 방을 열 수 있고, 상세 방 페이지에서 Host가 방을 열면 6자리 코드가 생성되어 인메모리에 저장된다.
• Player는 입장한 방에 맞게 연결되고 Host의 신호에 따라 퀴즈가 시작된다.
• Host가 열지 않은 방에 Player는 들어갈 수 없으며, 그에 따른 경고를 출력한다.
• 같은 방에 중복된 닉네임을 검사하고 경고를 출력한다.