Đồ án tốt nghiệp - Xây dựng website hỗ trợ đặt lịch khám bệnh

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 WEBSITE HỖ TRỢ ĐẶT LỊCH KHÁM BỆNH

SINH VIÊN THỰC HIỆN:
Nguyễn Thiện Nghĩa

19110247

Phạm Đắc Trường

19110307

KHÓA:

2019-2023

NGÀNH:

CÔNG NGHỆ THÔNG TIN

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

TS. LÊ VĂN VINH

Tp. Hồ Chí Minh, tháng 06 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
*******
Tp. Hồ Chí Minh, ngày 28 tháng 05 năm 2023

NHIỆM VỤ ĐỀ TÀI
Họ và tên sinh viên: Phạm Đắc Trường

MSSV: 19110307

Họ và tên sinh viên: Nguyễn Văn Nghĩa

MSSV: 19110247

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:13 / 02 / 2023

Ngày nộp đề tài: 29 / 05 / 2023

1. Tên đề tài: XÂY DỰNG WEBSITE HỖ TRỢ ĐẶT LỊCH KHÁM BỆNH
2. Nội dung thực hiện đề tài
-Tìm hiểu công nghệ ReactJS, NodeJs, MySql
-Phân tích thiết kế xây dựng website
Thời gian thực hiện: 15 tuần (Bắt đầu từ 13/02/2023 đến 29/05/2023)
Chữ ký của SV: ……………………………………………………………
Chữ ký của SV: ……………………………………………………………

TRƯỞNG NGÀNH
(Ký, ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN
(Ký, 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: Phạm Đắc Trường

MSSV: 19110237

Họ và tên sinh viên: Nguyễn Văn Nghĩa

MSSV: 19110247

Ngành: Công nghệ Thông tin
Tên đề tài: : XÂY DỰNG WEBSITE HỖ TRỢ ĐẶT LỊCH KHÁM BỆNH
Họ và tên Giáo viên hướng dẫn: TS. Lê Văn Vinh
Về nội dung đề tài và khối lượng thực hiện
.......................................................................................................................................
.......................................................................................................................................
Ưu điểm:
.......................................................................................................................................
.......................................................................................................................................
Khuyết điểm:
.......................................................................................................................................
.......................................................................................................................................
Đề nghị cho bảo vệ hay không? ......................................................................... ......
...

...
xây dựng trang web từ lúc bắt đầu lên ý tưởng cho
đến lúc xây dựng website hoàn thiện bằng công nghệ Mern
- Hiểu biết thêm về mô hình MVC, nắm được các kiến thức về MySql
2. Các ưu điểm và những mặt còn hạn chế
Quá trình xây dựng website các em cũng phát hiện ra website này có những ưu
điểm và khiếm khuyết sau:
2.1. Ưu điểm
- Trang web còn có cả phiên bản của riêng admin, dành cho phía khách hàng sử
dụng.
- Giao diện được thiết kế một cách trực quan và người dùng dễ dàng điều hướng và
tìm hiểu cách sử dụng các tính năng. Điều này giúp người dùng dễ dàng đặt lịch
khám mà không gặp khó khăn.
2.2. Hạn chế
- Giao diện nhiều trang vẫn còn chưa được đẹp mắt
- Chức năng đặt lịch khám vẫn chưa được tối ưu
3. Hướng phát triển
- Phát triển trên ứng dụng di động
- Cho phép đăng nhập qua tài khoản google, facebook, ...

82

Phần kết luận

- Tích hợp chatbot
- Thêm tích hợp thanh toán như Momo, Paypal..
- Có thể chèn quảng cáo vào trong website
4. Cài đặt chương trình
4.3. Cài đặt
4.3.1. Yêu cầu hệ thống
Để có thể cài đặt và thực thi ứng dụng, cần đáp ứng được các yêu cầu sau:
Về môi trường:
o Đã cài đặt NodeJS
o Đã cài đặt MySql
Về công cụ:
o Visual Studio Code hoặc các công cụ tương đương để chạy FE.
o Xampp
4.3.2. Các bước cài đặt
Phía Back-end
o Bước 1: Thực hiện clone hoặc tải xuống dự án từ github :
https://github.com/PhamDacTruong/PhamTruong-ThienNghia
o Bước 2: Sau khi tải về mở VScode thực hiện lệnh npm i
o Bước 3: Sau khi thực hiện lệnh thành công, bật Xampp và cho chạy Apache
và MySQL
o Bước 4: Thực hiện lệnh npm start
Phía Front-end
o Bước 1: Thực hiện clone hoặc tải xuống hai dự án sau từ github:
https://github.com/PhamDacTruong/PhamTruong-ThienNghia

83

Phần kết luận

o Bước 2: Vào thư mục dự án và mở Terminal hoặc Command Prompt. Sau
đó chạy câu lệnh “npm i” để tiến hành tải các thư viện cần thiết.
o Bước 3: Sau khi hoàn tất cài đặt các thư viện thì thực hiện câu lệnh “npm
start” để chạy dự án

84

Tài liệu tham khảo

TÀI LIỆU THAM KHẢO
[1] https://viblo.asia/p/ro-hon-mot-chut-ve-virtual-dom-trong-reactjs-maGK70ALZj2
[2] https://viblo.asia/p/huong-dan-xay-dung-api-don-gian-voi-nodejs-va-mysql-ket-hopfrontend-dung-reactjs-p3-LzD5d6D0ZjY
[3] https://morioh.com/p/c54450024bf0
[4] https://viblo.asia/p/gioi-thieu-ve-reactjs-phan-i-cac-khai-niem-co-ban-V3m5WzjblO7
[5] https://freetuts.net/gioi-thieu-mysql-trong-nodejs-2235.htm
[6]
https://nodemailer.com/about/?fbclid=IwAR18UeVa7u4G0m8ow58hGIbPJKPHqK30Ao
mOOrxqEnq1qEqamiAgDzmMJuE

85