---
# System prepended metadata

title: 시연 시나리오

---

# 시연 시나리오

## 회원 관리
### 1. 회원가입(학부모)


![](https://i.imgur.com/R9BdOPX.png)
- 회원가입 버튼을 클릭한다.

![](https://i.imgur.com/iyJKKLy.png)

- 기본 정보 입력 및 휴대전화 인증을 진행한다.
→ 기본 정보 입력
아이디 : ssafy1004
비밀번호 : ssafy1004
비밀번호 : ssafy1004
이름 : 박주호

    → 인증 번호 받기 버튼 클릭
휴대전화 : 01037613275 

    → 문자 메시지의 인증번호를 확인하여 입력 후 인증번호 확인 버튼 클릭

- 우측 하단의 학부모로 가입 클릭

![](https://i.imgur.com/5ZOhhv8.png)

- 추가 정보 입력 후 회원가입을 완료한다.
아이 이름 : 박나은
유치원 코드 : 1000 (유치원 고유 코드 번호를 입력)
반 선택 : 새싹 반 (셀렉트 박스에서 새싹 반 선택)

### 2. 로그인(승인 전)

![](https://i.imgur.com/s864NqI.png)

- 로그인 입력 후 로그인 버튼 클릭
→ 승인대기 상태라는 메시지 출력을 확인한다.
아이디 : ssafy1004
비밀번호 : ssafy1004



### 3. 로그인(승인 후)

- 선생님 계정으로 로그인한다.
아이디 : sfyteacher1
비밀번호 : sfyteacher1
입력 후 로그인 버튼 클릭


- 시간 절약을 위해 학부모 계정은 시연 전에 미리 로그인 해놓는다.
아이디 : ssafy555
비밀번호 : ssafy555

<br>

## 메인 화면

**[선생님 화면에서 시작]**

![](https://i.imgur.com/eJPfO7F.png)

- 기능에 대한 설명을 보여주기 위해 중앙에 6가지 메인 기능으로 이동할 수 있는 큰 버튼 마우스 오버


### 1. 로고

- 좌측 상단 로고로 모든 화면에서 메인 화면으로 이동할 수 있음을 보여주기 위해 알림장 버튼 클릭 후 로고 클릭해서 메인으로 돌아온다.

### 2. 마이페이지
![](https://i.imgur.com/ujb6zMM.png)

- 우측 상단 네비게이션바의 프로필 사진을 클릭
→ 마이페이지로 이동

![](https://i.imgur.com/6vxLDB1.png)

- 중앙 프로필 사진 옆의 연필 버튼 클릭
→ 프로필 사진 변경 모달 보여준다.
- 모달의 사진 선택 클릭 
→ 사진을 선택 후 변경하기 클릭
→ 사진이 변경되는 것을 보여준다.


![](https://i.imgur.com/UuYMp4V.png)

- 우측 상단에 위치한 비밀번호 변경 버튼 클릭하여 비밀번호 변경 모달 보여준다.
- 주요 기능 소개를 위해 우측 상단의 로고를 클릭하여 메인 화면으로 돌아간다.

## 주요 기능(6개)
### 1. 알림장
![](https://i.imgur.com/9KR5eNE.jpg)

- 중앙 리스트 클릭
→ 알림장 상세보기가 변경되는 것을 보여준다.
- 리스트 하단 더보기 버튼을 클릭
→ 더 많은 알림장을 리스트 보여준다.
- 중앙 상단 검색창에 이지안 검색
->이지안에 대한 알림장만 나오는 것을 보여준다.
- 우측 하단 연필 버튼 클릭
→ 작성 영역의 셀렉트 박스에서 알림장을 보낼 학부모(이지안) 선택
→ 글 작성 + 사진첨부를 한 후 하단의 작성 버튼 클릭 

**[학부모 화면으로 전환]**
- 알림장으로 이동하여 작성이 된 것을 확인

### 2. 채팅
![](https://i.imgur.com/f64ptM1.jpg)
![](https://i.imgur.com/bQTv7k6.jpg)
![](https://i.imgur.com/v3ptb9d.jpg)


**[선생님 화면으로 전환]**
- 사이드바 채팅 클릭
- 이지안 부모님 채팅방 클릭
- "안녕하세요" 입력

**[학부모 화면으로 전환]**
- 김싸피 선생님 채팅방 클릭
- 채팅방 우측 상단 '로그인 '상태 확인
- "안녕하세요 선생님" 입력

**[선생님 화면으로 전환]**
- 네비게이션바 프로필 클릭 후 드롭다운에서 자리비움 메뉴 클릭하여 상태 변경

**[학부모 화면으로 전환]**
- 김싸피 선생님 채팅방 우측 상단 '자리비움'상태 확인




### 3. 앨범
![](https://i.imgur.com/LuDJwzx.jpg)
![](https://i.imgur.com/tdlB0kk.jpg)

**[선생님 화면으로 전환]**
- 사이드바 앨범 클릭
- 추석 전통놀이 썸네일 클릭
→ 앨범 디테일 모달창 보여주기
- 하단의 미리보기 사진을 클릭
→ 앨범 사진 감상하기
- 우측 상단 다운로드 버튼 클릭
→ 다운로드 받은 파일 보여주기
- 우측 상단 닫기 버튼 클릭
- 우측 상단 업로드 버튼 클릭
→ 파일 업로드가 가능한 모달 보여주기
→ 제목 및 5장의 사진 추가하기
- 저장 버튼 클릭
- 생성한 앨범 썸네일 클릭
→ 업로드한 사진 보여주기
- 앨범 디테일 창 끄기

### 4. 출석부
![](https://i.imgur.com/Cjqh17z.jpg)
![](https://i.imgur.com/nq4wzM0.png)
- 사이드바 출석부 클릭
- 아이 이미지를 클릭하면 출결 상태 변화를 보여주기
- 지안이의 출결을 결석으로 변경

**[학부모 화면으로 전환]**
- 사이드바 출석부 클릭
- 지안이 출결 변경 확인 
- 
**[선생님 화면으로 전환]**
- 달력에서 목요일 클릭 
→ 지난 날짜의 출석부를 보여주기

### 5. 공지

![](https://i.imgur.com/4C9K2ux.jpg)
- 사이드바 공지사항 클릭
![](https://i.imgur.com/lPKN3Ge.jpg)
- 중앙 상단의 일정 탭 클릭
![](https://i.imgur.com/TOOdWjm.jpg)
- 중앙 상단의 식단 탭 클릭

### 6. 요청사항
**[학부모 화면으로 이동]**
- 사이드바 요청사항 클릭
- 투약 요청 작성
- 증상 : 몸살
약 종류 : 가루약
투약 용량 : 1
투약 횟수 : 1
투약 시간 : 오후 2시
보관 방법 : 상온
특이 사항 : 지안이가 가루약을 잘 못 넘겨요.
하단의 작성 버튼 클릭

**[선생님 화면으로 이동]**
![](https://i.imgur.com/EySviRQ.png)
- 사이드바 요청사항 클릭
- 요청사항 내용 확인
![](https://i.imgur.com/F7xdT3I.jpg)
- 중앙의 귀가동의 클릭

## 추가 기능(GPS - 등/하원버스 위치 확인)

- 선생님, 학부모 모두 로고 클릭하여 메인화면으로 이동
- 선생님, 학부모 화면을 모두 확인할 수 있도록 화면의 크기를 1/2로 줄임


**[학부모 화면으로 이동]**

![](https://i.imgur.com/o7E1gTe.jpg)

- 네비게이션바에 있는 gps 버튼 클릭 
→ "등하원 버스 운행 시간이 아닙니다" 메시지 모달창 보여주기

**[선생님 화면으로 이동]**
![](https://i.imgur.com/IccA3O3.png)

- 네비게이션바에 있는 gps 버튼 클릭
→ "등하원 버스 운행을 시작하시겠습니까?" 메시지 모달창 보여주기
- 모달 창 "예" 버튼 클릭

**[학부모 화면으로 이동]**
![](https://i.imgur.com/rpKpKKn.jpg)

- 네비게이션바에 있는 gps 버튼 클릭 
→ 지도 화면 보여주기


**[선생님 화면으로 이동]**
![](https://i.imgur.com/l5Xt56g.png)

- 네비게이션바에 있는 gps 버튼 클릭
→ "등하원 버스 운행을 종료하시겠습니까?" 메시지 모달창 보여주기
- 모달 창 "예" 버튼 클릭

**[학부모 화면으로 이동]**
![](https://i.imgur.com/Lp1dqJk.jpg)
- "등하원 버스 운행이 완료되었습니다." 메시지 모달창 보여주기

**[녹화한 영상으로 화면 전환]**
- 직접 녹화한 버스의 이동 경로 영상 틀기