Đồ án tốt nghiệp - Xây dựng trang Web đặt Tour du lịch trực tuyến sử dụng công nghệ Mern Stack

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
ĐỀ TÀI:

XÂY DỰNG TRANG WEB ĐẶT TOUR DU LỊCH
TRỰC TUYẾN SỬ DỤNG CÔNG NGHỆ MERN STACK

Giáo viên hướng dẫn: Ts. Lê Văn Vinh
Sinh viên thực hiện:
Võ Huỳnh Yến Nhi

16110171

KHÓA: 2016
NGÀNH: CÔNG NGHỆ THÔNG TIN
Tp. Hồ Chí Minh, tháng 12 năm 2020
i

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
ĐỀ TÀI:

XÂY DỰNG TRANG WEB ĐẶT TOUR DU LỊCH
TRỰC TUYẾN SỬ DỤNG CÔNG NGHỆ MERN STACK

Giáo viên hướng dẫn: Ts. Lê Văn Vinh
Sinh viên thực hiện:
Võ Huỳnh Yến Nhi

16110171

KHÓA: 2016
NGÀNH: CÔNG NGHỆ THÔNG TIN
Tp. Hồ Chí Minh, tháng 12 năm 2020
i

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 30 tháng 12 năm 2020
NHIỆM VỤ THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP
Họ và tên: Võ Huỳnh Yến Nhi

MSSV: 16110171

Lớp: 161100CLST1

Họ và tên:

MSSV:

Lớp:

Ngành: Công nghệ thông tin
Giảng viên hướng dẫn: Ts. Lê Văn Vinh
Ngày nhận đề tài: 10/8/2020

Ngày nộp đề tài: 28/12/2020

1. Tên đề tài: XÂY DỰNG TRANG WEB ĐẶT TOUR DU LỊCH TRỰC TUYẾN
SỬ DỤNG CÔNG NGHỆ MERN STACK
2. Nội dung thực hiện đề tài:
• Tìm hiểu các công nghệ thuộc MERN Stack (MongoDB, ExpressJS, ReactJS,
NodeJS)
• Tìm hiểu các công nghệ hỗ trợ cho các công nghệ chính (Redux, Ant Design)
• Xây dựng lên công cụ hỗ trợ quản lý tours trực tuyến cho mô hình kinh doanh
tours du lịch cỡ vừa và nhỏ.
• Xây dựng lên trang web đặt tours du lịch trực tuyến.
3. Sản phẩm: Source code, Document
TRƯỞNG NGÀNH

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

ii

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: Võ Huỳnh Yến Nhi
MSSV: 16110171

Lớp: 161100CLST1

Họ và tên:

Lớp:

MSSV:

Ngành: Công nghệ thông tin
Tên đề tài: XÂY DỰNG TRANG WEB ĐẶT TOUR DU LỊCH TRỰC TUYẾN SỬ DỤNG
CÔNG NGHỆ MERN STACK
Họ và tên giáo viên hướng dẫn: Ts. Lê Văn Vinh
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 30 tháng 12 năm 2020
Giảng viên hướng dẫn

iii

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

...
oken
o Cloudinary để lưu hình ảnh dung lượng lớn
• Hiện thực được các usecase chính của hệ thống.

6.2. Những khó khăn và cách khắc phục
-

-

Người thực hiện là lần đầu tiên tìm hiểu về công nghệ MERN STACK, thời
gian làm quen với công nghệ chưa đủ lâu để nắm vững kiến thức chuyên
môn của công nghệ.
Tư duy thiết kế dữ liệu cũng như giao diện còn hạn chế.
Chưa có sự nhất quán trong khâu xử lý code cũng như các thuật toán, các giao
diện sao cho thực sự đồng nhất.
Mặc dù đã cố gắng nhưng việc thực hiện còn tồn tại một số điểm chưa đạt
được do thời gian có hạn.
Khâu thiết kế xử lý và giao diện còn khá vụng về.
Cách khắc phục: Tham khảo tài liệu trong sách vở củng như trên internet, nhờ
vào sự hướng dẫn, góp ý, đóng góp ý tưởng của giảng viên hướng dẫn Lê Văn
Vinh nên đã hoàn thành tốt và đúng tiến độ.

6.3. Ưu điểm
-

Thông tin được lưu trữ trực quan, nhất quán.
Có độ bảo mật tốt bằng json web token
Giao diện hiện đại, dễ nhìn, thân thiện với người dùng.
Ứng dụng đơn giản, dễ sử dụng.
Áp dụng công nghệ mới.
Hệ thống chạy code online, tốc độ phản hồi nhanh.
90

-

Khả năng bảo trì, mở rộng dễ dàng, nhanh chóng.
Giao diện responsive khá mượt mà cho nhiều kích thước màn hình

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

Cải thiện, phát triển nhiều tính năng đã có.
Hỗ trợ kết nối API từ bên thứ ba.
Tối ưu hóa các nghiệp vụ.
Thêm animation cho các sự kiện
Thêm các nghiệp vụ như thu phí theo tháng hoặc đưa vào quảng cáo
Hỗ trợ nhiều ngôn ngữ hơn.
Cung cấp nhiều tour du lịch hơn
Xây dựng các tính năng mới có hỗ trợ trí tuệ nhân tạo để tối ưu hóa hệ thống.
Hỗ trợ đa dạng dịch vụ hơn

91

Tài liệu tham khảo
Tiếng Việt
[1] Technical Stack là gì? (2017, May 23). Retrieved
https://toidicodedao.com/2017/05/23/giai-thich-technical-stack-la-gi/

from

[2] Giới thiệu MERN Stack. (n.d.). Retrieved from https://niviki.com/gioi-thieumern-stack/
[3] Tìm hiểu về MongoDB (2017, May 24). Retrieved from https://viblo.asia/p/timhieu-ve-mongodb-4P856ajGlY3
[4] Tìm hiều về ExpressJS framework (2017, Jul 1). Retrieved from
https://viblo.asia/p/phan-1-tim-hieu-express-js-framework-Qbq5Qq7m5D8
[5] Tìm hiểu Reactjs và cách sử dụng (2016, Dec 27). Retrieved from
https://viblo.asia/p/tim-hieu-reactjs-co-ban-va-cach-su-dung-BYjv4ke0GxpV
[6] Le Van Giang. (2018, September 15). Redux căn bản. Retrieved from
https://viblo.asia/p/redux-co-ban-m68Z00JdZkG
[7] Nguyen Nhat Anh. (2018, November 24). Giới thiệu Ant Design. Retrieved from
https://viblo.asia/p/gioi-thieu-ant-design-L4x5xwzblBM

92