Mai Xuâ n Duy TÊ N ĐỀ TÀI : XÂ Y DỰ NG WE BSI TE QU ẢN LÝ TIÊ M CH ỦN G CH O TR Ẻ EM CỦ A TR ẠM Y TẾ XÃ SU ỐI TÂ N 202 2 ĐẠI HỌC ĐÀ NẴNG 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 CHO TRẺ EM CỦA TRẠM Y TẾ XÃ SUỐI TÂN Người hướng dẫn : TS Hoàng Thị Mỹ Lệ Sinh viên thực hiện : Mai Xuân Duy Mã sinh viên : 1811505310309 Lớp : 18T3 Đà Nẵng, 02/2022 ĐẠI HỌC ĐÀ NẴNG 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 CHO TRẺ EM CỦA TRẠM Y TẾ XÃ SUỐI TÂN Người hướng dẫn : TS Hoàng Thị Mỹ Lệ Sinh viên thực hiện : Mai Xuân Duy Mã sinh viên : 1811505310309 Lớp : 18T3 Đà Nẵng, 02/2022 NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN TÓM TẮT Tên đề tài: Website quản lý tiêm chủng cho trẻ em của trạm y tế xã Suối Tân Sinh viên thực hiện: Mai Xuân Duy Mã SV: 1811505310309 Lớp: 18T3 Đồ án với đề tài Website quản lý tiêm chủng cho trẻ em của trạm y tế xã Suối Tân được xây dựng với ngôn ngữ lập trình Java, sử dụng Spring framework, Angular và dùng hệ quản trị cơ sở dữ liệu MySQL cùng các plugin hỗ trợ như Bootstrap, JQuery, Ajax Chương trình Tiêm chủng mở rộng (TCMR) bắt đầu được triển khai ở Việt Nam từ năm 1981 do Bộ Y tế khởi xướng với sự hỗ trợ của Tổ chức Y tế Thế giới (WHO) và Quỹ Nhi đồng Liên hợp quốc (UNICEF) Sau 40 năm thực hiện, Chương trình đã đạt được nhiều thành tựu vô cùng to lớn trong việc bảo vệ sức khỏe trẻ em khỏi các bệnh truyền nhiễm Trên cơ sở thành quả đã đạt được, Chương trình TCMR phấn đấu duy trì diện bao phủ thường xuyên trên toàn quốc, đồng thời tập trung hoạt động để nâng cao các mặt chất lượng tiêm chủng Hiện nay, trên thực tế, hệ thống quản lý tiêm chủng mới chỉ được triển khai đến cấp huyện tại một số địa phương, việc quản lý tiêm chủng tại các trạm y tế xã phường vẫn còn gặp nhiều hạn chế và khó khăn Do đó, nhu cầu cấp thiết đặt ra là cần xây dựng chương trình quản lí tiêm chủng vắc xin cho các trạm y tế tại các xã phường nhằm tạo điều kiện thuận lợi cho trẻ em được tiêm nhanh chóng, cơ sở tiêm chủng cũng như các cơ quan quản lý, tiết kiệm chi phí và nâng cao hiệu quả tiêm chủng Website với các chức năng chính như: quản lí các thông tin về kho vaccine Trực tiếp thực hiện khám sàng lọc, xem danh sách tiêm vắc xin định kỳ, xem danh sách tiếm vắc xin theo yêu cầu và xác nhận tiêm chủng Người dùng xem danh sách vắc-xin, xem lịch tiêm chủng định kỳ của trung tâm, đăng ký tài khoản, đăng ký tiêm vắc-xin theo yêu cầu, đăng ký tiêm vắc-xin định kỳ của trung tâm, quản lý lịch sử tiêm SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: TS Hoàng Thị Mỹ Lệ Sinh viên thực hiện: Mai Xuân Duy Mã SV: 1811505310309 1 Tên đề tài: - Website quản lý tiêm chủng cho trẻ em của trạm y tế xã Suối Tân 2 Các số liệu, tài liệu ban đầu: - Dựa trên nhu cầu tiêm chủng cho trẻ ở các xã nhưng trung tâm tiêm chủng chỉ được triển khai đến cấp huyện ở một số địa phương - Các tài liệu tham khảo được lấy từ nhiều nguồn khác nhau, nhưng đa phần từ các website hướng dẫn tự học.[3].[2] 3 Nội dung chính của đồ án: Mở đầu Chương 1: Tổng quan 1 Tổng quan đề tài 2 Mục tiêu đề tài 3 Phạm vi nghiên cứu 4 Phương pháp nghiên cứu 5 Giải pháp công nghệ 6 Đặc tả yêu cầu nghiệp vụ Chương 2: Cơ sở lý thuyết 1 Ngôn ngữ lập trình Java 2 Spring Framework 3 Cơ sở dữ liệu MySQL 4 Restful API 5 Bootstrap và responsive 6 Typescript và Angular framework Chương 3: Phân tích thiết kế 1 Khảo sát hệ thống 2 Đặc tả yêu cầu phần mềm 3 Sơ đồ use-case 4 Sơ đồ hoạt động 5 Sơ đồ ERD 6 Thiết kế hệ thống Chương 4: Xây dựng chương trình 1 Công cụ xây dựng 2 Thiết kế giao diện Kết luận và hướng phát triển 4 Các sản phẩm dự kiến SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ - Website quản lý tiêm chủng cho trẻ em của trạm y tế xã Suối Tân được hoàn thiện các chức năng chính và được chạy trên môi trường development 5 Ngày giao đồ án: 01/10/2021 6 Ngày nộp đồ án: 25/01/2022 Trưởng Bộ môn Đà Nẵng, ngày… tháng… năm … Người hướng dẫn LỜI CẢM ƠN Lời đầu tiên, em xin gởi lời cảm ơn chân thành đến quý thầy cô đã giúp đỡ chúng em thực hiện đề tài này Đặc biệt là TS Hoàng Thị Mỹ Lệ đã tận tình giúp đỡ em trong suốt quá trình thực hiện đề tài tốt nghiệp này Đồng thời, chúng em cũng xin cảm ơn quý thầy cô thuộc ngành Công Nghệ Thông Tin – Khoa công nghệ số, trường Đại học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng đã truyền đạt những kiến thức cần thiết và những kinh nghiệm quý báu cho chúng em trong suốt thời gian 4 năm trên giảng đường để em có thể thực hiện tốt đề tài này Đặc biệt, em xin gởi lời cảm ơn chân thành tới TS Hoàng Thị Mỹ Lệ cùng ThS Nguyễn Thị Hà Quyên - giáo viên chủ nhiệm lớp 18T3 đã giúp đỡ em rất nhiều trong quá trình học tập và công việc Trong quá trình thực hiện đề tài, do kiến thức và thời gian còn hạn chế nên không thể tránh khỏi những sai sót Vì vậy em mong quý thầy, cô thông cảm và góp ý để em có thể hoàn thiện đề tài Và những lời góp ý đó có thể giúp em có thể tránh được những sai lầm sau này Em xin chân thành cảm ơn! Đà Nẵng, ngày 08 tháng 02 năm 2022 Sinh viên thực hiện Mai Xuân Duy LỜI CAM ĐOAN Em xin cam đoan: SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ - Những nội dung trong luận văn này do em thực hiện dưới sự hướng dẫn của cô Hoàng Thị Mỹ Lệ Mọi tham khảo trong luận văn đều được 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 sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, chúng em xin chịu hoàn toàn trách nhiệm Sinh viên thực hiện Mai Xuân Duy SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ MỤC LỤC SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ DANH MỤC HÌNH ẢNH SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ DANH MỤC BẢNG BIỂU MỞ ĐẦU Với nhu cầu cấp thiết đặt ra là cần xây dựng hệ thống quản lí tiêm chủng cho các trạm y tế tại các xã nhằm tạo điều kiện thuận lợi cho người dân, cơ sở tiêm chủng quản lí việc tiêm chủng cho trẻ em ở phạm vi cấp xã Phạm vi nghiên cứu đề tài: Website quản lý tiêm chủng cho trẻ em của trạm y tế xã Suối Tân Cấu trúc đồ án tốt nghiệp gồm các phần như sau: - Mở đầu: Giới thiệu lý do và các mục tiêu mà đề tài cần giải quyết, phạm vi nghiên cứu của đề tài Giới thiệu tóm tắt nội dung sẽ được trình bày trong các chương tiếp theo - Chương 1: Nghiên cứu,tìm hiểu và đưa ra lý do chọn đề tài, mục tiêu và mục đích khi xây dựng và phát triển đề tài Xác định rõ phạm vi và đối tượng hướng đến, giải pháp công nghệ để triển khai, xây dựng đề tài, đồng thời phân tích đặc tả yêu cầu nghiệp vụ - Chương 2: Tìm hiểu, giới thiệu tổng quát các kiến thức về ngôn ngữ lập trình Java, Typescript, Spring Framework, Angular Framework và hệ quản trị cơ sở dữ liệu MySQL - Chương 3: Phân tích các tác nhân và chức năng của từng tác nhân, yêu cầu phi chức năng của hệ thống Thiết kế sơ đồ use-case, sơ đồ hoạt động, sơ đồ ERD Thiết kế cơ sở dữ liệu Xây dựng kịch bản cho từng use-case trong hệ thống - Chương 4: Xây dựng giao diện và chức năng của hệ thống SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ - Kết luận: Kết luận chung cho các chương trong đồ án Trình bày những vấn đề đã giải quyết đồng thời trình bày hướng phát triển SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 3.6.2.5 Quản lý bệnh nhân Use case name: Xem danh sách bênh nhân Actors: Admin Description: Admin xem hoặc chỉnh sửa thông tin bênh nhân Input: Admin đăng nhập tài khoản thành công Chọn chức năng quản lý bệnh nhân Output: Hệ thống hiển thị danh sách các bệnh nhân đã đăng kí tiêm chủng Basic flow: Bước 1 Admin nhấn vào nút “Quản lí”  “Bệnh nhân” Bước 2 Hệ thống hiển thị danh sách các bệnh nhân Bước 3 Admin nhấn vào bệnh nhân để xem thông tin của bệnh nhân Bước 4 Admin nhấn vào biểu tượng chỉnh sử để chỉnh sửa thông tin bệnh nhân hoặc nhấn vào biểu tượng xóa để xóa bệnh nhân Bước 5 Admin chọn tìm kiếm theo tên Exception flow: Bước 5: Hệ thống kiếm tra không hợp lệ  Thông báo thông tin sai cho User  Quay lại bước 2 3.6.2.6 Đăng kí và đăng nhập Use case name: Đăng kí và đăng nhập Actors: User Description: User đăng kí tài khoản và đăng nhập vào hệ thống Input: Người dùng truy cập vào hệ thống Chọn chức năng đăng kí để tạo tài khoản hoặc đăng nhập khi có tài khoản Output: Hệ thống hiển thị form đăng kí cho người dùng mới hoặc form đăng nhập SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 43 Basic flow: Bước1: User nhấn vào nút “Đăng kí tài khoản” Bước 2: User nhập thông tin cá nhân Bước 3 Nhấn button “Đăng kí” nếu đăng ký tài khoản hoặc “Đăng nhập” nếu đã có tài khoản Exception flow: Bước 3a User chọn button “Hủy”  Use case dừng lại Bước 4a Hệ thống kiếm tra không hợp lệ  Thông báo thông tin sai cho Actor  Quay lại bước 2 3.6.2.7 Quản lí danh sách tiêm chủng định kì Use case name: Quản lí danh sách tiêm chủng định kì Actors: Admin Description: Admin tìm kiếm, thêm, sửa lịch tiêm Input: Admin đăng nhập tài khoản thành công Chọn chức năng quản lý lịch tiêm Output: Hệ thống hiển thị lịch tiêm định kì của trung tâm Basic flow: Bước 1 Admin nhấn vào nút “Quản lý”  “Lịch tiêm định kỳ” Bước 2 Hệ thống hiển thị danh sách lịch tiêm định kì Bước 3 Nhấn button “Tạo mới” Bước 4 Nhập thông tin lịch tiêm Bước 5 Nhấn button “Tạo mới lịch tiêm” Exception flow: Bước 5a Actor chọn button “Hủy”  Use case dừng lại Bước 6a Hệ thống kiếm tra không hợp lệ  Thông báo thông tin sai cho Admin  Quay lại bước 4 3.6.2.8 Quản lý vaccine Use case name: Quản lý vaccine SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 44 Actors: Description: Input: Output: Basic flow: Admin Admin xem hoặc thêm mới vaccine Admin đăng nhập tài khoản thành công Chọn chức năng quản lý vaccine Hệ thống hiển thị danh sách các loại vaccine Bước 1 Bước 2 Bước 3 Bước 4 Bước 5 Bước 6 Admin nhấn vào nút “Quản lý” “Vaccine” Hệ thống hiển thị danh sách các loại vaccine Admin tìm kiếm và xem thông tin vaccine Admin nhấn vào “Thêm vaccine” Nhập thông tin vaccine Nhấn button “Lưu Exception flow: Bước 6a Admin chọn button “Hủy”  Use case dừng lại Bước 5a: Hệ thống kiếm tra không hợp lệ  Quay lại bước 2 3.6.2.9 Đăng kí tiêm Use case name: Đăng kí tiêm vaccine Actors: User Description: Người dùng đăng kí tiêm vaccine Input: User đăng nhập tài khoản thành công Chọn chức đăng ký tiêm Output: Hệ thống hiển thị form đăng kí tiêm vaccine và danh sác loại vaccine Basic flow: Bước 1 User nhấn vào nút “Đăng kí tiêm” SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 45 Bước 2 Bước 3 Bước 4 Bước 5 Bước 6 use-case Hệ thống hiển thị danh sách tiêm Nhấn button “Đăng kí” Nhập thông tin và chọn thời gian tiêm Nhấn button “Đăng kí tiêm” Hệ thống kiểm tra tính hợp lệ các trường đã nhập và hiển thị kết quả ra màn hình – Kết thúc Exception flow: Bước 5a Actor chọn button “Hủy”  Use case dừn g lại Bước 6: Hệ thống kiếm tra không hợp lệ  Thông báo thông tin sai cho Actor=> Quay lại bước 2 SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 46 CHƯƠNG IV KẾT QUẢ TRIỂN KHAI HỆ THỐNG WEBSITE 4.1 Công cụ xây dựng − Hệ quản trị cơ sở dữ liệu (MySQL Workbench): thiết kế cơ sở dữ liệu − HTML, CSS, JS, Bootstrap: xây dựng giao diện chương trình − Spring Framework: xây dựng Back-end(sever) chương trình − Angular Framework: xây dựng Front-end chương trình 4.2 Thiết kế giao diện 4.2.1 Giao diện trang tiêm chủng định kỳ Hình 22: Giao diện lịch tiêm chủng định kì SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 47 Hình 23: Giao diện tạo mới lịch tiêm chủng SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 48 4.2.2 Giao diện trang đăng ký tiêm SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 49 Hình 24: Giao diện trang đăng ký tiêm 4.2.3 Giao diện trang quản lý nhân viên Hình 25: Giao diện danh sách nhân viên SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 50 Hình 26: Giao diện thêm mới nhân viên SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 51 4.2.4 Giao diện quản lý vaccine Hình 27: Giao diện danh sách vaccine SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 52 4.2.5 Giao diện quản lý bệnh nhân Hình 28: Giao diện danh sách bệnh nhân SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 53 4.2.6 Giao diện lịch sử tiêm SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 54 SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 55 Hình 29: Giao diện xem lịch sử tiêm chủng 4.2.7 Giao diện xác nhận tiêm Hình 30: Giao diện xác nhận tiêm SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 56 4.2.8 Giao diện phản hồi sau tiêm Hình 31: Giao diện phản hồi sau tiêm SVTH: MAI XUÂN DUY GVHD: TS HOÀNG THỊ MỸ LỆ 57 ... Tân Từ lý trên, chọn đề tài ? ?Website quản lý tiêm chủng cho trẻ em trạm y tế xã Suối Tân? ?? làm hướng nghiên cứu cho đề tài 1.2 Mục tiêu đề tài X? ?y dựng website quản lý tiêm chủng cho trẻ em trạm. .. Xuân Duy Mã SV: 1811505310309 Tên đề tài: - Website quản lý tiêm chủng cho trẻ em trạm y tế xã Suối Tân Các số liệu, tài liệu ban đầu: - Dựa nhu cầu tiêm chủng cho trẻ xã trung tâm tiêm chủng. .. việc quản lý Từ đó, nhu cầu cấp thiết đặt cần x? ?y dựng hệ thống quản lí tiêm chủng cho trạm y tế xã nhằm tạo điều kiện thuận lợi cho người dân, sở tiêm chủng quản lí việc tiêm chủng, cụ thể xã Suối