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

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

ĐỀ TÀI: XÂY DỰNG WEBSITE
TÌM KIẾM HUẤN LUYỆN VIÊN GYM CÁ NHÂN

GVHD: TS. Lê Vĩnh Thịnh
SVTH: Nguyễn Duy Phước - 16146172

TP.HCM, tháng 05 năm 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Ụ KHÓA LUẬN TỐT NGHIỆP
Họ và tên sinh viên: Nguyễn Duy Phước

MSSV:16146172

Ngành: Công Nghệ Thông Tin
Giảng viên hướng dẫn: TS. Lê Vĩnh Thịnh

ĐT: .....

1. Tên đề tài: XÂY DỰNG WEBSITE TÌM KIẾM HUẤN LUYỆN VIÊN GYM CÁ NHÂN
2. Nội dung thưc hiện đề tài:
Lý thuyết
- Tìm hiểu: Nodejs, Mongodb, React, Gmail service, Tailwindcss.
Thưc hành:
- Xây dưng một website cung cấp thông tin và tìm kiếm huấn luyện viên cá nhân cho khách
hàng. Tạo ra một nền tảng kết nối giữa khách hàng và huấn luyện viên cá nhân, giúp khách
hàng dễ dàng tìm thấy huấn luyện viên phù hợp với nhu cầu của mình. Cung cấp thông tin về
các dịch vụ huấn luyện, giá cả, kinh nghiệm của huấn luyện viên, giúp khách hàng có thể lưa
chọn được một huấn luyện viên phù hợp với mục tiêu của mình.

Thời gian thực hiện: 15 tuần (Bắt đầu từ 13/02/2023 đến 29/5/2023)

Chữ ký của SV: ……………………………………………………………
Chữ ký của SV: ……………………………………………………………
TRƯỞNG KHOA CNTT
(Ký và ghi rõ họ tên)

Tp. Hồ Chí Minh, ngày 29 tháng 5 năm 2023

GIÁO VIÊN HƯỚNG DẪN
(Ký và ghi rõ họ tê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 : Nguyễn Duy Phước
MSSV : 16146172
Ngành: Công nghệ Thông tin
Tên đề tài: : Xây dưng website tìm kiếm huấn luyện viên cá nhân
Họ và tên Giáo viên hướng dẫn: TS. LÊ VĨNH THỊNH

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:
............................................................................................................................................
...

...
ọn đăng nhập
Bảng 52: Test case đăng nhập

Trang 77

Chương 5: Cài đặt và kiểm thử hệ thống
2.3. Đặt lịch
ID

Mô tả testcase

Các bước thực hiện

Kết quả mong đợi

Kết
quả
TestCase_05 Đăng ký buổi tập 1. Chọn chức năng Đăng ký thành công Pass
luyện mới
buổi tập, có vé tập
đăng ký buổi tập
2. Chọn lớp tập
3. Chọn huấn luyện
viên
4. Chọn khung giờ
5. Xem lại thông tin
đăng ký
6. Xác nhận đăng ký
Bảng 53: Test case đặt lịch
2.4. Thực hiện nhiệm vụ hằng ngày
ID

Mô tả testcase

Các bước thực hiện

Kết quả mong Kết
đợi
quả
TestCase_05 Thưc hiện nhiệm 1. Chọn chức năng xem danh Hệ thống tư Pass
vụ hằng ngày, kiểm sách bài tập
động đếm số
tra xem hệ thống 2. Chọn bài tập
lần và kết thúc
có nhận diện và 3. Nhấn bắt đầu
đếm khi đủ số
đếm được số lần 4. Thưc hiện bài tập theo
tập không
video hướng dẫn
Bảng 54: Test case thưc hiện nhiệm vụ hằng ngày

Trang 78

Chương 6. Kết luận và hướng phát triển

CHƯƠNG 6. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
1. Kết quả đạt được
● Xây dưng một Server Restful API bằng ExpressJS
● Xây dưng giao diện ở phía khách hàng bằng Reactjs, Ant design
● Xây dưng thành công trang web tìm kiếm huấn luyện viên cá nhân với những chức

năng cơ bản cần có.
● Tính năng google map api định vị trung tâm tập luyện.
● Tính năng mediapipe nhận diện động tác bài tập và đếm số lần tập.

2. Ưu điểm
● Áp dụng công nghệ mới.
● Giao diện hiện thân thiện và dễ sử dụng.
● Dễ bảo trì và mở rộng.
● Áp dụng được ML, AI.

3. Hạn chế
● Một phần màn hình chưa hỗ trợ giao diện trên các thiết bị màn hình nhỏ như

smartphone, tablet.
● Hệ thống nhận ML, AI nhận diện bài tập còn cơ sở, chưa có nhiều bài tập luyện, phân

tích chi tiết, phát hiện lỗi sai tư thế.
4. Hướng phát triển
● Hỗ trợ giao diện trên các thiết bị màn hình nhỏ như smartphone, tablet.
● Bổ sung thêm nhận dạng các bài tập khác, như hít đất, hít xà,…
● Liên kết đồng hồ thông minh để có thêm thông tin sức khỏe chuyên sâu.

Trang 79

TÀI NGUYÊN MÃ NGUỒN
1. Front-end: https://github.com/phuocngd15/pt-booking-nodejs-server
2. Back-end: https://github.com/phuocngd15/pt-booking-react-client-v2

Trang 80

TÀI LIỆU THAM KHẢO
[1]. Nodejs là gì?
https://topdev.vn/blog/node-js-la-gi/
[2]. Expressjs là gì?
https://wiki.tino.org/expressjs-la-gi/
[3]. Mongodb là gì?
https://viblo.asia/p/mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N
[4]. React là gì?
https://reactjs.org/learn
[5]. Ant-design?
https://ant.design/docs/spec/introduce
[6]. Mediapipe?
https://developers.google.com/mediapipe

Trang 81