Hệ thống hỗ trợ truy vết covid tại trường đại học tây đô (module ứng dụng website)

TRƯỜNG ĐẠI HỌC TÂY ĐÔ KHOA KỸ THUẬT – CÔNG NGHỆ KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC NGÀNH CƠNG NGHỆ THÔNG TIN HỆ THỐNG HỖ TRỢ TRUY VẾT COVID TẠI TRƯỜNG ĐẠI HỌC TÂY ĐÔ (MODULE ỨNG DỤNG WEBSITE) Giảng viên hướng dẫn Sinh viên thực hiện: ThS Lâm Tấn Phương Nguyễn Trường An MSSV: 187060001 Khóa: 13 Cần Thơ, 2022 Hệ thống hỗ trợ truy vết Covid TRƯỜNG ĐẠI HỌC TÂY ĐƠ KHOA KỸ THUẬT – CƠNG NGHỆ KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN HỆ THỐNG HỖ TRỢ TRUY VẾT COVID TẠI TRƯỜNG ĐẠI HỌC TÂY ĐÔ (MODULE ỨNG DỤNG WEBSITE) Giảng viên hướng dẫn: Sinh viên thực hiện: ThS Lâm Tấn Phương Nguyễn Trường An MSSV: 187060001 Khóa: 13 Cần Thơ, 2022 Hệ thống hỗ trợ truy vết Covid BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC TÂY ĐÔ Độc lập – Tự – Hạnh phúc *** CHẤP NHẬN LUẬN VĂN ĐẠI HỌC CỦA HỘI ĐỒNG Khóa Luận Hệ thống hỗ trợ truy vết Covid trường Đại Học Tây Đô (module ứng dụng Website) sinh viên Nguyễn Trường An, mã số sinh viên: 187060001, thực báo cáo chỉnh sửa theo góp ý Hội đồng chấm luận văn đại học thông qua Họ tên Giảng viên hướng dẫn Họ tên Giảng viên Phản biện Giảng viên hướng dẫn Phản biện Họ tên Thư ký Thư ký i Hệ thống hỗ trợ truy vết Covid Cần Thơ, Ngày … tháng …… năm 20… _ Họ tên Chủ tịch Hội đồng Chủ tịch Hội đồng ii Hệ thống hỗ trợ truy vết Covid Khóa luận HỆ THỐNG HỖ TRỢ TRUY VẾT COVID TẠI TRƯỜNG ĐẠI HỌC TÂY ĐÔ (MODULE ỨNG DỤNG WEBSITE) Cần Thơ, Ngày … tháng …… năm 20… Sinh viên thực iii Hệ thống hỗ trợ truy vết Covid NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Giảng viên hướng dẫn: ThS Lâm Tấn Phương Sinh viên thực hiện: Nguyễn Trường An MSSV: 187060001 Tên đề tài: Hệ thống hỗ trợ truy vết Covid trường Đại Học Tây Đô (Module Ứng Dụng Website) Nhận xét giảng viên: Cần thơ, Ngày … Tháng … Năm 20… Giảng viên hướng dẫn iv Hệ thống hỗ trợ truy vết Covid NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Giảng viên phản biện: ThS Nguyễn Chí Cường Sinh viên thực thiện: Nguyễn Trường An MSSV: 187060001 Tên đề tài: Hệ thống hỗ trợ truy vết Covid trường Đại Học Tây Đô ( Module Ứng Dụng Website ) Nhận xét giảng viên phản biện: Cần Thơ, Ngày … Tháng … Năm 20… Giảng viên phản biện v Hệ thống hỗ trợ truy vết Covid LỜI CẢM ƠN Khóa luận tốt nghiệp thử thách cuối mà nhóm em phải vượt qua để tự bước phát triển thân tương lai Để có hơm nay, tự tay thiết kế dự án hoàn thiện cụ thể chỉnh chu, nỗ lực thân phải kể đến giúp đỡ người Trong trình thực đề tài nhóm em nhận nhiều giúp đỡ từ bạn bè thầy hướng dẫn nhiệt tính giúp nhóm em hồn thành tốt đề tài Trường đại học Tây Đô tạo môi trường học tập rèn luyện tốt, cung cấp cho nhóm em kiến thức kỹ bổ ích giúp nhóm em áp dụng thuận lợi thực khóa luận Xin gửi lời cảm ơn chân thành đến thầy bạn bè đặc biệt thầy Lâm Tấn Phương tận tình hướng dẫn, nhận xét, đóng góp ý kiến giúp đỡ nhóm nhiều suốt q trình thực đề tài Có lẽ kiến thức vô hạn mà tiếp nhận kiến thức thân người tồn hạn chế định kiến thức chuyên môn hạn chế, thân thiếu nhiều kinh nghiệm thực tiễn nên nội dung báo cáo không tránh khỏi thiếu sót, nhóm mong nhận góp ý, bảo thêm q thầy tồn thể thầy để báo cáo hồn thiện Nhóm mong nhận thơng cảm bảo tận tình từ q thầy Xin gửi lời chúc sức khỏe đến thầy hướng dẫn em hoàn thành đề tài Trân trọng cảm ơn! Hệ thống hỗ trợ truy vết Covid MỤC LỤC CHẤP NHẬN LUẬN VĂN ĐẠI HỌC CỦA HỘI ĐỒNG i NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iv NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN v LỜI CẢM ƠN DANH MỤC HÌNH DANH MỤC BẢNG DANH MỤC THUẬT NGỮ VÀ TỪ VIẾT TẮT 10 TÓM TẮT 11 PHẦN 1: GIỚI THIỆU 10 I ĐẶT VẤN ĐỀ 10 II LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ 10 III MỤC TIÊU ĐỀ TÀI 11 IV ĐỐI TƯỢNG VÀ PHẠM VI NHIÊN CỨU 12 Đối tượng nghiên cứu 12 Phạm vi nghiên cứu 12 PHẦN 2: HỆ THỐNG TRUY VẾT COVID 14 CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 14 1.1 MÔ TẢ ĐỀ TÀI 14 1.2 CÁC CHỨC NĂNG CHÍNH CỦA HỆ THỐNG 15 1.3 CƠ SỞ LÝ THUYẾT 16 1.3.1 NodeJS 16 1.3.2 ReactJS 16 1.3.3 Material UI 18 1.3.4 Vite 18 Hệ thống hỗ trợ truy vết Covid 1.3.5 Các công nghệ sử dụng khác 18 CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP 20 2.1 SƠ ĐỒ USECASE 20 2.1.1 Sơ đồ quản trị hệ thống đối tác 20 2.2 THIẾT KẾ CƠ SỞ DỮ LIỆU 20 2.2.1 Các collections Moongose 20 CHƯƠNG 3: MODULE WEBSITE ỨNG DỤNG 27 3.1 Mô tả luồng liệu 27 3.2 Các chức hệ quản trị đối tác 27 3.2.1 Giao diện đăng nhập vào trang Admin 27 3.2.2 Giao diện chức Dashboard 28 3.2.3 Chức quản lý người dùng 29 3.2.4 Chức quản lý địa điểm 32 3.2.5 Chức quản lý lô vaccine 34 3.2.6 Chức truy vết khai báo 38 3.2.7 Chức quét mã nhanh 41 3.2.8 Chức quản lý ý kiến đánh giá 42 3.2.9 Chức quản lý đối tác 44 CHƯƠNG 4: KIỂM THỬ VÀ ĐÁNH GIÁ 51 4.1 MỤC TIÊU KIỂM THỬ 51 4.2 KỊCH BẢN KIỂM THỬ 52 4.3 KẾT QUẢ KIỂM THỬ 53 4.3.1 Các chức quản trị hệ thống 53 4.3.1.1 Bảng kiểm thử quản trị hệ thống 53 4.3.1.2 Minh họa chức quản lý đối tác 56 Hệ thống hỗ trợ truy vết Covid Hình 47 Minh họa chức quản lý vaccine Ở mục tác vụ thực thao thêm loại vaccine vào lơ tạo Hình 48 Minh họa chức quản lý vaccine Có thể tạo thêm lơ vaccine mục Tạo Lơ Vaccine Hình 49 Minh họa chức quản lý vaccine 71 Hệ thống hỗ trợ truy vết Covid Hình 90 Minh họa chức quản lý vaccine Lô sau tạo hiển thị lên phía để tiện việc thêm Hình 50 Minh họa chức quản lý vaccine 4.3.1.8 Minh họa chức quét mã QR Tại sau đăng nhập vào quản trị hệ thống giao diện hệ quản trị xuất 72 Hệ thống hỗ trợ truy vết Covid Hình 92 Minh họa chức quét mã QR Chức giúp tìm kiếm nhanh người dùng thông qua việc sử dụng mã QR có sẵn người dùng Hình 51 Minh họa chức quét mã QR 73 Hệ thống hỗ trợ truy vết Covid 4.3.2 Các chức đối tác 4.3.2.1 Bảng thông tin kiểm thử đối tác STT Ngày Trường Nền Các bước kiểm hợp tảng thử Kết đạt mong đợi Kết Chức đăng nhập (đối tác) Sau đăng nhập thành - Bước 1: đăng 12/7/2022 Chức đăng nhập nhập vào hệ thống quyền đối tác Website - Bước 2: sử dụng chức cấp quyền công hiển thi chức chức phân Thành công quyền quản trị hệ thống Bảng Kết kiểm thử đối tác 4.3.2.2 Minh họa chức đăng nhập đối tác Tại đăng nhập theo đường dẫn dành cho đối tác tài khoản tạo quản trị hệ thống chức quản lý đối tác 74 Hệ thống hỗ trợ truy vết Covid Hình 52 Minh họa chức đăng nhập đối tác Sau đăng nhập thành công vào giao diện đối tác nhanvien1 gồm chức cấp quyền hệ quản trị như: quản lý người dùng, quản lý địa điểm quản lý thơng tin vaccine Hình 53 Minh họa chức đăng nhập đối tác Lần lượt kiểm thử vài chức có Đối Tác 75 Hệ thống hỗ trợ truy vết Covid Hình 54 Các chức đối tác 76 Hệ thống hỗ trợ truy vết Covid PHẦN 3: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN I KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC Qua nhiều trình thu thập ý kiến, thiết kế, xây dựng kiểm thử cách kỹ lưỡng Hệ thống truy vết Covid đời với tài liệu phù hợp đặt Hệ thống phát triển thành phần phổ biến Website ứng dụng Di Động, tiện lợi người dùng sử dụng Người dùng dễ dàng sử dụng thiết bị Di Động, ưu điểm hệ thống nhỏ gọn người sử dụng thiết bị Di Động thông minh Ngồi ra, kết nối liệu thơng qua internet sử dụng rộng rãi, ứng dụng hoạt động trơn tru mượt mà Ngược lại, quản trị hệ thống, công việc họ quan trọng nhiều chức quản lý Họ xử lý yêu cầu người dùng thông qua ứng dụng Di Động gửi lên Website Vì tính chủ yếu dành riêng cho quản trị hệ thống Bên cạnh đó, để công việc hoạt động ổn định quản trị hệ thống chia nhỏ chức để xử lý cách cấp quyền cho đối tác số chức cần thiết Hệ thống tạo hoàn thành mục tiêu cầu nối liên kết người dùng quản trị hệ thống Thông qua ứng dụng, người dùng dễ dàng cập nhật thông tin, liên lạc, tìm hiểu thơng tin Trong đó, hệ quản trị trực kiểm tra thông tin tiến hành xử lý lọc thông tin Hệ thống ban đầu xây dựng phát triển trì ổn định tảng Website ứng dụng Di Động Android Tuy vậy, đề tài tạo để phục vụ thời kỳ dịch bệnh với quy mô trường đại học Tây Đô chưa có nhiều ứng dụng phát triển hình thức nên cịn nhiều thiếu sót, thời gian xây dựng ứng dụng hạn chế hệ thống số vấn đề: tốc độ xử lý bị chậm, chức chưa hồn thiện thật sự, Thơng qua đó, cần có hướng phát triển tiếp theo, nhằm bảo trì, nâng cấp nâng cao trải nghiệm người dùng II HƯỚNG PHÁT TRIỂN Để hệ thống phát triển tương lai Hệ thống cần thiết cho việc bảo trì thêm số chức để hoàn thiện Các mục tiêu đề để nâng cấp hệ thống là: - Đối với Website: + Tăng tốc độ xử lý đường truyền 77 Hệ thống hỗ trợ truy vết Covid + Cải thiện giao diện + Phát triển Website hình ứng dụng, ipad + Cải thiện logic xử lý chức hoàn thiện - Đối với ứng dụng Di Động + Tăng tốc độ đường truyền liệu + Cải thiện giao diện + Lọc số phản ánh với nội dung không phù hợp với câu từ + Phát triển thêm ứng dụng tảng IOS 78 Hệ thống hỗ trợ truy vết Covid TÀI LIỆU THAM KHẢO STT Đường dẫn Tên tài liệu Tác giả Tài liệu https://youtu.be/P60kcS Khoa truy cập trang android Studio aeFmg Phạm Youtube vào ngày 10/06/2022 truy cập trang https://www.udemy.com Thời gian truy cập /share/103IYA3@3pEne Hậu vào ngày Tài liệu x1pKgzMYWByf- Nguyễn 06/05/2022 ReactJS MDcUvKQ8JZhwbKPc wiOKqXvcLX5Alb8qlT ZhhPZ4uNn8MT1Q==/ https://fullstack.edu.vn/c ourses/nodeJS F8 Tài liệu NodeJS Tài liệu Mongodb ym1zHYnRMQ Tài liệu firebase https://www.elib.vn/doc/ 2020/20200821/tim-hieuHồ Việt lap-trinh-co-so-voiAnh android-firebase-vaung-dung823.pdf Tài liệu PostMan Tài liệu Java truy cập trang https://youtu.be/- https://youtu.be/CvX_5u yUXSs truy cập trang vào ngày 06/05/2022 Nodemy F8 https://drive.google.com/ file/d/1sDbXFuYyEiUUr codegym oQxFhF544RrxqtgRlL8/ view vào ngày 22/05/2022 truy cập trang vào ngày 01/06/2022 truy cập trang vào ngày 14/05/2022 truy cập trang vào ngày 22/04/2022 79 Hệ thống hỗ trợ truy vết Covid Tài liệu JavaScript Tài liệu hướng đối tượng https://www.udemy.com Hậu truy cập trang /share/101WeY3@oyUXmQyj6apQdGhCE CUTx4JVLSSGhKWnZ Nguyễn vào ngày 22/03/2022 9l7C9bncnOfsO4gBkkX VStzqp4kpZE8A==/ https://drive.google.com/ truy cập trang file/d/1ldxcb- vào ngày Hje1us0gfLb_dencQJyC 22/07/2022 5GUAQA/view Bảng Tài liệu tham khảo 80 Hệ thống hỗ trợ truy vết Covid HƯỚNG DẪN CÀI ĐẶT WEBSITE - Sử dụng Visual Studio Hình 55: Hinh ảnh Visual Studio Hình 56 Chi tiết phiên + Đường dẫn GitHub Client: https://github.com/Devnaplandau/clientCovid-Checking + Đường dẫn GitHub Server: https://github.com/Devnaplandau/ServerCovid-tdu - Trường hợp sử dụng file thư mục + Đối với file Server (đã đưa lên Heroku, xem kham khảo cách mở) 81 Hệ thống hỗ trợ truy vết Covid Bước 1: mở file Server Visual Studio, sau ấn tổ hợp phím Ctrl + ` (phía ESC) để mở cmd thư mục Server Bước 2: cmd gõ yarn start, cmd hiển thị hình bên với thơng báo “connect successfully!” Hình 57 Hướng dẫn chạy Server + Đối với file Websiteapp (chạy Localhost) Bước 1: Tiếp tục mở file Visual Studio, sau ấn tổ hợp phím Ctrl + ` (phía ESC) để mở cmd thư mục Websiteapp Bước 2: cmd gõ yarn dev, kết nối thành cơng hiển thị hình (do Server đưa lên Heroku nên cần chạy lệnh hình sử dụng Website) 82 Hệ thống hỗ trợ truy vết Covid Hình 58 Hướng dẫn chạy Website App Bước 3: mở trình duyệt đăng nhập theo đường dẫn: http://localhost:5000/login/admin Hình 59 Giao diện admin - Tài Khoản : admin - Mật Khẩu : annt@123 83 Hệ thống hỗ trợ truy vết Covid Bước 4: muốn đăng nhập vào Đối Tác, (do lưu lại lịch sử đăng nhập trình duyệt nên cần phải đăng xuất khỏi admin trước truy cập vào Đối Tác), sau truy cập theo đường dẫn: http://localhost:5000/login/partner Hình 60 Giao diện đăng nhập đối tác - Tài Khoản : nhanvien1 - Mật Khẩu: 123456 Lưu ý: muốn có thêm tài khoản đối tác tạo cấp quyền trang admin chức Đối Tác Ngoài ra: q trình sử dụng chạy song song đường dẫn localhost heroku nên muốn thay đổi chạy localhost truy cập hình bên sửa lại cách comment lại baseUrl ngược lại Heroku 84 Hệ thống hỗ trợ truy vết Covid Hình 61 Hướng dẫn sử dụng localhost Heroku 85