BÁO CÁO ĐỒ ÁN Xây dựng website quản lý tiêm chủng vac xin LỜI CẢM ƠN Xin chân thành cảm ơn các giảng viên Khoa Công Nghệ Thông Tin, cùng các giảng viên Trường Đại học đã truyền đạt kiến.
BÁO CÁO ĐỒ ÁN Xây dựng website quản lý tiêm chủng vac-xin LỜI CẢM ƠN Xin chân thành cảm ơn giảng viên Khoa Công Nghệ Thông Tin, giảng viên Trường Đại học truyền đạt kiến thức chuyên môn, luôn giúp đỡ, kỹ tốt suốt trình học tập để em hồn thành báo cáo Đặc biệt, em xin dành lời cảm ơn sâu sắc đến cô/thầy giảng viên trực tiếp tham gia hướng dẫn em hoàn thành báo cáo Khi bắt đầu thực báo cáo kiến thức hiểu biết em đề tài hạn hẹp Với kiến thức chuyên mơn nhiệt tình, dẫn dắt em đến bước cuối để hoàn thành báo cáo đảm bảo nội dung thời hạn đề Em xin chân thành cảm ơn! TÓM TẮT NỘI DUNG ĐỒ ÁN Ngày nay, công nghệ thông tin phát triển vượt bậc, đặc biệt lĩnh vực thương mại điện tử Ngồi ra, cơng nghệ thơng tin góp phần lớn phát triển lĩnh vực y tế Trước nhu cầu cần thiết việc quản lý tiêm chủng nay, em chọn đề tài “Xây dựng Website quản lý tiêm chủng vacxin” Đồ án gồm có chương: Chương 1: Cơ sở lý thuyết: Nêu sở lý thuyết áp dụng hệ thống phần mềm triển khai: ngơn ngữ HTML, CSS, JavaScript, ngơn ngữ lập trình PHP, hệ quản trị sở liệu MySQL, Chương 2: Khảo sát đề tài: Thực tìm hiểu, khảo sát thực trạng quản lý tiêm chủng, nêu yêu cầu hệ thống cần đáp ứng Chương 3: Phân tích thiết kế hệ thống: Trình bày sơ đồ Use Case, biểu đồ hoạt động, biểu đồ tuần tự, biểu đồ lớp chức hệ thống Từ phân tích trên, tiến hành thiết kế sở liệu cho hệ thống triển khai Chương 4: Giao diện hệ thống: Từ phân tích thiết kế hệ thống trên, áp dụng xây dựng chức hệ thống Trình bày giao diện phần mềm triển khai Chương 5: Tổng kết: Tổng kết kết đạt phần mềm, hạn chế tồn hướng phát triển Tài liệu tham khảo: Các tài liệu tham khảo đề tài MỤC LỤC TÓM TẮT NỘI DUNG ĐỒ ÁN CHƯƠNG 1: CƠ SỞ LÝ THUYẾT .1 Ngôn ngữ thiết kế web HTML CSS: Ngơn ngữ lập trình Javascript thư viện Jquery: Framework Bootstrap: Mô hình MVC: .6 Ngơn ngữ lập trình PHP: .8 Hệ quản trị sở liệu MySQL: .8 Phần mềm PHPMyAdmin: 11 CHƯƠNG 2: KHẢO SÁT ĐỀ TÀI 13 Khảo sát đề tài: 13 Một số vấn đề tồn tại: 14 Yêu cầu với hệ thống triển khai: .14 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .15 Use Case hệ thống: .15 1.1 Use Case tổng quát: 15 1.2 Use Case hệ thống: .16 1.3 Use Case tác nhân người dùng: 18 1.4 Use Case quản lý vac-xin: 21 1.5 Use Case quản lý admin: 23 1.6 Use Case quản lý người dùng: .25 1.7 Use Case quản lý đăng ký tiêm: 27 1.8 Use Case quản lý tiêm: 29 1.9 Use Case quản lý tin tức: 31 1.10 Use Case xem thống kê hệ thống: .33 Biểu đồ hoạt động: .34 Biểu đồ tuần tự: 42 Biểu đồ lớp: 49 Thiết kế sở liệu: 50 CHƯƠNG 4: GIAO DIỆN HỆ THỐNG 53 Giao diện người dùng: .53 1.1 Giao diện đăng nhập: 53 1.2 Giao diện đăng ký: 53 1.3 Giao diện đăng ký tiêm: 54 1.4 Giao diện lịch sử tiêm: 54 1.5 Giao diện tra cứu thông tin: 55 1.6 Giao diện thống kê chung: 55 Giao diện quản trị: .56 2.1 Giao diện quản lý vac-xin: 56 2.2 Giao diện quản lý admin: .56 2.3 Giao diện quản lý người dùng: 57 2.4 Giao diện quản lý đăng lý tiêm: 57 2.5 Giao diện quản lý tin tức: .58 2.6 Giao diện thêm tin tức: 58 CHƯƠNG 5: TỔNG KẾT 59 Kết đạt được: 59 Hạn chế: 59 Kết luận: 59 TÀI LIỆU THAM KHẢO 60 DANH MỤC HÌNH Hình 1.1 Lợi ích việc sử dụng CSS trang web HTML Hình 1.2 Minh họa JavaScript kết hợp với HTML CSS Hình 1.3 Mơ hình MVC Hình 1.4 Quá trình phối hợp hoạt động MySQL PHP Hình 1.5 Giao diện phần mềm PhpMyAdmin Hình 2.1 Use Case tổng quát Hình 2.2 Use Case hệ thống Hình 2.3 Use Case tác nhân người dùng Hình 2.4 Use Case quản lý vac-xin Hình 2.5 Use Case quản lý admin Hình 2.6 Use Case quản lý người dùng Hình 2.7 Use Case quản lý đăng ký tiêm Hình 2.8 Use Case quản lý tiêm Hình 2.9 Use Case quản lý tin tức Hình 2.10 Use Case xem thống kê hệ thống Hình 2.11 Biểu đồ hoạt động đăng ký Hình 2.12 Biểu đồ hoạt động đăng nhập Hình 2.13 Biểu đồ hoạt động xem lịch sử tiêm Hình 2.14 Biểu đồ hoạt động đăng ký tiêm Hình 2.15 Biểu đồ hoạt động cập nhật thơng tin cá nhân Hình 2.16 Biểu đồ hoạt động thêm liêu quản trị Hình 2.17 Biểu đồ hoạt động cập nhật liệu quản trị Hình 2.18 Biểu đồ hoạt động xóa liệu quản trị Hình 2.19 Biểu đồ đăng ký Hình 2.20 Biểu đồ đăng nhập Hình 2.21 Biểu đồ xem liệu quản trị Hình 2.22 Biểu đồ thêm liệu quản trị Hình 2.23 Biểu đồ cập nhật liệu quản trị Hình 2.24 Biểu đồ xóa liệu quản trị Hình 2.25 Biểu đồ đăng ký tiêm Hình 2.26 Biểu đồ lớp Hình 4.1 Giao diện đăng nhập Hình 4.2 Giao diện đăng ký Hình 4.3 Giao diện đăng ký tiêm Hình 4.4 Giao diện lịch sử tiêm Hình 4.5 Giao diện tra cứu thơng tin Hình 4.6 Giao diện thống kê chung Hình 4.7 Giao diện quản lý vac-xin Hình 4.8 Giao diện quản lý admin Hình 4.9 Giao diện quản lý người dùng Hình 4.10 Giao diện quản lý đăng ký tiêm Hình 4.11 Giao diện quản lý tin tức Hình 4.12 Giao diện quản lý thêm tin tức CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Ngôn ngữ thiết kế web HTML CSS: Định nghĩa HTML: HTML(Hypertext Markup Language) mã dùng để xây dựng nên cấu trúc nội dung trang web Ví dụ, nội dung cấu thành loạt đoạn văn, danh sách liệt kê, sử dụng hình ảnh bảng biểu Tính HTML5: - Phần tử dùng để hiển thị cỡ nhỏ, ký hiệu trình bao bọc xác cho thơng tin - Việc sử dụng dấu ngoặc kép phụ thuộc vào người dùng - Cho phép người dùng chỉnh sửa văn có phần tử, bao gồm phần tử - HTML5 loại bỏ hồn tồn thuộc tính - Cung cấp đầu vào email cho phép hướng dẫn trình duyệt cho phép chuỗi xác nhận địa email - Dễ dàng tạo trượt với phạm vi đầu vào Định nghĩa CSS: CSS (viết tắt Cascading Style Sheets) dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML CSS hiểu cách mà chúng thêm kiểu hiển thị (font chữ, kích thước, màu sắc,…) cho tài liệu Web Lợi ích CSS với trang web HTML: Page of 12 Hình 1.1 Lợi ích việc sử dụng CSS trang web HTML CSS có tác dụng là: - Hạn chế tối thiểu việc làm rối HTML trang Web thẻ quy định kiểu dáng(chữ đậm, in nghiêng, ), giúp mã nguồn trang Web trở nên gọn gàng - Tách biệt nội dung trang Web định dạng hiển thị, dễ dàng cho việc thay đổi - Tạo kiểu dáng áp dụng cho nhiều trang Web, tránh lặp lại việc định dạng cho trang Web giống Ngơn ngữ lập trình Javascript thư viện Jquery: Định nghĩa JavaScript: JavaScript ngơn ngữ lập trình HTML ứng dụng Web Nó nhẹ sử dụng phổ biến phần trang web, mà thi hành chúng cho phép Client-Side script tương tác với người sử Page of 12 Biểu đồ thêm liệu quản trị: Hình 2.22 Biểu đồ thêm liệu quản trị Page 47 of 12 Biểu đồ cập nhật liệu quản trị: Hình 2.23 Biểu đồ cập nhật liệu quản trị Page 48 of 12 Biểu đồ xóa liệu quản trị: Hình 2.24 Biểu đồ xóa liệu quản trị Page 49 of 12 Biểu đồ đăng ký tiêm: Hình 2.25 Biểu đồ đăng ký tiêm Page 50 of 12 Biểu đồ lớp: Hình 2.26 Biểu đồ lớp Page 51 of 12 Thiết kế sở liệu: Bảng admins (quản trị viên): STT Tên thực thể Kiểu liệu Ràng buộc Khóa Mơ tả Khóa Id bigint (20) Name varchar(255) Not null bảng Tên Email varchar(255) Not null Email Phone Số điện thoại Password Lever Address Avatar Created_at varchar(255) Not null varchar(255 Not null ) varchar(255 Null ) varchar(255 Null ) varchar(255 Null ) timestamp Null 10 Updated_at timestamp Ngày cập nhật Null Mật Cấp Địa Ảnh đại diện Ngày tạo Bảng users (người dùng): STT Tên thực thể ID Name Email Password Address Avatar Cmnd Kiểu liệu bigint(20) varchar(255) varchar(255) varchar(255) varchar(255) varchar(255) varchar(255) Ràng buộc Mơ tả Khóa Khóa Not null Not null Not null Null Null Not null bảng Tên Email Mật Địa Ảnh Chứng minh nhân dân Page 52 of 12 STT 10 11 Tên thực thể Phone Status Created_at Updated_at Kiểu liệu varchar(255) tinyint(4) timestamp timestamp Ràng buộc Not null Not null Null Null Mô tả Số điện thoại Trạng thái Ngày tạo Ngày cập nhật Bảng vaccines (vac-xin): STT Tên thực thể ID Name Vaccine_name Admin_id Age_min Age_max Created_at Updated_at Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa varchar(255) varchar(255) bigint(20) tinyint(4) tinyint(4) timestamp timestamp bảng Null Tên Not null Tên vac-xin Khóa ngoại Mã quản trị viên Not null Độ tuổi nhỏ Not null Độ tuổi lớn Null Ngày tạo Null Ngày cập nhật Bảng locations (địa điểm): STT Tên thực thể ID Name Created_at Updated_at Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa bảng Tên Ngày tạo Ngày cập nhật varchar(255) timestamp timestamp Null Null Null Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa varchar(255) varchar(255) varchar(255) bigint(20) bảng Not null Tên Null Nội dung Null Mơ tả Khóa ngoại Mã quản trị viên Bảng posts (tin tức): STT Tên thực thể ID Name Content Description Admin_id Page 53 of 12 STT Tên thực thể Created_at Updated_at Kiểu liệu timestamp timestamp Ràng buộc Mô tả Null Ngày tạo Null Ngày cập nhật Bảng injection_register (đăng ký tiêm): STT 10 11 12 Tên thực thể ID Name User_id Date Injection Address Catificate Vaccine_id Location_id Status Created_at Updated_at Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa varchar(255) bigint(20) timestamp tinyint(4) varchar(255) varchar(255) bigint(20) bigint(20) tinyint(4) timestamp timestamp bảng Not null Tên Khóa ngoại Mã người dùng Null Ngày Null Số mũi tiêm Null Địa Null Chứng nhận Khóa ngoại Mã vac-xin Khóa ngoại Mã địa điểm Null Trạng thái Null Ngày tạo Null Ngày cập nhật CHƯƠNG 4: GIAO DIỆN HỆ THỐNG Giao diện người dùng: 1.1 Giao diện đăng nhập: Hình 4.1 Giao diện đăng nhập 1.2 Giao diện đăng ký: Hình 4.2 Giao diện đăng ký Page 54 of 12 1.3 Giao diện đăng ký tiêm: Hình 4.3 Giao diện đăng ký tiêm 1.4 Giao diện lịch sử tiêm: Hình 4.4 Giao diện lịch sử tiêm Page 55 of 12 1.5 Giao diện tra cứu thơng tin: Hình 4.5 Giao diện tra cứu thơng tin 1.6 Giao diện thống kê chung: Hình 4.6 Giao diện thống kê chung Page 56 of 12 Giao diện quản trị: 2.1 Giao diện quản lý vac-xin: Hình 4.7 Giao diện quản lý vac-xin 2.2 Giao diện quản lý admin: Hình 4.8 Giao diện quản lý admin Page 57 of 12 2.3 Giao diện quản lý người dùng: Hình 4.9 Giao diện quản lý người dùng 2.4 Giao diện quản lý đăng lý tiêm: Hình 4.10 Giao diện quản lý đăng ký tiêm Page 58 of 12 2.5 Giao diện quản lý tin tức: Hình 4.11 Giao diện quản lý tin tức 2.6 Giao diện thêm tin tức: Hình 4.12 Giao diện quản lý thêm tin tức Page 59 of 12 CHƯƠNG 5: TỔNG KẾT Kết đạt được: Từ hướng dẫn tận tình thầy, học trường, em phân tích xây dựng website với kết đạt được: Áp dụng kiến thức học xây dựng website quản lý tiêm chủng vac-xin, phân quyền người dùng người quản trị, với giao diện chức nghiệp vụ khác Quản lý thông tin cần thiết loại vac-xin, thông tin người dùng thông tin đăng ký tiêm chủng Có đầy đủ chức để quản lý tiêm chủng Hạn chế: Bên cạnh có hạn chế như: Chưa có nhiều kiến thức thực tế, nên việc xây dựng phần mềm áp dụng vào thực tế cịn nhiều thiếu sót chưa khả quan Một số chức hạn chế Kết luận: Bài báo cáo đề tài “Xây dựng website quản lý tiêm chủng vac-xin” xây dựng mơ hình MVC với ngơn ngữ lập trình PHP kết hợp với hệ quản trị sở liệu MySQL Với chức sở liệu nghiên cứu, ứng dụng mơ hình quản lý tiêm chủng, giúp cải thiện khó khăn cho người quản lý, thuận tiện cho người dùng Tuy nhiên, thời gian hoàn thành đề tài có hạn kinh nghiệm nghiệp vụ chưa sâu nên đề tài cịn nhiều thiếu sót nghiệp vụ chun mơn Em mong nhận ý kiến, góp ý thầy bạn để phát triển hoàn thiện website tương lai Page 60 of 12 TÀI LIỆU THAM KHẢO [1] N M S Trần Đình Quế, Phân tích thiết kế hệ thơng thơng tin, học viện : [2] Cơng nghệ Bưu Viễn Thông, 2007 https://jquery.com/ (JQuery – Nguồn: Internet) : [3] [4] https://www.php.net/docs.php (PHP – Nguồn: Internet) https://lmt.com.vn/lap-trinh/tim-hieu-php-mysql/360-tim-hieu-mo-hinh- : [5] mvc-la-gi.html (Mơ hình MVC - Nguồn: Internet) https://dev.mysql.com/doc/ (MySQL – Nguồn: Internet) : Page 61 of 12 ... Trước nhu cầu cần thiết việc quản lý tiêm chủng nay, em chọn đề tài “Xây dựng Website quản lý tiêm chủng vacxin” Đồ án gồm có chương: Chương 1: Cơ sở lý thuyết: Nêu sở lý thuyết áp dụng hệ thống... dùng đăng ký tiêm, theo dõi lịch sử tiêm chủng tìm kiếm - Quản trị viên đăng nhập với quyền cao có tồn chức quản lý với hệ thống quản lý thành viên, quản lý vac -xin, quản lý đăng ký tiêm, … Yêu... Giao diện quản lý vac -xin: 56 2.2 Giao diện quản lý admin: .56 2.3 Giao diện quản lý người dùng: 57 2.4 Giao diện quản lý đăng lý tiêm: 57 2.5 Giao diện quản lý tin