Đồ án tốt nghiệp - Tìm hiểu công nghệ Mern stack và áp dụng xây dựng website thương mại điện tử

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 ĐÀO TẠO CHẤT LƯỢNG CAO


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

TÌM HIỂU CÔNG NGHỆ MERN STACK VÀ ÁP DỤNG
XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ

GVHD: ThS. Nguyễn Trần Thi Văn
Nhóm SVTH:
Trần Lê Thanh Tuyền

19110012

Huỳnh Tấn Lộc

19110236

TP. Hồ Chí Minh – tháng 05/2023

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc

***

NHIỆM VỤ THỰC HIỆN KHÓA LUẬN TỐT NGHIỆP
Họ và tên sinh viên 1: Huỳnh Tấn Lộc

MSSV: 19110236

Họ và tên sinh viên 2: Trần Lê Thanh Tuyền MSSV: 19110012
Ngành: Công nghệ thông tin
Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn
Ngày nhận đề tài: 20/02/2023

Ngày nộp đề tài: 29/05/2023

1. Tên đề tài: TÌM HIỂU CÔNG NGHỆ MERN STACK VÀ ÁP DỤNG XÂY DỰNG
WEBSITE THƯƠNG MẠI ĐIỆN TỬ
2. Các số liệu, tài liệu ban đầu: Khảo sát hiện trạng qua những website thương mại điện
tử bán rau củ quả trên mạng ngày nay.
3. Nội dung thực hiện đề tài: Tìm hiểu lý thuyết về công nghệ MERN STACK, thuật
toán áp dụng để thực hiện đề tài:
-

Frontend: React JS Framework, Redux, Tailwind CSS, Bootstrap CSS

-

Backend: Node.js, Express JS Framework

-

Database: Mongo DB Atlas

4. Sản phẩm: Xây dựng website thương mại điện tử bán rau củ quả với các chức năng
chính:
-

Tìm kiếm và xem chi tiết của sản phẩm

-

Thêm sản phẩm vào giỏ hàng

-

Thanh toán đơn hàng

-

Quản lý hóa đơn, sản phẩm và danh mục sản phẩm

TRƯỞNG NGÀNH

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

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độ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: Huỳnh Tấn Lộc

MSSV: 19110236

Họ và tên sinh viên 2: Trần Lê Thanh Tuyền MSSV: 19110012
Ngành: Công nghệ thông tin
Tên đề tài: TÌM HIỂU CÔNG NGHỆ MERN STACK VÀ ÁP DỤNG XÂY DỰNG
WEBSITE THƯƠNG MẠI ĐIỆN TỬ
Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn
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:
...

...
y đủ các chức năng chính của một website thương mại điện tử, là nơi
mọi người có thể mua bán mọi lúc, mọi nơi.

-

Giao diện đơn giản, thân thiện với người dung.

-

Có phân quyền rõ rang

-

Hỗ trợ người dùng đăng nhập thông qua tài khoản của Google.

-

Người dùng có thể liên lạc với shop thông qua ứng dụng Messenger của Facebook
để giải đáp các thắc mắc liên quan về website.

-

Có chức năng thanh toán Online, người dùng có thể thanh toán online thông qua
quét mã QR của ứng dụng Momo.

6.3. Nhược điểm
-

Độ bảo mật thông tin website chưa được tối ưu

-

Giao diện phía người quản trị (admin) khá đơn giản

111

CHƯƠNG 6: KẾT LUẬN
6.4. Hướng phát triển
Với lượng thời gian và kiến thức, cũng như nguồn nhân lực còn hạn chế nên hiện tại đề
tài chỉ mang đến cho người dùng những tính năng cơ bản của một website thương mại điện
tử. Nếu nói về việc đáp ứng hết nhu cầu cho người dùng thì kết quả của đề tài này sẽ không
thể bao quát hết được. Do đó hướng phát triển của đề tài này là không thể thiếu. Để có cái
nhìn xa hơn trong tương lai và có thể mang lại sự thỏa mãn cho người dùng, đề tài “Tìm
hiểu công nghệ MERN STACK và áp dụng xây dựng website thương mại điện tử” còn cần
phải có các hướng phát triển sau:
-

Tối ưu hệ thống bảo mật cho website

-

Xây dựng chức năng gợi ý sản phẩm sau khi người dùng thanh toán hóa đơn

-

Phát triển giao diện phía người quản trị

Với những hướng phát triển trên, chúng em tin rằng trong tương lai webiste sẽ giúp cải
thiện trải nghiệm của người dùng tốt hơn, tiết kiệm chi phí, thời gian từ đó nâng cao được
chất lượng đời sống.

112

TÀI LIỆU THAM KHẢO

[1] Website cơ sở dữ liệu MongoDB Atlas: https://www.mongodb.com/atlas/database
(Truy cập lần cuối ngày 25/05/2023)
[2] Giới thiệu về công nghệ MERN Stack: https://viblo.asia/p/gioi-thieu-mern-stackbWrZnv4vZxw (Truy cập lần cuối ngày 25/05/2023)
[3] Link Video hướng dẫn về công nghệ MERN Stack:
https://www.youtube.com/watch?v=AN3t-OmdyKA&ampt=287s (Truy cập lần cuối
ngày 25/05/2023)
[4] Website tài liệu của công nghệ Express JS: https://expressjs.com/ (Truy cập lần cuối
ngày 25/05/2023)
[5] Website hướng dẫn tích hợp thanh toán Momo:
https://developers.momo.vn/v3/vi/docs/payment/guides/home (Truy cập lần cuối
ngày 25/05/2023)
[6] Tài liệu về React JS: https://reactjs.org/ (Truy cập lần cuối ngày 25/05/2023)
[7] Tài liệu về tính năng đăng nhập bằng tài khoản Google:
https://developers.google.com/identity/sign-in/web/sign-in (Truy cập lần cuối
20/05/2023)

113