unannn / smart-gym Goto Github PK

https://youtu.be/Ougif8ey93Y

• 모바일 메인 페이지와 태블릿, 또는 PC에서 모두 대응할 수 있도록 반응형 어플리케이션으로 개발되었다.
  
  
• 현재 사용기구 조회, 다음 사용할 기구 조회, 혼잡도 조회, 오늘 예약한 기구 조회를 할 수 있다.
  
  
• 사용자가 기구를 예약한 시간이 되면 좌측 이미지처럼 현재 운동중인 기구(인클라인 벤치1)가 출력된다.
  
  
• 현재 사용 중인 기구 우측에 남은 기구 사용시간을 실시간으로 출력한다.
  
  
• 현재 운동 중인 기구의 사용이 끝나면 사용종료 버튼을 선택해 기구 사용을 종료한다. 종료된 운동기구는 모든 회원이 사용 가능한 상태가 된다.
  
  
• 사용 종료에 맞게 혼잡도도 실시간으로 수정된다.

• 사용자가 운동 중인 기구를 종료하면 ESL 에도 다음 이미지와 같이 사용가능 메시지를 출력한다. ESL의 디스플레이가 업데이트되는 시간은 10~30초 정도이다.

• 날짜 선택 페이지에 진입하면 현재날짜가 기본으로 선택되어 있다.
  
  
• 관리자가 설정한 예약 가능 날짜는 주황색 박스가 날짜를 감싸고 있는 형태로 출력된다.
  
  
• 예약 가능 날짜를 확인하고, 본인이 예약하고자 하는 날짜를 선택한다.
  
  
• 예약 가능 날짜가 아닌 날짜를 선택할 경우 예약 버튼이 비활성화 된다.
  
  
• 과거의 예약 날짜를 선택하면 선택한 날짜의 예약기록을 하단에서 확인할 수 있다.
  
  
• 과거 날짜를 선택했을 때 해당 날짜에 기구 예약 기록이 있을 경우 하단에 이를 출력한다.
  
  
• 하단의 예약하기 버튼을 클릭해 기구선택 페이지로 진입한다.
  
  

• 상단의 운동 부위 목록에서 본인이 운동할 부위를 선택하고 이에 해당하는 운동 기구를 선택한다.
  
  
• 관리자가 예약 불가 설정한 운동 기구의 경우 선택이 불가하다.
  
  
• 운동 기구(인클라인 벤치)를 선택하면 그 기구의 선택한 날짜에 대한 예약 이력 타임테이블을 출력한다.
  
  
• 타임테이블은 그래프 형식으로 되어있고, 각 막대기를 선택하면 막대기의 길이가 좌측으로 늘어나고, 하단에 막대기와 같은 색상의 배경으로 상세한 예약 시작시간과 종료시간을 출력한다.
  
  
• 예약한 시간을 피해 시간에 본인이 예약하고자 하는 시간을 선택한다.
  
  
• 아래와 같은 사유로 예약한 시간이 예약 불가한 시간인 경우 예약버튼 상단에 예약 불가 사유를 출력한다.
  
  
  1. 이미 본인이 예약한 기구일 경우
  2. 관리자가 사용자를 예약 불가 처리했을 경우
  3. 예약 시도한 시간이 현재 시간 보다 이전일 경우
  4. 예약하고자 하는 시간이 이미 다른 사용자가 예약한 시간일 경우