Website đặt lịch khám chữa bệnh booking care

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC KHĨA LUẬN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN ĐỀ TÀI: WEBSITE ĐẶT LỊCH KHÁM CHỮA BỆNH BOOKING CARE Cán hướng dẫn: TS Phạm Anh Phương Sinh viên thực hiện: Huỳnh Quang Nam Mã sinh viên: 312023161127 Lớp: 16CNTT2 Đà Nẵng – Năm 2020 LỜI CAM ĐOAN Tôi xin cam đoan luận văn với tiêu đề “Website đặt lịch khám chữa bệnh Booking Care” hoàn toàn là kết quả nghiên cứu của chính bản thân và chưa được công bố bất cứ một công trình nghiên cứu nào của người khác Trong quá trình thực hiện luận văn, đã thực hiện nghiêm túc các quy tắc đạo đức nghiên cứu, các kết quả trình bày luận văn là sản phẩm nghiên cứu, khảo sát của riêng cá nhân tôi, tất cả các tài liệu tham khảo sử dụng luận văn đều được trích dẫn tường minh, theo đúng quy định Tôi xin hoàn toàn chịu trách nhiệm về tính trung thực của số liệu và các nội dung khác luận văn của mình Đà Nẵng, ngày tháng năm 2020 Người thực Huỳnh Quang Nam Trang LỜI CẢM ƠN Đề tài “Đặt lịch khám chữa bệnh Booking care” là nội dung em chọn để thực hiện khóa ḷn tớt nghiệp sau trình theo học bậc đại học chuyên ngành Công nghệ thông tin tại trường Đại học Sư phạm – Đại học Đà Nẵng Để hoàn thành tớt khóa luận này, lời em xin chân thành gởi lời cảm ơn sâu sắc đến quý Thầy, Cô Khoa Công nghệ thông tin – Trường Đại học Sư phạm Đà Nẵng đã tận tình giảng dạy, bảo em suốt quá trình học tập Em xin chân thành biết ơn sâu sắc đến Tiến sĩ Phạm Anh Phương, người thầy đã dành nhiều thời gian hướng dẫn, giúp em hoàn thành khóa ḷn tớt nghiệp Mặc dù em đã cớ gắng, nỗ lực hết mình để hồn thành tớt khóa ḷn tớt nghiệp, song thời gian có hạn với hạn chế về kinh nghiệm kĩ của bản thân nên không tránh khỏi sai sót q trình thực hiện khóa ḷn Vì vậy, em rất mong nhận được sự thơng cảm ý kiến đóng góp, bảo từ quý thầy cơ, bạn bè để em khắc phục hồn thiện bản thân q trình làm việc sau Em xin chân thành cảm! Đà Nẵng, ngày tháng năm 2020 Người thực Huỳnh Quang Nam Trang NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Đà Nẵng, ngày … tháng … năm 2020 Giáo viên hướng dẫn Phạm Anh Phương Trang MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG MỞ ĐẦU 10 Lý chọn đề tài 10 Mục tiêu đề tài 11 Đối tượng phạm vi nghiên cứu 11 3.1 Đối tượng nghiên cứu 11 3.2 Phạm vi nghiên cứu 11 Phương pháp nghiên cứu 11 Tiêu chí chức đề tài 12 CHƯƠNG 1: TỔNG QUAN VỀ VUEJS VÀ LOOPBACK 13 1.1 VueJS 13 1.1.1 Giới thiệu VueJS 13 1.1.2 Mơ hình MVVM Vue.js 13 1.1.3 Cấu trúc thư mục Vue.js 14 1.1.4 Two-way binding Vue 15 1.1.5 Component 15 1.1.6 Tổ chức component 16 1.1.7 Giao tiếp component 16 1.2 LoopBack 17 1.2.1 1.2.1.1 Resource 17 1.2.1.2 RESTful API Là Gì 17 1.2.1.3 REST REST(ful) 18 1.2.2 1.3 Tổng quan API RESTful 17 Loopback gì? 18 Tổng quan HTML/CSS 19 1.3.1 Sơ lược HTML 19 Trang 1.3.2 Sơ lược CSS 21 CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG ĐẶT LỊCH KHÁM CHỮA BỆNH BOOKING CARE 22 2.1 Khảo sát 22 2.2 Phân tích hệ thống 22 2.2.1 Đặc tả hệ thống 22 2.2.2 Yêu cầu chức 23 2.2.3 Yêu cầu phi chức 23 2.2.4 Mô tả chức 24 2.2.5 User case 25 2.2.5.1 Danh sách tác nhân 25 2.2.5.2 Danh sách Use Case 26 2.2.5.3 Biểu đồ UC tổng quát 27 2.2.5.4 Đặc tả Use Case 33 2.2.5.5 Biểu đồ 46 2.2.5.6 Biểu đồ hoạt động 53 2.2.6 Mơ hình E-R 62 CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ ỨNG DỤNG ĐẶT LỊCH KHÁM CHỮA BÊNH BOOKING CARE 69 3.1 Giao diện trang web chức dành cho bệnh nhân 69 3.2 Giao diện trang web chức dành cho bác sĩ 75 3.3 Giao diện trang web chức dành cho admin 77 KẾT LUẬN 80 Kết đạt 80 Hạn chế đề tài 80 Hướng phát triển đề tài 80 TÀI LIỆU THAM KHẢO 81 Trang DANH MỤC HÌNH ẢNH Số hiệu hình ảnh Tên hình ảnh Trang UC tổng quát bác sĩ 27 UC tổng quát bệnh nhân 28 UC tổng quát Admin 29 UC đăng nhập/ đăng kí 30 UC quản lý thông tin cá nhân 30 UC quản lý lịch khám 31 UC đặt lịch 31 UC quản lý bác sĩ 32 UC quản lý bệnh nhân 32 10 UC quản lý khoa 33 11 Biểu đồ tuần tự đăng ký 46 12 Biểu đồ tuần tự đăng nhập 47 13 Biểu đồ tuần tự sửa thông tin cá nhân 47 14 Biểu đồ tuần tự đặt lịch 48 15 Biểu đồ tuần tự sửa thông tin khoa 48 16 Biểu đồ tuần tự thêm thông tin khoa 49 17 Biểu đồ tuần tự tạo lịch nghỉ bác sĩ 50 18 Biểu đồ tuần tự tìm kiếm bác sĩ 51 19 Biểu đồ tuần tự tìm kiếm khoa 52 20 Biểu đồ hoạt động đăng nhập 53 21 Biểu đồ hoạt động đăng ký 54 22 Biểu đồ hoạt động sửa thông tin cá nhân 55 23 Biểu đồ hoạt động đặt lịch 56 24 Biểu đồ hoạt động sửa thông tin khoa 57 25 Biểu đồ hoạt động thêm thông tin khoa 58 26 Biểu đồ hoạt động tạo lịch nghỉ 59 Trang 27 Biểu đồ hoạt động tìm kiếm bác sĩ 60 28 Biểu đồ hoạt đợng tìm kiếm khoa 61 29 Mơ hình E-R 62 30 Mơ hình quan hệ liệu 63 31 Giao diện trang chủ 69 32 Giao diện tìm kiếm bác sĩ 70 33 Giao diện tìm kiếm chuyên khoa 70 34 Giao diện chức đặt lịch 71 35 Giao diện xác nhận lịch đặt 71 36 Giao diện thông báo đặt lịch khám thành công 72 37 Giao diện thông báo tái khám từ bác sĩ 72 38 Giao diện xem thông tin tài khoản bệnh nhân 73 39 Giao diện đăng ký thông tin bệnh nhân, bác sĩ 74 40 Giao diện thông tin cá nhân bác sĩ 75 41 Giao diện danh sách bệnh nhân đặt lịch 76 42 Giao diện lịch khám của bác sĩ 76 43 Giao diện đặt lịch của bác sĩ 77 44 Giao diện quản lý bác sĩ 77 45 Giao diện quản lý chi tiết bác sĩ 78 46 Giao diện quản lý bệnh nhân 78 47 Giao diện quản lý khoa 79 48 Giao diện tạo tài khoản admin 79 Trang DANH MỤC BẢNG Số hiệu bảng Tên bảng Trang Đặt tả UC đăng nhập 34 Đặt tả UC đăng ký 34 Đặc tả UC xem thông tin cá nhân 35 Đặc tả UC sửa thông tin cá nhân 36 Đặc tả UC thiết lập thời gian làm việc 36 Đặt tả UC tạo lịch nghỉ 37 Đặt tả UC tạo lịch tái khám cho bệnh nhân 38 Đặt tả UC xóa lịch đặt 38 Đặt tả UC đặt lịch khám 39 10 Đặt tả UC xác nhận thông tin đơn đặt khám 39 11 Đặt tả UC hủy lịch đặt 40 12 Đặt tả UC nhận đơn tái khám 40 13 Đặt tả UC Xem thông tin bệnh nhân 41 14 Đặt tả UC xóa thơng tin bệnh nhân 41 15 Đặt tả UC xóa bác sĩ 42 16 Đặt tả UC quản lý đánh giá của bênh nhân với bác sĩ 42 17 Đặt tả UC quản lý lịch đặt khám của bác sĩ 43 18 Đặt tả UC xem lịch nghỉ của bác sĩ 43 19 Đặt tả UC xem thông tin bác sĩ 44 20 Đặt tả UC sửa thông tin khoa 44 21 Đặt tả UC thêm mới khoa 45 22 Bảng Doctor 65 23 Bảng booking 65 24 Bảng Patient 66 25 Bảng Notify_patient 66 26 Bảng Comment 67 Trang 27 Bảng Specialist 67 28 Bảng Day_off 67 29 Bảng Admin 68 Trang Comment: id, message, doctor_id, patient_id Tên cột Kiểu liệu Khóa Mơ tả id BIGINT(20) PK Mã comment message VARCHAR(200) Thơng điệp bình ḷn doctor_id BIGINT(20) Mã bác sĩ patient_id BIGINT(20) Mã bệnh nhân Bảng 26 Bảng Comment Specialist: id, name, img Tên cột Kiểu liệu Khóa Mơ tả id BIGINT(20) PK Mã khoa name VARCHAR(45) Tên khoa img VARCHAR(200) Đỉa hình ảnh khoa Bảng 27 Bảng Specialist Day_off: id, date, time_start, time_end, reason, doctor_id Tên cột Kiểu liệu Khóa Mơ tả id BIGINT(20) PK Mã ngày nghỉ date VARCHAR(45) Ngày nghỉ time_start TIME Thời gian bắt đầu nghỉ time_end TIME Thời gian kết thúc nghỉ reason VARCHAR(200) Lý nghỉ doctor_id BIGINT(20) Mã bác sĩ Bảng 28 Bảng Day_off Trang 67 Admin: id, name, email, password Tên cột Kiểu liệu Khóa Mơ tả id BIGINT(20) PK Mã admin name VARCHAR(45) Tên admin email VARCHAR(45) Email admin password VARCHAR(100) Mật khẩu admin Bảng 29 Bảng Admin Trang 68 CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ ỨNG DỤNG ĐẶT LỊCH KHÁM CHỮA BÊNH BOOKING CARE 3.1 Giao diện trang web chức dành cho bệnh nhân • Trang chủ: Hiển thị thơng tin website, giới thiệu về trang web, danh sách lựa chọn chức Hình 31 Giao diện trang chủ Trang 69 • Giao diện chức tìm kiếm bác sĩ Hình 32 Giao diện tìm kiếm bác sĩ • Giao diện chức tìm kiếm chuyên khoa Hình 33 Giao diện tìm kiếm chuyên khoa Trang 70 • Giao diện chức đặt lịch Hình 34 Giao diện chức đặt lịch • Giao diện xác nhận lịch đặt Hình 35 Giao diện xác nhận lịch đặt Trang 71 • Giao diện thơng báo đặt lịch khám thành cơng Hình 36 Giao diện thơng báo đặt lịch khám thành cơng • Giao diện thơng báo tái khám từ bác sĩ Hình 37 Giao diện thông báo tái khám từ bác sĩ Trang 72 • Giao diện xem thông tin tài khoản bệnh nhân Hình 38 Giao diện xem thơng tin tài khoản bệnh nhân Trang 73 • Giao diện đăng ký thơng tin bệnh nhân, bác sĩ Hình 39 Giao diện đăng ký thông tin bệnh nhân, bác sĩ Trang 74 3.2 Giao diện trang web chức dành cho bác sĩ • Giao diện thơng tin cá nhân bác sĩ Hình 40 Giao diện thông tin cá nhân bác sĩ Trang 75 • Giao diện danh sách bệnh nhân đặt lịch Hình 41 Giao diện danh sách bệnh nhân đặt lịch • Giao diện lịch khám của bác sĩ Hình 42 Giao diện lịch khám bác sĩ Trang 76 • Giao diện cài đặt lịch của bác sĩ Hình 43 Giao diện cài đặt lịch bác sĩ 3.3 Giao diện trang web chức dành cho admin • Giao diện quản lý bác sĩ Hình 44 Giao diện quản lý bác sĩ Trang 77 • Giao diện quản lý chi tiết bác sĩ Hình 45 Giao diện quản lý chi tiết bác sĩ • Giao diện quản lý bệnh nhân Hình 46 Giao diện quản lý bệnh nhân Trang 78 • Giao diện quản lý khoa Hình 47 Giao diện quản lý khoa • Giao diện tạo tài khoản admin Hình 48 Giao diện tạo tài khoản admin Trang 79 KẾT LUẬN Kết đạt • Nắm vững được kiến thức về thiết kế xây dựng website với vuejs loopback • Xây dựng được hệ thống cung cấp đầy đủ chức bản của mợt website đặt lịch • Giao diện thân thiện, dễ nhìn giúp người dùng dễ dàng lựa chọn được sản phẩm theo yêu cầu • Chức tạo lịch đặt khám chữa bệnh cho bác sĩ xem được thông tin bệnh nhân đặt lịch giúp quản lý đầy đủ về người dùng • Chức lịch chờ giúp quan sát tốt về thông tin đặt lịch của bệnh nhân Hạn chế đề tài Ngồi vấn đề đạt được vẫn cịn vấn đề vẫn chưa được giải quyết: • Chưa xuất được hồ sơ qua thông tin bệnh nhân để giảm q trình thủ tục • Hệ thớng trang quản trị cịn nhiều thiếu sót • Chưa cung cấp đầy đủ chức cho bệnh nhân và bác sĩ • Giao diện cịn đơn giản thiếu thu hút • Cơ sở liệu cịn nhiều thiếu sót • Hệ thớng bảo mật chưa cao Hướng phát triển đề tài Xây dựng thêm chức cịn thiếu: • Xây dựng giao diện đẹp mắt, sinh động hơn, sở liệu nhất quán • Xậy dựng thêm các tính phân loại bệnh nhân để gợi ý các bác sĩ và chun khoa tớt • Xây dựng các tính thống kê cho bác sĩ và người quản trị • Xây dựng thêm tính chuẩn đoán bệnh cho bệnh nhân Trang 80 TÀI LIỆU THAM KHẢO [1] Website https://topdev.vn/blog/restful-api-la-gi/ [2] Website https://vuejs.org/v2/guide/ [3] Website https://loopback.io/doc/en/lb4/ [4] Website http/www.w3schools.com [5] Website http/www.thachpham.com [6] Website https://bkaii.com.vn/tin-tuc/334-khai-niem-co-ban-ve-restful-api [7] Alex Kyriakidis, Kostas Maniatis Evan You, The Majesty of Vue.js, nhà xuất bản LeanPub, xuất bản tháng 10 năm 2016 Trang 81 ... nghỉ 37 Đặt tả UC tạo lịch tái khám cho bệnh nhân 38 Đặt tả UC xóa lịch đặt 38 Đặt tả UC đặt lịch khám 39 10 Đặt tả UC xác nhận thông tin đơn đặt khám 39 11 Đặt tả UC hủy lịch đặt 40... Bảng Đặt tả UC đặt lịch khám o Đặc tả UC xác nhận thông tin đơn đặt khám Tên Use Case Xác nhận thông tin đơn đặt khám Actor Bệnh nhân Mô tả Cho phép bệnh nhân xác nhận thông tin lịch đặt. .. THỐNG ĐẶT LỊCH KHÁM CHỮA BỆNH BOOKING CARE 2.1 Khảo sát Để có được một trang web đảm bảo chất lượng và hoàn thiện em đã thực hiện khảo sát và tham khảo một số trang web đặt lịch