Đồ án WEBSITE quản lý nha khoa

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN Đề tài: WEBSITE QUẢN LÝ NHA KHOA Giảng viên hướng dẫn: ThS Huỳnh Hồ Thị Mộng Trinh Sinh viên thực hiện: Lữ Ngọc Vĩnh Thái Bùi Nhật Tiến 18521381 18521482 TP Hồ Chí Minh, ngày 28 tháng 06 năm 2021 Lời cảm ơn Đầu tiên, nhóm xin gửi lời cảm ơn chân thành đến tập thể quý thầy cô trường Đại học Công nghệ thông tin – Đại học Quốc gia Tp Hồ Chí Minh quý thầy cô khoa Công nghệ phần mềm giúp cho nhóm có kiến thức làm tảng để thực đề tài Đặc biệt, nhóm xin gửi lời cảm ơn lịng biết ơn sâu sắc tới cô Huỳnh Hồ Thị Mộng Trinh trực tiếp hướng dẫn tận tình, sửa chữa đóng góp nhiều ý kiến quý báu giúp nhóm thành tốt đồ án mơn học Trong thời gian đề tài, nhóm tác giả vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Từ đó, vận dụng tối đa thu thập để hoàn thành sản phẩm cách tốt Tuy nhiên, q trình thực hiện, khơng tránh khỏi thiếu sót Chính vậy, nhóm mong nhận góp ý từ phía thầy nhằm hồn thiện kiến thức mà nhóm học tập hành trang để thực tiếp đề tài khác tương lai Nhận xét giảng viên ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Mục lục Chương I: Giới Thiệu Đề Tài 1.1 Khảo sát trạng 1.1.1 Kết khảo sát 1.1.2 Kết luận 1.2 Yêu cầu hệ thống 1.2.1 Danh sách yêu cầu 1.2.2 Danh sách biểu mẫu quy định Chương II: Phân Tích 12 2.1 Mô hình Usecase 12 2.1.1 Sơ đồ usecase 12 2.1.2 Danh sách actor 12 2.1.3 Danh sách usecase 13 2.1.4 Đặc tả usecase 13 2.2 Sơ đồ lớp 30 2.2.1 Sơ đồ lớp (mức phân tích) 30 2.2.2 Danh sách đối tượng quan hệ 30 2.2.3 Mô tả chi tiết đối tượng 31 2.3 Sơ đồ trạng thái 37 2.3.1 Nha sỹ 37 2.3.2 Dịch vụ 37 2.3.3 Lịch hẹn 37 Chương III: Thiết kế 39 3.1 Thiết kế liệu 39 3.1.1 Sơ đồ logic 39 3.1.2 Đặc tả phần sơ đồ logic 39 3.2 Thiết kế kiến trúc 43 3.2.1 Công nghệ sử dụng 43 3.2.2 Mơ hình kiến trúc hệ thống 45 3.2.3 Mô tả thành phần hệ thống 45 3.3 Thiết kế giao diện 47 3.3.1 Danh sách hình 47 3.3.2 Mơ tả chi tiết hình 48 Chương IV: Kết Luận 64 4.1 Môi trường phát triển môi trường triển khai: 64 4.2 Kết đạt 64 4.2.1 Sản phẩm: 64 4.2.2 Kiến thức: 69 4.3 Hướng phát triển 69 Chương V: Tài Liệu Tham Khảo 70 Chương I: Giới Thiệu Đề Tài 1.1 Khảo sát trạng 1.1.1 Kết khảo sát 1.1.2 Kết luận Ngày dịch vụ nha khoa ngày phổ biến sử dụng rộng rãi nhiều người nhiên qua khảo sát trải nghiệm thực tế nhóm trung tâm nha khoa thường sử dụng hình thức chăm sóc, tư vấn khách hàng lạc hậu gây ảnh hưởng khơng đến khách hàng giảm doanh thu phòng khám Chẳng hạn vấn đề đặt hủy lịch khám cịn khơng phù hợp dẫn tới lãng phí thời gian đôi bên Nhận thấy ảnh hưởng vấn đề khơng nhỏ nhóm định chọn đề tài “Quản lý phòng khám nha khoa” nhằm tạo sản phẩm khác phục yếu tố nêu 1.2 Yêu cầu hệ thống 1.2.1 Danh sách yêu cầu STT Tên yêu cầu Biểu mẫu Quy định Đăng ký thông tin BM QĐ Tạo lịch hẹn BM QĐ Hủy lịch hẹn Thêm nha sỹ BM QĐ Cập nhật thông tin nha sỹ BM QĐ Thêm ca trực BM QĐ Thêm lich trực BM QĐ Thay đổi thông tin lịch trực BM QĐ Xóa lịch trực 10 Thêm dịch vụ BM 10 QĐ 10 11 Thay đổi thông tin dịch vụ BM 11 QĐ 11 Ghi QĐ QĐ 1.2.2 Danh sách biểu mẫu quy định 1.2.2.1 Biểu mẫu quy định 1: BM1 ĐĂNG KÝ THÔNG TIN Tên: …………………………………………………………………………… Email: ………………………………………………………………………… Năm sinh: ………………………………………………….…………………… Giới tính:……………………………………………………………………… QĐ1: Email đăng ký không trùng với email đăng ký trước 1.2.2.2 Biểu mẫu quy định 2: PHIẾU HẸN LỊCH BM2 Tên: ……………………………… …………………………………………………… Dịch vụ: …………………………………………………………….…………………… Nha sỹ: …………………………………………………… ……………………… Thời gian: ………………………………………………….……………………… QĐ 2: - Khách hàng không đăng ký hẹn lịch dịch vụ vào thơi điểm - Nha sỹ phải thời gian trống đủ để thực dịch vụ khách hàng đăng ký - Dịch vụ đăng ký cung cấp nha khoa - Nha sỹ thời gian làm việc nha khoa 1.2.2.3 Quy định 3: - Chỉ hủy lịch hẹn với lịch hẹn chưa hồn thành khơng trạng thái “Quá hạn” “Đã hủy” - Sau hủy lịch hẹn thời gian trống nha sỹ ca trực hoàn lại 1.2.2.4 Biểu mẫu quy định 4: THÊM NHA SỸ BM4 Tên: ……………………………… …………………………………… ………………… Bằng cấp: ……………………………………………………… …………………… CMND: …………………………………………………….…………………………… Số điện thoại: ……………………………………………………………………………… Chuyên môn:……………………………………………………………………………… Kinh nghiệm:……………………………………………………………………………… QĐ 4: - Số điện thoại cung cấp hợp lệ - CNMD cung cấp hợp lệ - Chuyên môn phải phù hợp với nhu cầu phòng khám - Số năm kinh nghiệp tối thiểu 1.2.2.5 Biểu mẫu quy định 5: BM5 CẬP NHẬT THÔNG TIN NHA SỸ Tên: ……………………………… …………………………………… ……………… Bằng cấp: ……………………………………………………… ……………………… Số điện thoại: …………………………………………………………………………… Chuyên môn:……………………………………………………………………………… Kinh nghiệm:……………………………………………………………………………… Trạng thái: ……………………………………………………………………………… QĐ 5: - Số điện thoại hợp lệ - Chuyên mơn phải phù hợp với nhu cầu phịng khám - Số năm kinh nghiệp tối thiểu 1.2.2.6 Biểu mẫu quy định 6: BM6 THÊM CA TRỰC Tên ca trực: ……………………………… …………… ……………………………… Bắt đầu: ………………………………………… ………………………………… Kết thúc: …………………………………………………………………………………… Ghi chú: …………………………………………………………………………………… QĐ 6: Sử dụng định dạng 24h 1.2.2.7 Biểu mẫu quy định 7: BM7 THÊM LỊCH TRỰC Nha sỹ: ……………………………… ……Ngày trực: ……………………………… Số điện thoại: ………………………………………… ………………………………… Ca trực STT Bắt đầu Kết thúc Ghi QĐ 7: - Ngày trực thêm phải sau với ngày - Số điện thoại hợp lệ - Nha sỹ thời gian hoạt động ratingLabel Label Hiển thị điểm đánh giá openManageMenuBtn Button Chọn loại hình quản lí homePageBtn Button Di chuyển đến trang chủ shiftManageBtn Button Chọn loại quản lí ca trực dentistManage Btn Button Chọn loại quản lí nha sỹ + Danh sách biến cố STT Biến cố Xử lý Click vào nút openManageMenuBtn Hiển thị menu quản lý Click vào nút homePageBtn Di chuyển đến trang chủ Click vào nút shiftManageBtn Hiển thị hình quản lí ca trực Click vào nút dentistManageBtn Hiển thị hình quản lí nha sỹ 3.3.2.9 Màn hình quản lí nha sỹ 3.3.2.9.1 Thiết kế 3.3.2.9.2 Mô tả chi tiết + Danh sách đối tượng STT Tên Kiểu Chức dentistNameInput Input/Text Nhập tên dentistAvaInput Input/File Thêm ảnh đại diện IDNumberInput Input/Text Nhập mã số yearExperienceInput Input/Text Nhập năm kinh nghiệm degreeInput Input/Checkbox Chọn loại cấp degreeInput Input/Checkbox Chọn loại cấp saveBtn Button Thêm nha sỹ editDentistBtn Button Chỉnh sửa thông tin nha sỹ ̣9 dentistEditNameInput Input/Text Chỉnh sửa tên 10 dentistEditAvaInput Input/File Chỉnh sửa ảnh đại diện 11 IDNumberEditInput Input/Text Chỉnh sửa mã số 12 yearExperienceEditInput Input/Text Chỉnh sửa năm kinh nghiệm 13 degreeEditInput Input/Checkbox Chỉnh sửa loại cấp 14 phoneEditInput Input/Text Chỉnh sửa số điện thoại 15 expertEditInput Input/Checkbox Chỉnh sửa chuyên môn 16 saveEditBtn Button Lưu thông tin chỉnh sửa 17 closeEditBtn Button Đóng form chỉnh sửa + Danh sách biến cố STT Biến cố Xử lý Click nút saveBtn Click nút editDentistBtn Click nút saveEditBtn Click nút closeEditForm Kiểm tra gửi thông tin nha sỹ tới server Hiển thị hình chỉnh sửa thơng tin nha sỹ Kiểm tra gửi thông tin chỉnh sửa tới server Đóng form chỉnh sửa thơng tin 3.3.2.10 Màn hình quản lí lịch làm việc 3.3.2.10.1 Thiết kế 3.3.2.10.2 Mô tả chi tiết + Danh sách đối tượng STT Tên Kiểu Chức dentistInput Input/CheckBox Chọn bác sĩ dateInput Input/Date Chọn ngày shiftsInput Input/CheckBox Chọn ca trực saveBtn Button Thêm lịch làm việc editDentistBtn Button Chỉnh sửa lịch làm việc dentistNameLabel Label Hiển thị tên nha sĩ dateLabel Label Hiển thị ngày shiftsEditInput Input/CheckBox Chỉnh sửa ca trực saveEditBtn Button Lưu thơng tin chỉnh sửa 10 closeEditBtn Button Đóng form chỉnh sửa + Danh sách biến cố STT Biến cố Xử lý Click nút saveBtn Kiếm tra gửi thông tin lịch làm việc tới server Click nút editShiftBtn Hiển thị form chỉnh sửa thông tin Click dentistInput Chọn nha sĩ Click dateInput Chọn ngày Click shiftsInput Chọn ca trực Click shiftsEditInput Chỉnh sửa ca trực Click nút saveEditBtn Kiếm tra gửi thông tin chỉnh sửa tới server Click nút closeEditBtn Đóng form chỉnh sửa 3.3.2.11 Màn hình quản lí dịch vụ 3.3.2.11.1 Thiết kế 3.3.2.11.2 Mô tả chi tiết + Danh sách đối tượng STT Tên Kiểu Chức serviceNameInput Input/Text Nhập tên dịch vụ imageInput Input/Text Nhập đường dẫn ảnh minPriceInput Input/Text Nhập chi phí thấp maxPriceInput Input/Text Nhập chi phí cao timeInput Input/Text Nhập thời gian saveBtn Button Thêm dịch vụ editServiceBtn Button Chỉnh sửa thông tin dịch vụ serviceEditNameInput Input/Text Chỉnh sửa tên dịch vụ ̣9 imageInput Input/Text Chỉnh sửa đường dẫn ảnh 10 minPriceInput Input/Text Chỉnh sửa chi phí thấp 11 maxPriceInput Input/Text Chỉnh sửa chi phí cao 12 timeInput Input/Text Chỉnh sửa thời gian 13 statusInput Input/Checkbox Chỉnh sửa tình trạng phục vụ 14 ratingInput Input/Text Chỉnh sửa điểm đánh giá 15 saveEditBtn Button Chỉnh sửa dịch vụ 16 closeFormBtn Button Đóng form + Danh sách biến cố STT Biến cố Xử lý Click nút saveBtn Kiểm tra gửi thông tin dịch vụ tới server Click nút editServiceBtn Hiển thị form chỉnh sửa thông tin dịch vụ Click nút saveEditBtn Kiểm tra gửi thông tin chỉnh sửa tới server Click nút closeFormBtn Đóng form chỉnh sửa 3.3.2.12 Màn hình danh sách lịch hẹn khám 3.3.2.12.1 Thiết kế 3.3.2.12.2 Mô tả chi tiết + Danh sách đối tượng STT Tên Kiểu Chức cancelAppointmentBtn Button Hủy hẹn + Danh sách biến cố STT Biến cố Xử lý Hủy hẹn Click nút cancelAppointmentBtn 3.3.2.13 Trang danh sách dịch vụ 3.3.2.13.1 Thiết kế 3.3.2.13.2 Mô tả chi tiết + Danh sách đối tượng STT Tên Kiểu Chức moreInfoBtn Button Xem thông tin chi tiết dịch vụ + Danh sách biến cố: STT Biến cố Xử lý Click nút moreInfoBtn Di chuyển đến trang thông tin chi tiết dịch vụ tương ứng 3.3.2.14 Trang thông tin chi tiết dịch vụ 3.3.2.14.1 Thiết kế Chương IV: Kết Luận 4.1 Môi trường phát triển mơi trường triển khai: Sau q trình kiểm tra ứng dụng chạy ổn định Google Chrome, Cốc Cốc Microsoft Edge Yêu cầu máy chủ cài đặt NodeJS mongoDB 4.2 Kết đạt 4.2.1 Sản phẩm: 4.2.1.1 Trang chủ: 4.2.1.2 Trang danh sách dịch vụ 4.2.1.3 Trang danh sách nha sỹ 4.2.1.4 Trang thông tin dịch vụ 4.2.1.5 Trang tạo lịch hẹn 4.2.1.6 Trang danh sách lịch hẹn 4.2.1.7 Trang quản lý nha sỹ 4.2.1.8 Trang quản lý dịch vụ 4.2.1.9 Trang quản lý ca trực 4.2.2 Kiến thức: - Hiểu rõ quy trình đặt lịch hẹn phịng khám nha khoa - Hồn thành chức hỗ trợ đặt hẹn với nha sỹ - Thiết kế giao diện đẹp mắt, dễ sử dụng - Hỗ trợ PC lẫn mobile tablet - Tiến hành xây dựng server mơi trường production - Tìm hiểu api Google - Tìm hiểu phát triển REST api - Tìm hiểu ReactJs, Redux kiến trúc Flux - Tìm hiểu phương thức bảo mật server - Hosting ứng dụng 4.3 Hướng phát triển - Check in đến khám - Quản lý - Lưu trữ hồ sơ - Marketing cho phịng khám thơng qua đánh giá khách hàng Chương V: Tài Liệu Tham Khảo Tài liệu React js : https://reactjs.org/docs/getting-started.html Tài liệu Node js : https://nodejs.org/en/docs/ Tài liệu Redux : https://redux.js.org/introduction/getting-started Tài liệu Mongodb : https://docs.mongodb.com/ ... 2.1.4.15 Quản lý nha sĩ 2.1.4.15.1 Xem danh sách nha sĩ Tên chức Xem danh sách nha sỹ Tóm tắt Xem danh sách nha sỹ Dịng kiện Tại trang quản lý chọn chức quản lý nha sỹ Hệ thống hiển thị danh sách nha. .. tin nha sỹ Khách hàng xem thông tin nha sỹ 10 Xem danh sách nha sỹ 11 Xem danh sách dịch vụ 12 Quản lý dịch vụ Thêm/Sửa/Xem thông tin dịch vụ 13 Quản lý nha sĩ Thêm/Sửa/Xem thông tin nha sĩ 14 Quản. .. sách nha sỹ Trang danh sách dịch vụ Trang thông tin chi tiết dịch vụ 10 Trang danh sách nha sĩ 11 Trang danh sách lịch hẹn đặt 12 Trang quản lý nha sỹ 13 Trang quản lý lịch trực 14 Trang quản lý