Đồ án tốt nghiệp - Xây dựng website quản lý kinh doanh thời trang

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HCM
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

KHÓA LUẬN TỐT NGHIỆP

XÂY DỰNG WEBSITE
QUẢN LÝ KINH DOANH THỜI TRANG
GVHD: ThS Nguyễn Minh Đạo
SVTH:
Huỳnh Thế Hiển

19110201

Võ Hữu Giàu

19110196

TP. Hồ Chí Minh, tháng 06 năm 2023

1

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
Tp. Hồ Chí Minh, ngày 31 tháng 05 năm 2023
NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP
Họ và tên sinh viên 1: Võ Hữu Giàu

MSSV: 19110196

Họ và tên sinh viên 2: Huỳnh Thế Hiển

MSSV: 19110201

Ngành: Công Nghệ Thông Tin
Họ và tên giảng viên hướng dẫn: ThS. Nguyễn Minh Đạo
Ngày nhận đề tài: 20/02/2023
Ngày nộp đề tài: 31/05/2023
Tên đề tài: Xây dựng website quản lý kinh doanh thời trang.
1. Nội dung thực hiện đề tài:
-

Xây dựng một trang quản trị để ban quản trị có thể quản lý website bao gồm:
chức năng như quản lý danh mục, quản lý lớp sản phẩm, quản lý đơn hàng và
quản lý người dùng, quản lý doanh thu.

-

Xây dựng một trang web để quảng bá thương hiệu, các chính sách khuyến
mãi và cho phép người dùng tìm kiếm cũng như thực hiện mua sản phẩm
thông qua website với đa dạng phương thức thanh toán.

2. Sản phẩm đạt được: Website quản lý kinh doanh thời trang.
TRƯỞNG NGÀNH

GIẢNG VIÊN HƯỚNG DẪN

2

Trường Đại học Sư phạm Kỹ thuật

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TP. Hồ Chí Minh

Độc lập – Tự do – Hạnh phúc

Khoa Đào tạo Chất lượng cao

_______________________

________________________________

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên sinh viên 1: Võ Hữu Giàu

MSSV: 19110196

Họ và tên sinh viên 2: Huỳnh Thế Hiển

MSSV: 19110201

Ngành: Công Nghệ Thông Tin
Họ và tên giảng viên hướng dẫn: ThS. Nguyễn Minh Đạo
Tên đề tài: Xây dựng website quản lý kinh doanh thời trang.
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện:
………………………………………………………………………………………
…………………………………………………………………………………
2. Ưu điểm:
………………………………………………………………………………………
…………………………………………………………………………
3. Khuyết điểm:
………………………………………………………………………………………
……………………………………………………………………….…………
4. Đề nghị cho bảo vệ hay không?
………………………………………………………………………………………
5. Đánh giá loại:……………………………………………………………….
6. Điểm:……………………..(Bằng chữ:…………………………………….)
Tp. Hồ Chí Minh, ngày 31 tháng 05 năm 2023
Giảng viên hướng dẫn
(Ký &amp ghi rõ họ tên)

3

MỤC LỤC
MỤC LỤC ............................................................................................................................. 1
DANH MỤC HÌNH ẢNH .................................................................................
...

...
cách
cấu hình cấu trúc của một dự án và workflow giữa client và server.
Không chỉ thế chúng tôi còn được tìm hiểu thêm về các công cụ hỗ trợ cho việc code
dễ dàng và nhất quán hơn như Postman, Swagger, Flutter Dev Tool, TailWind, Styled
Component,...
Kiến thức cơ bản về thư viện Material UI giúp cho việc tạo ra một trang CMS theo
yêu cầu của người thiết kế dễ dàng và nhanh chóng.

1.1. Ưu điểm
Tính linh động cao, bằng việc sử dụng các thuộc tính của sản phẩm và
quyền user là thuộc tính động, admin hệ thống có thể thêm các loại thuộc
tính mới, khiến cho cửa hàng có thể bán nhiều loại mặt hàng với các loại
thuộc tính khác nhau
Giao diện bắt mắt, hiện đại.
Có tính bảo mật, sử dụng token và cookie để authorize

1.2. Nhược điểm
UX chưa được tốt, cần hoàn thiện thêm.
Hiện ứng dụng chỉ có ở android, chưa có bản cho ios.
Đăng ký tài khoản chưa sử dụng OTP, có khả năng bị người xấu tấn
công.

2. HƯỚNG PHÁT TRIỂN
Cải thiện UX: thêm các component placeholder, hiển thị thông báo cho người dùng
biết các trạng thái đang loading
Thêm các chức năng như voucher, flash sale, thanh toán online, hòm thư đóng góp
ý kiến, nhắn tin với admin của shop,...
Sử dụng OTP để xác thực khi đăng ký tài khoản

75

TÀI LIỆU THAM KHẢO
[1].@hapi/joi. (2019). Retrieved from npm.com:
https://www.npmjs.com/package/@hapi/joi
[2].Anh, N. T. (2019, 5 22). 13 thư viện component đáng chú ý cho Vue UI.
Retrieved from vible.asia: https://viblo.asia/p/13-thu-vien-component-dangchu-y-cho-vue-ui-Eb85oyvkZ2G
[3].Anph. (2020). Nodejs là gì? Dùng để làm gì? Bạn sẽ toả sáng với kiến thức
này. Retrieved from Anonystick: https://anonystick.com/blog-developer/nodejsla-gi-dung-de-lam-gi-ban-se-toa-sang-voi-kien-thuc-nay-2020111839222031
[4].Bach, H. M. (2020, 9 2). Differences Between Vue 2 And Vue 3. Retrieved from
java.plainenglish.io: https://java.plainenglish.io/differences-betweenvue-2-and-vue-3-ee627e2c83a8
[5].bcrypt. (2021, 2). Retrieved from npm.com:
https://www.npmjs.com/package/bcrypt
[6].BRUCE, J. (2013, 5 18). What is Node.JS and Why Should I Care? [Web
Development]. Retrieved from Milio: https://www.makeuseof.com/tag/what-isnode-js-and-why-should-i-care-web-development/
[7].Codes, E. (2020, 6 8). Full Stack Vue App: Learn MEVN in one video with
Mongo Express Vue and Node js. Retrieved from Youtube:
https://www.youtube.com/watch?v=vr6OIYebXA&ampt=58s&ampab_channel=EstebanCodes
[8].Concurrently. (2021). Retrieved from Npm:
https://www.npmjs.com/package/concurrently

76