Đề tài website đặt lịch khám bệnh online

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN MÔN HỌC ĐỒ ÁN – SE401.M21 ĐỀ TÀI: WEBSITE ĐẶT LỊCH KHÁM BỆNH ONLINE Online Doctor Appointment Booking Website KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM Giảng viên hướng dẫn: ThS Trần Thị Hồng Yến Sinh viên thực hiện: 18521671 – Nguyễn Hoàng Vũ 18520514 – Trần Hữu Cảnh Thành phố Hồ Chí Minh, ngày 24 tháng 12 năm 2022 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập – Tự Do – Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT Tên đề tài: Website đặt lịch khám bệnh online Cán hướng dẫn: ThS.Trần Thị Hồng Yến Thời gian thực hiện: Từ ngày 05/09/2022 đến ngày 31/12/2022 Sinh viên thực hiện: Trần Hữu Cảnh – 18520514 Nguyễn Hoàng Vũ – 18521671 Nội dung đề tài: • Mục tiêu: • Xây dựng hệ thống bao gồm chức trang web đặt lịch khám bệnh online như: Đặt lịch khám bệnh, tra cứu thông tin bác sĩ, chuyên khoa, sở y tế, quản lý bác sĩ , quản lý kế hoạch khám bệnh bệnh nhân • Xây dựng hệ thống cho phép người dùng tìm kiếm, tra cứu thơng tin cách nhanh chóng trực quan • Xây dựng trang web thơng tin có tin tức sở y tế, bác sĩ, chuyên khoa • Xây dựng hệ thống với cơng nghệ Java Spring Boot, Reactjs, PostgreSQL Nhóm em chọn cơng nghệ chúng có tính bao qt rộng hơn, Java Spring Boot Có cấu hình, có khả tự động cấu hình lại Spring cần, từ giúp thành viên tiết kiệm thời gian viết code tăng thêm suất, Reactjs Frontend facebook tạo ra, hỗ trợ nhiều thư viện, giúp dễ dàng việc xây dựng ứng dụng • Đối tượng: Những người có nhu cầu đặt lịch khám bệnh online • Tính mới/ khác biệt chức năng: • Thêm ý tưởng: Các trang web hỗ trợ thêm bác sĩ, giúp bác sĩ dễ dàng quản lý lịch làm việc trao đổi với người dùng dễ dàng Chúng em thêm tính quản lý thơng tin phịng khám,cơ sở y tế, chun khoa giúp cho người dùng dễ dàng tra cứu • Chọn lọc chức năng: Khảo sát qua trang khám bệnh online Việt Nam umc.medpro.com.vn, aiheath.com.vn,… nhóm nhận thấy: Các trang web khám bệnh online trình bày theo hình thức đơn giản, khiến người dùng dễ dàng sử dụng lần đầu vào trang web Cũng mà nhóm thiết kế giao diện gọn gàng khơng rối mắc Nhóm em hồn thành chức cần thiết hỗ trợ tư vấn, đặt lịch, trao đổi trực tiếp với bác sĩ, quản lý lịch khám bệnh Ngồi cịn chức trang web tìm kiếm, xem thơng tin chi tiết • Phạm vi: • Phạm vi địa lý: Ứng dụng sử dụng Việt Nam • Phạm vi chức năng: Quản lý tài khoản Quản lý bác sĩ, chuyên khoa, sở y tế Tra cứu thông tin bác sĩ, chuyên khoa, sở y tế Quản lý lịch khám bệnh bác sĩ bệnh nhân Quản lý tìm kiếm thơng tin theo bác sĩ, bệnh nhân • Phương pháp làm việc hiện: • Làm việc nhóm thành viên thơng phương thức online hướng dẫn giảng viên hướng dẫn • Phương pháp nghiên cứu: • Phân tích nhu cầu sử dụng đối tượng người dùng • Nghiên cứu tài liệu cơng nghệ liên quan • Phương pháp cơng nghệ: • Tìm hiểu cách thức xây dựng hệ thống giao tiếp FE BE • Xây dựng RESTful API để thao tác với liệu • Xây dựng giao diện Web để tương tác với người dùng • Nền tảng cơng nghệ: • Frontend: ReacJs • Backend: Java Spring boot • Database: PostgreSQL • Tool: Visual Code, Intelij, Postman,… Lí sử dụng cơng nghệ trên: • Sử dụng Spring boot xem tiêu chuẩn cho cho cấu hình giúp nâng cao suất cho developer Được xem cấu hình thiết kế phần mềm tối ưu nhất, tạo ứng dụng độc lập ứng dụng tương lai • Cơ sở liệu PostgreSQL hệ thống quản lý liệu nguồn mở cấp doanh nghiệp Nó hỗ trợ SQL cho quan hệ JSON cho truy vấn khơng liên quan Nó hỗ trợ cộng đồng nhà phát triển có kinh nghiệm, người đóng góp to lớn để làm cho trở thành hệ thống DBMS có độ tin cậy cao • Reactjs frontend nhiều phần mềm sử dụng tính phong phú đa dạng, nhiều thư việc hỗ trợ, nên tuỳ biến phần frontend trở nên đẹp mà không thô cứng • Postman chương trình ngồi để kiểm tra API cách độc lập mà không cần phải thao tác ứng dụng • Visual Code phần mềm để viết thực thi dòng lệnh • Kết mong đợi: • Hoàn thiện ứng dụng web đặt lịch khám bệnh online đáp ứng đủ nhu cầu • Giao diện dễ thao tác, đăng ký lịch khám bệnh, hiển thị thông tin cho người dùng • Định hướng phát triển: Mở rộng thêm trang web khác, thêm tính tiện lợi cho người dùng, tư vấn trực tuyến cho người dùng STT Cơng việc Phase 1: Tìm hiểu xây dựng ứng dụng web có Thời gian thực Phân công tuần backend frontend Sprint 1: Tìm hiểu định nghĩa Tuần – (05/09/2022 – JavaSpring Boot+ Reactjs + Postgresql 19/10/2022) Vũ - JavaSpring Boot gì? 1.1 - Postgresql gì? 1.2 2.1 2.2 - Reactjs gì? Cảnh Sprint 2: Xây dựng ứng dụng kết hợp Tuần – (20/10/2022 – Java Spring Boot+ Reactjs + PostgreSQL 4/11/2022) - Xây dựng giao diện website Cảnh Reactjs để để hiển thị - Xây dựng database PostgreSQL Vũ tính Java Spring Phase 2: Xây dựng website thu nhập chia sẻ thông tuần tin trang web 3.1 3.2 Sprint 3: Xây dựng RESTful API với database postgresql - Tạo database kết nối PostgreSQL Tuần – (5/11/2022 – 12/11/2022) - Tạo API để lấy thông tin từ đường link cụ Tuần – (13/11/2022 – thể, xuất thông tin trả cho người dùng 20/11/2022) Vũ 3.3 3.4 - Tạo API thêm, sửa, xoá thông tin, đăng nhập, Tuần – (21/11/2022 – đặt lịch khám bệnh, tìm kiếm thơng tin 28/12/2022) - Xây dựng tính đăng nhập, tìm kiếm Tuần – (28/11/2022 – thông tin bác sĩ, sở y tế chuyên khoa 6/12/2022) - Xây dựng tính thêm xóa sửa thơng tin 3.5 bác sĩ, sở y tế, chuyên khoa, đặt lịch khám bệnh Sprint 4: Xây dựng Frontend với Reactjs 4.1 - Tạo trang web với Reactjs 4.2 4.3 4.4 4.5 5.1 14/12/2022) Tuần – (5/11/2022 – 12/11/2022) - Gọi API từ Backend lên Frontend để sử Tuần – (13/11/2022 – dụng 20/11/2022) - Xây dựng hình trang chủ, đăng nhập, Tuần – (21/11/2022 – tìm kiếm thơng tin 28/12/2022) - Xây dựng hình quản lý thơng tin bác sĩ, Tuần – (28/11/2022 – sở y tế, chuyên khoa 6/12/2022) - Chỉnh sửa thông tin giao diện Phase 3: Kiểm thử đánh giá Tuần 9– 10 (7/12/2022 – Cảnh Tuần 9– 10 (7/12/2022 – 14/12/2022) tuần Sprint 5: Kiểm thử - Kiểm thử Tuần 11 - 12 (15/12/2022 Vũ, - Đánh giá – 31/12/2022) Cảnh Xác nhận CBHD TP HCM, ngày 24 tháng 12 năm 2022 (Ký tên ghi rõ họ tên) Sinh viên (Ký tên ghi rõ họ tên) Ths.Trần Thị Hồng Yến Trần Hữu Cảnh Nguyễn Hoàng Vũ Lời cảm ơn Đầu tiên, chúng em 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.HCM quý thầy cô khoa Công nghệ phần mềm giúp cho chúng em có kiến thức làm tảng để thực đề tài Đặc biệt, nhóm em xin gửi lời cảm ơn lịng biết ơn sâu sắc tới Trần Thị Hồng Yến, người hướng dẫn tận tình, sửa chữa đóng góp nhiều ý kiến quý báu giúp tụi em hồn thành báo cáo mơn học Trong thời gian học đề tài, em 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ừ đó, em vận dụng tối đa thu thập để hoàn thành báo cáo đồ án tốt Tuy nhiên, q trình thực khơng tránh khỏi thiếu sót Chính vậy, nhóm em mong nhận góp ý từ phía thầy/cơ nhằm hồn thiện kiến thức mà nhóm em học tập hành trang để em thực tiếp đề tài khác tương lai Xin chân thành cảm ơn quý thầy/cô! NHẬN XÉT CỦA GIẢNG VIÊN Tp.HCM, ngày … tháng năm 20 GVHD ThS Trần Thị Hồng Yến 10 7.2 Hình ảnh số hình 7.2.1 Màn hình “Đăng nhập” Hình 7.1: Màn hình "Đăng nhập" Mơ tả: Màn hình đăng nhập dành cho bác sĩ admin 46 7.2.2 Màn hình “Trang chủ” Hình 7.2: Màn hình “Trang chủ" 47 Mơ tả: Màn hình giao diện trang chủ, hiển thị thơng tin bác sĩ, phịng khám, chun khoa 7.2.3 Màn hình “Chi tiết thơng tin chun khoa” Hình 7.3: Màn hình "Chi tiết thơng tin chun khoa" Mơ tả: Màn hình chi tiết chun khoa bao gồm: • Thơng tin chun khoa • Thơng tin bác sĩ chun khoa • Lịch làm việc bác sĩ 48 7.2.4 Màn hình “Chi tiết thơng tin sở y tế” Hình 7.4: Màn hình "Chi tiết thơng tin sở y tế" Mơ tả: Màn hình chi tiết sở y tế bao gồm: • Thơng tin sở y tế • Thơng tin bác sĩ sở y tế • Lịch làm việc bác sĩ 49 7.2.5 Màn hình “Chi tiết thơng tin bác sĩ” Hình 7.5: Màn hình "Chi tiết thơng tin bác sĩ" Mơ tả: Màn hình chi tiết thơng tin bác sĩ gồm: • Thơng tin bác sĩ • Lịch khám bệnh bác sĩ 50 7.2.1 Màn hình “Đặt lịch khám bệnh” Hình 7.6: Màn hình "Đặt lịch khám bệnh" Mơ tả: Màn hình đặt lịch khám bệnh: • Sau chọn lịch bác sĩ chuyên khoa phịng khám hiển thị hình đặt lịch khám bệnh • Bệnh nhân điền thơng tin xác nhận lịch khám 51 7.2.2 Màn hình “Quản lí tài khoản” Hình 7.7: Màn hình "Quản lý tài khoản" Mơ tả: Màn hình quản lý tài khoản • Admin sau đăng nhập quản lý tài khoản bác sĩ thêm mới, xóa, sửa thơng tin tài khoản bác sĩ 52 7.2.3 Màn hình “Quản lý thơng tin chi tiết bác sĩ” Hình 7.8: Màn hình "Quản lý thông tin chi tiết bác sĩ" Mô tả: Màn hình quản lý thơng tin bác sĩ • Admin sau đăng nhập quản lý tài khoản bác sĩ thêm mới, xóa, sửa thơng tin bác sĩ 53 7.2.4 Màn hình “Quản lý kết hoạch khám bệnh bác sĩ” Hình 7.9: Màn hình "Quản lý kế hoạch khám bệnh bác sĩ" Mô tả: Màn hình quản lý lịch làm việc bác sĩ: • Admin thêm lịch cho bác sĩ 54 7.2.5 Màn hình “Quản lý phịng khám” Hình 7.10: Màn hình "Quản lý phịng khám" Mơ tả: Màn hình quản lý thơng tin phịng khám • Admin sau đăng nhập quản lý tài khoản bác sĩ thêm mới, xóa, sửa thơng tin phịng khám 55 7.2.6 Màn hình “Quản lý chuyên khoa” Hình 7.11: Màn hình "Quản lý chun khoa" Mơ tả: Màn hình quản lý thơng tin chun khoa • Admin sau đăng nhập quản lý tài khoản bác sĩ thêm mới, xóa, sửa thơng tin chuyên khoa 56 7.2.7 Màn hình “Quản lý bệnh nhân khám bệnh” Hình 7.12: Màn hình "Quản lý bệnh nhân khám bệnh" Mơ tả: Màn hình quản lý thơng tin khám bệnh bệnh nhân • Bác sĩ sau đăng nhập quản thơng tin bệnh nhân đặt lịch khám với • Bác sĩ xác nhận lịch khám gửi kết khám bệnh cho bệnh nhân thông qua email 57 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Đánh giá kết làm việc Sau trình tháng thực dự án, nhóm phát triển tự tin sản phẩm cuối nhóm đạt mục tiêu đề từ ban đầu việc xây dựng ứng dụng minh họa để thể thành nghiên cứu hệ thống đặt lịch khám bệnh online cho người dùng Từ mở lối cho hướng phát triển sau để thực đưa sản phẩm vào ứng dụng thực tế phát triển ngồi nước có nhiều người sử dụng Trong trình phát triển dự án Nhóm phát triển nhận định số thuận lợi khó khăn sau: Ưu điểm: - Đã tự xây dựng ứng dụng hồn thiện, có back-end front-end, tự xây dựng lên framework API cho hệ thống - Ứng dụng web có tính hệ thống đăng ký khám bệnh online đặt lịch khám, xác nhận đặt lịch khám bệnh,…… - Xây dựng ứng dụng theo quy trình cụ thể, sử dụng ngơn ngữ học Java Spring Boot Reactjs kết hợp với tích hợp hỗ trợ để khiến hệ thống đa dạng - Nhóm hồn thành yêu cầu quan trọng đồ án đặt lịch khám bệnh online ,đồng thời tạo hệ thống tìm kiếm tra cứu thơng tin cho bệnh nhân Nhược điểm: - Cịn số tính đề ban đầu nhóm khơng thực thêm vào đánh giá bác sĩ, tư vấn trực tuyến… 58 - Ứng dụng hạn chế quản lý khám bệnh - Giao diện chưa đẹp bắt mắt Hướng phát triển: Qua q trình thực đồ án, tính tới thời điểm tại, em nhận thấy đồ án thiếu sót cần khắc phục phát triển thời gian tới như: - Bổ sung nhiều thông tin người dùng tham khảo chọn bác sĩ phù hợp - Bổ sung tính tư vấn online - Bổ sung tính chatbox - Hồn thiện thêm chức đề ban đầu thêm vào tính chatbox, đánh giá bác sĩ, quản lý lịch làm việc bác sĩ, xác nhận lịch khám bệnh người bệnh - Cải thiện lại giao diện cho bắt mắt - Giới thiệu sản phẩm tới đông đảo người dùng 59 TÀI LIỆU THAM KHẢO [1] "JavaSpring Boot" [Online] Available: https://spring.io/guides/gs/spring-boot/ [2] "MongoDB" [Online] Available: https://www.postgresql.org/ [3] "ReactJS" [Online] Available: https://reactjs.org/, https://www.w3schools.com/react/ 60 ... use-case ? ?Đặt lịch khám bệnh " Bảng 6.3.7: Đặc tả usecase ? ?Đặt lịch khám bệnh? ?? Tên chức Đặt lịch khám bệnh Tóm tắt Đặt lịch khám bệnh cho người dùng Actor Người dùng Dịng kiện Người dùng truy cập website. .. Chức đặt lịch hẹn khám bệnh Bảng 4.3: Đặc tả chức đặt lịch hẹn khám bệnh Chức Đặt lịch hẹn khám bệnh người dùng 21 Mô tả Lưu trữ, xác nhận thông tin khám bệnh, người dùng Mục đích Xắp xếp lịch. .. định chặt chẽ đồng với lịch làm việc bác sĩ - khoa khám bệnh 1.2 Mục tiêu phạm vi đề tài 1.2.1 Mục tiêu - Xây dựng website tảng web với mục đích đặt lịch khám bệnh online khám bệnh cho người dùng