KH Fitness
프로젝트 발표날짜 : 2024. 11. 11

(디지털컨버전스)공공데이터 융합 자바개발자 양성과정A30(11) 1회차
팀장/팀원 | 임**(팀장) : - 고객센터 - 리뷰게시판 - 모든사용자가 리뷰 조회 - 결제내역이 있는 회원만 등록, 수정, 삭제 - 자주 묻는 질문 - 1:1문의 - 문의 유형별, 지점별 선택하여 문의 - 비회원은 이메일로 답변 - 회원은 마이페이지에서 확인 - 마이페이지 - 결제 내역 - 현재 보유한 회원권 조회 및 결제내역 조회 - 결제내역에 따른 리뷰 작성하기 - 환불받은 항목의 환불내역조회 - 프로그램 일정 - 본인의 이전 예약 내역과 현재 예약현황 조회 - 나의 작성글 - 본인이 작성한 리뷰글 조회, 수정, 삭제 - 문의 내역 - 본인이 작성한 문의내역 및 답변 조회 - 개인정보수정 - 현재 비밀번호를 입력받아 개인정보 확인 후 수정 - 카카오, 네이버아이디 연동 - 비밀번호 변경 - 회원탈퇴 - 회원권 이용중인 사용자는 탈퇴 방지 - 지점관리 - 프로그램 관리 - 본인지점 프로그램 등록, 수정, 삭제(본사에서 등록한 프로그램만 가능) - 프로그램 일정 - 본인지점 프로그램 스케줄 조회 및 등록, 수정, 삭제 - 일정 조회 시 해당 일정을 등록한 회원목록 조회 - 운동기구 발주목록 - 발주내역 조회 - 발주신청. 아직 승인나지 않은 발주내역에 대해 신청취소 가능 - 운동기구 보유목록 - 본인지점 운동기구 조회 - 입출고 등 재고변동내역 조회 - 직원관리 - 본인지점 직원 조회 및 등록, 수정, 삭제 - 지점상세 - 본인지점 상세설명 수정 - 지점명, 주소, 관리자아이디, 이메일은 본사만 수정 가능 - 회원관리 - 등록된 모든 회원 조회 - 회원상세에서 노쇼경고횟수 수정 가능 - 문의내역 - 회원 또는 비회원이 본인지점에 문의한 내역 조회 및 답변기능. - 유스케이스 다이어그램 작성 |
---|---|
김** : - 본사관리 - 지점관리 - 지점 등록(여러 사진 파일 등록 가능, 다음 주소 API 사용, 지점관리자 계정 생성) - 지점정보 및 지점관리자 아이디 수정 가능 - 직원관리 - 직원 등록(프로필사진 및 소속 지점 지정 필수, 주소 API 사용) / 수정 / 삭제 - 운동기구 관리 - 기구 등록(기구사진 필수) / 수정 - 회원권 관리 - 회원권 등록 / 수정 - 프로그램 관리 - 프로그램 등록(여러 사진 파일 등록 가능) / 수정 - 재고 관리 - 본사 재고 기록(테이블) 및 현황(이미지) 조회 / 입고 - 발주 내역 - 지점에서 신청한 발주 내역 조회 및 승인 or 거부 선택 - 승인 시 본사 재고에서 지점 재고로 기구 이동 - 회원 조회 - 문의 내역 - 회원이 본사로 작성한 문의 내역 조회 및 답변 등록 - 답변 등록 후 이메일로 답변 등록 메세지 전송 - FAQ 관리 - FAQ 등록 및 수정 - 환불 처리 - 회원이 문의를 통해 신청한 환불 내역을 처리 - 대부분의 화면이 검색 기능과 모달을 사용 - erd cloud를 통한 전반적인 db 설계 | |
박** : - 회원권 - 회원권 조회 - 로그인이 되어있는 경우에만, 결제창 이동해서 결제기능 구현 - PT결제는 회원권이 없으면 보이지 않도록 처리 - 회원권 and PT 결제 - i’m port 결제 api 구현 - 카카오페이로 결제 기능 구현 - 결제시, 사용자가 시작 날짜를 선택하도록 구현 - 이미 결제 한 후, 2번째 결제 시(재결제 시) 마지막 날짜 +1일로 업데이트 구현 - 프론트 - 전반적인 디자인 설계 - 피그마 - 전반적인 html, css 구현 - 전반적인 WBS, 기획 - 구글스프레드시트, 노션 등 | |
정** : - 지점소개 - 전 지점 안내 - 카카오맵 api 구현 - 모든 지점을 한 지도에서 마커로 볼 수 있게 구현 - 지도에서 벗어날 경우 트래커로 대략 적인 위치 표시 - 마커 선택 시 각 지점 안내 페이지로 이동 - 각 지점 안내 - 지점 위치를 카카오맵 api로 구현 - 마커 클릭 시 카카오맵 페이지로 이동 - 지점 정보 사진을 fancybox로 구현 - 지점에 등록된 직원 정보(이미지, 프로필) 조회 - 프로그램 - 프로그램 안내 - 각 프로그램에 대한 이미지, 설명 조회 - 이미지 조회는 swiper를 커스터마이징하여 구현 - 프로그램 일정 - 달력으로 프로그램 일정 조회 기능 구현 - 지점 별, 프로그램 별 상세 조회 기능 제공 - 달력에서 날짜를 선택하면 해당 날짜의 상세 일정 조회/예약 구현 - 일정 표는 모달로 구현 - 상세 일정 조회에서 담당 트레이너의 정보를 볼 수 있도록 구현 - 기한이 지난 일정/ 정원이 찬 일정은 예약이 불가 하도록 구현 - 소셜 로그인 - 카카오 로그인 - 카카오 api와 연동하여 토큰으로 사용자 정보를 받아와 로그인 / 회원가입 / 기존 계정과 연동 구현 - 네이버 로그인 - 네이버 api와 연동하여 토큰으로 사용자 정보를 받아와 로그인 / 회원가입 / 기존 계정과 연동 구현 - 서버 구축, 코드 통합 및 최적화 | |
허** : - 헤더 - 로그인 여부에 따라 로그인/로그아웃 버튼 변경 - 로그인 시 계정 권한에 따라 헤더 변경 - 로그인 - 자동 로그인 체크 시 쿠키 생성 - 쿠키 사용 기간 2일 설정 - 아이디 찾기 - 아이디 출력 모달 삽입 - 로딩 모달 삽입 - 비밀번호 찾기 - 이메일 전송 기능 - 비밀번호 재발급 후 비밀번호 변경 기능 - 로딩 모달 삽입 - 유저 검색기능 - 아이디가 존재하는데 비밀번호 오타인 경우와 반대의 경우 에러창이 다르게 나오게 설정 - 로그아웃 - 로그아웃 시 쿠키 삭제 - 자동 로그인 해제 - 이용약관 - [필수] 약관 미 동의시 폼 제출 불가 - 모두 동의 체크 기능 - 회원가입 - 아이디, 비밀번호, 비밀번호 확인 필드 정규표현식 검사 - 아이디 4자~10자, 비밀번호 4~15자 고정 - 아이디, 이메일 실시간 중복 검사 - 에러 상황에 따른 메세지 출력 세분화 - 회원가입 중 페이지 이탈에 따른 경고창 - 당일로부터 12년 전까지 날짜 선택불가 (12살 이하인 경우 회원가입 불가) 헤더 - 로그인 여부에 따라 로그인/로그아웃 버튼 변경 - 로그인 시 계정 권한에 따라 헤더 변경 로그인 - 자동 로그인 체크 시 쿠키 생성 - 쿠키 사용 기간 2일 설정 - 아이디 찾기 - 아이디 출력 모달 삽입 - 로딩 모달 삽입 - 비밀번호 찾기 - 이메일 전송 기능 - 비밀번호 재발급 후 비밀번호 변경 기능 - 로딩 모달 삽입 - 유저 검색기능 - 아이디가 존재하는데 비밀번호 오타인 경우와 반대의 경우 에러창이 다르게 나오게 설정 로그아웃 - 로그아웃 시 쿠키 삭제 - 자동 로그인 해제 이용약관 - [필수] 약관 미 동의시 폼 제출 불가 - 모두 동의 체크 기능 회원가입 - 아이디, 비밀번호, 비밀번호 확인 필드 정규표현식 검사 - 아이디 4자~10자, 비밀번호 4~15자 고정 - 아이디, 이메일 실시간 중복 검사 - 에러 상황에 따른 메세지 출력 세분화 - 회원가입 중 페이지 이탈에 따른 경고창 - 당일로부터 12년 전까지 날짜 선택불가 (12살 이하인 경우 회원가입 불가) | |
개요 | 헬스장 회원과 관리자가 모두 편리하게 이용할 수 있는 웹사이트를 구현하여, 회원의 등록, 예약, 환불 등 기존에 구두로 처리하던 절차를 온라인으로 전환하고, 지점과 본사에서 기구 발주, 재고, 관리 등을 일괄적으로 관리할 수 있는 효율적이고 유연한 환경을 제공 |
구현기능 | 1. 사용자 - 회원가입, 로그인 - 지점 위치, 사진, 직원리스트, 지점설명 조회 - 지점별 프로그램 설명 및 일정 조회, 일정예약 - 회원권 결제 - 리뷰게시판, FAQ, 1:1문의 - 나의 회원권, 예약내역, 리뷰내역, 문의내역, 정보 등 조회 및 수정 2. 지점 관리자 - 지점 프로그램 등록, 수정, 삭제 - 프로그램 스케줄 등록, 수정, 삭제 - 운동기구 발주목록 조회, 및 발주등록 - 직원 등록, 수정, 삭제 - 회원 조회 및 노쇼경교 횟수 수정 - 지점 상세설명 수정 - 문의내역 조회 및 등록 3. 본사 관리자 - 지점 등록, 수정 - 직원 등록, 수정, 삭제 - 운동기구 등록, 수정 - 회원권 등록, 수정 - 프로그램 등록, 수정 - 지점 발주 승인 및 거부 처리 - 보유 운동기구 재고 조회, 입출고 처리 - 회원 조회 - FAQ 등록, 수정 - 문의내역 조회 및 등록 - 회원권 환불처리 |
설계의 주안점 | 1. 사용자 중심의 예약 편의성 강화 - 사용자 원하는 운동 프로그램(헬스장, 크로스핏, 필라테스 등)을 손쉽게 검색하고 예약할 수 있는 직관적인 UI 설계. 2. 관리자의 효율적인 회원 및 지점 관리 - 회원 정보, 예약 이력, 경고 내역 등을 한눈에 확인할 수 있는 회원 관리 시스템과 각 지점의 프로그램 스케줄, 인원 제한, 강사 배정 등을 유연하게 설정할 수 있는 관리 기능을 제공 3. 실시간 예약 상태 업데이트 - 예약 확인, 취소, no-show 경고 등 중요 정보를 실시간으로 제공하며, 관리자가 예약 인원 현황과 프로그램 변동 사항을 실시간으로 확인할 수 있는 대시보드를 지원합니다. |
사용기술 및 개발환경 |
- OS : Windows10 - Server : Apache Tomcat 9.0 - Database : MySQL - Front-end : HTML5 / CSS / javascript / jQuery / Ajax / JSP - Back-end : Java / Spring / MyBatis - Editor : sts / MySQL workbench 8.0 EC / VS code - API : Daum주소API, 카카오지도 API, 카카오페이 API, 카카오로그인 API, 네이버로그인 API - 협업 : GitHub, Notion, Google Sheets, Figma, ERD cloud, draw.io |
![]() ![]() |