🙋 Requirements Specification

✨ 개요

• 퍼즐 맞추기 ( 사진 업로드 간단한 게임 )

  • 로그인 / 마이페이지 (기록확인 등)

  • 퍼즐 만들기 (사진 업로드, 난이도 별 피스 수 다르게 생성, 태그)

  • 난이도 조절 (맞춘 퍼즐에 따라 난이도 올라감)

    • 보이스나 화상채팅

  • 퍼즐 완성 - 공유가능

👩‍💻 기능적 요구사항

1. 시작 페이지

   • 로그인 버튼만 출력된다.

   • Oauth + 구글 로그인을 할 수 있다.

   • 로그인을 하면 2. 메인페이지 으로 이동한다.

2. 메인페이지

   • 전체 퍼즐 목록

     • 메인페이지는 api로 전체 퍼즐 검색 요청을 보내서 전체 퍼즐을 한번에 10개씩 보여준다.

     • 10개씩 출력된 상태에서 스크롤을 더 내린다면 다른 퍼즐 10개를 출력한다.

     • 모든 퍼즐을 출력하였다면 처음의 퍼즐 목록 10개를 다시 출력하고 이를 반복한다.

     • 디폴트 정렬 상태는 플레이 횟수순이다.

     • 체크박스 선택을 통해 난이도별 목록을 필터링할 수 있다.

   • 검색바

     • 검색바에 검색 키워드를 입력하면, api로 요청을 보내 해당 키워드를 가진 퍼즐 정보를 전체 퍼즐 목록에 가져온다.

   • 헤더

     • 마이페이지 버튼과 랭킹 버튼이 출력된다

3. 플레이룸

   • 플레이룸 입장

     • 멀티모드를 기본으로 하며 링크 등을 통해 플레이룸에 입장 초대

     • 초대 받은 사람은 시작 페이지로 우선 입장

   • 멀티 플레이

     • 채팅으로 같은 플레이룸 안의 사람들과 소통

     • 한 사람이 잡은 퍼즐은 놓을때까지 다른 사람이 잡을 수 없다.

     • 플레이룸에 입장한 유저들은 퍼즐과 퍼즐판을 공유한다.

     • 플레이룸에 입장한 유저들의 커서를 서로 볼 수 있다.

     • 우측 하단의 이미지 버튼에 마우스를 올리면 힌트를 볼 수 있다.

4. 마이페이지

   • 명예의 전당에서 완성한 퍼즐들의 사진과 플레이 타임을 조회할 수 있다.

   • 퍼즐저장소에서 자신이 만든 퍼즐들의 목록을 조회하고 플레이룸을 만들 수 있다.

5. 랭킹페이지

   • 랭킹에서 가장 많이 퍼즐을 완성한 사람과 만든 사람을 확인할 수 있다.

6. 퍼즐 생성

   • 난이도 조정은 피스 수를 기준으로 한다.

   • 퍼즐 생성 후 마이페이지의 퍼즐 저장소에 사진 url, 피스 정보 자동 저장된다.

✔️ 비기능적 요구사항

1. 품질 요구사항

   • 신뢰성: 생성된 퍼즐은 완성할 수 있어야 한다.

   • 시간 효율성: 웹이 2초 이내에 반응하도록 한다. 만약 이를 초과한다면 로딩화면이 출력되어야 한다.

   • 사용성: 불필요한 기능은 제외한다.

   • 이식성: chrome, microsoft edge 등 모든 브라우저에서 문제없이 가동되어야 한다.

   • 정밀성/정확성: 멀티모드에서 모든 사용자가 같은 화면을 볼 수 있도록 해야 한다.

   • 보안성: 사용자의 정보나 사용자가 업로드한 사진을 타인이 열람할 수 없어야 한다.

2. 데이터 요구사항

   • db 데이터타입

     • user table은 회원의 구글ID, 퍼즐을 완성한 횟수, 퍼즐은 생성한 횟수로 구성된다.

     • puzzle table은 퍼즐ID, 퍼즐 사진, 조회 수,공개 여부, 난이도, 작성자, 태그(필터링이 가능한) 로 구성된다.

3. 제약 사항(기능우선순위, 개발환경 제약 등)

   • 상업 및 기타 라이선스가 자유로운 이미지로 만든 퍼즐만 검색할 수 있다.

   • 개인이 업로드한 사진은 업로드한 대상만이 사용한다.

4. 개발환경

   • Node.js, express, React, TypeScript를 사용하여 개발한다.

   • db 종류 - mysql(배포하여 하나로 사용)

   • Paper.js

   • 협업 툴로 Github를 사용한다.

   • git branch 전략은 Git flow를 활용한다.

   • naver cloud와 NGINX로 배포한다.