(Đồ án hcmute) phát triển ứng dụng đăng kí khám chữa bệnh

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THƠNG TIN PHÁT TRIỂN ỨNG DỤNG ĐĂNG KÍ KHÁM CHỮA BỆNH GVHD: TS NGUYỄN THIÊN BẢO SVTH: NGUYỄN KHÁNH ĐỨC MSSV: 16110056 SVTH: NGUYỄN QUỐC KHÁNH MSSV: 16110119 SKL 0 7 Tp Hồ Chí Minh, tháng 12 năm 2020 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP PHÁT TRIỂN ỨNG DỤNG ĐĂNG KÍ KHÁM CHỮA BỆNH SVTH: NGUYỄN KHÁNH ĐỨC MSSV: 16110056 NGUYỄN QUỐC KHÁNH MSSV: 16110119 Ngành : Công Nghệ Thông Tin GVHD : TS NGUYỄN THIÊN BẢO Thành phố Hồ Chí Minh, tháng 12 năm 2020 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP PHÁT TRIỂN ỨNG DỤNG ĐĂNG KÍ KHÁM CHỮA BỆNH SVTH: NGUYỄN KHÁNH ĐỨC MSSV: 16110056 NGUYỄN QUỐC KHÁNH MSSV: 16110119 Ngành : Công Nghệ Thông Tin GVHD : TS NGUYỄN THIÊN BẢO Thành phố Hồ Chí Minh, tháng 12 năm 2020 an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc  Tp Hồ Chí Minh, ngày 30 tháng 12 năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên SV: Nguyễn Khánh Đức MSSV: 16110056 Họ tên SV: Nguyễn Quốc Khánh MSSV: 16110119 Chuyên ngành: Công nghệ phần mềm Giáo viên hướng dẫn: TS Nguyễn Thiên Bảo Tên đề tài: Xây dựng ứng dụng phụ vụ đăng kí khám chữa bệnh Nội dung thực hiện: - Xây dựng website phụ vụ đăng kí khám chữa bệnh - Tìm kiếm bệnh viện, phịng khám hay bác sĩ khu vực mà website quản lí - Đăng kí lịch khám chữa bệnh - Quản lý bệnh viện, phịng khám có liên kết với trang web, thông tin bác sĩ, bệnh nhân, thơng tin bổ ích liên quan,… Thời gian thực hiện: Bắt đầu từ 14/9/2020 đến 06/01/2021 TP.HCM, ngày … tháng năm… TRƯỞNG KHOA ĐT CLC GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) i an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: MSSV: Họ tên Sinh viên 2: MSSV: Ngành: Tên đề tài: Họ tên Giáo viên hướng dẫn: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm:……………….( Bằng chữ: ) TP Hồ Chí Minh, ngày .tháng .năm 20 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ii an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: MSSV: Họ tên Sinh viên 2: MSSV: Ngành: Tên đề tài: Họ tên Giáo viên hướng dẫn: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm:……………….( Bằng chữ: ) TP Hồ Chí Minh, ngày .tháng .năm 20 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) iii an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Lời cảm ơn Đầu tiên, nhóm thực báo cáo xin gửi lời cảm ơn đến thầy Nguyễn Thiên Bảo – giáo viên hướng dẫn trực tiếp cho nhóm thực báo cáo để hoành thành tốt đề tài Trong trình hướng dẫn nhóm thực báo cáo làm đồ án, thầy tận tình theo sát nhóm thực báo cáo khoảng thời gian làm đề tài, hướng dẫn kĩ lập trình, lý thuyết đề tài giúp nhóm thực báo cáo giải vấn đề bên Kèm theo đó, nhóm thực báo cáo xin cảm ơn khoa đào tạo chất lượng cao trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm thực báo cáo tiếp xúc với kiến thức mới, tạo điều kiện cho nhóm thực báo cáo phát huy kiến thức hồn thành cơng việc Chân thành gửi lời cảm ơn đến bạn khóa giúp đỡ, hỗ trợ đóng góp ý kiến cho nhóm thực báo cáo hồn thành đề tài cách tốt Mặc dù cố gắng tìm tịi, học hỏi thêm nhiều kiến thức nhiều nguồn tài liệu khác khơng thể tránh khỏi sai sót, kính mong thầy bạn nhận xét đóng góp ý kiến để nhóm thực báo cáo làm tốt đề tài Nhóm thực báo cáo xin chân thành cảm ơn!! Nguyễn Khánh Đức Nguyễn Quốc Khánh iv an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Tóm tắt đề tài Ứng dụng ứng dụng giúp đăng ký khám chữa bệnh cho bệnh viện, phòng khám,… Ứng dụng vận hành website quản lý lịch khám bác sĩ đăng kí khám chữa bệnh bệnh nhân, cung cấp cho người dùng giao diện dễ thao tác và có thẩm mỹ thị nhiều thơng tin cách có trật tự xếp Ứng dụng sử dụng công nghệ React nodejs Website cung cấp giao diện chuẩn trang admin với dashboard giúp admin dễ dàng quản lý lịch khám bệnh bác sĩ đăng kí khám chữa bệnh người dùng Ứng dụng có chức năng: Về phía người dùng khơng có tài khoản - Xem danh sách lịch khám bệnh cịn trống - Tìm kiếm bệnh viện, phòng khám hay bác sĩ khu vực mà website quản lí - Đăng kí lịch khám chữa bệnh Về phía bác sĩ - Đăng kí hủy lịch khám chữa bệnh Về phía quản trị viên - Quản lý bệnh viện, phịng khám có liên kết với trang web - Quản lý danh sách bác sĩ, thông tin liên quan - Quản lý danh sách người dùng Website sử dụng công nghệ: - Front-end: ReactJS, Redux Thunk, Redux Saga, SCSS, Material Design - Back-end: NodeJS, ExpressJS - Database: MongoDB - Deployment: MongoDB Atlas, Heroku v an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Lời nói đầu Sự phát triển công nghệ thông tin nước ta bước vào thời kì đổi mới, ngày tiến cải cách mạnh hơn, kèm theo đột biến thời kì cơng nghiệp hóa đại hóa nước ta nên cơng nghệ thông tin trở thành yếu tố thiếu đời sống ngày hữu tất nơi ứng dụng ngành, kể ngành khơng có yếu tố công nghệ Công nghệ thông tin bước vào sống người người bạn đồng hành, có vai trị vơ quan trọng việc thay đổi làm sống người trở nên mẻ hơn, tiện lợi rộng lớn Dựa vào yếu tố nhóm thực báo cáo đưa định làm đề tài dự án giúp hỗ trợ công việc thủ công trở thành công việc quản lý thống kê dễ dàng Dự án “ứng dụng phụ vụ đăng kí khám chữa bệnh” “cơng cụ” giúp người dung nhanh chóng hồn tất việc đăng kí lịch khám chữa bệnh cách nhanh chóng tiện lợi Bệnh viện dễ dàng theo dõi vào thay đổi kịp thời thời gian ngắn Vì lợi ích tính hiệu dự án nên nhóm thực báo cáo định tìm hiểu, thực hồn thành dự án này, q trình tìm hiểu thực khơng tránh khỏi thiếu sót nên mong thầy bạn góp ý thêm để nhóm thực báo cáo thực dự án tốt vi an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iii Lời cảm ơn iv Lời nói đầu vi Danh mục hình ix Danh sách bảng xi Danh sách từ viết tắt xii CHƯƠNG 1: MỞ ĐẦU 1 Đặt vấn đề lý chọn đề tài Mục tiêu nhiệm vụ đề tài 2.1 Mục tiêu 2.2 Nhiệm vụ Công nghệ lập trình Yêu cầu 5 Phương pháp nghiên cứu 6 Bố cục báo cáo CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU Khảo sát trạng Cấu trúc ứng dụng 10 Qui định yêu cầu thiết kế 11 3.1 Quy định 11 3.2 Yêu cầu thiết kế 12 Đánh giá lựa chọn công nghệ 12 Xác định yêu cầu biểu mẫu 12 5.1 Danh sách nghiệp vụ 12 Lược đồ usecase mô tả use case 14 6.1 Lược đồ usecase 14 6.2 Đặc tả use case 15 CHƯƠNG 3: CÔNG NGHỆ SỬ DỤNG 16 Giới thiệu tổng quan ReactJS 16 vii an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Đường dẫn trang chủ Ô tìm kiếm đăng nhập Lựa chọn khám bệnh Hình 3.14 Màn hình chọn phịng khám Danh sách phịng khám Heading Hình 3.15 Xem địa phịng khám Hearding Thơng tin bệnh viện: cách thức liên hệ, đến bệnh viện theo google map,… Chương 4: Cài đặt kiểm thử 46 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Hình 3.16 Chọn bác sĩ Tag bác sĩ Hình ảnh chân dung bác sĩ Thông tin bác sĩ Đặt lịch khám với bác sĩ Hình 3.17 Nhập thơng tin bệnh nhân Chương 4: Cài đặt kiểm thử 47 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Hình 3.18 Trang tìm kiếm Ơ điền thơn tin tìm kiếm Xóa lọc Tag tìm kiếm theo bệnh viện Ô tìm kiếm theo bệnh viện Các bệnh viện trang web quản lí Tag đăng kí khám bệnh bệnh viện Hình 3.19 Trang đăng nhập Chương 4: Cài đặt kiểm thử 48 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Ơ để nhập Email Ơ để nhập mật Nút bấm đăng nhập Ô chức năng: đăng kí, tạo tài khoản, qn mật Hình 3.20 Trang đăng kí Ơ để điền email đăng kí Ô để điền mật xác nhận mật Ô chức năng: nút đăng nhập, tag đăng nhập, quên mật khẩu, trang chủ Chương 4: Cài đặt kiểm thử 49 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Hình 3.21 Trang admin – đăng nhập Nút có chức tìm lại mật ta bị Ô để điền email mật admin Nút đăng nhập Hình 3.22 Phân bảng bác sĩ Nút để Dashboard Thông tin người đăng nhập Danh sách trang hiển thị liệu, ví dụ trang 1, 2,… Nút để thêm bác sĩ Thanh tool Khung liệu Chương 4: Cài đặt kiểm thử 50 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Hình 3.23 Thêm bác sĩ Tag mà truy cập Khung để điền thơng tin cần thiết Ơ chứa nút để hồn tất đăng kí hủy bỏ Thơng tin người đăng nhập Thanh tool Hình 3.24 Thêm bệnh nhân Chương 4: Cài đặt kiểm thử 51 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Nút thêm bệnh nhân Khung thông tin bệnh nhân Label thị tag Hình 3.25 Thêm nhân viên Label thị tag Nút thêm nhân viên Khung thông tin nhân viên Hình 2.26 Trang bệnh nhân xem booking, đơn thuốc Thanh tool Khung chứa thông tin đơn thuốc Chương 4: Cài đặt kiểm thử 52 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Hình 3.27 Trang bác sĩ tra đơn bệnh nhân thêm đơn bệnh nhân Thêm số khám cho bệnh nhân Nơi điền thông tin cần thiết cho bệnh nhân Nút thêm bệnh nhân Label thị xem bệnh nhân có số hay chưa Thanh tool Hình 3.28 Xem booking danh sách đơn thuốc Chương 4: Cài đặt kiểm thử 53 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khố Luận Tốt Nghiệp Hình 3.29 Đăng nhập bằng số khám bệnh nhân Nơi điền id bệnh nhân Nút đăng nhập Thông tin bệnh nhân Chương 4: Cài đặt kiểm thử 54 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Cài đặt Hình 4.1: Deployment  Cài đặt phần mềm soạn thảo code ReactJS Visual Studio Code Hình 4.2 Cấu hình server Heroku sử dụng Chương 4: Cài đặt kiểm thử 55 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Kiểm thử Bảng 4.2: Kiểm thử số chức trang web Chức Đăng nhập Mô tả Trạng thái  User đăng nhập tài khoản vào trang web Đăng ký tài khoản  Guest đăng ký tài khoản Thêm, sửa, xóa bác sĩ  Admin thêm, sửa, xóa sản phẩm Thêm, sửa, xóa bệnh nhân  Admin thêm, sửa, xóa ngành học Thêm, sửa, xóa chương  Staff, Admin thêm, sửa, xóa lịch khám Tra cứu thơng tin chương trình đào tạo  Người dùng tra cứu thông trang web tin trang web Chương 4: Cài đặt kiểm thử 56 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp CHƯƠNG 6: KẾT LUẬN Kết đạt hướng phát triển  Nghiên cứu trình bày cách có hệ thống nội dung ReactJS NodeJS việc xây dựng ứng dụng xây dựng ứng dụng hỗ trợ khám chữa bệnh  Về mặt lý thuyết:  Có thể nắm vững kiến thức NodeJS nguyên lý chế hoạt động công nghệ  Nắm vững kiến thức ReactJs, thành phần React bao gồm có thành phần  Nắm mơ hình web MVC ExpressJS  Hiểu chế giao tiếp client – server mơ hình web đại theo hướng RESTful service Cũng hiểu chế hoạt động component ReactJS để tạo nên ứng dụng web tương tác tốt với người dùng  Về mặt ứng dụng web:  Thiết kế cài đặt ứng dụng web với mơ hình web service data service tách biệt  Xây dựng ứng dụng web dạng API mà việc giao tiếp với server chủ yếu thông qua RESTful service hỗ trợ ReactJS Phần kết luận 57 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Hạn chế  Các chức ứng dụng web hoàn thành, nhiên yêu cầu phạm vi đề tài lớn thời gian bị giới hạn nên ứng dụng cịn chưa hồn thành số tính gặp lỗi q trình sử dụng  Nghiệp vụ nhóm chưa đủ nên gặp nhiều khó khăn việc kế trang web  Các hạn chế mặt tìm hiểu cơng nghệ nên bị nhiều giới hạn việc thiết kế tạo nên ứng dụng web hoàn thiện Hướng phát triển Sẽ hướng trang web nhiều việc chăm sóc khách hàng - Có thể tự đặt lịch hẹn tùy theo trường hợp bệnh nhân - Khi bác sĩ hủy thay đổi lịch khám bệnh thơng báo với bệnh nhân trực tiếp qua tin nhắn điện thoại email - Đổi giao diện hợp lí, bắt mắt Phần kết luận 58 an Trường Đại Học Sư Phạm Kỹ Thuật TP HCM Khoá Luận Tốt Nghiệp Tài Liệu Tham Khảo https://reactjs.org/ : tham khảo tài liệu ReactJS https://www.w3schools.com/nodejs/nodejs_intro.asp: tham khảo tài liệu NodeJS https://viblo.asia/ : thông tin lý thuyết ReactJS NodeJS https://stackoverflow.com/ https://reactjs.org/docs/introducing-jsx.html https://tailieu.vn/tag/khao-sat-yeu-cau-phan-mem.html https://o7planning.org Tài liệu tham khảo 59 an an ... Nghiệp Tóm tắt đề tài Ứng dụng ứng dụng giúp đăng ký khám chữa bệnh cho bệnh viện, phòng khám, … Ứng dụng vận hành website quản lý lịch khám bác sĩ đăng kí khám chữa bệnh bệnh nhân, cung cấp cho... dựng ứng dụng phụ vụ đăng kí khám chữa bệnh Nội dung thực hiện: - Xây dựng website phụ vụ đăng kí khám chữa bệnh - Tìm kiếm bệnh viện, phòng khám hay bác sĩ khu vực mà website quản lí - Đăng kí. .. danh sách lịch khám bệnh trống - Tìm kiếm bệnh viện, phịng khám hay bác sĩ khu vực mà website quản lí - Đăng kí lịch khám chữa bệnh Về phía bác sĩ - Đăng kí hủy lịch khám chữa bệnh Về phía quản