Đồ án website bán trang sức

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP
ĐỀ TÀI: WEBSITE BÁN HÀNG THỜI TRANG
Sinh viên thực hiện

: NGUYỄN ĐĂNG HÒA

Giảng viên hướng dẫn : NGUYỄN VĂN ĐỒN
Ngành

: CƠNG NGHỆ THƠNG TIN

Chun ngành

: CƠNG NGHỆ PHẦN MỀM

Lớp

: D13CNPM7

Khóa

: 2018-2023

Hà Nội, ngày 12 tháng 02 năm 2023

1

MỤC LỤC
LỜI CẢM ƠN..................................................................................................6
LỜI NÓI ĐẦU.................................................................................................7
CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI......................................................8
1.1. Khảo sát hiện trạng...............................................................................8
1.2. Mục tiêu đề tài.......................................................................................8
1.3. Mơ tả bài tốn.......................................................................................8
CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG................................11
2.1. Xác định tác nhân (Actor)..................................................................11
2.2. Biểu đồ usecase tổng quát..................................................................11
2.3. Biểu đồ chức năng đăng nhập, đăng xuất.........................................12
2.4. Biểu đồ chức năng quản lý sản phẩm................................................14
2.5. Chức năng tìm kiếm............................................................................17
2.6. Biểu đồ chức năng quản lý thể loại....................................................19
2.7. Biểu đồ chức năng quản lý nhà cung cấp.........................................22
2.8. Biểu đồ chức năng mua hàng.............................................................25
2.9. Biểu đồ chức năng quản lý đơn hàng................................................27
2.10. Thống kê, báo cáo.............................................................................29
2.11. Biểu đồ chức năng quản lý sản phẩm..............................................31
2.12. Biểu đồ chức năng quản lý tài khoản..............................................34
2.13. Biểu đồ chức năng quản lý mã giảm giá.........................................37
2.14. Biểu đồ chức năng review sản phẩm...............................................41
2.15. Biểu đồ diagram................................................................................42
CHƯƠNG 3: XÂY DỰNG WEBSITE BÁN PHỤ KIỆN..........................43
3.1. Đánh giá và kết luận...........................................................................43
3.2. Công nghệ sử dụng..............................................................................43
3.3. Giao diện website................................................................................43
KẾT LUẬN....................................................................................................55
TÀI LIỆU THAM KHẢO............................................................................56

2


DANH MỤC HÌNH ẢNH
Hình 2.1: Use case tổng quan hệ thống...........................................................11
Hình 2.2: Biểu đồ usecase chức năng đăng nhập............................................12
Hình 2.3: Biểu đồ trình tự UC đăng nhập.......................................................13
Hình 2.4: Biểu đồ trình tự UC đăng xuất........................................................13
Hình 2.5: Biểu đồ hoạt động UC đăng nhập...................................................14
Hình 2.6: Biểu đồ usecase quản lý sản phẩm..................................................14
Hình 2.7: Biểu đồ trình tự UC quản lý sản phẩm............................................16
Hình 2.8: Biểu đồ hoạt động UC quản lý sản phẩm........................................17
Hình 2.9: Biểu đồ usecase tìm kiếm................................................................17
Hình 2.10: Biểu đồ trình tự usecase tìm kiếm.................................................18
Hình 2.11: Biểu đồ hoạt động usecase tìm kiếm.............................................18
Hình 2.12: Biểu đồ usecase quản lý thể loại...................................................19
Hình 2.13: Biểu đồ trình tự usecase quản lý thể loại......................................21
Hình 2.14: Biểu đồ hoạt động usecase quản lý thể loại..................................21
Hình 2.15: Biểu đồ usecase quản lý nhà cung cấp..........................................22
Hình 2.16: Biểu đồ trình tự usecase quản lý nhà cung cấp.............................24
Hình 2.17: Biểu đồ hoạt động usecase quản lý nhà cung cấp.........................24
Hình 2.18: Biểu đồ usecase mua hàng............................................................25
Hình 2.19: Biểu đồ hoạt động usecase mua hàng...........................................26
Hình 2.20: Sơ đồ hoạt động usecase mua hàng...............................................26
Hình 2.21: Biểu đồ usecase quản lý đơn hàng................................................27
Hình 2.22: Biểu đồ trình tự usecase quản lý đơn hàng...................................28
Hình 2.23: Biểu đồ hoạt động usecase quản lý đơn hàng...............................28
Hình 2.24: Biểu đồ usecase thống kê, báo cáo................................................29
Hình 2.25: Sơ đồ trình tự của usecase thống kê, báo báo...............................30
Hình 2.26: Sơ đồ hoạt động của usecase thống kê, báo báo...........................30

Hình 2.27: Biểu đồ usecase quản lý thương hiệu............................................31
Hình 2.28: Biểu đồ trình tự UC quản lý thương hiệu......................................33
3


Hình 2.29: Biểu đồ hoạt động UC quản lý thương hiệu..................................33
Hình 2.30: Biểu đồ usecase quản lý tài khoản................................................34
Hình 2.31: Biểu đồ trình tự UC quản lý tài khoản..........................................36
Hình 2.32: Biểu đồ hoạt động UC quản lý tài khoản......................................37
Hình 2.33: Biểu đồ usecase quản lý mã giảm giá...........................................37
Hình 2.34: Biểu đồ trình tự UC quản lý mã giảm giá.....................................40
Hình 2.35: Biểu đồ hoạt động UC quản lý mã giảm giá.................................40
Hình 2.36: Biểu đồ usecase review.................................................................41
Hình 2.37: Biểu đồ diagram............................................................................42
Hình 3.1: Giao diện slide quảng cáo...............................................................44
Hình 3.2: Giao diện danh mục giảm giá..........................................................44
Hình 3.3: Giao diện danh mục thể loại bán chạy............................................45
Hình 3.4: Giao diện danh mục sản phẩm được đánh giá cao..........................45
Hình 3.5: Giao diện danh mục sản phẩm được cập nhật mới nhất..................45
Hình 3.6: Giao diện danh mục sản phẩm khác................................................46
Hình 3.7: Giao diện chi tiết sản phẩm.............................................................46
Hình 3.8: Giao diện danh sách đánh giá sản phẩm.........................................47
Hình 3.9: Giao diện thanh tốn.......................................................................47
Hình 3.10: Giao diện chi tiết đơn hàng...........................................................47
Hình 3.11: Giao diện phương thức thanh tốn................................................48
Hình 3.12: Giao diện thơng tin cá nhân..........................................................48
Hình 3.13: Giao diện danh sách đơn hàng của khách hàng............................49
Hình 3.14: Giao diện chi tiết đơn hàng của khách hàng.................................49
Hình 3.15: Giao diện tìm kiếm sản phẩm........................................................50
Hình 3.16: Giao diện đăng nhập admin...........................................................50

Hình 3.17: Biểu đồ thống kê doanh thu..........................................................51
Hình 3.18: Biểu đồ thống kê đơn hàng...........................................................51
Hình 3.19: Giao diện danh sách tài khoản......................................................52
Hình 3.20: Giao diện tạo tài khoản.................................................................52
4


Hình 3.21: Giao diện quản lý sản phẩm..........................................................52
Hình 3.22: Giao diện tạo mới sản phẩm..........................................................53
Hình 3.23: Giao diện quản lý đơn hàng admin...............................................54
Hình 3.24: Giao diện chi tiết đơn hàng admin................................................54

5


LỜI CẢM ƠN
Em chân thành gửi lời cảm ơn đến:
Ban giám hiệu trường Đại Học Điện Lực và các quý thầy cô trong khoa
Công Nghệ Thông Tin đã đem tâm huyết truyền đạt kiến thức cho chúng em
trong suốt thời gian học tập và rèn luyện tại trường.
Thầy Nguyễn Văn Đồn đã hướng dẫn em hồn thành khóa luận tốt nghiệp
này.
Tập thể lớp D13CNPM7 đã đồng hành và giúp đỡ chúng tôi trong thời học
tập tại trường.
Cuối cùng xin gửi lời cảm ơn đến tất cả mọi người đã ủng hộ giúp đỡ em
trong suốt thời gian hoàn thành đề tài này.
Xin chân thành cảm ơn.
Hà Nội, ngày 12 tháng 02 năm 2023
Sinh viên thực hiện

Nguyễn Đăng Hòa

6


LỜI NĨI ĐẦU
Ngành cơng nghệ thơng tin đã và đang thay đổi thế giới một cách
nhanh chóng và từng bước kéo nền tri thức của nhân loại xích lại gần nhau
hơn. Đó là nhờ việc phát triển hệ thống website trên tồn thế giới.
Ngày nay, Website đã đóng một vai trò quan trọng đối với con người
chúng ta từ giải trí cho đến quảng cáo, thương mại, quản lý…Website (thương
mại điện tử) sẽ dần dần thay thế những phương thức kinh doanh cũ trong các
doanh nghiệp bởi tính ưu việt mà Website mang lại như: nhanh hơn, dễ hơn,
tiện dụng hơn, hiệu quả hơn và không bị giới hạn không gian và thời gian.
Nhận thấy tầm quan trọng cũng nhữ lợi ích mà website, internet mang
lại, em quyết định “Xây dựng website bán hàng phụ kiện thời trang” nhằm
tạo ra hệ thống quản lý bán hàng có tính thiết thực và ứng dụng vào thực tế.
Nội dung báo cáo gồm 3 chương:
- Chương 1: Tổng quan về đề tài.
- Chương 2: Phân tích thiết kế hệ thống.
- Chương 3: Xây dựng website bán thời trang.

7


CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI
1.1. Khảo sát hiện trạng
Trong nền kinh tế thị trường cạnh tranh khốc liệt hiện nay, nhu cầu giới
thiệu, quảng bá về sản phẩm, hình ảnh doanh nghiệp một ngày càng gia tăng
và trở nên cấp thiết, trong đó chi phí và hiệu quả là vấn đề thường được đặt

ra.
Các doanh nghiệp cần đưa ra các phương án để phục vụ cho việc tiếp
thị, quảng bá bán hàng, hỗ trợ bán hàng cũng như tìm kiếm thị trường, mở
rộng thị trường ra khắp thế giới.
Vì vậy website bán hàng ra đời nhằm giúp người dân có thể mua sắm
một cách tiện lợi, đồng thời cũng giúp cho các doanh nghiệp có thể dễ dàng
quảng bá, bán hàng, phát triển sản phấm.
1.2. Mục tiêu đề tài
- Xây dựng được hệ thống bán hàng trực tuyến với các chức năng cơ bản
của một hệ thống bán hàng.
- Tin học hóa các hoạt động mua bán sản phẩm, giúp tiết kiệm thời gian
và công sức.
- Giúp nhà quản lý dễ dàng quản lý các hoạt động của hệ thống bán
hàng.
1.3. Mơ tả bài tốn
1.3.1. Định nghĩa bài tốn.
Mơ tả hệ thống:
- Trên giao diện trang chủ, các sản phẩm được chia theo một
số loại để người dùng dễ dàng chọn lựa theo các tiêu chí như
sản phẩm ưu đãi, sản phẩm mới, giảm giá…
- Người dùng có thể tìm kiếm trực tiếp các sản phẩm mong
muốn ngay tại trang chủ thơng qua ơ tìm kiếm ở phía trên của
Website.
8


- Sản phẩm bao gồm những thông tin: Tên sản phẩm, lượt
đánh giá, giá tiền.
- Khi khách hàng chọn một sản phẩm trong website sẽ được
chuyển hướng vào màn chi tiết sản phẩm có các thơng tin

như thương hiệu sản phầm, nội dung, số lương sản phẩm bán
và các tính năng mở rộng khi người dùng đăng nhập.
Trong trạng thái đã đăng nhập:
- Người dùng có thể mua hàng, thanh toán và đánh giá sản
phẩm.
1.3.2. Mục tiêu của hệ thống.
- Yêu cầu về mặt giao diện:
 Giao diện người dùng:
+ Thiết kế giao diện chuyên nghiệp, hài hòa, thân thiện, bắt
mắt.
+ Thiết kế bố cục website một cách khoa học, logic.
 Slide các chương trình khuyến mại hay những thơng tin về
những sản phẩm nổi bật
 Giao diện nhà quản lý:
+ Giao diện đơn giản, dễ quản lý.
+ Hiển thị được tất cả danh mục quản lý.
- Yêu cầu về chức năng:
 Phía người dùng:
o Người dùng có thể tìm kiếm sản phẩm theo nhiều thuộc
tính khác nhau.
o Xem chi tiết sản phẩm
o Mua sản phẩm
o Thanh toán sản phẩm
o Xem lại những đơn hàng đã mua
9


o Đánh giá sản phẩm khi mua hàng
 Phía nhà quản lý:
o Quản lý đơn hàng.

o Quản lý sản phẩm.
o Quản lý danh mục.
o Quản lý tài khoản.
o Quản lý thương hiệu.
o Báo cáo, thống kê.
o Quản lý mã giảm giá
o Quản lý thể loại

10


CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1. Xác định tác nhân (Actor).
- Tác nhân: Người dùng.
- Tác nhân: Quản trị viên.
2.2. Biểu đồ usecase tổng quát

Hình 2.1: Use case tổng quan hệ thống

11


2.3. Biểu đồ chức năng đăng nhập, đăng xuất
2.3.1. Biểu đồ usecase

Hình 2.2: Biểu đồ usecase chức năng đăng nhập
Đặc tả Use Case đăng nhập, đăng xuất
 Tác Nhân: User, Admin
 Mô Tả: Tác nhân sử dụng use case để thực hiện chức năng
đăng nhập, đăng xuất.

 Dòng sự kiện chính:
1. Tác nhân yêu cầu giao diện đăng nhập tới hệ thống.
2. Hệ thống sẽ hiện thị giao diện đăng nhập cho tác nhân.
3. Tác nhân tiến hành điền tên đăng nhập và mật khẩu.
4. Hệ thống sẽ kiểm tra dữ liệu và xác nhận thông tin được
nhập vào
5. Khi thành cơng, hệ thống sẽ hiển thị giao diện chính của
phần mềm.
6. Kết thúc use case.
 Dòng sự kiện phụ:
1. Tác nhân điền sai thông tin đăng nhập.
2. Hệ thống hiển thị thông báo đăng nhập thất bại.

12


2.3.2. Biểu đồ trình tự

Hình 2.3: Biểu đồ trình tự UC đăng nhập

Hình 2.4: Biểu đồ trình tự UC đăng xuất

13


2.3.3. Biểu đồ hoạt động

Hình 2.5: Biểu đồ hoạt động UC đăng nhập
2.4. Biểu đồ chức năng quản lý sản phẩm
2.4.1. Biểu đồ usecase

Hình 2.6: Biểu đồ usecase quản lý sản phẩm
Đặc tả Use Case quản lý sản phẩm
 Tác Nhân: Admin
14


 Mô Tả: Tác nhân sử dụng use case để thực hiện chức năng quản
lý sản phẩm.
- Chức năng thêm sản phẩm:
 Dịng sự kiện chính:
1. Tại màn quản lý sản phẩm, Tác nhân yêu cầu thêm sản
phẩm tới hệ thống
2. Hệ thống hiển thị giao diện thêm sản phẩm.
3. Tác nhân điền thông tin sản phẩm: Mã sản phẩm, tên,
thuộc tính, tiền, số lượng…
4. Xác nhận thêm mới.
5. Hệ thống kiểm tra thông tin và lưu dữ liệu.
6. Hệ thống hiển thị thông báo và chuyển về màn danh sách
sản phẩm, kết thúc usecase.
 Dòng sự kiện phụ:
 Dòng thứ 1:
1. Tác nhân điền sai hoặc thiếu các thông tin cần thiết.
2. Hệ thống hiển thị thông báo thêm sản phẩm thất bại, kết
thúc usecase.
 Dòng thứ 2:
1. Tác nhân hủy thêm sản phẩm
2. Hệ thống quay lại màn danh sách sản phẩm, kết thúc
usecase.
- Chức năng cập nhật sản phẩm:

 Dịng sự kiện chính:

15


1. Tại màn quản lý sản phẩm, Tác nhân yêu cầu cập nhật
thông tin sản phẩm tới hệ thống
2. Hệ thống kiểm tra thông tin và lưu dữ liệu.
3. Hệ thống hiển thị thông báo và chuyển về màn danh sách
sản phẩm, kết thúc usecase.
 Dòng sự kiện phụ:
 Dòng thứ 1:
1. Tác nhân hủy thay đổi thông tin sản phẩm
2. Hệ thống quay lại màn danh sách sản phẩm, kết thúc
usecase.
- Chức năng xóa sản phẩm:
 Dịng sự kiện chính:
1. Tại màn quản lý sản phẩm, Tác nhân yêu cầu xóa sản
phẩm tới hệ thống
2. Hệ thống kiểm tra thông tin và lưu dữ liệu.
3. Hệ thống hiển thị thông báo và chuyển về màn danh sách
sản phẩm, kết thúc usecase.
2.4.2. Biểu đồ trình tự

16


Hình 2.7: Biểu đồ trình tự UC quản lý sản phẩm
2.4.3. Biểu đồ hoạt động

Hình 2.8: Biểu đồ hoạt động UC quản lý sản phẩm
2.5. Chức năng tìm kiếm
2.5.1. Biểu đồ usecase tìm kiếm
17


Hình 2.9: Biểu đồ usecase tìm kiếm
Đặc tả Use Case tìm kiếm
 Tác Nhân: User, Admin
 Mơ Tả: Tác nhân sử dụng use case để thực hiện chức năng tìm
kiếm thơng tin.
- Tại các mục quản lý sẽ có các option tìm kiếm, người quản lý có
thể dựa vào mục này để tìm kiếm các thơng tin dễ dàng hơn.
2.5.2. Biểu đồ trình tự

Hình 2.10: Biểu đồ trình tự usecase tìm kiếm
2.5.3. Biểu đồ hoạt động
18


Hình 2.11: Biểu đồ hoạt động usecase tìm kiếm
2.6. Biểu đồ chức năng quản lý thể loại
2.6.1. Biểu đồ usecase

Hình 2.12: Biểu đồ usecase quản lý thể loại
Đặc tả Use Case quản lý thể loại sản phẩm
 Tác Nhân: Admin
 Mô Tả: Tác nhân sử dụng use case để thực hiện chức năng quản
lý thể loại sản phẩm.
- Chức năng thêm sản phẩm:

 Dịng sự kiện chính:
1. Tại màn quản lý thể loại, Tác nhân yêu cầu thêm thể loại
sản phẩm tới hệ thống
19


2. Hệ thống hiển thị giao diện thêm thể loại.
3. Tác nhân điền thông tin sản phẩm: Mã thể loại, tên…
4. Xác nhận thêm mới.
5. Hệ thống kiểm tra thông tin và lưu dữ liệu.
6. Hệ thống hiển thị thông báo và chuyển về màn danh sách
thể loại sản phẩm, kết thúc usecase.
 Dòng sự kiện phụ:
 Dòng thứ 1:
1. Tác nhân điền sai hoặc thiếu các thông tin cần thiết.
2. Hệ thống hiển thị thông báo thêm thể loại sản phẩm thất
bại, kết thúc usecase.
 Dòng thứ 2:
1. Tác nhân hủy thêm thể loại sản phẩm
2. Hệ thống quay lại màn danh sách thể loại sản phẩm, kết
thúc usecase.
- Chức năng cập nhật thể loại sản phẩm:
 Dòng sự kiện chính:
1. Tại màn quản lý sản phẩm, Tác nhân yêu cầu cập nhật
thông tin thể loại sản phẩm tới hệ thống
2. Hệ thống kiểm tra thông tin và lưu dữ liệu.
3. Hệ thống hiển thị thông báo và chuyển về màn danh sách
thể loại sản phẩm, kết thúc usecase.
 Dòng sự kiện phụ:
 Dòng thứ 1:

1. Tác nhân hủy thay đổi thông tin sản phẩm
20