Đồ án tốt nghiệp - Xây dựng website bán đồ công nghệ với mern stack

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

-******

TRẦN NGUYỄN DUY LÂN - 20110515
NGUYỄN VĨNH THIỆN - 20110133

ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ VỚI
MERN STACK

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIẢNG VIÊN HƯỚNG DẪN
ThS. Nguyễn Minh Đạo

KHÓA 2020-2024

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

-******

TRẦN NGUYỄN DUY LÂN - 20110515
NGUYỄN VĨNH THIỆN - 20110133

ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ VỚI
MERN STACK

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIẢNG VIÊN HƯỚNG DẪN
ThS. Nguyễn Minh Đạo

KHÓA 2020-2024

ĐH SƯ PHẠM KỸ THUẬT TP.HCM

CỘNG HÒA XHCN VIỆT NAM

KHOA CNTT

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

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Họ và tên Sinh viên 1: Trần Nguyễn Duy Lân

MSSV: 20110515

Họ và tên Sinh viên 2: Nguyễn Vĩnh Thiện

MSSV: 20110133

Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng website bán đồ công nghệ với MERN Stack
Họ và tên Giảng viên hướng dẫn: ThS. Nguyễn Minh Đạo
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 phản biện hay không?
5. Đánh giá loại:
6. Điểm:
Tp. Hồ Chí Minh, ngày

tháng

Giảng viên hướng dẫn
(Ký &amp ghi rõ họ tên)

năm 2024

CỘNGKỸ
HOÀ
ĐH SƯ PHẠM
THUẬT
TP.HCM
Độc

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

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

KHOA CNTT

*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN

Họ và tên Sinh viên 1: Trần Nguyễn Duy Lân

MSSV 1: 20110515

Họ và tên Sinh viên 2: Nguyễn Vĩnh Thiện

MSSV 2: 20110133

Ngành: Công nghệ Thông tin
Tên đề tài: Xây dựng website bán đồ công nghệ với MERN Stack
Họ và tên Giáo viên phản biện: TS. Lê Vĩnh Thịnh
NHẬN XÉT

1. Về nội dung đề tài &amp khối lượng thực hiện
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
2. Ưu điểm:
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
3. Khuyết điểm
……………………………………………………………………………………………
………………………………………………………………………………
...

...
nstall các package cần thiết được
hoàn tất.
● Sau khi cài đặt xong, tiếp tục chạy lần lượt các lệnh: cd frontend và npm i
để cài đặt các package cần thiết cho phía client.
● Sau khi cài đặt các package phía client thành công, tiến hành chạy lần lượt các
lệnh:
○ cd ..
○ cd backend
○ npm i
132

và đợi cho quá trình cài đặt kết thúc để cài đặt các package cho phía server.
4.3 CHẠY CHƯƠNG TRÌNH:

Sau khi cài đặt môi trường và các package cần thiết thành công, có thể tiến hành
chạy chương trình bằng cách
● Chạy lệnh: cd .. để duy chuyển về thư mục gốc.
● Cuối cùng chạy lệnh: npm start để khởi động project ở máy chủ local.

133

Phần 3: KẾT LUẬN
1. KẾT QUẢ ĐẠT ĐƯỢC:
1.1 Về mặt sản phẩm:
● Xây dựng hoàn thiện ứng dụng phía backend và frontend, đáp ứng hầu hết các chức
năng và yêu cầu chức năng đã đặt ra.
● Xây dựng thành công chức năng nhắn tin góp phần tăng tương tác giữa người dùng
và hệ thống trong quá trình mua sắm.
1.2 Về mặt kiến thức:
● Học được quy trình phân tích, thiết kế và phát triển sản phẩm phần mềm.
● Có cơ hội học tập và làm việc với các framework hiện đại như React, Node.js,
Express.js và MongoDB.
● Có cơ hội làm quen với công cụ quản lý phiên bản và phát triển mã nguồn hiện đại
GitLab.

2. ƯU ĐIỂM:
● Giao diện thân thiện, dễ dàng tương tác.
● Dễ dàng phát triển và tích hợp do sử dụng các framework nhẹ và mạnh mẽ.

3. NHƯỢC ĐIỂM:
● Biểu đồ thống kê chưa thể hiện đầy đủ thông tin của hệ thống.
● Chức năng nhắn tin còn hạn chế, chưa hiển thị thông báo đến người dùng.

4. HƯỚNG PHÁT TRIỂN:
● Chuyển đổi sang mô hình microservice, chia nhỏ các module, api giúp tăng tính
linh hoạt cho ứng dụng.
● Áp dụng các thuật toán cải thiện chức năng tìm kiếm, cung cấp các gợi ý tìm kiếm
sản phẩm một cách chính xác và hiệu quả.
● Tích hợp thêm một số phương thức thanh toán phổ biến tại Việt Nam: Momo,
ZaloPay, ...

134

TÀI LIỆU THAM KHẢO
[1]. How to use MERN Stack: A complete guide. (n.d.). MongoDB.
https://www.mongodb.com/languages/mern-stacktutorial#:~:text=The%20MERN%20stack%20is%20a,variants%20of%20the%20MEAN%20stack.
[2]. Getting started – react. (n.d.). React. https://legacy.reactjs.org/docs/getting-started.html
[3]. Blog, T., &amp Blog, T. (6/3/2024). Expressjs là gì? Tất tần tật về Express.js. TopDev.
https://topdev.vn/blog/express-js-la-gi/
[4]. Erickson, J. (30/012024). What is the MERN stack? https://www.oracle.com/cis/database/mernstack/#:~:text=The%20MERN%20stack%20is%20an,Express%2C%20React%2C%20and%20Node.

135