You are on page 1of 14

GST Week1

Project Create Date


Requirement Function name Project General Information
management Update Date

1. Overview
Tài liệu mô tả Screen Flow của ứng dụng quản lý thư viện.
Tùy loại người dùng mà có thể nhìn thấy các scree tương ứng nào, và cách các screen có thể gọi lẫn nhau ra sao.
Có 2 nhóm người dùng chính là: Librarian và Registered People (Student, Faculty)

2. Screen list

No Screen ID Screen Name UC Name


1 SCR_PRJ_001 Login UC_PRJ_001 Login
2 SCR_PRJ_002 View Library UC_PRJ_002 View Library
3 SCR_PRJ_003 View details UC_PRJ_003 View details
4 SCR_PRJ_004 View notification UC_PRJ_004 View notification
5 SCR_PRJ_005 View reservation UC_PRJ_005 View reservation
6 SCR_PRJ_006 View borrowed books UC_PRJ_006 View borrowed books
7 SCR_PRJ_007 Get help about LiMS UC_PRJ_007 Get help about LiMS
8 SCR_PRJ_008 Purchase UC_PRJ_008 Purchase
9 SCR_PRJ_009 Change password UC_PRJ_009 Change password
10 SCR_PRJ_010 Update Library UC_PRJ_010 Update Library
11 SCR_PRJ_011 Add new users UC_PRJ_011 Add new users
12 SCR_PRJ_012 View purchasing request UC_PRJ_012 View purchasing request
Process
Screen Design
Create Date 10/12/16 Creator
Update Date 10/17/2016 Updater

UC Name
Login
View Library
View details
View notification
View reservation
View borrowed books
Get help about LiMS
Purchase
Change password
Update Library
Add new users
View purchasing request
Screen ID SCR-001 Function name Trang Chủ

1. Tổng quan

Màn hình trang chủ cho phép hiển thị sản phẩm.

2. Thiết kế màn hình

2.1. Giao diện màn hình

2.2. Các thành phần trong màn hình

# Tên Kiểu Bắt buộc Giá trị mặc định Vùng giá trị
Vùng màn hình cha
1 Menu (Trang chủ, điện thoại, Tab Chuyển đến tab khác
2 Tìm kiếm Textbox Nhập nội dung tìm ki
3 Nút tìm kiếm Button Dùng để xác nhận tìm
4 Nút Giỏ hàng Button Dùng để đi đến giỏ h
5 Nút đăng nhập Button Chưa đăng nhập Đăng nhập vào tài kh
6 Nút đăng kí Button Chưa đăng nhập Đăng kí tài khoản ch
Vùng màn hình trang chủ
7 Nút chi tiết sản phẩm Button Xem chi tiết sản phẩm
8 Thêm vào giỏ hàng Button Đã đăng nhập 1 Thêm sản phầm khác
9 Tên sản phẩm layout Hiển thị tên sản phẩm
10 Giá Tiền layout Hiển thị giá sản phẩm
2.3. 1) Tìm kiếm sản phẩm
Người dùng nhập vào ô tìm kiếm sản phẩm.
Nếu tìm thấy kết quả hệ thống sẽ hiển thị danh sách sản phẩm tìm kiếm.Ngược lại hiển thị "không tìm thấy sản phẩm nào".
2) Xem chi tiết
Với mỗi sản phẩm người dùng chọn vào ảnh sản phẩm để xem chi tiết về sản phẩm đó.
Hệ thống sẽ hiển thị toàn bộ thông tin của sản phẩm đó.
3) Giỏ hàng
Người dùng đăng nhập vào hệ thống.
Sau đó vào giỏ hàng để xem các sản phẩm đã thêm và thực hiện thanh toán để nhận hàng.
Nếu không tìm thấy sản phẩm nào trong giỏ hàng, hệ thống sẽ thông báo "Bạn chưa thêm sản phẩm nào vào giỏ hàng.
4) Đăng nhập
Người dùng bấm vào nút đăng nhập.
Hệ thống sẽ chuyển đến trang đăng nhập để người dùng điền các thông tin theo yêu cầu.
5) Đăng kí
Người dùng bấm vào nút đăng kí.
Hệ thống sẽ chuyển đến trang đăng nhập để người dùng điền các thông tin theo yêu câu
6) Điện thoại
Người dùng bầm vào nút "Điện Thoại".
Hệ thống sẽ chuyển người dùng đến trang điện thoại.
7) Liên Hệ
Người dùng bấm vào nút "Liên Hệ"
Hệ thống sẽ chuyển người dùng đến trang liên hệ.

Screen ID SCR-001 Function name Giỏ Hàng

1. Tổng quan

Màn hình giỏ hàng cho phép hiển thị sản phẩm khách hàng đã thêm vào.

2. Thiết kế màn hình

2.1. Giao diện màn hình


2.2. Các thành phần trong màn hình

# Tên Kiểu Bắt buộc Giá trị mặc định Vùng giá trị
Vùng màn hình trang giỏ hàng
1 Nút "tiếp tục xem sản phẩm" Button Đã đăng nhập Đi đến trang chủ
2 Nút "thông tin đơn hàng" Button Đã đăng nhập Đi đến trang đơn hàn
3 nút "X" (xóa) Button Đã đăng nhập Xóa sản phẩm khỏi g
4 Nút "Cập nhật" Button Đã đăng nhập Cập nhật số lượng sả
5 Số lượng Textbox Đã đăng nhập 1 Nhập số lượng sản p
6 Tên sản phẩm layout Đã đăng nhập Tên sản phẩm
7 Hình sản phảm image Đã đăng nhập Hình của sản phẩm
9 Giá sản phẩm layout Đã đăng nhập Giá sản phẩm
10 Nút "Đặt hàng" Button Đã đăng nhập Chuyển đến trang đặt

2.3. 1)Tiếp tục xem sản phẩm


Người dùng nhấn nút "tiếp tục xem sản phẩm".
Hệ thống chuyển người dùng ra trang chủ.
2) Xem hóa đơn
Người dùng bấm vào nút "thông tin hóa đơn".
Hệ thống chuyển người dùng đến trang thông tin hóa đơn.
3) Xóa sản phẩm
Người dùng bấm vào nút "X"
Hệ thống sẽ xóa sản phẩm đó ra khỏi giỏ hàng.
4) Cập nhật
Sau khi người dùng đã nhập số lượng muốn mua vào ô "số lượng".
Bấm vào nút cập nhật.
Hệ thống sẽ cập nhật lại số lượng cho khách hàng
5) Đặt hàng
Người dùng bấm vào nút "đặt hàng".
Hệ thống sẽ đặt toàn bộ sản phẩm có trong giỏ hàng của khách hàng.

Screen ID SCR-001 Function name Đăng Nhập

1. Tổng quan

Màn hình Đăng nhập cho phép người dùng nhập "Tài khoản" & "Mật khẩu" đã được đăng ký trên hệ thống.

2. Thiết kế màn hình

2.1. Giao diện màn hình


2.2. Các thành phần trong màn hình

# Tên Kiểu Bắt buộc Giá trị mặc định Vùng giá trị
Vùng màn hình trang Đăng Nhập
1 Nút "Đăng kí tài khoản mới" LinkButton Đi đến trang Đăng kỳ
2 Nút "Quên mật khẩu" LinkButton Đi đến trang Quên m
3 nút "Đăng Nhập" Button Đăng nhập tài khoản
4 Tên Đăng nhập hoặc Email Textbox Tài khoản hoặc emai
5 Mật khẩu Textbox Mật khẩu đã được đă

2.3. 1)Đăng kí tài khoản mới


Người dùng nhấn nút "đăng ký tài khoản mới".
Hệ thống chuyển người dùng đến trang đăng ký.
2) Quên mật khẩu
Người dùng bấm vào nút "Quên mật khẩu".
Hệ thống chuyển người dùng đến trang Quên mật khẩu.
3) Đăng nhập
Người dùng bấm vào nút "Đăng nhập"
Hệ thống sẽ xem người dùng đã nhập đúng tài khoản & mật khẩu có trên hệ thống hay chưa
- Nếu "đúng" thì đăng nhập vào và chuyển đến trang chủ của hệ thông
- Nếu "sai" thì thống báo cho người dùng biết trên màn hình của trang đăng nhập

Screen ID SCR-001 Function name Đăng ký

1. Tổng quan

Màn hình Đăng ký phép người dùng mới nhập thông tin đăng ký như: Họ và tên, Email, Tên đăng nhập, Mật khẩu và N

2. Thiết kế màn hình


2.1. Giao diện màn hình
2.2. Các thành phần trong màn hình

# Tên Kiểu Bắt buộc Giá trị mặc định Vùng giá trị
Vùng màn hình trang Đăng Ký
1 Nút "Bạn đã có tài khoản?" LinkButton Chưa đăng nhập Đi đến trang Đăng N
2 Nút "Đăng ký" Button Chưa đăng nhập Đăng ký tài khoản ng
3 Họ và tên Textbox Họ và tên của người
4 Email Textbox Email của người dùn
5 Tên đăng nhập Textbox Tên đăng nhập chưa
6 Mật khẩu Textbox Mật khâu
7 Nhập lại mật khẩu Textbox Nhập lại mật khẩu ph

2.3. Những tương tác chính của màn hình


1) Bạn đã có tài khoản?
Người dùng nhấn vào nút "Bạn đã có tài khoản?"
Hệ thống sẽ chuyển người dùng đến trang đăng nhập.

2) Đăng ký
Người dùng bấm nút "đăng ký".
Hệ thống sẽ kiểm tra xem Email, Tên đăng nhập, có bị trùng với tất cả các tài khoản đã tồn tại trên hệ thống, và
Nếu tất cả thông tin "hợp lệ" thì hệ thống sẽ chuyển sang trang xác nhận, yêu cầu người dùng nhập mã xác nhận
Nếu thông tin "không hợp lệ" thì hệ thống sẽ thông báo cho người dùng biết trên màn hình của trang đăng ký.
Create Date Creator
hủ
Update Date Updater

Mô tả

Chuyển đến tab khác


Nhập nội dung tìm kiếm
Dùng để xác nhận tìm kiếm
Dùng để đi đến giỏ hàng của khách hàng
Đăng nhập vào tài khoản của khách hàng
Đăng kí tài khoản cho khách hàng

Xem chi tiết sản phẩm


Thêm sản phầm khách hàng cần mua vào giỏ hàng
Hiển thị tên sản phẩm
Hiển thị giá sản phẩm
tìm thấy sản phẩm nào".

m nào vào giỏ hàng.

Create Date Creator


ng
Update Date Updater
Mô tả

Đi đến trang chủ


Đi đến trang đơn hàng
Xóa sản phẩm khỏi giỏ hàng
Cập nhật số lượng sản phẩm
Nhập số lượng sản phẩm mà khách hàng muốn mua
Tên sản phẩm
Hình của sản phẩm
Giá sản phẩm
Chuyển đến trang đặt hàng

Create Date Creator


ập
Update Date Updater
Mô tả

Đi đến trang Đăng kỳ


Đi đến trang Quên mật khẩu
Đăng nhập tài khoản người dùng đã nhập vào hệ thống
Tài khoản hoặc email đã được đăng ký trên hệ thống
Mật khẩu đã được đăng ký trên hệ thống

Create Date Creator


ý
Update Date Updater

ng nhập, Mật khẩu và Nhập lại mật khẩu, để đăng ký tài khoản.
Mô tả

Đi đến trang Đăng Nhập


Đăng ký tài khoản người dùng mới
Họ và tên của người dùng
Email của người dùng chưa đăng ký trên hệ thống
Tên đăng nhập chưa đăng ký trên hệ thống
Mật khâu
Nhập lại mật khẩu phải trùng với mật khẩu để xác nhận tài khoản

ồn tại trên hệ thống, và kiểm tra mật khẩu và nhập lại mật khẩu có trùng khớp hay không.
dùng nhập mã xác nhận hệ thống đã gửi đến email người dùng đã nhập ở trang đăng ký.
nh của trang đăng ký.

You might also like