Đồ án tốt nghiệp - Xây dựng website quản lý trung tâm Anh ngữ sử dụng Mean Stack

z

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE QUẢN LÝ TRUNG TÂM
ANH NGỮ SỬ DỤNG MEAN STACK
SVTH : TRẦN VIẾT BẢO
MSSV : 16110017
SVTH : ĐOÀN VĂN HIỆP
MSSV : 16110074
Khóa : 2016 – 2020
Ngành : CÔNG NGHỆ THÔNG TIN
GVHD : ThS. NGUYỄN TRẦN THI VĂN

TP. Hồ Chí Minh, tháng 07 năm 2020

z

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE QUẢN LÝ TRUNG TÂM
ANH NGỮ SỬ DỤNG MEAN STACK
SVTH : TRẦN VIẾT BẢO
MSSV : 16110017
SVTH : ĐOÀN VĂN HIỆP
MSSV : 16110074
Khóa : 2016 – 2020
Ngành : CÔNG NGHỆ THÔNG TIN
GVHD : ThS. NGUYỄN TRẦN THI VĂN

TP. Hồ Chí Minh, tháng 07 năm 2020

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 … năm 2020

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP
Họ và tên sinh viên

MSSV

Lớp

Trần Viết Bảo

16110017

16110CLST2

Đoàn Văn Hiệp

16110074

16110CLST2

Ngành: Công nghệ thông tin
Giáo viên hướng dẫn: ThS. Nguyễn Trần Thi Văn

ĐT: 0983 11 80 25

Ngày nhận đề tài: 24/02/2020

Ngày nộp đề tài: 01/07/2020

1. Tên đề tài: Xây dựng website quản lý trung tâm Anh ngữ sử dụng MEAN Stack.
2. Nội dung thực hiện đề tài:
 Lý thuyết:
- Tìm hiểu và sử dụng công nghệ MEAN Stack.
- Nghiên cứu và sử dụng RESTful API.
 Thực hành:
- Phân tích các chức năng nghiệp vụ của các mô hình trung tâm tiếng Anh.
- Xây dựng các chức năng chính cho trang quản lý trung tâm.
- Kiểm thử.
- Báo cáo sản phẩm.
3. Sản phẩm:
 Trang quản lí thông tin của trung tâm Anh ngữ.
 Trang giao diện trung tâm để người dùng tương tác với các khóa học.
 Phần API xử lý các chức năng.
TRƯỞNG NGÀNH

GIÁO VIÊN HƯỚNG DẪN

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

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

CỘNG HOÀ 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 : Trần Viết Bảo

MSSV 1: 16110017

Họ và tên Sinh viên 2 : Đoàn Văn Hiệp

MSSV 2: 16110074

Ngành: Công nghệ Thông tin.
Tên đề tài : Xây dựng website quản lý trung tâm Anh ngữ sử dụng MEAN Stack.
Họ và tên Giáo viên hướng dẫn : Th.S Nguyễn Trần Thi Văn.
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện : ............................................................................
......................................................................................................................................................
.............................................................................................
...

...

Sử dụng NodeMailer để gửi mail.
Sử dụng API Momo để hỗ trợ thanh toán online
Sử dụng Captcha để website được hoạt động tốt hơn.
Sử dụng API Google Drive để upload ảnh lên Drive.

Chức năng đã cài đặt

6.2.1 Trang dành cho người dùng
 Xem được danh sách các khóa học.
 Xem chi tiết lớp học.
 Đăng kí lớp học.
 Thanh toán bằng Momo.
 Gửi thông tin yêu cầu được hỗ trợ đến hệ thống.
 Xem giới thiệu về trung tâm và giảng viên.
6.2.2 Trang dành cho Admin và giảng viên
 Chức năng quản lí của Admin:
o Thêm, sửa, xóa và chỉnh trạng thái của khóa học, lớp học phần, lớp học, phòng học,
giảng viên, quản trị viên.
o Xem thống kê học viên đăng kí online và tại trung tâm.
o Xem thống kê thanh toán qua Momo và tại trung tâm.
o Xem thống kê tiền được thanh toán qua Momo và tại trung tâm.
 Chức năng quản lí của giảng viên:
o Xem được thời khóa biểu của giảng viên.
6.2.3 Chức năng chung của các actor
 Admin, nhân viên và giảng viên.
o Xem danh sách lớp học và học viên của lớp học đó.
o Gửi mail cho các học viên.
o Chỉnh sửa thông tin cá nhân.
o Đăng xuất.
o Đăng nhập.
93

Chương 6: Kết luận và hướng phát triển
o Đổi mật khẩu.
 Admin, nhân viên.
o Xem danh sách các người dùng cần được hỗ trợ được gửi từ trang dành cho người
dùng.
o Gửi mail cho người dùng cần liên hệ để được hỗ trợ.
o Xem toàn bộ danh sách học viên.
o Thêm, sửa, xóa và chỉnh trạng thái của học viên.
o Gửi mail cho học viên theo lớp và theo cá nhân.

6.3





6.4

Ưu điểm
Trang web thực hiện các chức năng đủ để phục vụ cho một trung tâm về giảng dạy.
Ứng dụng được thiết kế cho việc sử dụng cho nhiều môn học khác nhau.
Có hỗ trợ thanh toán online cho người dùng.
Hỗ trợ chat Facebook để người dùng nhanh chóng được giải đáp thắc mắc.

Nhược điểm

 Giao diện thiết kế chưa đẹp và tốt.
 Sử dụng API bên thứ ba còn hạn chế về mặt phát triển.

6.5

Hướng phát triển

 Khắc phục các nhược điểm hiện tại.
 Hỗ trợ chatbot cho người dùng ở trang dành cho người dùng.
 Nâng cấp thành quản lý chuỗi trung tâm.

94

DANH MỤC TÀI LIỆU THAM KHẢO
[1] https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-ve-nodejs.html
[2] https://viblo.asia/p/nodejs-voi-express-framework-rQOvPKVgkYj
[3] https://viblo.asia/p/mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N
[4] https://developers.momo.vn/v1/#cong-thanh-toan-momo-gioi-thieu
[5]https://webkimcuong.com/google-captcha-recaptcha-la-gi-tai-sao-ban-nen-dung-nocho-website-cua-minh/
[6] https://viblo.asia/p/thao-thac-voi-google-drive-api-gGJ59O4xZX2

95