FastCampus TeamProject Lotto App

1. RiCHMAN
Version 0.001
Date 2017-03-15
Type Screen Transition Specification
Screen Transition Specification

2. Revision History
Page 2
Version Version Title Description Remark
0.001 2017-03-16 All • First release

3. Table of Contents
Page 3
1. About
1.1. Information Architecture
2. Specifications
2.1. Wireframe(화면 구성)
3. Whole Flow
3.1. Scenario

4. 1.1. Information Architecture
Page 4
Depth 1 Depth 2 Depth 3 Depth 4
생성번호목록 번호 List
(날짜순 생성 번호 리스트)
번호생성 랜덤 번호 생성 고정번호 선택
(고정번호, 제외번호 선택
원하는 게임수 만큼 생성
저장)
(번호 생성시 고정적으로 포함되는
숫자 선택)
제외번호 선택
(번호 생성시 제외할 숫자 선택)
직접입력 번호 선택
(번호를 선택하여 저장)
당첨확인 카메라 화면 QR코드 url 페이지 표시
(카메라를 이용하여 QR코드 인식)
(WebView or 브라우저로 화면
구현)
판매점 지도앱 전국 판매점 리스트
(본인 위치를 중심으로 주변
판매점 표시)
(시, 군, 구 지역별 로또 판매점
리스트 표시)
설정 권한 선택
(Internet, GPS, Camera, SMS
권한 on/off
푸시알림
(당첨번호 알림)

5. 2.1. 화면 구성
Page 5
Screen ID 01_Intro
No. Description Type Display Condition
1 App 시작화면
Information
Control
No. Description Type Display Condition
1

6. 2.1. 화면 구성
Page 6
Screen ID 02_Main
No. Description Type Display Condition
1 해당 주차 당첨번호 표시
2 기본 메뉴 표시
Information
Control
No. Description Type Display Condition
A 설정 화면 진입 ImageButton
B QR코드 촬영 화면 진입 ImageButton
C 로또번호생성 화면 진입 CardView
D 로또번호 직접입력 화면 진입 CardView
E 만든번호목록 화면 진입 CardView
F 지난당첨번호 화면 진입 CardView
G 구입번호목록 화면 진입 CardView
H 로또판매점 화면 진입 CardView
1
2
B
C
D
E
F
G
A
H

7. 2.1. 화면 구성
Page 7
Screen ID 03_랜덤번호생성
No. Description Type Display Condition
1 고정수 목록
2 제외수 목록
3 번호 생성 개수 표시
4 번호 생성 리스트
Information
Control
No. Description Type Display Condition
A 고정수 번호 지정 Button
B 제외수 번호 지정 Button
C 생성할 번호 개수 입력 EditText
D 번호 생성 Button
E SMS / SNS 공유 ImageButton
1
2
A
B
C
D
E
4
3

8. 2.1. 화면 구성
Page 8
Screen ID 04_직접번호생성
No. Description Type Display Condition
1 번호 선택 화면
2 선택 번호 표시 화면
Information
Control
No. Description Type Display Condition
A 번호 선택 Image
B 번호 생성 Button
A
B
1
2

9. 2.1. 화면 구성
Page 9
Screen ID 05_생성번호목록
No. Description Type Display Condition
1 번호 생성 날짜
2 생성 번호 목록
Information
Control
No. Description Type Display Condition
A 삭제/수정할 번호 체크 CheckBox
B 체크된 번호 삭제 Button
1
2
B
A

10. 2.1. 화면 구성
Page 10
Screen ID 06_지난당첨번호
No. Description Type Display Condition
1 당첨번호 검색
2 당첨번호 리스트
Information
Control
No. Description Type Display Condition
A 입력 회차 이전 당첨번호 검색 EditText
B 회차 당첨번호 조회 CardView
1
2
A
B

11. 2.1. 화면 구성
Page 11
Screen ID 07_QRCamera
No. Description Type Display Condition
1 QR코드 스캔 촬영
2 QR코드 촬영 설정 버튼 모음
Information
Control
No. Description Type Display Condition
A 카메라 밝기조절 ImageButton
B 카메라 앞면/후면 전환 ImageButton
C QR코드 사진으로 저장 ImageButton
D 도움말 ImageButton
1
2
A B C D

12. 2.1. 화면 구성
Page 12
Screen ID 07_QRWebView
No. Description Type Display Condition
1
QR코드 URL 접속 페이지
(구매로또 당첨결과)
WebView
Information
Control
No. Description Type Display Condition
1

13. 2.1. 화면 구성
Page 13
Screen ID 08_구입번호목록
No. Description Type Display Condition
1 추첨회차 / 날짜 및 추첨여부
2 구입번호 리스트 / 당첨여부조회
Information
Control
No. Description Type Display Condition1
2

14. 2.1. 화면 구성
Page 14
Screen ID 09_전국판매점
No. Description Type Display Condition
1 지역 카테고리 지정
2 전국 판매점 주소 리스트
Information
Control
No. Description Type Display Condition
A 시/도 카테고리 지정 Spinner
B 구/군 카테고리 지정 Spinner
C 지정한 카테고리로 검색 Button
D 해당 판매점 주소의 지도 표시 Button
1
2
A B
C
D

15. 2.1. 화면 구성
Page 15
Screen ID 09_주변판매점
No. Description Type Display Condition
1 사용자 위치 주소 표시
2 사용자 위치 주변의 지도 보기
Information
Control
No. Description Type Display Condition

16. 2.1. 화면 구성
Page 16
Screen ID 10_설정
No. Description Type Display Condition
1 설정 화면 – 알림 및 권한을 설정
Information
Control
No. Description Type Display Condition
A 당첨번호 알림 on/off Switch
B 당첨번호 알림 on/off Switch
C 당첨번호 알림 on/off Switch
D 카메라 권한 on/off Switch
E SMS 사용 권한 on/off Switch
1
A
B
C
D
E

17. A B C D E F
1
2
3
G
3.1. Scenario
Page 17