README.md

Attendence Management System: Frontend

Demo

0. 공통

0-a. 로그인 화면

• 사이트에 접속하면 나오는 초기화면
  
• 이미 회원가입 되어있는 사용자는 e-mail과 password를 입력하여 로그인, 아닐 경우 회원가입 클릭하여 계정등록 진행

0-b. 회원가입 - 학생(Student)/교사(Teacher) 선택

• 회원가입시에 학생(Student)/교사(Teacher)을 선택할 수 있다.

---

1. 교사

1-a. 회원가입(교사용)

• 이메일 인증을 통한 회원가입 구현. @cau.ac.kr 형식의 메일만 인증 가능하다.

• 데모버전이므로 실제로 메일이 발송되지는 않는다. 000000을 입력하면 인증에 성공한다.

1-b. 나의 수업 조회(교사용)

• 로그인에 성공한 후의 첫 화면
  
• 사용자(교사)가 담당하고 있는 수업 목록이 출력된다.

1-c. 수업추가(교사용)

• 수업추가 버튼을 클릭하면 나오는 팝업화면

• 교시는 시간추가를 통하여 추가할 수 있다.

• 수업추가가 완료되면 나의 수업 조회 페이지에서 추가한 수업을 확인할 수 있다.

1-d. 차시선택 팝업-출석체크 클릭시(교사용)

• 수업의 출석체크 버튼을 클릭하면 몇 차시의 출석체크를 진행할 것인지를 묻는 팝업이 나온다.

1-e. 수업상세 페이지(교사용)

• 차시를 선택하고 확인버튼을 누르면 출석체크를 할 수 있는 수업상세페이지로 들어오게 된다.
  
• 이 수업을 수강하는 모든 학생의 목록을 볼 수 있으며, 각 버튼을 통해 출석/결석/지각/기타 로 출결체크가 가능하다.

---

2. 학생

2-a. 회원가입(학생용)

• 교사용의 가입화면과 달리 학년/반/번호 를 입력하는 폼이 존재한다.
  
• 이메일 인증은 교사용과 동일하다.

2-b. 나의 수업 조회(학생용)

• 학생으로 로그인하면 나오는 초기 화면
• 사용자가 수강하고 있는 수업목록을 확인할 수 있다.

2-c. 수강신청(학생용)

• 수강신청페이지에 들어오면 교사들이 개설한 수업목록(학교에 개설된 모든 수업목록)을 볼 수 있다.
  
• 오른쪽 신청버튼을 통해 수강신청이 가능하다.

• 신청버튼을 누르면 신청을 확인하는 팝업이 나온다.

• 수강신청에 성공하면 나의 수업 조회페이지에서 수업목록에 추가된 것을 확인할 수 있다.