TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP
XÂY DỰNG WEBSITE BÁN SÁCH TRÊN NỀN TẢNG
MERN STACK

SVTH :
NGUYỄN HOÀNG KIM

16110132

NGUYỄN SONG HOÀNG

17110141

NGÀNH: CÔNG NGHỆ THÔNG TIN
GVHD: ThS NGUYỄN TRẦN THI VĂN

Tp. Hồ Chí Minh, tháng 06 năm 2022

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 … tháng 03 năm 2022
NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP

Họ và tên sinh viên: Nguyễn Hoàng Kim

MSSV: 16110132

Họ và tên sinh viên: Nguyễn Song Hoàng

MSSV: 17110141

Ngành: Công Nghệ Thông Tin
Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn ĐT: 0983 11 80 25
Thời gian thực hiện: 07/03/2022 – 27/06/2022
Tên đề tài: XÂY DỰNG WEBSITE BÁN SÁCH TRÊN NỀN TẢNG MERN STACK
Nội dung thực hiện:
Lý thuyết:
-

Tìm hiểu MERN Stack: MongoDB, ExpressJS, ReactJS, NodeJS.
Tìm hiểu cách hoạt động và ghép các thành phần trong Stack.

Thực hành:
-

-

Áp dụng kiến thức từ lý thuyết xây dựng một hệ thống web bán sách online.
Hệ thống gồm các chức năng sau:
o Phía quản trị: Quản lý sách, quản lý user, quản lý đơn hàng và doanh thu.
o Phía người dùng và khách: Tìm kiếm sách, lọc thuộc tính và sắp xếp sách,
quản lý thông tin cá nhân, đặt hàng, hủy đơn hàng, xem lại các đơn hàng
đã đặt.
Triển khai ứng dụng lên máy chủ.

TRƯỞNG NGÀNH

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

Nguyễn Đăng Quang

Nguyễn Trần Thi Vă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ÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Nguyễn Hoàng Kim.........................MSSV 1: 16110249
Họ và tên Sinh viên 2: Nguyễn Song Hoàng........................MSSV 2: 17110141
Ngành: Công Nghệ Thông Tin
Tên đề tài: XÂY DỰNG WEBSITE BÁN SÁCH TRÊN NỀN TẢNG MERN STACK.
Họ và tên 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:.......................................................................................................
...

...
Cài đặt và kiểm thử

94

SearchBook
_003

1. Truy cập vào Hiện ra thông báo Pass
trang HomePage
“Không được chứa ký
Kiểm tra việc
tự đặc biệt”
không cho phép 2. Nhập tên vào ô
nhập ký tự đặc input
biệt vào ô input
3. Nhấn nút tìm
kiếm
SearchBook
1. Truy cập vào Hiện ra trang tất cả sách Pass
Tìm kiếm sách
_004
trang HomePage
sắp xếp theo bán chạy
với
keywords
2. Nhấn vào nút nhất
trống
tìm kiếm
Bảng 5. 4. Kiểm thử chức năng tìm kiếm sách

Chương 5: Cài đặt và kiểm thử

95

CHƯƠNG 6: KẾT LUẬN
6.1. Kết quả đạt được
• Tích lũy kỹ năng làm việc nhóm, kỹ năng giao tiếp trong team, phân công công
việc trong khi làm khóa luận.
• Kỹ năng search tài liệu, kỹ năng tìm kiếm giải pháp trên mạng cho những khúc
mắc trong quá trình xây dựng đồ án.
• Hiểu khá rõ về công nghệ đã thực hiện. Xây dựng được một server cung cấp REST
API có thể phục vụ cho ứng dụng web và ứng dụng di động. Biết cách sử dụng
cơ sở dữ liệu không quan hệ (No SQL) để xây dựng database.
• Xây dựng được một trang web với công nghệ MERN Stack. Có thể phục vụ cho
người buôn bán cá nhân và doanh nghiệp nhỏ.
• Đạt được những kinh nghiệm trong khi làm khóa luận:
o Cách sắp xếp thời gian để hoàn thành công việc.
o Áp dụng branch trên github để backup và tránh việc bất đồng bộ giữa hai
thành viên trong nhóm.
6.2. Ưu điểm và nhược điểm
6.2.1. Ưu điểm
- Website được thiết kế với giao diện hiện đại, dễ nhìn và dễ tiếp cận.
- Thao tác sử dụng đơn giản.
- Chức năng tìm kiếm trả dữ liệu theo số điểm trùng khớp từ thuộc tính tên sách và
tên tác giả. Cũng có thể lọc thuộc tính sau khi tìm kiếm. Với cách này có thể tìm
kiếm tiện lợi hơn.
6.2.2. Nhược điểm
- Phần giao diện chưa hoàn thiện, còn thiếu sót và lỗi.
- Vì còn thiếu kinh nghiệm và nghiệp vụ cho nên việc xử lý các chức năng chưa
được tối ưu.
- Chưa hoàn thành đủ những chức năng nhóm đề ra lúc đầu.
6.3. Hướng phát triển trong tương lai
- Hoàn thiện các chức năng và phát triển ứng dụng di động.
- Setup và deploy website .
- Tích hợp thêm nhiều cổng thanh toán như Zalo Pay, MoMo, Internet Banking.
Chương 6: Kết luận

96

TÀI LIỆU THAM KHẢO
Tiếng Việt
[4] https://topdev.vn/blog/node-js-co-ban/
[5] https://viblo.asia/p/tong-quan-ve-node-js-AeJ1vOdQRkby
[8] https://viblo.asia/p/tim-hieu-ve-mongodb-4P856ajGlY3
Tiếng Anh
[1] https://www.mongodb.com/mern-stack
[2] https://www.quora.com/What-is-the-stack
[3] https://www.guru99.com/mean-stack-developer.html
[6] https://expressjs.com/
[7] https://dev.to/nehasoni__/introduction-to-reactjs-3553