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

XÂY DỰNG HỆ THỐNG WEBSITE “VÌ ĐÀN EM”

SVTH

: Đỗ Minh Quân

19119122

: Trần Thị Khánh Linh 19110231
Khóa

: 2019

Ngành : Công nghệ thông tin
GVHD : ThS. Nguyễn Trần Thi Văn

Thành phố Hồ Chí Minh, tháng 06 năm 2023

ĐẠI HỌC SƯ PHẠM KỸ THUẬT

CỘNG HÒA XÃ HỘI CHỦ NGHĨA

TP. HỒ CHÍ MINH

VIỆT NAM

KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

Độ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ọ tên sinh viên 1: Đỗ Minh Quân

MSSV 1: 19119122

Họ tên sinh viên 2: Trần Thị Khánh Linh

MSSV 2: 19110231

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng hệ thống Website “Vì đàn em”
Nội dung thực hiện:
-

Lý thuyết:
 Tìm hiểu về bộ công nghệ MERN Stack.
 Tìm hiểu gắn các API.
 Tìm hiểu cách triển khai website với Firebase.

-

Thực hành:
 Xây dựng Website với các chức năng chính như sau:
Chung

- Bình luận

Hội đồng

- Đăng xuất

Đội thành

- Đăng nhập

phố

- Được toàn quyền đăng tải, thay đổi nội dung, các biểu mẫu trên ứng

(admin_lv1) dụng, được quyền cấp quyền, duyệt cho các tài khoản còn lại.
- Xem thống kê

- Quản lí tài khoản (tìm kiếm, thêm, sửa, xóa, import, export)
- Quản lí nhà tài trợ (tìm kiếm, thêm, sửa, xóa, import, export)
- Quản lí học bổng (tìm kiếm, thêm, sửa, xóa, import, export)
- Quản lí năm học (thêm, sửa, xóa)
- Quản lí trẻ em (tìm kiếm, thêm, sửa, xóa)
Hội đồng

- Đăng xuất

Đội quận,

- Đăng nhập

huyện

- Xem và tìm kiểm tài khoản cấp dưới của mình

(admin_lv2) - Cập nhật đối tượng trẻ em
- Quản lí chủ đề tin bài (thêm, sửa, xóa)
- Thêm tin bài
Cấp liên đội - Đăng xuất
(admin_lv3) - Đăng nhập
- Xem thống kê
- Quản lý hồ sơ trẻ em
Khách

- Xem thông tin
- Liên hệ

Thời gian thực hiện: 15 tuần (Bắt đầu từ 20/2/2023 đến 29/5/2023)
Chữ ký của SV: ……………………………………………………………
Chữ ký của SV: ……………………………………………………………
Tp.Hồ Chí Minh, Ngày… tháng… năm 2023
TRƯỞNG KHOA CNTT
(Ký và ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN
(Ký và ghi rõ họ tên)

ĐẠI HỌC SƯ PHẠM KỸ THUẬT

CỘNG HÒA XÃ HỘI CHỦ NGHĨA

TP. HỒ CHÍ MINH

VIỆT NAM

KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

Độ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ọ tên sinh viên 1: Đỗ Minh Quân

MSSV 1: 19119122

Họ tên sinh viên 2: Trần Thị Khánh Linh

MSSV 2: 19110231

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng hệ thống Website “Vì đàn em”
Họ và tên giảng viên hướng dẫn: ThS. Nguyễn Trần Thi
...

...
các cấp có thể quản lý: tài khoản, trẻ em, học bổng, nhà tài trợ, năm
học, tin bài.

•

Tin tức được đưa lên kiểm duyệt một cách an toàn qua nhiều cấp và được
xem trước khi đưa tin.

6.2

Ưu điểm

Sau quá trình học hỏi tìm hiểu, nghiên cứu và thực hiện đề tài “Xây dựng website
Vì đàn em”, nhóm chúng em đã thấy được các ưu điểm trong đề tài, cụ thể là:
-

Tìm hiểu và áp dụng công nghệ dùng xây dựng hệ thống Website phổ biến hiện
nay – công nghệ MERN Stack vào dự án thực tế.

-

Cơ sở dữ liệu thay đổi cập nhật thường xuyên với các thông tin mới nhất

-

Website có đầy đủ các chức năng chính của một website cung cấp tin tức và
quản lý.

-

Giao diện được thiết kế tinh gọn thao tác đơn giản với người dùng

-

Website có chức năng phân quyền rõ ràng.

6.3

Nhược điểm

Sản phẩm của đề tài thực hiện ngoài đạt được các kết quả, ưu điểm nổi bật thì nhóm
em cũng nhận thấy được các nhược điểm của sản phẩm cần được khắc phục:

96

CHƯƠNG 6: PHẦN KẾT LUẬN

-

UI/UX vẫn còn chưa đạt đến mức tối ưu nhất để tạo ra trải nghiệm người dùng
tốt nhất.

-

6.4

Chưa có responsive.

Hướng phát triển

-

“Hệ thống Website Vì đàn em” xây dựng mở rộng trên nền tảng mobile.

-

UI/UX của trang Web cải thiện để người dùng có trải nghiệm tốt nhất.

-

Website nâng cấp hố trợ donate trực tiếp trên Website.

-

Thêm nhiều hơn các tính năng tương tác trên hệ thống.

-

Responsive để Website có thể được truy cập trên nhiều thiết bị.

97

TÀI LIỆU THAM KHẢO

TÀI LIỆU THAM KHẢO
[1]. MDN Web Docs Java. [Online].
https://developer.mozilla.org/en-US/docs/Web/Java
Ngày truy cập gần nhất: 27/4/2023
[2]. GeeksforGeeks MERN stack. [Online].
https://www.geeksforgeeks.org/mern-stack/
Ngày truy cập gần nhất: 21/4/2023
[3]. Nodejs.org About Node.js. [Online].
https://nodejs.org/en/about/
Ngày truy cập gần nhất: 29/4/2023
[4]. Expressjs.com Express. [Online].
https://expressjs.com/en/starter/installing.html
Ngày truy cập gần nhất: 27/3/2023
[5]. Reactjs.org Getting Started. [Online].
https://reactjs.org/docs/getting-started.html
Ngày truy cập gần nhất: 02/05/2023
[6]. Mongodb.com MongoDB Documentation. [Online].
https://docs.mongodb.com/
Ngày truy cập gần nhất: 21/4/2023
[7]. F8 fullstack Khóa học nổi bật. [Online].

98

TÀI LIỆU THAM KHẢO

https://fullstack.edu.vn/courses?_type=tab
Ngày truy cập gần nhất: 22/05/2023
[8]. Web Dev Simplified React Hooks. [Online].
Learn useState In 15 Minutes - React Hooks Explained - YouTube
Ngày truy cập gần nhất: 23/05/2023

99