Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm

Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm Xây dựng website hỗ trợ và cung cấp thông tin về dịch covid 19 của trung tâm y tế quận hoàn kiếm

HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ

BÁO CÁO MÔN LẬP TRÌNH WEB

LỜI CAM ĐOAN

Chúng tôi xin cam đoan kết quả đạt được trong báo cáo là sản phẩm nghiêncứu, tìm hiểu của riêng chúng tôi Trong toàn bộ nội dung của báo cáo, những điềuđược trình bày hoặc là của chúng tôi hoặc là được tổng hợp từ nhiều nguồn tài liệu.Tất cả tài liệu tham khảo đều có xuất xứ rõ ràng và được trích dẫn hợp pháp

Chúng tôi xin hoàn toàn chịu trách nhiệm và chịu mọi hình thức kỷ luật theoquy định theo lời cam đoan của mình

SINH VIÊN THỰC HIỆN

Hiếu Anh Nga Linh

LỜI CẢM ƠN

Chúng em xin gửi lời cảm ơn chân thành tới thầy Chu Văn Huy - Giảng viênKhoa Hệ thống thông tin quản lý, Học viện Ngân hàng Trong quá trình học tập vàthực hiện bài báo cáo “Xây dựng website hỗ trợ và cung cấp tin tức phòng chống dịchbệnh Covid-19 của trung tâm y tế ”, thầy đã luôn tạo điều kiện, giúp đỡ để chúng em

hoàn thành được bài báo cáo này

Chúng em đã cố gắng hoàn thiện bài báo cáo với tất cả sự nỗ lực và cố gắng của

cả nhóm Tuy nhiên, do còn thiếu nhiều kinh nghiệm, chắc chắn bài báo cáo sẽ khôngtránh khỏi thiếu sót Vì vậy, chúng em rất mong nhận được sự quan tâm, những ý kiếnđóng góp của thầy để bài báo cáo của chúng em có thể hoàn thiện hơn

Chúng em xin chân thành cảm ơn!

MỤC LỤC

DANH MỤC HÌNH ẢNH 3

CHƯƠNG I: PHÁT BIỂU BÀI TOÁN 5

1.1 Lý do chọn đề tài 5

1.2 Yêu cầu đặt ra đối với hệ thống 6

CHƯƠNG II: THIẾT KẾ THIẾT KẾ HỆ THỐNG CHO WEBSITE 7

2.1 Yêu cầu chức năng đặt ra đối với hệ thống 7

2.2 Thiết kế CSDL sử dụng cho website HALN COVID 9

2.2.1 Giới thiệu Xampp và MySQL 9

2.2.2 Xây dựng CSDL 10

CHƯƠNG III: WEBSITE HỖ TRỢ VÀ CUNG CẤP THÔNG TIN TIN TỨC VỀ PHÒNG CHỐNG DỊCH COVID-19 CỦA TRUNG TÂM Y TẾ QUẬN HOÀN KIẾM 15

3.1 Thông tin chung về hệ thống 15

3.2 Giao diện người dùng 15

3.2.1 Trang chủ 15

3.1.2 Trang Phòng chống 17

3.1.3 Trang Tư vấn 18

3.1.4 Trang Tin tức 19

3.1.5 Trang Giới thiệu 20

3.1.6 Trang Liên hệ 21

3.1.7 Mục Đăng ký Test Covid-19 21

3.2 Giao diện trang quản trị 23

3.2.1 Đăng nhập 23

3.2.2 Trang Quản trị hệ thống 23

3.2.3 Trang Quản trị dịch vụ 23

3.2.4 Trang Quản trị Loại Xét nghiệm 25

3.2.5 Trang Quản trị Tin tức 26

3.2.6 Trang Quản trị người dùng 27

3.2.7 Trang Quản trị Liên hệ 29

3.2.7 Trang Quản trị thông tin Bác sĩ 29

3.2.7 Trang Quản trị thông tinVaccxin 29

3.3 Đưa website lên mạng 30

CHƯƠNG IV KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 33

4.1 Kết luận 33

4.1.1 Ưu điểm 33

4.1.2 Hạn chế 34

4.2 Hướng phát triển đề tài 34

TÀI LIỆU THAM KHẢO 36

DANH MỤC HÌNH ẢNH

Hình 2.1 Sơ đồ phân rã chức năng phần back-end 9

Hình 2.2: Công cụ XAMPP 10

Hình 2.3: CSDL được import vào MySql 11

Hình 2.4: Bảng tbl_nguoi_dung 11

Hình 2.5: Bảng tbl_lien_he 11

Hình 2.6: Bảng tbl_comment 12

Hình 2.7 Bảng tbl_loai_xet_nghiem 12

Hình 2.8: Bảng tbl_xet_nghiem 12

Hình 2.9: Bảng tbl_tu_van 13

Hình 2.10: Bảng tbl_chu_de 13

Hình 2.11: Bảng tbl_tin_tuc 13

Hình 2.12: Bảng tbl_tin_tuc_hashtag 14

Hình 2.13: Bảng tbl_bac_si 14

Hình 2.14: Bảng tbl_vac_xin 14

Hình 2.15: Bảng tbl_vaccine_chi_tiet 14

Hình 2.16: Bảng tbl_ truy_cap 14

Hình 3.1: Bản đồ , page Facebook 15

Hình 3.2: Trang Chủ 16

Hình 3.3: Trang chủ 16

Hình 3.4: Trang chủ 16

Hình 3.5: Trang Các triệu chứng 17

Hình 3.6: Trang Đăng ký Xét nghiệm COVID-19 17

Hình 3.7: Trang Biện pháp phòng chống 18

Hình 3.8: Trang Bản đồ dịch tễ Hà Nội 18

Hình 3.9: Trang Tư vấn 18

Hình 3.10: Trang Tin tức 19

Hình 3.12: Trang Về Corona Virus 20

Hình 3.13: Trang Đội ngũ Bác sĩ 21

Hình 3.14: Trang Vaccine 21

Hình 3.15: Trang Liên hệ 21

Hình 3.16: Trang Đăng ký Test Covid-19 22

Hình 3.17: Trang hiện form đăng ký 22

Hình 3.18: Trang hiện form đăng ký 22

Hình 3.19: Đăng nhập trang quản trị 23

Hình 3.20: Trang quản trị hệ thống 23

Hình 3.21: Trang Quản trị Tư vấn 24

Hình 3.22: Trang Quản trị người đăng ký Xét nghiệm 24

Hình 3.23: Trang Quản trị Loại xét nghiệm 25

Hình 3.24: Trang THÊM MỚI Loại xét nghiệm 25

Hình 3.25: Trang SỬA Loại xét nghiệm 25

Hình 3.26: Trang Quản trị Tin tức 26

Hình 3.27: Trang THÊM MỚI Tin tức 27

Hình 3.28: Trang SỬA Tin tức 27

Hình 3.29: Trang quản trị Người dùng 27

Hình 3.30: Trang thêm mới Người dùng 28

Hình 3.31: Trang sửa thông tin Người dùng 28

Hình 3.32Trang quản trị Liên hệ 29

Hình 3.33: Trang quản trị thông tin Bác Sĩ 29

Hình 3.34: Trang quản trị thông tin Vacxin 30

Hình 3.35: Tạo database cho web 30

Hình 3.36: Vào database trên myphp để import 30

Hình 3.37: Import dữ liệu vào cơ sở dữ liệu 31

Hình 3.38: Upload file source code web 31

Hình 3.39: Để file trong public 31

Hình 3.40: Giản nén file zip 32

Hình 3.41: Đặt để giản nén file sourecode 32

Hình 3.42: Web 32

CHƯƠNG I: PHÁT BIỂU BÀI TOÁN 1.1 Lý do chọn đề tài

- Nhu cầu thực tiễn:

Đại dịch Covid-19 đã tạo ra nhiều xu hướng mới làm thay đổi nhu cầu về đọctin tức trên các trang thông tin điện tử ở Việt Nam Người dân khi thực hiện dãn cách

xã hội ở nhà lướt web nhiều hơn và covid-19 luôn là chủ đề được tìm kiếm thuộc topđầu, tăng mạnh về nhu cầu tìm kiếm tin tức và tư vấn sức khỏe qua các kênh online

Để giúp người dân nắm bắt được đầy đủ thông tin, các khuyến cáo về phòng chốngdịch bệnh từ Chính phủ, nhằm giải quyết các vấn đề nóng hiện nay, việc có mộtwebsite như công cụ đắc lực giúp các Tổ chức y tế và người dân chủ động phòng tránhdịch hiệu quả

Hiện nay, các địa phương trên cả nước đang siết chặt việc kiểm soát người từđịa phương khác đến địa bàn Một số tỉnh, thành yêu cầu người dân đến địa bàn phải

có giấy giấy xét nghiệm RT-PCR hoặc test nhanh kháng nguyên âm tính với CoV-2 Trước tình hình trên, những ngày qua, các cơ sở y tế trên địa bàn tỉnh đủ điềukiện test nhanh kháng nguyên SARS-CoV-2 đã và đang nỗ lực triển khai việc xétnghiệm cho người dân có nhu cầu Nhu cầu xét nghiệm trong người dân đang tăng caonhằm phục vụ cho việc đi lại và công việc nên có nhiều nơi cung cấp dịch vụ này Do

SARS-đó, một website hỗ trợ đem lại lợi ích quảng bá các dịch vụ y tế, xây dựng hình ảnhcủa trung tâm và cũng đem lại lợi ích cho người dân đang rất được chú trọng

Qua khảo sát thực trạng hiện tại, nhóm chúng em nhận thấy rằng, nước ta đãxây các App và Website hàng đầu về Covid-19 (ví dụ: Website của Bộ Y tế, Ứng dụngNCOVI, Ứng dụng Bluezone, Kênh khai báo sức khỏe toàn dân Tokhaiyte.vn, Websitecủa Cục y tế dự phòng) Tuy nhiên, các trung tâm y tế thuộc phạm vi dưới tỉnh/thànhphố cũng nên có một website riêng về mảng phòng chống dịch bệnh Chúng em hiểuđược những vai trò quan trọng của một website và lợi ích cộng đồng khi có mộtwebsite thân thiện và hữu ích với người dân mọi nơi, thể hiện sự đồng lòng quyết tâmcùng cả nước chiến thắng đại dịch Các tổ chức y tế lớn nhỏ nên nhận ra được sự cầnthiết phải có một trang website chuyên nghiệp để cung cấp: tin tức nhanh nhất, cáckhuyến cáo và chỉ thị phòng chống dịch của chính phủ; các dịch vụ tư vấn chăm sócsức khỏe mùa dịch người dân online; dịch vụ đăng ký Test Covid-19 linh động Vì vậy,

nhóm em đã lựa chọn đề tài “Xây dựng website hỗ trợ và cung cấp tin tức phòng chống dịch bệnh Covid-19 của trung tâm y tế” để thiết kế và phát triển ý tưởng nhằm

đẩy mạnh phát triển mạng lưới website cho các trung tâm y tế

Nhóm chọn trung tâm y tế quận Hoàn Kiếm thuộc phạm vị thành phố Hà Nội,

vì theo tìm hiểu, trung tâm này chưa có website riêng về mảng Covid-19, và websitecủa nhóm phát triển có thể áp dụng cho nhiều Trung tâm y tế khác trên địa bàn các

tỉnh/thành phố khác Đặt tên website là HALN COVID (hành động- an toàn - lan tỏa-nhân ái)

- Tầm quan trọng của việc thiết kế website về covid đối với trung tâm y tế:

Thiết kế website tin tức Covid không chỉ thể hiện sự quan tâm của trung tâm y tếđến sức khỏe cộng đồng mà còn giúp tổ chức này xây dựng hình ảnh với công chúngnhư một điểm khám chữa bệnh đáng tin cậy, giàu tinh thần ý đức tận tâm với ngườidân Website giúp cung cấp đầy đủ thông tin cần thiết như: địa chỉ, cách liên hệ, cáchdanh mục biện pháp phòng tránh dịch bênh… Ngoài ra, người truy cập website có thểđăng kí các loại test/xét nghiệm Covid, đăng kí nhận thông báo tin tức mới hay liên hệđặt lịch tư vấn online hoặc trực tiếp Các trung tâm y tế hầu như đều có website vềkhía cạnh chăm sóc sức khỏe chung, chưa có website riêng về khía cạnh dịch bệnhCovid-19, vì vậy để tạo ấn tượng riêng, thu hút thị hiếu của người dùng việc sở hữumột website chuyên nghiệp và thân thiện với người dùng tạo cơ hội tăng tương tác, hỗtrợ quảng bá hình ảnh trung tâm

Đứng trước nhu cầu thực tiễn cần làm website tin tức Covid của trung tâm y tế,Website HALN ra đời với mục đích mang tới một trang Website không chỉ giới thiệuchi tiết về virus corona, các biện pháp phòng tránh, mà còn phát triển thêm các tínhnăng tương tác với người dùng qua dịch vụ như tư vấn hỗ trợ,liên hệ với trung tâm, xétnghiệm covid; cùng với những tin tức được chọn lọc phù hợp nhất với mục đích pháttriển của trung tâm

1.2 Yêu cầu đặt ra đối với hệ thống

Ngoài việc xây dựng hệ thống vận hành trơn tru, các chức năng được tối ưu hóa

và không xảy ra lỗi thì Website cần phải được thiết kế sao cho có giao diện dễ nhìn, dễtương tác, thân thiện để thu hút người xem Khi sử dụng Website, người xem cần phảithấy thuận tiện và thoải mái để tìm được các thông tin và tin tức cần tìm, dịch vụ cầnđáp ứng, gây thiện cảm với khách hàng Trang web cần phải luôn đổi mới, hấp dẫn.Giải quyết tối ưu hóa các hoạt động của người dùng và người quản lý

 Giới hạn và phạm vi của đề tài

- Xây dựng Website bằng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu MySQL

- Website cung cấp thông tin về tình hình dịch Covid-19, các biện pháp phòngchống, các tin tức được chọn lọc; các dịch vụ:liên hệ, đăng kí nhận tin tức, đăng

kí xét nghiệm Covid

- Người quản trị có thể quản lý các thông tin, dịch vụ, chi tiết tin tức, liên hệ,phản hồi từ khách hàng

 Nội dung thực hiện

- Lên ý tưởng, Đề tài

- Nghiên cứu, lập trình Website với PHP.

- Thiết kế Website

- Triển khai thực nghiệm hệ thống trên mạng Internet

CHƯƠNG II: THIẾT KẾ THIẾT KẾ HỆ THỐNG CHO WEBSITE 2.1 Yêu cầu chức năng đặt ra đối với hệ thống

Đây là một website cung cấp các thông tin, tin tức liên quan đến tình hình dịch bệnh Covid-19, ngoài ra còn hỗ trợ người dân trong công tác phòng chống dịch bệnh cũng như hỗ trợ các nhu cầu cần thiết như tư vấn, test/xét nghiệm, liên hệ trực tiếp.Tìm hiểu hoạt động, chức năng chung của một website về Covid-19:

- Phân loại danh mục: Trang chủ, Phòng chống, Tư vấn, Giới thiệu, Tin tức, Liên

hệ, …

- Khi một người truy cập vào website để xem tin tức, website sẽ cho phép hiển thị

ra bài tin tức chi tiết về virus corona: tiêu đề, mô tả, nội dung, ngày đăng tin, lượtđọc, bình luận về bài tin tức đó

- Người truy cập có thể tìm kiếm thông tin mình muốn xem nhanh chóng qua cácchủ đề được hiển thị

- Người truy cập có thể tương tác với website qua việc đọc bài tin tức, liên hệ,đăng kí tư vấn, đăng kí xét nghiệm covid

- Khi đăng ký nhận tin tức bằng email, khi có một tin tức được thêm mới sẽ cóemail thông báo gửi đến người đăng ký

- Người truy cập đăng ký lịch tư vấn online cũng có email xác nhận gửi thông báoxác nhận

- Có hai đối tượng tham gia trực tiếp vào quá trình tương tác với website là: ngườidùng và quản trị viên

+ Phần Frontend tương tác với Người dùng: là đối tượng có nhu cầu tìm hiểu,xem các bài viết trên website Vì vậy trang web cần đáp ứng được những yêu cầunhư:

 Hiển thị rõ ràng danh sách tin tức và tin tức chi tiết với tiêu đề, nội dung,hình ảnh, đánh giá, bình luận…chi tiết để người dùng có thể xem và chọn đọc

 Chức năng tìm kiếm hashtag liên quan đến các bài tin tức

 Cung cấp chức năng nhận thông báo tin tức mới qua email

 Chức năng đọc tin tức theo chủ đề được hiển thị

 Chức năng liên hệ qua form điền thông tin cá nhân cần liên hệ có gửi emailxác nhận

 Chức năng đăng kí tư vấn qua form Tư vấn hiển thị có gửi email xác nhận.

 Chức năng đăng ký xét nghiệm qua form điền thông tin hiển thị và thanhtoán chi phí xét nghiệm qua nhiều hình thức

 Chức năng xem bản đồ dịch tễ tại Hà Nội và truy cập đến PageFacebook,GoogleMap

+ Phần Backend dành cho Quản trị viên (Admin): là người quản lý toàn bộ hệthống trang web, sẽ được cấp một username và password Khi đăng nhập thànhcông vào hệ thống quản lý, Admin có thể làm những công việc như:

 Quản lý toàn bộ nội dung của website với giao diện trực quan, tiện lợi và

dễ sử dụng

 Chức năng tạo tài khoản quản trị có phân quyền để đăng nhập vào phầnquản trị, user có quyền admin mới có quyền truy cập toàn bộ chức năng, cònquyền nhân viên thì chỉ truy cập 1 số chức năng nhất định

 Chức năng cập nhật (thêm, sửa, xóa) các tin tức, loại dịch vụ xét nghiệm,bác sĩ, vacxin

 Tiếp nhận và quản lý đơn đăng ký, có xác nhận khi những đơn đăng ký nào

đã được xét nghiệm và thanh toán Có thêm chức năng Hoàn tác nếu lỡ xácnhận nhầm Hiển thị danh sách đơn đăng ký

 Thêm User cùng quản trị toàn bộ hệ thống trang web

 Quản lý thông tin phản hồi từ tương tác của người truy cập

 Thống kê số lượng các danh mục quản trị

- Yêu cầu phi chức năng

 Giao diện thân thiện, dễ sử dụng, tính thẩm mỹ và tính ổn định cao, thể hiện được đặc trưng riêng và thu hút được người xem dù chỉ lần đầu ghé thăm

 Thống kê: Chức năng thông báo số lượt truy cập và số lượng IP đã từng truy cập vào hệ thống

 Có thể truy cập thông tin mọi lúc, hoạt động 24/7/365

 Việc nâng cấp, bảo trì hệ thống nhanh chóng, đạt chất lượng và hiệu quả

 Website đáp ứng được khả năng truy cập nhanh, thông tin tin cậy, chính xác

 Website đảm bảo được tính bảo mật cao, phân quyền một cách hợp lý

 Website có khả năng lưu trữ, xử lý khối lượng lớn thông tin nhưng chiếm dung lượng nhỏ trong máy tính

- Sơ đồ phân rã chức năng

Hình 2.1 Sơ đồ phân rã chức năng phần back-end

2.2 Thiết kế CSDL sử dụng cho website HALN COVID

2.2.1 Giới thiệu Xampp và MySQL

Để chạy được PHP chúng ta phải thiết lập môi trường web Server Tuy nhiên,không phải lúc nào chúng ta cũng đủ kinh phí để mua một Server về phục vụ cho việchọc Điều này vô cùng tốn kém và không cần thiết Vậy làm thế nào để ta có thể chạyđược PHP? Trong bài tập nhóm này, chúng em tìm hiểu về một công cụ giúp giảiquyết được vấn đề trên, đó chính là XAMPP

XAMPP là một công cụ tích hợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có

thể chạy được kịch bản PHP

- Cải tiến liên tục.

- Cho phép kết nối, tạo cơ sở dữ liệu, quản lý người dùng, phân quyền sử dụng, thiết kế bảng và xử lý dữ liệu

- Có thể sử dụng trình quản lý dạng đồ họa hoặc dòng lệnh để sử dụng các phát biếu hay thao tác trên CSDL

2.2.2 Xây dựng CSDL

CSDL là nền móng của một trang web, một trang web giới thiệu về các loại sảnphẩm không thể thiếu đi CSDL vì đó chính là thông tin mà nhà quản trị muốn hiển thịcho người truy cập thấy, cập nhật những bài viết mới nhất đến với người xem Cácchức năng phẩn quản trị được nhóm xây dựng: hiển thị thông tin, thêm, sửa, xóa, tìmkiếm dữ liệu, xác nhận, gửi email…

Nhóm đã sử dụng MySQL để tạo CSDL cho Website HALN

Hình 2.3: CSDL được import vào MySql

Hình 2.6: Bảng tbl_comment

d Xây dựng bảng tbl_loai_xet_nghiem

Kết quả thu được như hình bên dưới:

Hình 2.7 Bảng tbl_loai_xet_nghiem

e Xây dưng bảng tbl_xet_ngiem

Kết quả thu được như hình bên dưới:

Hình 2.8: Bảng tbl_xet_nghiem

f Xây dựng bảng tbl_tu_van

Kết quả thu được như hình bên dưới:

CHƯƠNG III: WEBSITE HỖ TRỢ VÀ CUNG CẤP THÔNG TIN TIN TỨC VỀ PHÒNG CHỐNG DỊCH COVID-19 CỦA TRUNG TÂM Y TẾ QUẬN HOÀN

KIẾM 3.1 Thông tin chung về hệ thống

- HALN Coivd: là Website cung cấp thông tin tin tức và hỗ trợ công tác phòng chống

dịch bệnh Covid-19 với tông màu chủ đạo trắng xanh, tím tạo nên sự thân thiện, hài hòa tràn đầy hi vọng về một thế giới không dịch bệnh

- Web đã được đẩy lên host với tên miền:

3.2 Giao diện người dùng

- Thanh Menu được tạo fixed, có khả năng giữ nguyên vị trí trên top khi cuộn chuột

- Phần footer (cuối trang) được nhúng iframe: FANPAGE FACEBOOK và GOOGLE MAP Cập nhật số lượng người truy cập vào trang web

Hình 3.1: Bản đồ , page Facebook

3.2.1 Trang chủ

3.1.2 Trang Phòng chống

Hình 3.5: Trang Các triệu chứng

Hình 3.6: Trang Đăng ký Xét nghiệm COVID-19