Xây dựng website quản lý hiến máu nhân đạo tại thành phố đà nẵng

Nhằm đáp ứng nhu cầucung cấp máu kịp thời cho các bệnh viện và áp dụng chỉ thị giãn cách xã hội từ đó tôihướng đến xây dựng website quản lý hiến máu nhân đạo tại thành phố Đà Nẵng Websit

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

Người hướng dẫn : TS Hoàng Thị Mỹ Lệ

Sinh viên thực hiện : Trần Võ Lập

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Ý HIẾN MÁU NHÂN ĐẠO TẠI THÀNH PHỐ ĐÀ NẴNG

Người hướng dẫn : TS Hoàng Thị Mỹ Lệ

Sinh viên thực hiện : Trần Võ Lập

Mã sinh viên : 1811505310123

Đà Nẵng, tháng 02/2022

Tên đề tài: Xây dựng website quản lý hiến máu nhân đạo tại thành phố Đà Nẵng

Sinh viên thực hiện: Trần Võ Lập

Mã SV: 1811505310123 - Lớp: 18T1

Đồ án với đề tài Xây dựng website quản lý hiến máu nhân đạo tại thành phố ĐàNẵng được xây dựng với ngôn ngữ lập trình C#, sử dụng NET framework và dùng hệquản trị cơ sở dữ liệu SQL cùng các plugin hỗ trợ như Bootstrap, JQuery, Ajax

Trước ảnh hưởng của dịch Covid-19 lượng máu dự trữ trên toàn TP Đà Nẵng sụtgiảm nghiêm trọng, trong khi nhu cầu sử dụng máu tại các bệnh viện vẫn rất lớn, gồm

cả chế phẩm máu điều trị cho bệnh nhân

Điều này dẫn đến việc gián đoạn các buổi tổ chức hiến máu nhân đạo tại các bệnhviện và các đơn vị trong thành phố Đà Nẵng, không thể đáp ứng kịp thời cho các bệnhviện phụ vụ cho nhu cầu cấp thiết là cấp cứu các bệnh nhân Nhằm đáp ứng nhu cầucung cấp máu kịp thời cho các bệnh viện và áp dụng chỉ thị giãn cách xã hội từ đó tôihướng đến xây dựng website quản lý hiến máu nhân đạo tại thành phố Đà Nẵng

Website với các chức năng chính như : tổ chức đợt hiến máu, đăng ký hiến máu,xem tình trạng sức khỏe, đăng ký đơn vị liên kết Bệnh viện theo dõi được danh sáchngười tham gia, khám sức khỏe, cập nhật nhóm máu, phê duyệt nhân viên y tế thuộcbệnh viện, phân công nhiệm vụ, tổ chức đợt hiến máu Ban chỉ đạo vận động hiến máuthành phố Đà Nẵng phân công bệnh viên, đơn vị liên kết, tổ chức các đợt hiến máu, phêduyệt đơn vị tham gia

KHOA CÔNG NGHỆ SỐ Độc lập - Tự do - 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ệ

Sinh viên thực hiện: Trần Võ Lập Mã SV: 1811505310123

1 Tên đề tài:

- Xây dựng website quản lý hiến máu nhân đạo tại thành phố Đà Nẵng

2 Các số liệu, tài liệu ban đầu:

- Dựa trên nhu cầu cần nguồn máu trong bối cảnh dịch covid-19 ở thành phố

Đà Nẵng thấy được sự cần thiết nên em đã đưa ra ý tưởng về đề tài này [7]

- Số liệu là dùng google biểu mẫu và kêu gọi các bạn tình nguyện viên cung cấp

thông tin cá nhân, tình trạng sức khỏe, nhóm máu,…

- 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

kênh youtube hướng dẫn tự học [4]

3 Nội dung chính của đồ án:

6 Đặc tả yêu cầu nghiệp vụ

Chương 2: Cơ sở lý thuyết

1 Hệ quản trị cơ sở dữ liệu SQL Server

2 Ngôn ngữ lập trình C#

3 Ngôn ngữ HTML,CSS,JS

4 ASP.NET hoạt động theo mô hình MVC

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 Kịch bản cho user-case

5 Phác thảo giao diện và sơ đồ hoạt động

6 Thiết kế cơ sở dữ liệu

ii

1 Công cụ xây dựng

2 Giao diện chức năng

- Kết luận và hướng phát triển

4 Các sản phẩm dự kiến

- Website quản lý hiến máu nhân đại tại thành phố Đà Nẵng được hoàn thiện các

chức năng chính và được chạy trên môi trường development

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 xuấ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 trường Đại Học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng đã truyền đạt nhữngkiế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 4nă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ờicảm ơn chân thành tới TS Hoàng Thị Mỹ Lệ đã giúp đỡ em rất nhiều trong quá trìnhhọc tập và công việc

Mặc dù đã cố gắng nhiều nhưng không thể tránh khỏi những thiếu sót Chúng

em kính mong nhận được sự góp ý của quý Thầy Cô và các bạn để hoàn thành tốt hơnnữa

Em xin chân thành cảm ơn

Đà Nẵng, ngày 18 tháng 01 năm 2022

Sinh viên thực hiện

iv

Tôi xin cam đoan rằng đồ án tốt nghiệp “Xây dựng website quản lý hiến máunhân đạo tại thành phố Đà Nẵng” là công trình nghiên cứu độc lập dưới sự hướngdẫn của giảng viên TS.Hoàng Thị Mỹ Lệ Mọi tham khảo trong luận văn đều đượctrí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ố.

Nếu phát hiện có bất kỳ sự gian lận nào tôi xin hoàn toàn chịu trách nhiệmtrước hội đồng cũng như kết quả đồ án của mình

Sinh viên thực hiện

MỞ ĐẦU 1

CHƯƠNG 1 TỔNG QUAN 2

1.1 Tổng quan 2

1.2 Mục tiêu đề tài 2

1.3 Phạm vi đề tài 2

1.4 Phương pháp nghiên cứu 2

1.5 Giải pháp công nghệ 3

1.6 Đặc tả yêu cầu nghiệp vụ 3

1.6.1 Khách vãng lai 3

1.6.2 Người dùng 3

1.6.3 Đơn vị liên kết 3

1.6.4 Bệnh viện 3

1.6.5 Ban chỉ đạo 4

1.6.6 Người quản trị 4

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT 5

2.1 Hệ quản trị cơ sở dữ liệu SQL Server 5

2.2 Ngôn ngữ lập trình C# 5

2.3 Ngôn ngữ HTML, CSS, JS 5

2.4 ASP.NET hoạt động theo mô hình MVC 6

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ 7

3.1 Khảo sát hệ thống 7

3.1.1 Khảo sát thực tế 7

3.1.2 Khảo sát người dùng 7

3.2 Đặc tả yêu cầu phần mềm 7

3.2.1 Xác định các tác nhân 7

3.2.2 Các yêu cầu chức năng 7

3.3 Sơ đồ Use-case 9

3.4 Kịch bản cho use-case của các tác nhân 10

3.4.1 Đăng ký tài khoản 10

3.4.2 Cập nhật thông tin cá nhân 10

3.4.3 Đăng ký hiến máu 11

3.4.4 Đăng ký đơn vị liên kết 11

3.4.5 Liên kết bệnh viện 12

3.4.6 Đăng ký tổ chức hiến máu 12

vi

3.4.8 Phê duyệt nhân viên 13

3.4.9 Xem danh sách đăng ký 13

3.4.10 Tạo kết quả hiến máu 14

3.4.11 Cập nhật kết quả 14

3.4.12 Cấp quyền đơn vị liên kết 15

3.4.13 Thêm đợt hiến máu 15

3.4.14 Duyệt đơn vị tham gia 16

3.4.15 Duyệt bài đăng 16

3.5 Phác thảo giao diện người dùng và sơ đồ hoạt động 17

3.5.1 Khách vãng lai 17

3.5.2 Người dùng 19

3.5.3 Đơn vị liên kết 24

3.5.4 Bệnh viện 24

3.5.5 Ban chỉ đạo 27

3.6 Thiết kế cơ sở dữ liệu 30

3.7 Sơ đồ ERD 36

CHƯƠNG 4 XÂY DỰNG CHƯƠNG TRÌNH 37

4.1 Công cụ xây dựng 37

4.2 Một số giao diện chính 37

4.2.1 Giao diện trang chủ 37

4.2.2 Giao diện đợt tổ chức hiến máu 37

4.2.3 Giao diện lịch sử tham gia 38

4.2.4 Giao diện đăng ký đơn vị liên kết 38

4.2.5 Giao diện cập nhật thông tin cá nhân 39

4.2.6 Giao diện xem đợt tổ chức 40

4.2.7 Giao diện đăng ký hiến máu 41

4.2.8 Giao diện tham gia tổ chức 42

4.2.9 Giao diện đăng ký đợt hiến máu 42

4.2.10 Giao diện đăng bài 43

4.2.11 Giao diện danh sách nhân viên 43

4.2.12 Giao diện cấp quyền nhân viên 44

4.2.13 Giao diện danh sách đăng ký 44

4.2.14 Giao diện tạo kết quả hiến máu 45

4.2.15 Giao diện cập nhật kết quả hiến máu 45

4.2.16 Giao diện thêm đợt hiến máu 47

4.2.18 Giao diện nâng cấp quyền 48

KẾT LUẬN & HƯỚNG PHÁT TRIỂN 49

1.Kết luận 49

2.Hướng phát triển 49

TÀI LIỆU THAM KHẢO 50

viii

Hình 2.1 Mô hình MVC 6

Hình 3.1 Use-case Diagram tổng quát 9

Hình 3.2 Use-case Người dùng 9

Hình 3.3 Use-case Bệnh viện 10

Hình 3.4 Giao diện xem bài đăng 17

Hình 3.5 Giao diện đăng ký tài khoản 18

Hình 3.6 Sơ đồ hoạt động cho Use-case Đăng ký tài khoản 18

Hình 3.7 Giao diện đăng nhập 19

Hình 3.8 Sơ đồ hoạt động cho Use-case Đăng nhập 19

Hình 3.9 Giao diện đăng ký hiến máu 20

Hình 3.10 Sơ đồ hoạt động cho use-case đăng ký hiến máu 21

Hình 3.11 Sơ đồ Sequence Diagram cho usecase Đăng ký hiến máu 21

Hình 3.12 Sơ đồ hoạt động cho use-case đăng ký đơn vị liên kết 22

Hình 3.13 Sơ đồ Sequence Diagram cho usecase đăng ký đơn vị liên kết 22

Hình 3.14 Sơ đồ hoạt động cho use-case liên kết bệnh viện 23

Hình 3.15 Sơ đồ hoạt động cho use-case cập nhật thông tin cá nhân 23

Hình 3.16 Sơ đồ hoạt động cho use-case đăng bài 24

Hình 3.17 Sơ đồ hoạt động cho use-case phê duyệt nhân viên 24

Hình 3.18 Sơ đồ hoạt động cho use-case cập nhật kết quả hiến máu 25

Hình 3.19 Sơ đồ hoạt động cho use-case đăng bài 25

Hình 3.20 Sơ đồ Sequence Diagram cho usecase Đăng bài 26

Hình 3.21 Sơ đồ hoạt động cho use-case cập nhật kết quả hiến máu 26

Hình 3.22 Sơ đồ Sequence Diagram cho usecase cập nhật kết quả hiến máu 27

Hình 3.23 Sơ đồ hoạt động cho use-case cấp quyền đơn vị liên kết 27

Hình 3.24 Sơ đồ hoạt động cho use-case tạo đợt hiến máu 28

Hình 3.25 Sơ đồ hoạt động cho Use-case Duyệt đơn vị tham gia 29

Hình 3.26 Sơ đồ ERD 36

Hình 4.1 Giao diện trang chủ 37

Hình 4.2 Giao diện trang chủ 37

Hình 4.3 Giao diện đăng nhập 38

Hình 4.4 Giao diện đăng ký đơn vị liên kết 38

Hình 4.5 Giao diện cập nhật thông tin cá nhân 39

Hình 4.6 Giao diện xem đợt tổ chức 40

Hình 4.7 Giao diện tham gia hiến máu 41

Hình 4.8 Giao diện tham gia tổ chức 42

Hình 4.10 Giao diện đăng bài 43

Hình 4.11 Giao diện danh sách nhân viên 43

Hình 4.12 Giao diện cấp quyền nhân viên 44

Hình 4.13 Giao diện danh sách đăng ký 44

Hình 4.14 Giao diện tạo kết quả 45

Hình 4.15 Giao diện cập nhật kết quả 45

Hình 4.16 Giao diện xét nghiệm 46

Hình 4.17 Giao diện lấy máu 46

Hình 4.18 Giao diện danh sách bài đăng 47

Hình 4.19 Giao diện thêm đợt hiến máu 47

Hình 4.20 Giao diện duyệt đơn vị tham gia 48

Hình 4.21 Giao diện nâng cấp quyền 48

x

Bảng 3.1 Quyen 30

Bảng 3.2 ThongTinCaNhan 30

Bảng 3.3 DotHienMau 30

Bảng 3.4 BenhVien 31

Bảng 3.5 NhanVienYTe 31

Bảng 3.6 DonViLienKet 31

Bảng 3.7 ChiTietDHM 32

Bảng 3.8 PhieuYCNM 32

Bảng 3.9 PhanCong 32

Bảng 3.10 BaiDang 33

Bảng 3.11 DSNV 33

Bảng 3.12 LichSuHienMau 33

Bảng 3.13 PhieuDKHM 34

Bảng 3.14 KetQuaHienMau 35

Chữ viết tắt Đầy đủ Ý nghĩa

SQL Structured Query Language Ngôn ngữ truy vấn dữ liệu

Use case name Use case name Tên ca sử dụng

Alternative flow Alternative flow Luồng thay thế

Exception flow Exception flow Dòng ngoại lệ

PhieuDKHM Phiếu đăng ký hiến máu Bảng biểu

PhieuYCNM Phiếu yêu cầu nguồn máu Bảng biểu

ChiTietDHM Chi tiết đợt hiến máu Bảng biểu

xii

MỞ ĐẦU

Trước ảnh hưởng của dịch Covid-19 lượng máu dự trữ trên toàn TP Đà Nẵngsụt giảm nghiêm trọng, trong khi nhu cầu sử dụng máu tại các bệnh viện vẫn rất lớn,gồm cả chế phẩm máu điều trị cho bệnh nhân [7]

Điều này dẫn đến việc gián đoạn các buổi tổ chức hiến máu nhân đạo tại cácbệnh viện và các đơn vị trong thành phố Đà Nẵng, không thể đáp ứng kịp thời chocác bệnh viện phụ vụ cho nhu cầu cấp thiết là cấp cứu các bệnh nhân Nhằm đápứng nhu cầu cung cấp máu kịp thời cho các bệnh viện và áp dụng chỉ thị giãn cách

xã hội từ đó tôi hướng đến xây dựng website quản lý hiến máu nhân đạo tại thànhphố

Đà Nẵng gồm các :

Phạm vi nghiên cứu đề tài: Xây dựng website quản lý hiến máu nhân đạo tạithành phố Đà Nẵng

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 vinghiê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ácchươ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ượnghướng đến, giải pháp công nghệ để triển khai, xây dựng đề tài, đồng thờiphâ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ìnhC#, NET Framework và hệ quản trị cơ sở dữ liệu SQL Server

 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ầuphi 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

Thiết kế giao diện

Xây dựng các chức năng cho hệ thống

 Chương 4: Trình bày kết quả làm được

Công cụ sử dụng

Giao diện và kết quả

 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 các vấn đề vẫn chưa được giải quyết

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 2

CHƯƠNG 1 TỔNG QUAN1.1 Tổng quan

Hiện nay vấn đề đăng ký hiến máu nhân đạo trực tuyến ở thành phố

Đà Nẵng vẫn chưa phổ biến và các bệnh viện vẫn đang gặp khó khăn khi kêu gọicác nguồn máu Việc này khiến cho các trước hợp cần máu khó có thể đáp ứng kịpthời

Giải pháp hiện nay để kêu gọi hiến máu nhân đạo ở thành phố là kêu gọi từnhững bệnh viện lớn thông qua các trường đại học, công ty, trang mạng xã hội nhưfacebook, zalo Nhưng việc này còn gặp nhiều bất tiện đó là các thông tin sức khỏesau khi được hiến máu thì người tham gia đợi lâu mới có kết quả trả về

Liên quan đến đề tài hiến máu nhân đạo có kết quả đã nghiên cứu, nhưng chỉdừng lại ở mức đăng bài hiển thị thông tin cho mọi người [9]

Đề tài quản lý hiến máu nhân đạo tại thành phố Đà Nẵng của đồ án hướng đếnviệc cho người dùng đăng ký hiến máu và theo dõi tình trạng sức khỏe, kết nối bệnhviện với người dân ở Đà Nẵng là điều thiết yếu

1.2 Mục tiêu đề tài

Xây dựng website hiến máu nhân đạo giúp người dùng kê khai thông tinonline, đăng ký tham gia trực tiếp trên hệ thống, xem được thời gian và số thứ tựkhi đăng ký thành công Với các chức năng cụ thể :

 Người hiến máu đăng ký hiến máu trên hệ thống

 Người hiến máu xem tình trạng sức khỏe

 Người hiến máu xem số thời gian khi tham gia

 Bệnh viện cập nhật thông tin máu người tham gia

 Bệnh viện thống kê danh sách hiến máu thực tế

 Bệnh viện thống kê số lượng đơn vị máu

 Bệnh viện, đơn vị liên kết đăng bài tổ chức các buổi hiến máu tình nguyện

 Quản trị hệ thống duyệt bài đăng của bệnh viện và đối tác

 Ban Chỉ đạo vận động hiến máu tình nguyện TP Đà Nẵng điều phối bệnhviện tổ chức các buổi hiến máu tình nguyện

1.3 Phạm vi đề tài

Đề tài áp dụng cho trên thành phố Đà Nẵng và sau này có thể mở rộng raphạm vi khu vực miền trung Các bệnh viện tổ chức hiến máu nhân đạo tại TP ĐàNẵng

1.4 Phương pháp nghiên cứu

 Phương pháp nghiên cứu lý thuyết thu thập thông tin qua sách, các tài liệu,trang web để tìm được các cơ sở lý thuyết liên quan vấn đề mình nghiêncứu

 Phương pháp triển khai thực nghiệp: xây dựng website

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 4

1.5 Giải pháp công nghệ

 Ngôn ngữ lập trình: C# - Asp.net framework

 Hệ quản trị cơ sở dữ liệu: SQL

 Công cụ hỗ trợ: Figma, Visual studio, Visual code

1.6 Đặc tả yêu cầu nghiệp vụ

1.6.1 Khách vãng lai

 Xem nội dung đợt tổ chức hiến máu

 Tìm kiếm các thông tin

 Đăng ký tài khoản thành viên

1.6.2 Người dùng

Người dùng vẫn được xem các thông tin chung, được tìm kiếm Ngoài ra,người dùng còn được thực hiện tính năng khác sau khi đăng nhập gồm:

 Đăng ký tham gia hiến máu

 Cập nhật thông tin cá nhân

 Xem kết quả hiến máu

 Đăng ký đơn vị liên kết

 Liên kết bệnh viện

1.6.3 Đơn vị liên kết

Đơn vị liên kết là 1 người dùng đã tham gia hệ thống và đề xuất với đơn vị củamình (công ty, trường học, doanh nghiệp) Tiếp đến người dùng sẽ đăng ký trởthành đơn vị liên kết gồm các thông tin : tên đơn vị, email, số điện thoại, địa chỉ,minh chứng Đơn vị liên kết gồm các chức năng sau:

 Đăng ký đợt hiến máu

 Phê duyệt nhân viên

 Đăng ký đợt hiến máu

 Đăng bài: chỉnh sửa, thêm mới nội dung đợt tổ chức

 Quản lý danh sách người dùng tham gia

 Cập nhật kết quả hiến máu

 Tạo kết quả hiến máu người dùng

 Cập nhật kết quả sau khi xét nghiệm

1.6.5 Ban chỉ đạo

Ban chỉ đạo vận động hiến máu thành phố Đà Nẵng có quyền hạn lớn nhấttrong hệ thống, toàn quyền quyết định các đợt tổ chức hiến máu, phê duyệt các bệnhviện, đơn vị liên kết Ban chỉ đạo gồm các chức năng sau:

 Cấp quyền đơn vị liên kết

 Cập nhật bệnh viện

 Tạo đợt hiến máu

 Duyệt đơn vị tham gia

 Duyệt bài đăng

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT

2.1 Hệ quản trị cơ sở dữ liệu SQL Server

SQL server hay còn được gọi là Microsoft SQL Server, nó từ viết tắt của MSSQL Server Đây chính là một loại phần mềm đã được phát triển bởi Microsoft và

nó được sử dụng để có thể dễ dàng lưu trữ cho những dữ liệu dựa theo tiêu chuẩnRDBMS

SQL Server có khả năng cung cấp đầy đủ các công cụ cho việc quản lý từ giaodiện GUI đến sử dụng ngôn ngữ cho việc truy vấn SQL Điểm mạnh của SQL điểmmạnh của nó là có nhiều nền tảng được kết hợp cùng như: ASP.NET, C# để xâydựng Website cũng chính nó có khả năng hoạt động độc lập [2]

Đối với những ứng dụng tạo ra từ NET framework, mã nguồn chương trình sẽ biêndịch sang Microsoft Intermediate Language (ngôn ngữ trung gian MSIL) Sau đó,C# cần thông qua Common Language Runtime (CLR) để chương trình có thể chạyđược trên hệ điều hành [1],[3]

Đặc điểm của ngôn ngữ lập trình C# :

 Đơn giản, dễ học

 Có cộng đồng hỗ trợ lớn mạnh

 Tạo ra được các phần mềm đa nền tảng

2.3 Ngôn ngữ HTML, CSS, JS

HTML là ngôn ngữ được hình thành bởi vô số các cặp thẻ Thường được gọi

là tag và được viết trong file có đuôi mở rộng là html và quan trọng nhất là nó đểlàm giao diện web

CSS là một một ngôn ngữ giúp bạn có thể bổ sung hay thay đổi cách cấu trúchiển thị của các tag HTML bằng cách bổ sung các thuộc tính và câu lệnh tương ứng.JavaScript được sử dụng để thêm thành phần động vào trang web và tạo nêncác yếu tố có thể lập trình được mà đôi khi CSS không thể xử lý được

2.4 ASP.NET hoạt động theo mô hình MVC

Asp.net là một nền tảng được phát triển dành riêng cho việc thiết kế, lập trìnhweb Nền tảng này được microsoft phát hành, cung cấp lần đầu vào năm 2002.Trong đó, phiên bản asp.net đầu tiên được triển khai là bản asp 1.0 và được thiết kế

để phù hợp với các giao thức của website bây giờ là http Hiện nay, giao thức HTTP

là giao thức phổ biến và chuẩn nhất được sử dụng trong việc thiết kế, lập trìnhwebsite

Model chính là thành phần chứa những nghiệp vụ tương tác với dữ liệu hay hệquản trị cơ sở dữ liệu Phần này bao gồm các class hay function có khả năng xử lýnhiều nghiệp vụ như: kết nối database, thêm/ xóa/ sửa dữ liệu, truy vấn dữ liệu…View chính là phần chứa những giao diện tương tự như một nút bấm, khungnhập, menu, hình ảnh View đảm nhiệm chức trách hiển thị dữ liệu, giúp ngườidùng tương tác với hệ thống

Controller là phần tiếp nhận mọi yêu cầu xử lý của người dùng Nó bao gồmnhững class/ function có khả năng xử lý nhiều nghiệp vụ logic Giúp lấy dữ liệuđúng những thông tin cần thiết nhờ vào các nghiệp vụ lớp Model cung cấp và hiểnthị các dữ liệu đó ra cho người dùng

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 8

Hình 2.4.1.1.1 Mô hình MVC

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ

3.1 Khảo sát hệ thống

3.1.1 Khảo sát thực tế

Giữa tháng 7, khoa huyết học truyền máu Bệnh viện Đà Nẵng phát đi thông tinkhẩn kêu gọi hiến máu tình nguyện Nguồn máu dự trữ đang ở mức "báo động" dohoạt động hiến máu bị hạn chế giữa làn sóng Covid-19 lần thứ 4

Đại diện Bệnh viện Đà Nẵng cho biết những ngày qua, do phải điều phốichung lượng máu cấp cứu và điều trị chia sẻ các cơ sở y tế toàn thành phố nênnguồn máu dự trữ tại Bệnh viện Đà Nẵng thiếu hụt trầm trọng

Thời điểm này bệnh viện không thể nhận sự hỗ trợ của Viện Huyết học truyền máu T.W do đơn vị này đang siết chặt các biện pháp chống dịch Trong khi

-đó Bệnh viện Đà Nẵng vẫn tiếp nhận chữa trị bệnh nhân nặng của các tỉnh khác

3.1.2 Khảo sát người dùng

Trong bối cảnh dịch Covid-19 người dân cần tránh tập trung nơi đông người.Nhưng vẫn muốn góp phần hiến máu tình nguyện cho các bệnh viện Còn nhiều bấttiện gian trong việc kê khai thông tin

Bệnh viện đang gặp khó khăn trong viện tiếp nhận các nguồn máu từ ngườitham gia hiến máu thông qua các đợt tổ chức tại bệnh viện hay trường đại học,lượng máu giảm đáng kể, không đủ cấp cứu Việc cập nhật dữ liệu từ giấy sang hệthống cũng tốn nhiều thời gian

- Xem thông tin đợt hiến máu

- Tìm kiếm thông tin

- Đăng ký tài khoản làm người dùng

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 10

3.1.2.2 Người dùng

- Đăng nhập

- Cập nhật thông tin cá nhân

- Đăng ký tham gia hiến máu

- Phê duyệt nhân viên

- Đăng ký đợt hiến máu

- Tạo đợt hiến máu

- Duyệt bài đăng

3.1.2.6 Người quản trị

- Thống kê

- Quản lý tài khoản

3.3 Sơ đồ Use-case

Hình 3.3.1.1.1 Use-case Diagram tổng quát

Hình 3.3.1.1.2 Use-case Người dùng

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 12

Description: Khách vãng lai đăng ký tài khoản trên hệ thống

Input: Thông tin khách vãng lai dùng để đăng ký

Tài khoản được đăng ký chưa tồn tại trên hệ thống

Output: Hệ thống thông báo đăng ký thành công

Exception flow: Khách vãng lai nhập sai thông tin hoặc email đã tồn tại 

use-case trở lại bước 1

3.4.2 Cập nhật thông tin cá nhân

Use case name: Cập nhật thông tin các nhân

Actors: Người dùng

Description: Người dùng cập nhật thông tin cá nhân trên hệ thống

Input: nhập thông tin người dùng: địa chỉ, số điện thoại, trình độ

học vấn, nghề nghiệp, nhóm máu, giới tính, cơ quan

Output: Hệ thống thông báo “Đã cập nhật đầy đủ thông tin ”

Thông tin được lưu trữ trên hệ thống

Exception flow: Người dùng nhập sai thông tin hoặc thông tin đã tồn tại 

cập nhật thất bại  use-case trở lại bước 2

3.4.3 Đăng ký hiến máu

Use case name: Đăng ký hiến máu

Actors: Người dùng

Description: Người dùng đăng ký tham gia hiến máu

Input: Tích chọn các thông tin khảo sát hệ thống đưa ra

Output: Hệ thống thông báo đã đăng ký thành công

Basic flow:

Bước 1: Người dùng chọn “Tham gia hiến máu”

Bước 2: Chọn “Bài đăng”

Bước 3: Tích chọn các khảo sátBước 4: Chọn “Đăng ký”

Bước 5: Hệ thống kiểm tra và thông báo đăng ký thànhcông

Exception flow: Người dùng không hoàn thành khảo sát  đăng ký thất bại

 use-case trở lại bước 2

3.4.4 Đăng ký đơn vị liên kết

Use case name: Đăng ký đơn vị liên kết

Actors: Người dùng

Description: Người dùng đăng ký trở thành đơn vị liên kết

Input: Nhập các thông tin

Output: Hệ thống thông báo đã đăng ký thành công

Basic flow:

Bước 1: Người dùng chọn “Đơn vị liên kết”

Bước 2: Nhập thông tin Bước 3: Chọn “Đăng ký”

Bước 4: Hệ thống kiểm tra và thông báo đăng ký thànhcông

Exception flow: Người dùng nhập thông tin đã tồn tại đăng ký thất bại

 use-case trở lại bước 1

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 14

3.4.5 Liên kết bệnh viện

Use case name: Liên kết bệnh viện

Actors: Người dùng

Description: Người dùng là nhân viên y tế thuộc những bệnh viện hoạt

động trên hệ thống sẽ được đăng ký liên kết bệnh viện để trở thành nhân viên y tế

Input: Nhập các thông tin

Output: Hệ thống thông báo đã đăng ký thành công

Basic flow:

Bước 1: Người dùng chọn “Liên kết bệnh viện”

Bước 2: Nhập thông tin Bước 3: Chọn “Đăng ký”

Bước 4: Hệ thống kiểm tra và thông báo đăng ký thànhcông

Exception flow: Người dùng nhập thông tin đã tồn tại đăng ký thất bại

 use-case trở lại bước 1

3.4.6 Đăng ký tổ chức hiến máu

Use case name: Đăng ký tổ chức hiến máu

Actors: Bệnh viện

Description: Bệnh viện đăng ký các đợt hiến máu do ban chỉ đạo

đăng bài Đăng ký thành công sẽ được đăng bài tổ chứcđợt hiến máu cho người dùng

Input: Chọn đơn vị liên kết

Output: Hệ thống thông báo đã đăng ký thành công

Basic flow:

Bước 1: Bệnh viện chọn “Đợt hiến máu”

Bước 2: Chọn “Đơn vị liên kết”

Bước 1: Bệnh viện chọn “Đăng bài”

Bước 2: Chọn “mã đợt ”, nhập thông tin đợt tổ chứcBước 3: Chọn “Đăng bài”

Bước 4: Đăng bài thành công

Exception flow: Bệnh viện nhập sai dữ liệu  đăng bài thất bại 

use-case về bước 1

3.4.8 Phê duyệt nhân viên

Use case name: Phê duyệt nhân viên

Actors: Bệnh viện

Description: Người dùng là trưởng khoa của bệnh viện tham gia trên

hệ thống, có chức năng phê duyệt nhân viên liên kết

Input: Chọn người dùng

Output: Người dùng được nâng cấp quyền trở thành nhân viên y tế

Basic flow:

Bước 1: Bệnh viện chọn “Danh sách nhân viên”

Bước 2: Chọn “Nhân viên”

Bước 3: Chọn “Phê duyệt nhân viên”

Bước 4: Chọn “Nâng cấp quyền”

Bước 5: Nâng cấp quyền thành công

Exception flow: Người dùng không thuộc bệnh viện  use-case về bước 1

3.4.9 Xem danh sách đăng ký

Use case name: Xem danh sách đăng ký

Actors: Bệnh viện

Description: Bệnh viện xem danh sách người dùng đăng ký hiến máu

Input: Danh sách người dùng đăng ký đợt tổ chức hiến máu

Output: Người dùng được nâng cấp quyền trở thành nhân viên y tế

Basic flow:

Bước 1: Bệnh viện chọn “Danh sách đăng ký”

Bước 2: Chọn người đăng ký

Bước 3: Chọn “Xem thông tin người đăng ký”

Bước 4: Chọn “Phê duyệt”

Bước 5: Người đăng ký chuyển qua danh sách hiến máu

Exception flow: Người dùng đăng ký không hợp lệ  use-case về bước 1

3.4.10 Tạo kết quả hiến máu

Use case name: Tạo kết quả hiến máu

Actors: Bệnh viện

Description: Bệnh viện tạo kết quả hiến máu của người tham gia

Input: Phiếu đăng ký hiến máu

Thông tin người dùng

Output: Kết quả hiến máu gồm: tình trạng sức khỏe

Basic flow:

Bước 1: Bệnh viện chọn “Danh sách đăng ký”

Bước 2: Chọn người đăng kýBước 3: Chọn “Khám sức khỏe”

Bước 4: Nhập thông tin sức khỏeBước 5: Chọn “Tạo kết quả” ”  Tạo kết quả thành công

Exception flow: Bệnh viện nhập thiếu thông tin  use-case về bước 1

3.4.11 Cập nhật kết quả

Use case name: Cập nhật kết quả

Actors: Bệnh viện

Description: Bệnh viện cập nhật kết quả hiến máu của người tham gia

Input: Kết quả hiến máu

Thông tin người dùng

Output: Kết quả hiến máu gồm: tình trạng sức khỏe, nhóm máu

Basic flow:

Bước 1: Bệnh viện chọn “Danh sách kết quả”

Bước 2: Chọn người đăng kýBước 3: Chọn “Xét nghiệm” hoặc chọn “Lấy máu”

Bước 4: Nhập thông tin Bước 5: Chọn “Cập nhật”  Cập nhật thành công

Exception flow: Bệnh viện nhập thiếu thông tin  use-case về bước 1

SVTH: Trần Võ Lập - GVHD: Hoàng Thị Mỹ Lệ 18

3.4.12 Cấp quyền đơn vị liên kết

Use case name: Cấp quyền đơn vị liên kết

Actors: Ban chỉ đạo

Description: Ban chỉ đạo cập nhật quyền hạn của người dùng đăng ký

đơn vị liên kết trở thành đơn vị liên kết Khi đăng nhập sẽ

có thêm các chức năng khác

Input: Thông tin đăng ký

Thông tin người dùng

Output: Người dùng được nâng cấp quyền

Basic flow:

Bước 1: Ban chỉ đạo chọn “Danh sách đơn vị liên kết”Bước 2: Chọn “Đơn vị liên kết”

Bước 3: Chọn trạng thái “Duyệt”

Bước 4: Chọn “Nâng cấp quyền”

Bước 5: Chọn “Đồng ý”

Exception flow: Bệnh viện nhập thiếu thông tin  use-case về bước 1

3.4.13 Thêm đợt hiến máu

Use case name: Thêm đợt hiến máu

Actors: Ban chỉ đạo

Description: Ban chỉ đạo đăng các đợt hiến máu để bệnh viện, đơn vịliên kết đăng ký tham gia và triển khai tổ chức cho người dùng

Input: Thông tin đợt hiến máu

Output: Đợt hiến máu hiển thị trên hệ thống

Basic flow:

Bước 1: Ban chỉ đạo chọn “Đợt hiến máu”

Bước 2: Nhập thông tinBước 3: Chọn “Thêm”

Bước 4: Hệ thống kiểm tra và thông báo “Thêm thànhcông”

Exception flow: Thông tin nhập không hợp lệ  use-case về bước 1