/Kuiz

강의자료 키워드 자동 추출 및 문제 출제, 채점 서비스

Primary LanguageJavaScript

로고

이 서비스는 강의자료를 업로드하면 자동으로 키워드를 추출하고,

각 페이지 별 키워드를 바탕으로 객관식 및 주관식 문제를 생성, 채점 및 해설을 제공합니다.

image

요구사항

  • 로그인 및 회원가입
    • 회원가입은 이메일 및 비밀번호 형식에 일치하여야 작동되며 이전에 회원가입한 사용자는 재가입이 불가능해야 한다.
    • 로그인은 자체 백엔드 데이터베이스에 저장하여, 추후 사용자가 사이트에 재접근하게 되면 이전의 기록들을 보여줘야 한다.

12 column

12 column

  • 문제생성 페이지
    • 왼쪽 '+' 버튼을 추가하면 새로운 디렉토리가 추가되어야 하며, 디렉토리를 선택한 다음 '+' 버튼을 누르면 새로운 파일이 생성되어야 한다.
    • 사용자는 디렉토리를 먼저 선택하고 업로드 할 PDF와 관련이 있는 강의명을 입력하거나 선택한다.
    • 파일선택 버튼을 클릭하여 PDF를 업로드 한다.
    • PDF 생성 버튼을 누르면 PDF를 백엔드에 보내고 각 페이지별 키워드를 자동으로 추출하고 데이터베이스에 저장한다.
    • 키워드 추출에는 Mecab 라이브러리와 TF-IDF를 사용하였고, 사용자 사전도 추가하였다.

12 column

  • PDF 뷰어
    • PDF를 업로드 하면 왼쪽에 PDF 네비게이션 바가 생기고 중앙에는 각 페이지 별 화면이 출력된다.
    • 사용자가 선택한 페이지를 프론트엔드에서 계속 추적하고 있어야 한다.
    • 주관식 및 객관식 문제 수를 설정한 후 문제 생성 버튼을 클릭하면, 백엔드에 선택된 페이지 번호와 문제 수가 전달된다.

12 column

  • 문제 풀이 페이지
    • 생성된 객관식 및 주관식 문제를 사용자가 푸는 페이지
    • 해당 페이지로 넘어오게 되면, 백엔드 데이터베이스에는 각 문제별 정답 및 풀이를 저장한 상태이다.
    • 사용자가 객관식 문항을 선택하고 주관식 문제를 입력하고 하단 버튼을 클릭하면 백엔드에 입력 데이터가 넘어가고 채점이 진행된다.

12 column

  • 채점 결과 페이지
    • 맞은 답은 파란색, 틀린 답은 빨간색으로 컴포넌트가 변경되어야 한다.
    • 틀린 객관식에는 정답 표시가 빨간색으로 바뀌어야 하고 주관식의 경우에는 해설도 적용되어야 한다.

image

image

  • 나의 시험지 페이지
    • 지금껏 사용자가 시험 본 기록을 보여주는 페이지
    • 각 리스트를 클릭하면 동일한 시험 문제를 다시 풀어볼 수 있다.

image

해당 프로젝트는 현재 서버가 닫혀있으므로, 확인을 위해 연락을 주시면 서버를 열어두겠습니다.

데모 영상 링크

https://youtu.be/ABuAtCcuBWw?si=IVQT0TvVG-ZrvTRK