-
존재하지 않는 주소 입력
└─ 404 Not Found 페이지로 이동 -
회원 상세 페이지에서 존재하지 않는 회원 아이디 입력
└─ 회원 관리 페이지로 이동 -
비로그인 상태로 주소 입력
└─ 로그인 화면으로 이동 -
로그인 기간 만료
└─ 로그인 화면으로 이동
-
계정 정보 일치
└─ 백오피스 페이지로 이동 -
잘못된 ID 입력
└─ "존재하지 않는 아이디입니다." 플로팅 메시지 출력 -
잘못된 PW 입력
└─ "일치하지 않는 패스워드입니다." 플로팅 메시지 출력 -
ID 미입력
└─ "필수 입력 항목입니다.'" 하단 출력 -
PW 미입력
└─ "필수 입력 항목입니다.'" 하단 출력 -
PW 5글자 미만 입력
└─ "최소 5글자 입력해주세요" 하단 출력 -
PW 눈 모양 아이콘 클릭
└─ 비밀번호가 노출되고 가려짐
- 로그아웃 버튼 클릭
└─ 로그아웃 후 로그인 페이지로 이동
- 백오피스 홈 클릭
└─ 백오피스 홈 페이지로 이동
- 회원 관리 클릭
└─ 회원 관리 페이지로 이동
-
1024px 미만
└─ 메뉴 버튼을 눌러 사이드 바를 열 수 있음 -
1024px 이상
└─ 사이드 바가 열려 있음
-
메뉴 버튼 클릭
└─ 사이드 바가 열림 -
닫기 버튼 클릭
└─ 사이드 바가 닫힘
- 페이지 경로(Breadcrumb)
└─ 홈 생성
-
로그인ID
└─ 입력이 없을 경우, 회색 글씨로 '전체'가 표시됨 -
회원번호
└─ 입력이 없을 경우, 회색 글씨로 '전체'가 표시됨 -
조회기간
└─ 2022-01-01 ~ 현재 년, 월, 일 -
페이지 경로(Breadcrumb)
└─ 회원 관리 생성
-
로그인ID 입력
└─ 입력된 로그인ID을 포함하는 회원 리스트 출력 -
회원번호 입력
└─ 입력된 회원번호를 포함하는 회원 리스트 출력 -
조회기간 입력창 클릭
└─ 날짜를 선택할 수 있는 달력이 열림 -
조회기간 선택 (시작일, 종료일 각각)
└─ 날짜 선택창 닫힘, 입력창 날짜 업데이트, 입력된 조회기간에 가입일이 포함되는 회원 리스트 출력 -
오늘 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜를 현재 날짜로 설정한다. -
1주일 버튼 클릭
└─ 조회기간의 시작 날짜를 끝 날짜의 1주일 전으로 설정한다. -
전체 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜를 각각 저장되어있는 사용자의 정보에서 가장 오래된 날짜와, 가장 최근 날짜로 설정한다. -
초기화 버튼 클릭
└─ 최초 진입의 경우와 동일하게 초기화
-
'회원번호' 헤더 클릭
└─ 회원번호 오름차순, 내림차순으로 정렬 -
'가입일' 헤더 클릭
└─ 가입일 오름차순, 내림차순으로 정렬 -
'로그인ID' 헤더 클릭
└─ 로그인ID 오름차순, 내림차순으로 정렬
- 관리 버튼 클릭
└─ 해당 회원의 회원 상세 정보 페이지로 이동
-
로그인ID
└─ 해당 회원의 로그인ID 출력 -
회원번호
└─ 해당 회원의 회원번호 출력 -
가입 일시
└─ 해당 회원의 가입 일시 출력 -
심박수 그래프 조회기간
└─ 조회 기간의 시작 날짜와 끝 날짜가 각각 해당 회원 심박수 데이터의 최초 날짜와 마지막 날짜로 설정 -
걸음수 그래프 조회기간
└─ 조회 기간의 시작 날짜와 끝 날짜가 각각 해당 회원 걸음수 데이터의 최초 날짜와 마지막 날짜로 설정 -
페이지 경로(Breadcrumb)
└─ 회원 상세 정보 생성
-
조회기간에 데이터가 있는 경우
└─ 해당 데이터에 맞게 그래프가 그려진다. -
조회기간에 데이터가 없는 경우
└─ 데이터가 없습니다 이미지가 출력된다. -
조회기간 시작 날짜
└─ 조회기간 시작 날짜를 설정할 수 있다. -
조회기간 끝 날짜
└─ 조회기간 끝 날짜를 설정할 수 있다. -
조회기간이 그래프와 동일할 경우
└─ 조회하기 버튼 비활성화 -
조회기간이 그래프와 다를 경우
└─ 조회하기 버튼 활성화 -
조회하기 버튼 클릭
└─ 설정된 조회기간이 그래프에 반영된다. -
오늘 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜가 현재 날짜로 설정한다. -
1주일 버튼 클릭
└─ 조회기간의 시작 날짜가 끝 날짜의 1주일 전으로 설정한다. -
전체 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜를 각각 해당 유저 심박수 데이터의 가장 오래된 날짜와, 가장 최근 날짜로 설정한다. -
차트 툴팁
└─ 차트 위에 마우스 커서를 올리면 해당 좌표에 대한 날짜와 값이 말풍선 모양으로 출력된다.
-
조회기간에 데이터가 있는 경우
└─ 해당 데이터에 맞게 그래프가 그려진다. -
조회기간에 데이터가 없는 경우
└─ 데이터가 없습니다 이미지가 출력된다. -
조회기간 시작 날짜
└─ 조회기간 시작 날짜를 설정할 수 있다. -
조회기간 끝 날짜
└─ 조회기간 끝 날짜를 설정할 수 있다. -
조회기간이 그래프와 동일할 경우
└─ 조회하기 버튼 비활성화 -
조회기간이 그래프와 다를 경우
└─ 조회하기 버튼 활성화 -
조회하기 버튼 클릭
└─ 설정된 조회기간이 그래프에 반영된다. -
오늘 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜가 현재 날짜로 설정한다. -
1주일 버튼 클릭
└─ 조회기간의 시작 날짜가 끝 날짜의 1주일 전으로 설정한다. -
전체 버튼 클릭
└─ 조회기간의 시작 날짜와 끝 날짜를 각각 해당 유저 걸음수 데이터의 가장 오래된 날짜와, 가장 최근 날짜로 설정한다. -
차트 툴팁
└─ 차트 위에 마우스 커서를 올리면 해당 좌표에 대한 날짜와 값이 말풍선 모양으로 출력된다.
-
홈 클릭
└─ 백오피스 홈 페이지로 이동 -
회원 관리 클릭
└─ 회원 관리 페이지로 이동 -
회원 상세 정보 클릭
└─ 회원 상세 정보 페이지로 이동