Skip to content

o-star/AI_Mock_Interview_System

Repository files navigation

AI_Mock_Interview_System





Github hosting URL





Description

  • 최근 코로나의 영향은 채용 시장에서도 많은 변화를 일으켰다. 대표적인 변화로는 비대면 방식의 AI 면접을 예로 들 수 있다. AI 면접은 면접관들의 주관이 개입되지 않고 지원자의 행동패턴만을 가지고 평가가 이뤄지는 비대면 면접 형식을 일컫는다.
  • 본 웹 페이지는 최근 새롭게 생겨나고 있는 AI 면접 방식을 취업준비생들이 편하게 준비할 수 있도록 모의 면접 과정을 진행해볼 수 있는 시스템이다.
  • 구체적으로 AI가 취업준비생들의 답변 영상을 어떻게 평가하는지에 관해서는 확인해 볼 수 없으나 취업준비생이 직접 랜덤으로 주어지는 취업질문들에 즉석으로 대답해보고 본인의 답변 녹화 영상을 확인해 보며 효과적으로 면접을 준비할 수 있도록 도움을 준다.
  • 본 시스템은 AI 면접 뿐만 아니라 일반 대면 면접 또한 준비할 수 있도록 다양한 질문들을 제공하고 시스템을 실행해볼 수 있다.




Usage Environment

본 웹페이지는 Chrome 브라우저에 맞춤화되어 제작되었으므로 본 페이지를 이용할 시 Chrome 환경에서 이용하는 것을 권장한다.





Page View

image

본 웹 시스템의 홈 화면이다. 본 웹페이지는 모의 면접을 시행해볼 수 있는 주요기능(Interview Start)을 제공하며, 그 외에 페이지 소개(Introduction)와 채용에 관련된 정보를 얻을 수 있는 몇 종류의 웹 페이지를 소개(Other Job Infos)하는 부가 기능을 제공하고 있다.


image

Introduction 페이지의 경우 간단한 웹 페이지의 소개 내용이 담겨져 있다. 스크롤을 통해 간단하게 내용을 확인해 볼 수 있다.


image

Other Job Infos 페이지의 경우 채용정보 제공 사이트 중 평소 유용하게 사용했던 4가지의 사이트를 간단하게 소개하고 있다.


image

모의 면접 실행 페이지는 가장 처음에 본 페이지에서 준비한 5개의 카테고리 질문 항목들을 확인해 볼 수 있다. 이후 모의 면접에서는 이 페이지에서 확인해 볼 수 있는 5개의 카테고리 항목 질문들 중 랜덤 선택되어 면접을 진행한다.


image

질문 항목들을 확인한 후에는 간단한 Tutorial 페이지를 통해 모의 면접과 관련된 유의사항들을 확인해 볼 수 있다.


image

Tutorial을 모두 확인한 이후에는 모의 면접에 들어가기 앞서 웹캠과 마이크 연결상태와 올바른 녹화가 이뤄지는지 확인해 볼 수 있는 테스트 페이지가 주어진다. 본 페이지에서 상태를 확인하고 테스트 녹화를 진행해볼 수 있다.


image

녹화 테스트를 모두 체크한 이후에는 본격적으로 모의면접을 진행해볼 수 있다. 모의면접은 질문이 보여지고 난 후로 30초간 답변 준비타임이 주어진다.


image

30초가 지난 후에는 자동으로 답변화면이 보여지면 90초의 답변시간이 주어진다. 녹화는 곧바로 자동시작되며 90초 이내에 답변을 모두 완료한 경우에는 90초를 기다릴 필요 없이 답변완료 버튼을 클릭할 수 있다.


image

답변을 완료하면, Finish 화면에 도달한다. Finish 화면에서는 녹화본을 재생해보면 답변 영상을 체크해볼 수 있으며, 재녹화를 진행해보고 싶을 경우 재답변 버튼을 클릭해 녹화를 다시 진행할 수 있다. 다른 질문에 대한 모의 면접을 진행해보고 싶을 경우 다음 문제 버튼을 클릭하며 면접 끝내기 버튼을 통해 홈 화면으로 다시 이동할 수 있다.





Usage Library

  • jQuery
  • wow.js

About

AI 모의 면접 웹사이트 개발 (Vanilla JS)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published