BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo

ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC BÁCH KHOA
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO
PBL5: ĐỒ ÁN CÔNG NGHỆ PHẦN MỀM
ĐỀ TÀI: WEBSITE BÁN QUẦN ÁO

GIẢNG VIÊN HƯỚNG DẪN:
ĐẶNG HOÀI PHƯƠNG

SINH VIÊN THỰC HIỆN
1.Phạm Cao Kỳ, 102190320, 19N16
2. Trương Đình Huy, 102190318,19N16
3. Ngô Đắc Quốc Long, 102190323, 19N16
4. Trương Công Thành Đạt, 102190307, 19N16

Đà Nẵng, 6/2022


Báo cáo đồ án Cơng nghệ phần mềm

MỤC LỤC

LỜI NĨI ĐẦU............................................................................................................... 4
1. Q TRÌNH TRIỂN KHAI......................................................................................5
2. DANH SÁCH PHÂN CƠNG NHIỆM VỤ................................................................5
2.1. Bảng phân công nhiệm vụ...................................................................................5
2.2. Quản lý dự án......................................................................................................5
3. GIỚI THIỆU.............................................................................................................. 6
3.1. Mục đích.............................................................................................................. 6

3.2. Phạm vi................................................................................................................ 6
4. TỔNG QUAN............................................................................................................ 6
4.1. Tác nhân..............................................................................................................6
4.2. Biểu đồ ca sử dụng..............................................................................................7
4.3. Biểu đồ hoạt động................................................................................................8
4.4. Biểu đồ tuần tự..................................................................................................10
4.4.1.

Đăng ký................................................................................................10

4.4.2.

Đăng nhập............................................................................................10

4.4.3.

Đặt mua................................................................................................11

4.4.4.

Thanh tốn............................................................................................11

4.4.5.

Thêm sản phẩm....................................................................................12

4.4.6.

Sửa thơng tin sản phẩm........................................................................13

4.4.7.

Xóa sản phẩm.......................................................................................13

4.4.8.

Nhập hàng............................................................................................14

4.4.9.

Tìm kiếm..............................................................................................14

4.4.10.

Thống kê................................................................................................15

4.5. Biểu đồ lớp........................................................................................................16
4.6. Cơ sở dữ liệu.....................................................................................................16
5. MƠ TẢ CHỨC NĂNG HỆ THỐNG.......................................................................17
5.1 User.................................................................................................................... 17
5.1.1 Màn hình chính............................................................................................17
5.1.2 Đăng nhập:...................................................................................................19
5.1.3 Đăng ký........................................................................................................20
5.1.4 Màn hình tìm kiếm hiển thị sản phẩm:.........................................................22
5.1.5 Màn hình xem chi tiết sản phẩm:.................................................................25


Báo cáo đồ án Cơng nghệ phần mềm
5.1.6 Màn hình xem giỏ hàng................................................................................26
5.1.7 Màn hình thanh tốn.....................................................................................28

5.2 Admin................................................................................................................. 29
5.2.1. Đăng nhập...................................................................................................29
5.2.2. Màn hình chính...........................................................................................32
5.2.3. Quản lý danh mục.......................................................................................34
5.2.4. Quản lý sản phẩm........................................................................................36
5.2.5. Quản lý slider..............................................................................................38
5.2.6. Quản lý đơn đặt hàng..................................................................................40
5.2.7. Quản lý tài khoản khách hàng.....................................................................42
5.2.8. Quản lý tài khoản nhân viên........................................................................44
6. YÊU CẦU PHI CHỨC NĂNG................................................................................46
6.1. Yêu cầu về công nghệ và nền tảng cơ sở dữ liệu...............................................46
6.2. Yêu cầu về bảo mật và an toàn dữ liệu..............................................................46
6.3. Yêu cầu về giao diện.........................................................................................47
6.4. Yêu cầu về bộ chữ Tiếng Việt...........................................................................47
6.5. Yêu cầu về quản trị và sử dụng..........................................................................47
6.6. Yêu cầu về khả năng quản lý khối lượng dữ liệu lớn và dễ dàng nâng cấp.......47
6.7. Yêu cầu về tốc độ xử lý.....................................................................................47
6.8. Yêu cầu về tích hợp hệ thống............................................................................47
6.9. Yêu cầu về đường truyền...................................................................................47
6.10. Yêu cầu về máy trạm.......................................................................................47
6.11. Yêu cầu về môi trường phát triển và ngôn ngữ lập trình.................................47
7. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN...............................................................48
8. TÀI LIỆU THAM KHẢO.......................................................................................48


Báo cáo đồ án Cơng nghệ phần mềm

LỜI NĨI ĐẦU
Trong thế giới hiện đại 4.0 ngày nay ngành công nghệ thông tin hiện tại đang trong đà
phát triển vượt bậc với nhiều thành tựu lớn. Việc áp dụng khoa học kỹ thuật cơng nghệ

tiên tiến đã một phần nào đó nâng cao cải thiện đời sống vật chất lẫn tinh thần của mỗi
người. Máy tính điện thoại hiện đã trở thành một trong những công cụ làm việc, học
tập , giải trí có hiệu quả nơi mà mọi người có thể trao đổi, giao lưu trực tiếp ngay khi
không cần phải gặp mặt nhau. Và nó đang dần trở thành một phần không thể thiếu đối
với của mỗi người. Nhờ vào đó con người có thể thoải mái học tập lao động, thoải mái
tìm kiếm những nguồn tài liệu khổng lồ trên internet.
Đứng trước sự cạnh tranh gay gắt các hoạt động công nghệ thông tin, các doanh
nghiệp, nhà tư bản luôn luôn muốn áp dụng khoa học kĩ thuật, cơng nghệ thơng tin vào
mơ hình kinh doanh của họ để phần nào hiện đại hóa quy trình hoạt động của doanh
nghiệp để giảm bớt sức lao động của công nhân đồng nâng cao lợi nhuận.
Vào cuối tháng 12/2019, Dịch bệnh Covid -19 đã gây ra một thiệt hại vô cùng to lớn
với nhân loại. Nhưng cũng là cơ hội vô cùng lớn để các sàn thương mại điện tử trỗi lên
mạnh mẽ. Trước tình hình đó chúng em xây dựng một trang web bán quần áo online
phục vụ nhu cầu mua bán quần áo một cách thuận tiện nhanh chóng và hiệu quả, uy
tín.
Qua đây em xin được cảm ơn sự chỉ bảo tận tình của thầy Đặng Hồi Phương , thầy..
và thầy cô trong hội đồng phản biện đã cho em lời chỉ dẫn và đánh giá cực kì quý báu.
Những lời bình luận này sẽ là một trong những bài học quý báu để chúng em có thể
rút kinh nghiệm cũng như phát huy được những điểm mạnh và điểm yếu của mình.
Chúng em xin cảm ơn.

4


Báo cáo đồ án Cơng nghệ phần mềm
1. Q TRÌNH TRIỂN KHAI
Ngày
Nội dung công việc
1/3/2022 - 9/3/2022
Chọn đề tài

10/3/2022 - 12/3/2022 Cài đặt Xampp
15/3/2022 - 20/3/2022 Tạo project trên github, Phân chia công việc
21/3/2022 - 4/4/2022 Thiết kế Use Case Diagram, Activity
Diagram, Web Admin, Web User
4/4/2022 - 10/4/2022 Thiết kế Database
11/4/2022 - 2/5/2022 Hoàn thành Front-end Web User, Admin
3/5/2022 - 31/5/2022 Hồn thành Back-end Web User, Admin
1/6/2022 - 7/6/2022
Tìm database để hiển thị trên Web
8/6/2022 - 14/6/2022 Sửa lỗi và hoàn thiện Web
15/6/2022 - 22/6/2022 Viết báo cáo, làm slide để trình bày
23/6/2022
Deploy Web
Bảng 1. Quá trình triển khai

Sản phẩm

2. DANH SÁCH PHÂN CƠNG NHIỆM VỤ
2.1. Bảng phân cơng nhiệm vụ
Họ tên
Ngô Đắc Quốc Long
Trương Công Thành Đạt

Nhiệm vụ
Front-end User, viết báo cáo
Back-end User, viết báo cáo

Trương Đình Huy

Back-end Admin, viết báo cáo

Phạm Cao Kỳ

Front-end Admin, viết báo cáo
Bảng 2. Phân công nhiệm vụ

2.2. Quản lý dự án
- Thảo luận nhóm thơng qua các hình thức trực tiếp, thơng qua các phương tiện
truyền thông bao gồm các ứng dụng Messenger, Microsoft Team.
- Mỗi thành viên sau khi được phân công nhiệm vụ sẽ thực hiện, sau 1 - 2 tuần cả
nhóm sẽ tổ chức một cuộc họp thơng báo tiến độ mỗi thành viên, nếu có thành
viên gặp khó khăn thì cả nhóm sẽ cùng nhau thảo luận và tìm ra cách giải quyết.
- Các sản phẩm của các thanh viên sau khi hoàn thành sẽ gửi qua Microsoft
Team, tổng hợp lại một sản phẩm hồn chỉnh.
- Sau khi có sản phẩm hoàn chỉnh, phân nhiệm vụ cho một thành viên tiếp tục
tìm kiếm, kiểm thử và chỉnh sửa các lỗi sai, sau khi xong việc tiếp tục gửi cho
một thành viên khác trong nhóm để thực hiện thiết kế giao diện hệ thống.
- Sau khi đã hoàn thành xong sản phẩm, sản phẩm sẽ được gửi cho tất cả thành
viên trong nhóm để xem xét lại một cách kĩ càng, sau đó họp để đưa ra các giải
pháp cải tiến, nếu giải pháp khả thi và các thành viên trong nhóm đồng ý thì
giải pháp sẽ được thực hiện.

5


Báo cáo đồ án Công nghệ phần mềm
-

Dùng Google drive để thực hiện báo cáo và làm sơ đồ online cả nhóm thuận
tiện trong việc vẽ, viết, góp ý, chỉnh sửa báo cáo chung.

3. GIỚI THIỆU
3.1. Mục đích
Với tình hình dịch bệnh phức tạp hiện nay, các sàn thương mại điện tử nổi lên nhằm
đáp ứng nhu cầu mua hàng hóa một cách thuận tiện, an tồn và nhanh chóng. Trên cơ
sở đó chúng em xây dựng một website bán quần áo dễ sử dụng, phù hợp với mọi lứa
tuổi, giới tính, bắt kịp xu thế.
3.2. Phạm vi
Hệ thống phục vụ cho 2 đối tượng chính :
+ Admin: cho phép quản lý bán hàng, quản lý doanh thu, quản lý nhân viên,
khách hàng; quản lý nhập kho, quản lý hóa đơn và quản lý thông tin nhà cung
cấp.
+ Nhân viên: quản lý bán hàng, quản lý hóa đơn và quản lý thơng tin khách hàng.
+ Khách hàng: cho phép tìm kiếm, xem, đặt hàng sản phẩm.
4. TỔNG QUAN
4.1. Tác nhân
Bảng dưới đây mô tả tất cả các tác nhân của hệ thống bán quần áo. Một tác nhân đại
diện cho một vai trị người dùng; hiện tại có Quản trị viên, nhân viên
Mỗi tác nhân có những thao tác riêng khi truy cập vào hệ thống, căn cứ vào quyền của
mình.
Actor

Description

Nhân viên

Có quyền thêm, xem, sửa, xóa danh sách danh mục, sản
phẩm, slider, khách hàng; xác nhận đơn hàng; hủy đơn
hàng đã đặt cho khách hàng; tự chỉnh sửa thông tin bản
thân

Quản lý

Bao gồm các quyền của nhân viên, ngoài ra cịn có quyền
quản lý thơng tin nhân viên; xem, thêm, sửa, xóa nhân
viên

Khách hàng

Có chức năng đăng ký, đăng nhập, tìm kiếm, tra cứu
thơng tin sản phẩm, tạo giỏ hàng, mua hàng

6


Báo cáo đồ án Công nghệ phần mềm
Bảng 3. Tác nhân
4.2. Biểu đồ ca sử dụng
Sơ đồ sau đây cung cấp tổng thể về các nhóm chức năng, các tác nhân của hệ thống.
Các chức năng của hệ thống được chia thành các usecase sau:

Hình 1: Sơ đồ Use-case

7


Báo cáo đồ án Công nghệ phần mềm
4.3. Biểu đồ hoạt động
4.3.1. Sơ đồ Activity User

Hình 2: Sơ đồ Activity User

8


Báo cáo đồ án Công nghệ phần mềm
4.3.2. Sơ đồ Activity Admin

Hình 3: Sơ đồ Activity Admin

9


Báo cáo đồ án Công nghệ phần mềm
4.4. Biểu đồ tuần tự
4.4.1.

Đăng ký

Hình 4: Biểu đồ tuần tự - Đăng ký

4.4.2.

Đăng nhập

10


Báo cáo đồ án Cơng nghệ phần mềm
Hình 5: Biểu đồ tuần tự chức năng đăng nhập

4.4.3.

Đặt mua

Hình 6: Biểu đồ tuần tự chức năng đặt mua

4.4.4.

Thanh toán

11


Báo cáo đồ án Cơng nghệ phần mềm

Hình 7: Biểu đồ tuần tự chức năng thanh tốn

4.4.5.

Thêm sản phẩm

Hình 8: Biểu đồ tuần tự chức năng thêm sản phẩm

12


Báo cáo đồ án Công nghệ phần mềm
4.4.6.

Sửa thông tin sản phẩm

Hình 9: Biểu đồ tuần tự chức năng sửa thơng tin sản phẩm

4.4.7.

Xóa sản phẩm

13


Báo cáo đồ án Cơng nghệ phần mềm
Hình 10: Biểu đồ tuần tự chức năng xóa sản phẩm

4.4.8.

Nhập hàng

Hình 11: Biểu đồ tuần tự chức năng nhập hàng

4.4.9.

Tìm kiếm

14


Báo cáo đồ án Cơng nghệ phần mềm
Hình 12: Biểu đồ tuần tự chức năng tìm kiếm

4.4.10.

Thống kê

Hình 13: Biểu đồ tuần tự chức năng thống kê

15


Báo cáo đồ án Công nghệ phần mềm
4.5. Biểu đồ lớp

Hình 14: Class Diagram

4.6. Cơ sở dữ liệu

16


Báo cáo đồ án Cơng nghệ phần mềm
Hình 15: Database

5. MƠ TẢ CHỨC NĂNG HỆ THỐNG
5.1 User
5.1.1 Màn hình chính

Hình 16: Giao diện màn hình chính

Giao diện
Mơ tả

Truy cập
Thành phần

Màn hình chính
Màn hình hiển thị các chức năng của hệ thống như sản phẩm mới,
bạn chạy, slider quảng cáo, đăng nhập, giỏ hàng.
Truy cập vào website
Kiểu

Nội dung giao diện
Dữ liệu

Mới

Button

Button mới

Bán chạy

Button

Button bán chạy

Thời trang

Dropdown

Khuyến mãi

Button

Dropdown thời
trang
Button khuyến mãi

Giỏ hàng

Dropdown

Dropdown giỏ
hàng

Slider

Button

Button Slider

Mô tả
Dùng để truy cập vào
trang sản phẩm mới
Dùng để truy cập vào
trang sản phẩm bán chạy
Click để hiển thị các loại
quần áo của nam, nữ.
Dùng để truy cập vào
trang sản phẩm khuyến
mãi.
Click để hiển thị ảnh, tên,

SL, giá, button chi tiết,
button xóa đơn hàng.
Slider chuyển sang hình
17


Báo cáo đồ án Công nghệ phần mềm

Hành động
Click button
mới

Click button
bán chạy

Click
dropdown thời
trang

quảng cáo mới mỗi 3s,
click vào sẽ hiện danh
sách sản phẩm quảng cáo
Các hành động trong giao diện
Mô tả
Thành cơng
Lỗi
Khi user kích Vào màn chính của Khơng chuyển sang màn
nút mới, chuyển sản phẩm mới.
hình của sản phẩm mới
sang màn hình

sản phẩm mới.

Khi user kích
nút bán chạy,
chuyển
sang
màn hình bán
chạy
Khi user kích
dropdown thời
trang, sẽ hiện
menu thả xuống
gồm danh sách
cách loại quần
áo.

Chuyển sang màn Khơng chuyển sang màn
hình bán chạy.
hình của sản phẩm bán
chạy

Hiển thị các danh Không hiện thị danh sách
sách quần áo.
quần áo

Click button
khuyến mãi

Khi user kích Vào màn hình sản Khơng chuyển sang màn
vào

button phẩm khuyến mãi. hình của sản phẩm
khuyến mãi, sẽ
khuyến mãi
chuyển
sang
màn hình các
sản
phẩm
khuyến mãi.

Click
Dropdown giỏ
hàng

Khi user kích Hiển thị các thơng Khơng hiển thị giỏ hàng
vào dropdown tin chi tiết giỏ hàng
giỏ hàng, sẽ hiện
menu chi tiết giỏ
hàng.

Click slider

Khi user kích Hiển
vào slider, sẽ thơng

thị
tin

trang Khơng chuyển sang màn
tương hình của các sản phẩm

18


Báo cáo đồ án Công nghệ phần mềm
hiển thị loại ứng
của
quần áo tương slider.
ứng với từng
slider.

từng theo thông tin của slider

Bảng 4: Mơ tả chức năng của màn hình chính

5.1.2 Đăng nhập:

Hình 17: Giao diện Đăng nhập

Giao diện
Mơ tả

Đăng nhập
Cho phép user đăng nhập vào hệ thống

Truy cập

Trang đăng nhập hiển thị khi click vào Đăng nhập
Nội dung giao diện
Kiểu
Dữ liệu

Thành phần
Email

TextBox – String(100)

Mật khẩu

TextBox – String(100)

Đăng nhập

Button

Dữ liệu trích xuất
từ CSDL
Dữ liệu trích xuất
từ CSDL
Button Login

Đăng kí

Button

Button Register

Hành động

Các hành động trong giao diện
Mô tả

Thành công

Mô tả
Trường dành cho
user nhập email
Trường dành cho
user nhập mật khẩu
Đăng nhập vào hệ
thống
Đăng ký tài khoản
user
Lỗi
19


Báo cáo đồ án Công nghệ phần mềm
Đăng nhập

Khi user kích nút đăng Vào màn chính của
nhập, hệ thống sẽ kiểm Tab hệ thống.
tra email với mật khẩu
tương ứng có tồn tại
trong hệ thống hay
khơng, nếu có thì cho
user đăng nhập vào hệ
thống, nếu khơng thì
hiển thị thơng báo “Sai
email hoặc mật khẩu”.
Khi khơng nhập tài
khoản hoặc mật khẩu

thì hiển thị thơng báo
“Email,
mật
khẩu
khơng được bỏ trống”.

Đăng kí

Chuyển sang màn hình Chuyển sang màn
đăng ký
hình đăng ký

Hiện thơng báo:
“Sai email hoặc
mật khẩu”
Hiện thông báo:
“Email, mật khẩu
không được bỏ
trống”.

Bảng 5: Mô tả chức năng đăng nhập

5.1.3 Đăng ký

Hình 18: Register User

20


Báo cáo đồ án Cơng nghệ phần mềm

Giao diện

Đăng kí

21


Báo cáo đồ án Công nghệ phần mềm
Mô tả

Cho phép user đăng kí tài khoản mới

Truy cập

Trang đăng ký hiển thị khi click vào Đăng kí ở màn hình đăng
nhập
Nội dung giao diện
Kiểu
Dữ liệu
Mô tả

Thành phần
Họ tên

TextBox – String(100)

Text họ tên

Email

TextBox – String(100)

Text email

Mật khẩu

TextBox – String(100)

Test mật khẩu

Nhập lại mật
khẩu
Địa chỉ

TextBox – String(100)

Test nhập lại mật
khẩu
Test địa chỉ

Số điện thoại

TextBox – String(100)

Test nhập số điện
thoại

Đăng kí

Button

Button đăng kí

Hành động
Đăng kí

TextBox – String(100)

Các hành động trong giao diện
Mơ tả
Thành cơng
Khi khơng nhập một Quay lại màn hình
trong các thơng tin họ đăng nhập
tên, email, mật khẩu,
nhập lại mật khẩu, địa
chỉ, số điện thoại thì
hiển thị thơng báo
“Thơng tin khơng được
bỏ trống”.
Khi user kích nút đăng
ký, hệ thống sẽ kiểm
tra email có tồn tại
trong hệ thống hay
khơng, nếu có thì cho
hiển thị thơng báo “Tên
đăng nhập đã tồn tại”,
nếu khơng thì cho phép
đăng ký tài khoản user

Trường dành cho

user nhập họ tên
Trường dành cho
user nhập email
Đăng nhập vào hệ
thống
Đăng kí tài khoản
user
Trường dành cho
user nhập địa chỉ
Trường dành cho
user nhập số điện
thoại
Đăng ký tài khoản
user
Lỗi
Hiện thông báo:
“Thông tin không
được bỏ trống”
Hiện thông báo:
“Tên đăng nhập đã
tồn tại”.

22


Báo cáo đồ án Công nghệ phần mềm
mới.
Bảng 6: Mô tả chức năng đăng ký

5.1.4 Màn hình tìm kiếm hiển thị sản phẩm:

Hình 19: Màn hình tìm kiếm hiển thị sản phẩm

Giao diện
Mơ tả

Tìm kiếm, hiển thị sản phẩm
Cho phép user tìm kiếm, chọn sản phẩm để thêm vào giỏ hàng

Truy cập

Click vào các button mới, bán chạy, thời trang, khuyến mãi.
Nội dung giao diện
Kiểu
Dữ liệu

Thành phần
Danh mục

Select

Dữ liệu trích xuất
từ CSDL

Giá từ

Select

Dữ liệu trích xuất
từ CSDL

Đến

Select

Dữ liệu trích xuất
từ CSDL

Mô tả
Trường để user
chọn các option
danh mục.
Trường dành cho
user chọn giá tiền
sản phẩm tối thiểu
cần tìm kiếm.
Trường dành cho
user chọn giá tiền
sản phẩm tối đa
cần tìm kiếm
23


Báo cáo đồ án Cơng nghệ phần mềm
Tìm kiếm

Button

Button tìm kiếm

Các loại quần
áo

Button

Button các loại
quần áo

Các sản phẩm
quần áo

Img

Img các sản phẩm
quần áo

Thêm giỏ hàng

Button

Button thêm giỏ
hàng

Hành động
Tìm kiếm

Xem các sản
phẩm quần áo

Xem chi tiết

sản phẩm quần
áo
Thêm quần áo
vào giỏ hàng.

Các hành động trong giao diện
Mơ tả
Thành cơng
Khi user kích nút tìm Hiển thị các sản
kiếm, hệ thống sẽ kiểm phẩm phù hợp.
tra các option và hiển
thị các sản phẩm tương
ứng với option đã chọn
, nếu khơng có sản
phẩm nào phù hợp thì
sẽ hiện thơng báo”Kết
quả tìm kiếm(0 sản
phẩm).
Khi user kích nút vào
các loại sản phẩm quần
áo, sẽ hiển thị ra các
sản phẩm tương ứng
với loại quần áo.
Khi user click vào
image quần áo, sẽ
chuyển tới trang chi tiết
quần áo.
Khi user click vào
button thêm giỏ hàng,
sẽ chuyển tới trang chi

Tìm kiếm các sản
phẩm theo option
bên trên.
Trường để user
chọn và hiển thị
các loại quần áo.
Hình ảnh các loại
quần áo, khi click
vào sẽ chuyển sang
màn hình hiển thị
chi tiết thơng tin
sản phẩm.
Trường để thêm
sản phẩm vào giỏ
hàng
Lỗi
Không hiển thị .

Hiển thị các sản Khơng hiển thị.
phẩm quần áo
tương ứng với loại
đó.
Chuyển sang trang Không chuyển
chi tiết quần áo.
được sang trang chi
tiết.
Chuyển sang trang Không chuyển
chi tiết giỏ hàng.
được sang trang chi

tiết.
24


Báo cáo đồ án Công nghệ phần mềm
tiết giỏ hàng.
Bảng 7: Mơ tả chức năng tìm kiếm, hiển thị sản phẩm

5.1.5 Màn hình xem chi tiết sản phẩm:

Hình 20: Màn hình xem chi tiết sản phẩm

Giao diện
Mơ tả
Truy cập

Xem chi tiết sản phẩm
Cho phép user xem chi tiết hình ảnh, chất liệu, đánh giá, thêm vào
giỏ hàng
Click vào hình ảnh quần áo
Nội dung giao diện
Kiểu
Dữ liệu

Thành phần
Hình ảnh

Image

Dữ liệu trích xuất

từ CSDL

Mơ tả

Text

Dữ liệu trích xuất
từ CSDL

Đánh giá

Button

Button đánh giá

Thêm vào giỏ
hàng

Button

Button thêm vào
giỏ hàng
Các hành động trong giao diện

Mô tả
Trường để user
chọn xem rõ các
hình ảnh của quần,
áo.
Trường dành cho

user biết được tên,
chất liệu, giá tiền,
giá khuyến mãi.
Trường dùng để
đánh giá sản phẩm
trên thang 5 sao
Trường dùng để
thêm vào giỏ hàng

25