Xây dựng website quản lý tiêm chủng tại trung tâm tiêm chủng quảng nam vaccine

Trần Quang Đăng – Xây dựng website quản lý tiêm chủng trung tâm tiêm chủng Quảng Nam Vaccine – Năm: 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ TIÊM CHỦNG TẠI TRUNG TÂM TIÊM CHỦNG QUẢNG NAM VACCINE Người hướng dẫn : TS Hoàng Thị Mỹ Lệ Sinh viên thực hiện: Trần Quang Đăng Mã sinh viên : 1811505310202 Lớp : 18T2 Đà Nẵng, 06/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ TIÊM CHỦNG TẠI TRUNG TÂM TIÊM CHỦNG QUẢNG NAM VACCINE Người hướng dẫn : TS Hoàng Thị Mỹ Lệ Sinh viên thực hiện: Trần Quang Đăng Mã sinh viên : 1811505310202 Lớp : 18T2 Đà Nẵng, 06/2022 TÓM TẮT Tên đề tài: XÂY DỰNG WEBSITE QUẢN LÝ TIÊM CHỦNG TẠI TRUNG TÂM TIÊM CHỦNG QUẢNG NAM VACCINE Sinh viên thực hiện: Trần Quang Đăng Mã SV: 1811505310202 Lớp: 18T2 Website tiêm chủng Quảng Nam Vaccine (QNVC) giúp khách hàng có nhu cầu tiêm chủng trung tâm tiêm chủng QNVC dễ dàng tra cứu thông tin đăng ký tiêm chủng trực tuyến qua website Đồng thời giúp nhân viên trung tâm tiêm chủng QNVC tiết kiệm thời gian việc quản lý tiêm chủng TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT CỘNG HỊA XÃ HƠI CHỦ NGHĨA VIỆT KHOA CÔNG NGHỆ SỐ NAM Độc lập - Tự - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: TS HOÀNG THỊ MỸ LỆ Mã SV: 1811505310202 Sinh viên thực hiện: TRẦN QUANG ĐĂNG Tên đề tài: Xây dựng website quản lý tiêm chủng trung tâm tiêm chủng Quảng Nam Vaccine Nội dung đồ án: Website tiêm chủng Quảng Nam Vaccine giúp khách hàng có nhu cầu tiêm chủng dễ dàng tra cứu thông tin đăng ký tiêm chủng qua website Giúp nhân viên tiết kiệm thời gian việc quản lý thông tin tiêm chủng tự động thông báo lịch tiêm qua tin nhắn cho khách hàng Các sản phẩm dự kiến - Báo cáo hoàn chỉnh - Tạo website quản lý tiêm chủng phù hợp cho đối tượng sử dụng khác cách thực tế hiệu Ngày giao đồ án: 14/02/2022 Đà Nẵng, ngày 14 tháng 02 năm 2022 Ngày nộp đồ án: 20/06/2022 Người hướng dẫn Trưởng Bộ môn LỜI CẢM ƠN Với hướng dẫn tận tình Hồng Thị Mỹ Lệ em hoàn thành đồ án tốt nghiệp Em xin gửi lời cảm ơn chân thành sâu sắc tới Hồng Thị Mỹ Lệ hướng dẫn, giúp đỡ em suốt thời gian thực đề tài Em xin chân thành cảm ơn cô mơn tận tình giảng dạy, truyền đạt kiến thức cho em kỳ học vừa qua Em xin gửi lời cảm ơn tất bạn bè động viên, giúp đỡ em thời gian học tập hoàn thành đồ án Mặc dù cố gắng nhiều tránh khỏi thiếu sót Em kính mong nhận góp ý q thầy bạn để hoàn thành tốt Em xin chân thành cảm ơn! Sinh viên: Trần Quang Đăng LỜI CAM ĐOAN Em xin cam đoan: Những nội dung đồ án chúng em thực hướng dẫn Hồng Thị Mỹ Lệ Mọi tham khảo luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin chịu hoàn toàn trách nhiệm Sinh viên: Trần Quang Đăng MỤC LỤC Tóm tắt Nhiệm vụ đồ án Lời cảm ơn i Lời cam đoan ii Mục lục iii Danh sách bảng biểu, hình vẽ vi Danh sách chữ viết tắt vii MỞ ĐẦU 15 Mục tiêu đề tài 15 Đối tượng nghiên cứu phạm vi nghiên cứu 15 Phương pháp nghiên cứu .15 Giải pháp công nghệ .15 Cấu trúc đồ án .16 CHƯƠNG CƠ SỞ LÝ THUYẾT 17 Hệ quản trị sở liệu MySQL 17 Ngơn ngữ lập trình 20 1.2.1 Javascript 20 1.2.2 NodeJS 20 1.2.3 Express 21 1.2.4 ReactJS 22 1.2.5 Material UI 22 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG .23 Tác nhân hệ thống 23 Đặc tả yêu cầu phần mềm .23 2.2.1 Khách hàng .23 2.2.2 Nhân viên kỹ thuật 23 2.2.3 Nhân viên y tế 23 2.2.1 Nhân viên hành – kinh doanh 24 2.2.2 Nhân viên chăm sóc khách hàng .24 Sơ đồ Use-case 25 Sơ đồ hoạt động 26 2.4.1 Đăng ký tiêm chủng 26 2.4.2 Tra cứu phiếu đăng ký tiêm chủng 27 2.4.3 Khám sàng lọc 28 2.4.4 Đặt hẹn 29 2.4.5 Cập nhật phản ứng sau tiêm 30 2.4.6 Duyệt phiếu đăng ký tiêm chủng .31 Phát thảo giao diện cho bảng có lưu trữ liệu 32 2.5.1 Khách hàng .32 2.5.2 Quản trị viên 35 2.5.3 Nhân viên y tế 37 2.5.4 Nhân viên hành – kinh doanh 39 2.5.5 Nhân viên chăm sóc khách hàng .43 Sơ đồ ERD 44 Yêu cầu phi chức 45 CHƯƠNG DEMO CHƯƠNG TRÌNH 46 Công cụ xây dựng chương trình 46 3.1.1 Windows Subsystem for Linux 46 3.1.2 Visual Studio Code 46 3.1.3 MySQL Workbench 47 3.1.4 Postman .47 Giao diện chương trình 48 3.2.1 Giao diện khách hàng 48 3.2.2 Giao diện tran quản trị viên .57 KẾT LUẬN & HƯỚNG PHÁT TRIỂN .68  Kết luận 68  Hướng phát triển 68 PHỤ LỤC 69 Xây dựng website quản lý tiêm chủng trung tâm tiêm chủng Quảng Nam Vaccine DANH MỤC HÌNH ẢNHY Hình 1.1 Hệ quản trị sở liệu MySQL 17 Hình 1.2 Ngôn ngữ Javascript 20 Hình 1.3 NodeJS 20 Hình 1.4 Express 21 Hình 1.5 ReactJS 22 Hình 1.6 Material - UI 22 Hình 2.1 Use-case Diagram 25 Hình 2.2 Sơ đồ hoạt động nhập đăng ký tiêm chủng 26 Hình 2.3 Sơ đồ hoạt động tra cứu phiếu đăng ký tiêm chủng .27 Hình 2.4 Sơ đồ hoạt động khám sàng lọc .28 Hình 2.5 Sơ đồ hoạt động đặt hẹn 29 Hình 2.6 Sơ đồ hoạt động cập nhật phản ứng sau tiêm 30 Hình 2.7 Sơ đồ hoạt động duyệt phiếu đăng ký tiêm chủng 31 Hình 2.8 Giao diện đăng ký tiêm chủng cho thân 32 Hình 2.9 Giao diện đăng ký tiêm chủng cho người khác .32 Hình 2.10 Giao diện đăng ký tiêm chủng cho gói tiêm 33 Hình 2.11 Giao diện đăng ký tiêm chủng cho tiêm lẻ 33 Hình 2.12 Giao diện cập nhật phòng ban .35 Hình 2.13 Giao diện cập nhật thơng tin nhân viên .36 Hình 2.14 Giao diện khám sàng lọc .37 Hình 2.15 Giao diện cập nhậ phảm ứng sau tiêm 38 Hình 2.16 Giao diện đặt hẹn cho mũi tiêm 38 Hình 2.17 Giao diện cập nhật thông tin định 39 Hình 2.18 Giao diện cập nhật thông tin vắc-xin 40 Hình 2.19 Giao diện cập nhật thơng tin gói tiêm 41 Hình 2.20 Giao diện cập nhật thơng tin chi tiết gói tiêm 42 Hình 2.21 Giao diện cập nhật thông tin tin tức 43 Hình 2.22 Sơ đồ ERD 44 Hình 3.1 Windows Subsystem for Linux .46 SVTH: Trần Quang Đăng – GVHD: TS Hoàng Thị Mỹ Lệ Xây dựng website quản lý tiêm chủng trung tâm tiêm chủng Quảng Nam Vaccine Hình 3.2 Visual Studio Code .46 Hình 3.3 MySQL Workbench 47 Hình 3.4 Postman 47 Hình 3.5 Giao diện trang chủ .48 Hình 3.6 Giao diện trang đăng ký tiêm chủng (Điền thơng tin cá nhân) 49 Hình 3.7 Giao diện đăng ký tiêm chủng (Chọn gói tiêm) 50 Hình 3.8 Giao diện đăng ký tiêm chủng (Đăng ký) 51 Hình 3.9 Giao diện đăng ký tiêm chủng (Đăng ký thành công) 52 Hình 3.10 Giao diện danh sách sản phẩm 53 Hình 3.11 Giao diện chi tiết sản phẩm 54 Hình 3.12 Giao diện nhập thông tin để tra cứu 55 Hình 3.13 Giao diện danh sách khách hàng trùng với số điện thoại tra cứu 55 Hình 3.14 Giao diện xem phiếu đăng ký tiêm chủng khách hàng 55 Hình 3.15 Giao diện chi tiết phiếu đăng ký tiêm chủng .56 Hình 3.16 Giao diện tran đăng nhập 57 Hình 3.17 Giao diện tran tổng quan .58 Hình 3.18 Giao diện trang danh sách khách hàng 59 Hình 3.19 Giao diện trang chi tiết khách hàng .59 Hình 3.20 Giao diện trang cập nhật thông tin khách hàng 60 Hình 3.21 Giao diện trang duyệt phiếu đăng ký 60 Hình 3.22 Giao diện trang khám sàng lọc 61 Hình 3.23 Giao diện trang chi tiết phiếu đăng ký tiêm chủng 61 Hình 3.24 Giao diện trang mũi tiêm .62 Hình 3.25 Giao diện trang sản phẩm 62 Hình 3.26 Giao diện trang chi tiết sản phẩm 63 Hình 3.27 Giao diện trang cập nhật sản phẩm 63 Hình 3.28 Giao diện trang gói tiêm 64 Hình 3.29 Giao diện trang chi tiết gói tiêm 64 Hình 3.30 Giao diện trang cập nhật gói tiêm 65 Hình 3.31 Giao diện trang nhân viên 65 Hình 3.32 Giao diện trang chi tiết nhân viên 66 Hình 3.33 Giao diện trang cập nhật nhân viên .66 SVTH: Trần Quang Đăng – GVHD: TS Hoàng Thị Mỹ Lệ