MainPage
이 페이지는 주로 학생이 이용하기 때문에 학생의 입장에서 UI,UX를 설명하고, 필요할 시 부가적으로 학생과 학생회장의 입장에서 설명한다.
Last updated
이 페이지는 주로 학생이 이용하기 때문에 학생의 입장에서 UI,UX를 설명하고, 필요할 시 부가적으로 학생과 학생회장의 입장에서 설명한다.
Last updated
학생, 학생회장이 개인 정보를 변경할 때 사용하는 버튼이다.
사용자가 PKSCL 서비스를 이용하다 문제가 있을 시 문의를 할 수 있도록 생성된 버튼이다. 클릭 시 PKSCL 문의 챗봇으로 이동한다.
사용자가 로그아웃을 하는 버튼이다.
학생의 학과 정보를 확인할 수 있는 요소이다. 학과의 로고 및 학생회장의 이름만이 아니라, 학생이 장부를 확인하다 오류가 있을 시 학생회장에게 연락을 취할 수 있도록 학생회장의 이메일도 확인할 수 있다.
좌측에는 학생이 확인하고 싶은 장부를 클릭하게끔 조약돌이 배치되어 있다. 해당 조약돌은 장부의 무거운 느낌을 덜어내주면서, 둥근 직사각형들의 밋밋한 디자인에서 포인트 요소가 되어준다.
그리고 각 분기의 조약돌을 눌러주면 해당 분기의 장부를 보여준다. 그리고 전체적인 메인 컬러도 바뀌면서 해당 분기들마다의 계절감이 두두러진다.
하단의 이미지 경우에는 2분기를 선택했을 경우의 디자인이다. 다음과 같이 학생회장이 아직 공개하지 않은 분기일 경우에는 기린학과의 임시 장부를 확인할 수 있다.
장부는 행사 별로, 영수증 별로 열람이 가능하다. 영수증의 총액과 행사에 쓰인 금액의 총액 그리고 모든 행사의 금액을 총합한 분기의 총액을 확인할 수 있다.
그리고 행사 Box는 첫 페이지의 영수증을 확인 할 수 있으며 우측 상단의 더보기 버튼을 클릭하면 해당 행사의 전체 영수증을 확인 가능하다. 그리고 여러개의 영수증이 보여질 때에 영수증 간의 구문이 어렵기 때문에 영수증이 끝나는 부분에 작은 기린을 추가하였다.
영수증 이미지를 클릭시 영수증을 좀 더 크게 확인 가능하다.
학생회장의 경우, 본과의 장부를 학생의 입장에서 장부 확인을 할 수 있다. 학생과 동일하게 모든 기능을 수행할 수 있다. 다만, 학생회장에게 필요한 alert과 장부 수정 페이지 이동 Button이 추가된다.
관리자의 경우, 모든 학과의 장부를 학생의 입장에서 장부 확인을 할 수 있으며 학생과 동일하게 모든 기능을 수행할 수 있다. 그리고 nav에는 추가적으로 확인하고자 하는 학과를 입력하는 searchbar와 해당 학과의 분기별 공개 일자를 확인할 수 있다. 관리자의 mainpage 확인 기능은 학생이나 학생회장이 문의를 취하였을 때 보다 빠르게 문제를 해결하기 위해서 제작하였다.
