TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
NGÀNH CÔNG NGHỆ THÔNG TIN



KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE MUA BÁN ĐỒNG HỒ

SINH VIÊN THỰC HIỆN:

MÃ SỐ SINH VIÊN:

NGUYỄN ĐỨC HUY

20110332

HUỲNH LÊ HUY

20110493

KHOÁ:

2020 – 2024

NGÀNH:

CÔNG NGHỆ THÔNG TIN

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

TS. LÊ VĂN VINH

TP. Hồ Chí Minh, tháng 10 năm 2024

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
NGÀNH CÔNG NGHỆ THÔNG TIN



KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE MUA BÁN ĐỒNG HỒ

SINH VIÊN THỰC HIỆN:

MÃ SỐ SINH VIÊN:

NGUYỄN ĐỨC HUY

20110332

HUỲNH LÊ HUY

20110493

KHOÁ:

2020 – 2024

NGÀNH:

CÔNG NGHỆ THÔNG TIN

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

TS. LÊ VĂN VINH

TP. Hồ Chí Minh, tháng 10 năm 2024

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

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

THÀNH PHỐ HỒ CHÍ MINH

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

KHOA CÔNG NGHỆ THÔNG TIN

___***___

NHIỆM VỤ ĐỒ ÁN
Họ và tên Sinh viên: Huỳnh Lê Huy

Mã số sinh viên: 20110493

Họ và tên Sinh viên: Nguyễn Đức Huy

Mã số sinh viên: 20110332

Chuyên ngành: Cộng nghệ phần mềm
Tên đề tài: Xây dựng Website mua bán đồng hồ
Họ và tên Giảng viên hướng dẫn: TS. Lê Văn Vinh
Nội dung:
Lý thuyết:
− Tìm hiểu về các công nghệ: ReactJS, Spring Framework, Spring Boot,
MongoDB.
− Khảo sát hiện trạng nhu cầu sử dụng các trang website cùng chủ đề để ta
cải thiện chức năng cũng như trải nghiệm người sử dụng.
Thực hành:
− Áp dụng các công nghệ cho việc xậy dựng trang Website bán đồng hồ.
TP. HỒ CHÍ MINH, ngày tháng 10 năm 2024

TRƯỞNG NGÀNH

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

(Ký, ghi rõ họ tên)

(Ký, ghi rõ họ tên)

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

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

THÀNH PHỐ HỒ CHÍ MINH

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

KHOA CÔNG NGHỆ THÔNG TIN

___***___

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Họ và tên Sinh viên: Nguyễn Đức Huy

Mã số sinh viên: 20110332

Họ và tên Sinh viên: Huỳnh Lê Huy

Mã số sinh viên: 20110493

Ngành: Cộng nghệ thông tin
Tên đề tài: Xây dựng Website mua bán đồng hồ
Họ và tên Giảng viên hướng dẫn: TS. Lê Văn Vinh
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
........................................................................................................................
........................................................................................................................
2. Ưu điểm:
...................................................................................................
...

...
ate
User Detail

TC08


Product

TC09


Product

TC10

Block User

TC11

Unblock
User

Click vào đơn hàng muốn xem
chi tiết
Vào trang quản lí thông tin
Hệ thống lấy thông tin của user
hiện lên form
Thay đổi thông tin của mình
Nhấn “Lưu”
Vào trang quản lí sản phẩm
Chọn tạo sản phẩm mới
Nhập thông tin sản phẩm
Nhấn đồng ý
Actor vào trang quản lí sản
phẩm
Actor nút xóa sản phẩm ở danh
sách sản phẩm

đơn hàng
xuất hiện
Thông tin
mới của
người
dùng được
cập nhật
Sản phẩm
mới được
tạo trên hệ
thống
Thông tin
sản phẩm
bị
xóa
khỏi
hệ
thống
Người
Admin vào trang quản lí user
dùng
bị
Danh sách các user hiện lên
sẽ
Chọn nút “Block” của user khóa
không
muốn block
đăng nhập
được và
trang web
Người
Actor vào trang quản lí user
dùng có
Actor chọn “Gỡ block”
thể thực
hiện các
thao tác
trên
website

Như
mong
đợi

Pass

Như
mong
đợi

Pass

Như
mong
đợi

Pass

Như
mong
đợi

Pass

Như
mong
đợi

Pass

112

PHẦN III: PHẦN KẾT LUẬN
1. Kết quả đạt được
-

Có thêm kiến thức về thiết kế và xây dựng website với Spring boot và Reactjs
Xây dựng được hệ thống cung cấp đầy đủ các chức năng cơ bản của một website
Xây hệ thống thanh toán trực tuyến qua nền tảng vnpay, momo
Giao diện không quá phức tạp, giúp mọi người dùng sử dụng dễ dàng.
Kỹ năng làm việc nhóm, phân công công việc hợp lý

2. Ưu điểm
-

Trang web có đầy đủ tính năng cơ bản của 1 trang web có

-

Giao diện đơn giản hướng đến mục đích dễ dàng tiện dụng

-

Database dễ dàng kiểm tra, kiểm soát, thao tác

-

Tích hợp được hình thức thanh toán vnpay vào đơn hàng.

-

Bảo mật dữ liệu và các endpoint tốt hớn nhờ sử dụng JSON Web Token

3. Nhược điểm
-

Chưa deloy được lên Cloud

-

Chưa triển khai được cái tính năng: tích hợp AI, chatbox

-

Cơ sở dữ liệu còn nhiều thiếu sót.

4. Hướng phát triển
-

Tích hợp thêm Docker để có thể chạy ứng dụng trên nhiều hệ điều hành

-

Phát triển, mở rộng thêm tính năng liên quan đến mạng xã hội

-

Tích hợp thêm chat box, AI recommendation system cho hệ thống thương mại
điện tử

-

Tích hợp thêm nhiều cổng thanh toán trực tuyến

113

Tài liệu tham khảo

TÀI LIỆU THAM KHẢO
1. https://docs.spring.io/spring-boot/index.html (Hướng dẫn sử dụng Spring boot)
2. https://www.mongodb.com/docs/ (Hướng dẫn sử dụng MongoDB)
3. https://legacy.reactjs.org/docs/getting-started.html (Hướng dẫn sử dụng React)
4. https://spring.io/projects/spring-security (Hướng dẫn về Spring security)
5. Redux Essentials, Part 1: Redux Overview and Concepts | Redux (Hướng dẫn
về Redux)

114