Final project

Gym 운영 웹 사이트

개발환경

OS

Window7

DBMS

Oracle

Language

Java, Ajax, Javascript, Jquery

개발툴

Database

Database 11g Express Edition Release 11.2.0.2.0 - 64bit Production

Design

HTML5

Editer

Spring, Jdbc, AngularJS, ChartJS, Bootstrap CSS

개발인원

개발기간

6명

2015.12~2016.01 (4주)

개발 취지 및 목적

헬스클럽센터를 운영하면서

웹 상에서 회원과 강사를 관리하고

회원이 좀더 체계적으로 운동할 수 있도록

안드로이드로 출석체크를 하는 한편

락커와 스케줄, 공지와 문의, 운동정보 게시판

운동량으로 칼로리 소모를 추측하여

확실한 다이어트 효과를 보고자 기획하였다.

DATABASE 구조도

실행화면

 세부내용

1) 우측 상단에 있는 메뉴를 클릭하면 스케줄을 볼 수 있음.

 실행화면

 세부내용

1) 스케줄 기본 화면(모든 경우에 동일)

2) <,>버튼은 월,주,일별 앞 뒤의 일정을 보는 기능.

   ‘오늘’이라는 버튼은 어느 일정을 보고 있더라도 월,주,일별 오늘에 해당하는 범위로 일정을 가리키게 됨.

3) 월,주,일 각각에 해당하는 버튼 클릭시 월별,주별,일별 스케줄을 볼 수 있음.

   2),3)버튼의 기능은 관리자 뿐 아니라 회원과 강사의 경우도 동일.

4) 하나의 일정을 클릭시 일정에 대한 정보를 볼 수 있음. 강사와 회원, 출석 여부를 구별하여 출력함.

실행화면

세부내용

1) 회원이 보는 자신의 스케줄. 회원은 전체가 아닌 자신의 스케줄만 조회가 가능함.

2) 일정을 클릭시 마찬가지로 해당 일정의 내용인 강사의 아이디와 출석 여부를 출력함.

 실행화면

 세부내용

1) 강사가 볼 수 있는 자신의 스케줄.

2) 자신의 페이지면 ‘전체스케줄 보기’라는 버튼이 있고 전체스케줄 페이지면 관리자가 보는 스케줄과 동일하게 나타나는데

   중앙쪽 상단에 ‘나의스케줄 보기’라는 버튼이 보임.

3) 일정을 클릭시 일정 내용과 출석여부를 출력함.

 실행화면

 세부내용

1) 스케줄 입력/수정은 강사만이 자신의 페이지에서 할 수 있음.

   강사는 시간을 구별할 수 없는 월부분에서 하기보다는 주,일 부분에서 하는 것이 좋음.

   특히 주 부분으로 가면 일주일과 30분간격으로 시간 단위를 모두 볼 수 있음.

2) 스케줄을 보고 강습할 시간에서부터 끝시간까지 드래그하면 스케줄 입력 가능

3) 드래그가 끝나면 등록할 회원의 ID를 입력함.

 실행화면

 세부내용

1) 변경하고 싶은 일정을 드래그하여 원하는 시간에 드롭하는 방식으로 스케줄을 변경함.

2) 스케줄 변경 여부를 묻는 창이 출력되면 수정 버튼을 클릭함.