Xây dựng website và ứng dụng di động hỗ trợ hiến máu nhân đạo

Luận văn xây dựng website và mobile app hỗ trợ hiến máu nhân đạo tại ĐH Sư phạm Kỹ thuật TPHCM

• Tác giả: Đặng Mai Hương
• Người hướng dẫn: ThS. Nguyễn Đức Khoan
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website và ứng dụng di động hỗ trợ hiến máu nhân đạo
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan về website và app hỗ trợ hiến máu nhân đạo

Hoạt động hiến máu nhân đạo đóng vai trò thiết yếu trong hệ thống y tế cộng đồng. Nhu cầu máu cấp cứu luôn ở mức cao tại các bệnh viện tuyến đầu. Tuy nhiên, quy trình tổ chức tiếp nhận máu truyền thống còn bộc lộ nhiều điểm hạn chế. Đề tài tốt nghiệp năm 2024 tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh đặt mục tiêu chuyển đổi số quy trình này. Nghiên cứu do sinh viên Đặng Mai Hương và Nguyễn Thị Thu Hằng thực hiện dưới sự hướng dẫn của Thạc sĩ Nguyễn Đức Khoan. Nhóm tác giả xây dựng thành công hệ thống tích hợp đa nền tảng gồm website và ứng dụng di động. Dự án hướng tới mục tiêu kết nối trực tiếp tình nguyện viên với các cơ sở y tế. Hệ sinh thái công nghệ giúp chuẩn hóa việc truyền thông thông tin hiến máu. Người dùng có thể chủ động cập nhật thời gian tổ chức, địa điểm tiếp nhận và điều kiện tham gia. Các bệnh viện cũng tối ưu hóa được nguồn lực tiếp nhận. Toàn bộ chu trình từ đăng ký, nhắc lịch đến ghi nhận đóng góp đều diễn ra minh bạch, an toàn và nhanh chóng trên nền tảng kỹ thuật số.

1.1. Bối cảnh nghiên cứu tại ĐH SPKT TPHCM năm 2024

Khoa Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh luôn khuyến khích sinh viên nghiên cứu các đề tài mang giá trị phục vụ cộng đồng thiết thực. Đề tài tốt nghiệp của Đặng Mai Hương và Nguyễn Thị Thu Hằng xuất phát từ nhu cầu máu điều trị thực tế tại nhiều bệnh viện lớn. Công tác vận động hiến máu trước đây thường dựa vào mạng xã hội và băng rôn tuyên truyền. Cách làm này phân tán thông tin và thiếu kênh kết nối tức thời khi cần cấp cứu. Việc nghiên cứu một nền tảng số hóa chuyên biệt đáp ứng nhu cầu cấp thiết của xã hội hiện đại.

1.2. Mục tiêu phát triển hệ thống website và app hiến máu

Mục tiêu cốt lõi của dự án là xây dựng một hệ thống phần mềm toàn diện hỗ trợ hai đối tượng chính: người tình nguyện và các đơn vị y tế. Website phục vụ công tác quản trị, tiếp nhận yêu cầu hợp tác và điều phối sự kiện hiến máu từ các bệnh viện. Ứng dụng di động cung cấp công cụ tiện lợi cho người dân theo dõi lịch trình, đăng ký hiến máu và tra cứu đường đi. Hệ thống bảo đảm tính chính xác của dữ liệu y tế, giảm thiểu thủ tục hành chính giấy tờ rườm rà. Nền tảng tạo điều kiện xây dựng cộng đồng hiến máu thường xuyên và ổn định.

II. Phân tích thực trạng website và app hỗ trợ hiến máu nhân đạo

Quá trình tiếp nhận máu tình nguyện tại Việt Nam vẫn đối mặt với nhiều khó khăn trong quản lý thông tin. Các phương thức vận động truyền thống như tờ rơi hay bài viết mạng xã hội có độ phủ hạn chế. Thông tin về các đợt hiến máu hay bị trôi hoặc thiếu cập nhật kịp thời. Người có mong muốn hiến máu khó tìm kiếm địa điểm gần nhất và lịch tiếp nhận phù hợp. Nhiều tình nguyện viên đến sai thời gian hoặc không nắm rõ tiêu chuẩn hiến máu. Tình trạng này gây lãng phí thời gian và công sức của cả hai bên. Về phía các bệnh viện, khâu quản lý hồ sơ bằng giấy dẫn đến tình trạng quá tải cục bộ vào ngày diễn ra sự kiện. Dữ liệu nhóm máu của tình nguyện viên chưa được số hóa đồng bộ. Bệnh viện gặp trở ngại lớn khi cần huy động khẩn cấp các nhóm máu hiếm. Việc thiếu vắng một công cụ chỉ dẫn đường đi trực quan cũng làm giảm tỷ lệ người tham gia thực tế.

2.1. Khó khăn của người hiến máu khi tiếp cận thông tin

Người tình nguyện thường gặp rào cản lớn khi muốn đăng ký tham gia hiến máu. Các thông báo về điểm tiếp nhận máu lưu động thường xuất hiện rải rác trên mạng xã hội. Thông tin thiếu tính xác thực và khó kiểm chứng nguồn gốc. Tình nguyện viên không thể tra cứu nhanh lịch sử hiến máu cá nhân và thời gian đủ điều kiện hiến lần tiếp theo. Quy trình đăng ký tại chỗ đòi hỏi điền nhiều phiếu thông tin giấy gây mất thời gian. Ngoài ra, việc không có bản đồ định vị khiến nhiều người gặp khó khăn trong việc tìm đường đến địa điểm tổ chức.

2.2. Hạn chế trong công tác quản lý của các bệnh viện

Bệnh viện và các trung tâm huyết học chịu áp lực lớn trong công tác tổ chức ngày hội hiến máu. Nhân sự y tế phải nhập liệu thủ công hàng trăm hồ sơ mỗi đợt. Việc theo dõi lượng máu tiếp nhận, phân loại nhóm máu và gửi thông báo kết quả xét nghiệm diễn ra chậm trễ. Khâu lưu trữ tài liệu giấy tốn nhiều diện tích và dễ thất lạc. Việc thiếu hệ thống phần mềm chuyên trách gây khó khăn cho công tác thống kê và lập báo cáo. Các đơn vị y tế thiếu kênh truyền thông tin cậy để kết nối nhanh chóng với các nhà hảo tâm.

III. Giải pháp xây dựng website và app hỗ trợ hiến máu nhân đạo

Nhóm nghiên cứu tại ĐH SPKT TPHCM đề xuất mô hình kiến trúc phân tán gồm hai thành phần trọng tâm. Nền tảng web xây dựng trên thư viện ReactJS dành cho cán bộ y tế quản trị hệ thống. Ứng dụng di động xây dựng bằng nền tảng React Native phục vụ người dùng đại chúng trên cả hai hệ điều hành Android và iOS. Backend xử lý dữ liệu thông qua kiến trúc RESTful API đồng bộ và bảo mật. Cơ sở dữ liệu lưu trữ thông tin tài khoản, danh sách bệnh viện, chi tiết sự kiện và lịch sử hiến máu. Hệ thống tích hợp dịch vụ bản đồ số hóa nhằm cung cấp tính năng chỉ dẫn lộ trình trực tiếp đến địa điểm tiếp nhận. Người dùng có thể tìm kiếm sự kiện theo tên bệnh viện hoặc khung thời gian diễn ra. Bệnh viện gửi yêu cầu liên kết để chủ động khởi tạo và phê duyệt sự kiện. Mọi tương tác đều được phản hồi tức thời với mã trạng thái chuẩn, giúp nâng cao trải nghiệm và độ ổn định.

3.1. Ứng dụng công nghệ ReactJS và React Native hiện đại

Dự án sử dụng ReactJS để phát triển giao diện website thân thiện, đáp ứng các tiêu chuẩn hiển thị hiện đại. Khung giao diện web cung cấp cho quản trị viên và các bệnh viện công cụ lọc sự kiện, quản lý danh sách tình nguyện viên và kiểm duyệt cộng tác. Phía người dùng cuối, React Native hỗ trợ phát triển ứng dụng di động đa nền tảng với hiệu năng mượt mà. Ứng dụng cho phép đăng nhập, khôi phục mật khẩu, cập nhật hồ sơ cá nhân và nhận thông báo nhắc nhở hiến máu kịp thời. Việc dùng chung triết lý thành phần của hệ sinh thái React giúp tối ưu thời gian phát triển và duy trì mã nguồn.

3.2. Tính năng bản đồ và định tuyến thông minh trên app

Tính năng xem đường đi trên bản đồ số đóng vai trò đột phá trong trải nghiệm người dùng của dự án. Ca sử dụng BloodnHeart_UC_09 cho phép tình nguyện viên bấm vào nút 'Xem đường đi' để kích hoạt điều hướng. Nền tảng kết nối trực tiếp với dịch vụ bản đồ số hóa để hiển thị tuyến đường ngắn nhất từ vị trí hiện tại đến bệnh viện. Hệ thống đồng thời cung cấp thông tin khoảng cách, thời gian di chuyển dự kiến và số điện thoại liên hệ khẩn cấp. Giải pháp này giúp người hiến máu tiết kiệm thời gian di chuyển và hạn chế tối đa nguy cơ lạc đường.

IV. Kết luận và triển vọng website và app hỗ trợ hiến máu nhân đạo

Đề tài tốt nghiệp năm 2024 của sinh viên ĐH SPKT TPHCM đã hoàn thành xuất sắc các mục tiêu nghiên cứu đề ra. Nền tảng chứng minh tính hiệu quả cao trong việc số hóa chu trình vận động và tiếp nhận máu nhân đạo. Ứng dụng thực tiễn của công trình giúp giảm tải áp lực hồ sơ giấy tờ tại các bệnh viện đối tác. Tình nguyện viên tiếp cận thông tin sự kiện nhanh chóng và thuận tiện hơn. Mô hình kết nối linh hoạt tạo tiền đề mở rộng mạng lưới ngân hàng máu sống trên địa bàn Thành phố Hồ Chí Minh và các tỉnh lân cận. Nghiên cứu mang tính nhân văn sâu sắc kết hợp cùng giải pháp kỹ thuật bài bản. Trong giai đoạn phát triển tiếp theo, dự án có thể tích hợp thêm các công nghệ hiện đại như trí tuệ nhân tạo để dự báo nhu cầu nhóm máu. Hệ thống cũng có thể nâng cấp thêm tính năng cảnh báo khẩn cấp qua tin nhắn tức thời. Đây là đóng góp công nghệ thiết thực cho ngành y tế.

4.1. Đóng góp thực tiễn cho cộng đồng và ngành y tế

Sản phẩm đồ án mang lại lợi ích thiết thực cho công tác hiến máu nhân đạo tại các đô thị. Website và ứng dụng giải quyết triệt để vấn đề phân tán thông tin sự kiện. Tình nguyện viên nắm bắt lịch trình cụ thể, tự kiểm tra tiêu chuẩn sức khỏe và chủ động thu xếp thời gian. Bệnh viện quản lý dữ liệu tình nguyện viên khoa học và bảo mật hơn. Quy trình tổ chức sự kiện hiến máu được rút ngắn đáng kể thời gian chờ đợi. Nền tảng số hóa này góp phần giảm thiểu rủi ro thiếu máu cấp cứu tại các cơ sở y tế địa phương.

4.2. Hướng phát triển và hoàn thiện hệ thống trong tương lai

Trong tương lai, hệ thống có thể mở rộng kết nối với cơ sở dữ liệu y tế quốc gia để xác thực danh tính công dân tự động qua mã định danh. Việc tích hợp hệ thống điểm thưởng tích lũy sẽ khuyến khích tình nguyện viên tham gia hiến máu định kỳ thường xuyên hơn. Ngoài ra, việc bổ sung các thuật toán học máy giúp dự đoán chính xác nhu cầu lưu trữ máu theo từng mùa dịch bệnh. Đồ án tạo nền tảng vững chắc cho một hệ sinh thái chăm sóc sức khỏe cộng đồng thông minh và bền vững.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Lý do chọn đề tài và bối cảnh thực tiễn

Hoạt động hiến máu tình nguyện đóng vai trò thiết yếu trong việc cung cấp nguồn máu an toàn phục vụ nhu cầu điều trị y tế của cộng đồng. Tuy nhiên, bối cảnh thực tế cho thấy đại dịch COVID-19 đã để lại những tác động tiêu cực rõ rệt đối với công tác vận động và tiếp nhận máu, bao gồm ba vấn đề chính:

• Sự sụt giảm số lượng người hiến máu: Nguy cơ lây nhiễm dịch bệnh khiến nhiều người e ngại tham gia hiến máu, dẫn đến tình trạng suy giảm nguồn cung cấp máu dự trữ.
• Hạn chế trong khâu tổ chức tiếp nhận: Các biện pháp giãn cách xã hội và quy định hạn chế tụ tập đông người gây cản trở lớn cho việc tổ chức các đợt tiếp nhận máu lưu động tại cộng đồng.
• Tình trạng thiếu hụt máu và các chế phẩm máu: Nguồn cung sụt giảm trong khi nhu cầu sử dụng máu cấp cứu và điều trị tại các cơ sở y tế vẫn ở mức cao.

Dựa trên kết quả khảo sát thực tế do nhóm tác giả thực hiện ở các giai đoạn trước và sau đại dịch COVID-19, phương thức tuyên truyền và đăng ký hiến máu chủ yếu hiện nay vẫn dựa vào mạng xã hội (Facebook, Zalo) kết hợp với các đường liên kết biểu mẫu đăng ký từ phía bệnh viện. Ứng dụng "Giọt máu cộng đồng" (Blood Donation for Community) từng được triển khai tại khu vực Thành phố Hồ Chí Minh nhưng còn tồn tại bất cập, đặc biệt là tỷ lệ tham gia kết nối của các bệnh viện còn hạn chế. Do đó, việc xây dựng một nền tảng công nghệ chuyên dụng mang tên BloodnHeart là yêu cầu thực tiễn cấp bách nhằm kết nối trực tiếp giữa người hiến máu, cơ sở y tế tiếp nhận và cơ quan quản lý.

Vấn đề nghiên cứu trọng tâm

Nghiên cứu tập trung giải quyết hai bài toán then chốt:

1. Kết nối hiệu quả (Effective connection): Khắc phục quy trình đăng ký rời rạc, thiếu linh hoạt giữa người hiến máu và các bệnh viện; xây dựng giải pháp công nghệ đa nền tảng giúp người hiến máu dễ dàng tra cứu, đăng ký và tương tác với các điểm tiếp nhận.
2. Quản trị thông tin (Information management): Chuẩn hóa việc quản lý dữ liệu người hiến máu, thông tin lịch trình sự kiện tiếp nhận máu, đảm bảo tính minh bạch, chính xác và an toàn dữ liệu y tế.

Mục tiêu, đối tượng và phạm vi nghiên cứu

• Mục tiêu tổng quát: Xây dựng hệ thống phần mềm hoàn chỉnh gồm ứng dụng website và ứng dụng di động (BloodnHeart) hỗ trợ công tác hiến máu nhân đạo, số hóa quy trình đăng ký, quản lý tiếp nhận máu và theo dõi lịch sử hiến máu.
• Đối tượng nghiên cứu: Quy trình đăng ký và điều phối hoạt động hiến máu nhân đạo; mô hình quản trị dữ liệu người hiến, cơ sở y tế và sự kiện tiếp nhận máu.
• Phạm vi không gian và thời gian: Đề tài thực hiện tại Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP.HCM (HCMUTE); thời gian tiếp nhận nhiệm vụ từ ngày 04/03/2024 và hoàn thành báo cáo vào tháng 05/2024 (nộp chính thức tháng 06/2024).

---

Cơ sở lý thuyết và phương pháp

Khung lý thuyết và mô hình kỹ thuật

Đồ án áp dụng quy trình phân tích và thiết kế hệ thống phần mềm hướng đối tượng theo chuẩn công nghệ phần mềm:

• Mô hình hóa yêu cầu và hành vi người dùng: Sử dụng biểu đồ ca sử dụng (Use Case Diagram), bảng đặc tả ca sử dụng chi tiết (Use Case Specifications) và biểu đồ tuần tự (Sequence Diagram).
• Mô hình hóa dữ liệu quan hệ: Xây dựng biểu đồ quan hệ thực thể (Entity Relationship Diagram - ERD) nhằm chuẩn hóa các thực thể tài khoản, hồ sơ người dùng, bệnh viện, sự kiện hiến máu và lịch hẹn.
• Cơ chế kiểm soát truy cập dựa trên vai trò (Role-Based Access Control): Hệ thống phân quyền chặt chẽ cho bốn nhóm tác nhân: Khách vãng lai (Guest), Người dùng đã đăng ký (User), Bệnh viện/Cơ sở y tế (Hospital) và Quản trị viên hệ thống (Admin).

Phương pháp nghiên cứu và phát triển thực tế

• Phương pháp thu thập và phân tích: Khảo sát thực trạng quy trình vận động và tiếp nhận máu trước và sau đại dịch COVID-19, phân tích các kênh truyền thông hiện hữu (mạng xã hội, ứng dụng "Giọt máu cộng đồng") để xác định danh mục yêu cầu chức năng và phi chức năng.
• Phương pháp thiết kế kiến trúc và giao diện: Phân tích luồng nghiệp vụ tương tác bằng biểu đồ tuần tự cho 22 kịch bản chính; thiết kế giao diện đồ họa cho cả phiên bản web và thiết bị di động.
• Phương pháp kiểm thử và xác thực: Thiết kế các ca kiểm thử hộp đen (Black-box Test Cases) kiểm tra tính đúng đắn của các luồng chức năng phân quyền, xác thực dữ liệu đầu vào và các ràng buộc dữ liệu.

Nguồn dữ liệu phục vụ nghiên cứu

• Dữ liệu khảo sát hiện trạng công tác hiến máu tại địa bàn Thành phố Hồ Chí Minh.
• Thông tin định danh cá nhân (Số Căn cước công dân - Citizen Identification Number) và dữ liệu biểu mẫu đăng ký hiến máu theo quy định tiếp nhận máu nhân đạo.

---

Thiết kế và triển khai

Kiến trúc công nghệ (Tech Stack)

Hệ thống BloodnHeart được phát triển dựa trên các công nghệ tiêu chuẩn:

• Ứng dụng Website: Xây dựng bằng thư viện ReactJS, phục vụ người dùng tra cứu, đăng ký sự kiện, đồng thời là phân hệ quản trị dành cho Bệnh viện và Quản trị viên.
• Ứng dụng Di động (Mobile Application): Xây dựng bằng nền tảng React Native, hỗ trợ người dùng đăng ký hiến máu, theo dõi lịch hẹn, tra cứu lịch sử và nhận chứng nhận điện tử trên điện thoại.
• Triển khai hạ tầng (Deployment): Phân hệ web được đóng gói và triển khai trên nền tảng đám mây Vercel ("Deploy web with Vercel").
• Dịch vụ tích hợp: Tích hợp dịch vụ bản đồ số hiển thị định vị và chỉ dẫn đường đi ("View a route on a map"); tích hợp chức năng xuất báo cáo dữ liệu sang định dạng bảng tính Excel.

Thiết kế ca sử dụng và phân quyền hệ thống

Hệ thống xác định rõ bốn tác nhân với các quyền hạn cụ thể:

Nhóm tác nhân	Nền tảng hỗ trợ	Chức năng chính được phân quyền
Khách vãng lai (Guest)	Website & Mobile	Đăng ký tài khoản, đăng nhập, khôi phục mật khẩu qua email xác thực. Trên Web: tra cứu danh sách sự kiện, tìm kiếm/lọc sự kiện theo thời gian và bệnh viện, xem chi tiết bệnh viện, xem đường đi trên bản đồ, gửi yêu cầu hợp tác đơn vị tiếp nhận máu.
Người dùng (User)	Website & Mobile	Toàn bộ quyền xem của Guest; cập nhật hồ sơ cá nhân, đăng ký tham gia hiến máu theo sự kiện, quản lý lịch hẹn (xem, đổi ngày hẹn, hủy đăng ký), tra cứu lịch sử hiến máu, tải chứng nhận điện tử (e-Certificate), quản lý điểm thưởng (reward points), đổi mật khẩu.
Bệnh viện (Hospital)	Website & Mobile	Đăng nhập tài khoản được Admin cấp; tạo mới, chỉnh sửa, đóng sự kiện hiến máu; xem danh sách người đăng ký theo từng sự kiện; cập nhật trạng thái tiếp nhận máu của người hiến; theo dõi thống kê số liệu từng sự kiện; xuất danh sách đăng ký và sự kiện ra tệp Excel.
Quản trị viên (Admin)	Website	Quản lý toàn diện hệ thống: quản lý tài khoản người dùng (thêm, sửa, khóa, xóa); quản lý cơ sở bệnh viện (thêm, sửa, xóa, tìm kiếm); xét duyệt/phê duyệt yêu cầu hợp tác từ bệnh viện; giám sát toàn bộ sự kiện; xem bảng điều khiển thống kê tổng quan; xuất dữ liệu tài khoản, sự kiện và bệnh viện ra tệp Excel.

Thiết kế luồng xử lý và dữ liệu

Tài liệu thể hiện chi tiết thiết kế hệ thống qua 22 biểu đồ tuần tự (Sequence Diagram), tiêu biểu gồm:

• Xác thực và tài khoản: Biểu đồ Đăng nhập, Đăng ký, Quên mật khẩu, Đổi mật khẩu, Cập nhật hồ sơ (áp dụng riêng cho User, Hospital, Admin).
• Nghiệp vụ sự kiện: Biểu đồ Tìm kiếm sự kiện, Lọc sự kiện, Đăng ký sự kiện, Cập nhật lịch hẹn, Xem lịch sử và tải chứng nhận điện tử (e-Certification).
• Nghiệp vụ quản lý của Bệnh viện: Biểu đồ Thêm sự kiện mới, Cập nhật thông tin sự kiện, Cập nhật trạng thái người dùng tham gia theo từng sự kiện, Tìm kiếm sự kiện theo bệnh viện.
• Nghiệp vụ quản trị của Admin: Biểu đồ Quản lý danh sách, Tìm kiếm tài khoản, Thống kê hệ thống, Phê duyệt/từ chối yêu cầu hợp tác trở thành đơn vị bệnh viện liên kết, Xuất dữ liệu Excel.

Kiểm thử hệ thống (Validation)

Đồ án thiết lập hệ thống ca kiểm thử (Test Cases) kiểm tra tính toàn vẹn của logic nghiệp vụ:

• Kiểm thử phân quyền truy cập: Kiểm tra trường hợp tài khoản có vai trò User đăng nhập vào trang quản trị Admin (TestCase login at admin page with user role).
• Kiểm thử quản lý dữ liệu: Quản trị viên xem danh sách tài khoản (TestCase admin view list of accounts), Bệnh viện xem danh sách tài khoản (TestCase hospital view list of accounts).
• Kiểm thử nghiệp vụ sự kiện: Bệnh viện tạo mới sự kiện (TestCase hospital add new event), Người dùng cập nhật lịch hẹn đăng ký hiến máu (Test case update schedule register donation blood).
• Kiểm thử luồng đăng ký của người dùng: Đăng nhập hệ thống (TestCase login user), Đăng ký tài khoản mới (TestCase register new user account), Đăng ký sự kiện khi chưa đăng nhập (TestCase register for an event without being logged in), Đăng ký sự kiện khi đã đăng nhập (TestCase register for an event being logged in).

---

Nội dung chính theo từng chương

Chapter 1: Introduction

Chương 1 trình bày tổng quan về tầm quan trọng của máu trong điều trị y tế và sự cần thiết của việc hiện đại hóa quy trình đăng ký, điều phối hiến máu nhân đạo. Tác giả phân tích cụ thể bối cảnh sau đại dịch COVID-19 với các bất cập về suy giảm lượng người hiến, khó khăn trong tổ chức lấy máu tập trung và nguy cơ thiếu hụt cục bộ các chế phẩm máu. Từ hạn chế của các giải pháp truyền thống (Facebook, Zalo) và hạn chế về tỷ lệ kết nối của ứng dụng "Giọt máu cộng đồng", đề tài đề xuất giải pháp BloodnHeart với vai trò nền tảng công nghệ liên kết mở giữa người hiến máu, bệnh viện và ban quản trị.

Chapter 2: Project Specification

Chương 2 tập trung vào việc đặc tả yêu cầu chi tiết cho toàn bộ hệ thống:

• Thiết lập hệ thống biểu đồ Use Case tổng thể và chuyên biệt cho từng tác nhân (Guest trên Mobile, Guest trên Website, User, Hospital, Admin).
• Xây dựng bảng đặc tả chi tiết cho 38 ca sử dụng (từ BloodnHeart_UC_01 đến BloodnHeart_UC_38). Mỗi bảng mô tả chi tiết: Mã use case, Tác nhân, Tóm tắt, Mục tiêu, Điều kiện kích hoạt (Trigger), Điều kiện tiên quyết (Preconditions), Điều kiện sau thực hiện (Post conditions dạng Success/Fail), Kịch bản thành công chính (Main Success Scenario) và các nhánh ngoại lệ (Exceptions).
• Tiêu biểu trong các ca sử dụng nền tảng:
  • BloodnHeart_UC_01 (Register Account): Xác thực tính hợp lệ của địa chỉ email, mật khẩu và tính duy nhất của Số Căn cước công dân (Citizen Identification Number).
  • BloodnHeart_UC_02 (Forgot Password): Cơ chế gửi liên kết xác thực qua email để cấp lại mật khẩu.
  • BloodnHeart_UC_03 (Login): Xác thực cặp thông tin Căn cước công dân và mật khẩu để điều hướng người dùng đúng vai trò.
  • BloodnHeart_UC_06 (Request for cooperation): Cho phép cơ sở y tế gửi biểu mẫu đăng ký liên kết đến Quản trị viên để xét duyệt.
  • BloodnHeart_UC_07 & UC_08 (Search & Filter event): Tìm kiếm sự kiện theo tên, lọc theo khoảng thời gian tổ chức và đơn vị bệnh viện; yêu cầu mã phản hồi API đạt chuẩn HTTP 200.
  • BloodnHeart_UC_09 (View a route on a map): Gọi dịch vụ bản đồ điều hướng người dùng từ vị trí hiện tại đến địa điểm tổ chức hiến máu.
• Xác lập danh mục yêu cầu phi chức năng (Non-functional requirements tại Bảng 2.39) về tính tương thích, an toàn thông tin và độ tin cậy.

Chapter 3: System Design

Chương 3 trình bày chi tiết về thiết kế kiến trúc phần mềm và giao diện:

• Biểu đồ thực thể - mối quan hệ (ERD): Chuẩn hóa cấu trúc cơ sở dữ liệu để lưu trữ thông tin người dùng, bệnh viện, sự kiện, ca hiến máu và chứng chỉ.
• Biểu đồ tuần tự (Sequence Diagrams): Mô tả chi tiết dòng thông điệp giữa giao diện người dùng, hệ thống xử lý logic và cơ sở dữ liệu cho 22 tác vụ nghiệp vụ quan trọng.
• Thiết kế giao diện người dùng (User Interfaces Design): Đặc tả chi tiết 60 màn hình giao diện (từ Màn hình 23 đến Màn hình 73 và các bảng mô tả tương ứng). Bao gồm giao diện web (trang chủ, đăng ký, đăng nhập, tìm kiếm sự kiện, chi tiết bệnh viện, hồ sơ cá nhân, đổi mật khẩu, quản lý lịch hẹn, lịch sử hiến máu, tải chứng nhận, trang quản trị sự kiện, quản lý tài khoản, quản trị bệnh viện) và các màn hình ứng dụng di động tương thích cho cả vai trò người hiến máu và bệnh viện.

Chapter 4: System Implementation

Chương 4 ghi nhận quá trình hiện thực hóa các mô hình thiết kế thành mã nguồn phần mềm thực tế. Tác giả hiện thực hóa phân hệ web front-end bằng ReactJS và phân hệ mobile bằng React Native, đảm bảo tính liên kết dữ liệu thời gian thực và thực thi đúng các ràng buộc nghiệp vụ đã định nghĩa ở Chương 2.

Chapter 5: Validation and Deployment

Chương 5 báo cáo kết quả kiểm thử, vận hành và triển khai thực tế:

• Thiết kế ca kiểm thử (Test Case Design): Thực hiện kiểm thử chức năng cho các trường hợp kiểm thử trọng yếu nhằm đánh giá độ tin cậy của phần mềm.
• Vận hành hệ thống: Quy trình khởi chạy và vận hành ứng dụng trên cả môi trường web và thiết bị di động.
• Triển khai ứng dụng (Deployment): Chi tiết các bước thiết lập và phát hành giao diện website lên nền tảng đám mây Vercel ("Deploy web with Vercel", "Set up frontend deployment").
• Ghi nhận khó khăn và thách thức (Difficulties and challenges): Trình bày tại Bảng 5.1 về các trở ngại kỹ thuật trong quá trình tích hợp hệ thống đa nền tảng và kiểm soát luồng dữ liệu y tế.

---

Kết quả và đóng góp

Kết quả kỹ thuật đạt được

Đồ án đã xây dựng hoàn chỉnh hệ thống phần mềm đa nền tảng BloodnHeart gồm:

• Phân hệ Website (ReactJS): Cung cấp cổng thông tin tra cứu sự kiện, cổng tương tác gửi hồ sơ liên kết dành cho bệnh viện và hệ thống quản trị chuyên sâu phục vụ bệnh viện và quản trị viên hệ thống. Hệ thống đã triển khai thực tế trên hạ tầng Vercel.
• Phân hệ Di động (React Native): Cung cấp ứng dụng tiện ích cho cá nhân tham gia hiến máu, hỗ trợ định danh qua Căn cước công dân, đặt lịch hẹn, điều chỉnh hoặc hủy lịch trình hiến máu, theo dõi số điểm thưởng tích lũy và tra cứu/tải chứng nhận điện tử (e-Certificate).
• Hệ thống dữ liệu và giao tiếp: Hoàn thiện mô hình ERD, 22 biểu đồ tuần tự và 38 ca sử dụng chi tiết; các giao tiếp tìm kiếm và xử lý sự kiện qua API đảm bảo mã trạng thái chuẩn HTTP 200.

Đóng góp so với các giải pháp hiện hữu

Theo phân tích của nhóm tác giả trong đồ án, hệ thống mang lại các đóng góp cụ thể:

1. Thiết lập kênh kết nối trực tiếp: Khắc phục tình trạng phụ thuộc vào các bài đăng rời rạc trên mạng xã hội bằng một nền tảng thống nhất, tạo cơ chế mở để các bệnh viện chủ động đăng ký hợp tác và được phê duyệt bởi quản trị viên.
2. Số hóa toàn diện vòng đời đăng ký hiến máu: Thay thế các đường link biểu mẫu thủ công bằng tính năng chọn ngày, chọn lượng máu hiến, quản lý lịch hẹn linh hoạt và số hóa chứng nhận hiến máu thành định dạng điện tử tải về trực tiếp.
3. Minh bạch hóa quản lý tiếp nhận máu: Cung cấp công cụ cho phép cơ sở y tế cập nhật trực tiếp trạng thái của người đăng ký tại sự kiện, theo dõi số liệu thống kê riêng của từng đợt tiếp nhận và hỗ trợ kết xuất danh sách ra tệp Excel phục vụ lưu trữ nghiệp vụ.

---

Hạn chế và hướng nghiên cứu tiếp

Hạn chế được ghi nhận

Căn cứ theo nội dung báo cáo tại Chương 5 (Mục "Difficulties and challenges" - Bảng 5.1) và phạm vi nghiên cứu:

• Sự khác biệt về phạm vi chức năng giữa hai nền tảng: Phân hệ khách vãng lai (Guest) trên thiết bị di động bị thu hẹp đáng kể (chỉ hỗ trợ đăng ký, đăng nhập và quên mật khẩu), trong khi các tính năng tra cứu sự kiện, xem bản đồ và xem chi tiết bệnh viện chỉ được hỗ trợ đầy đủ trên giao diện website.
• Giới hạn triển khai hạ tầng: Báo cáo mới ghi nhận việc thiết lập và triển khai phân hệ giao diện website lên nền tảng đám mây Vercel; quá trình tích hợp sâu với các hệ thống quản lý thông tin bệnh viện (HIS/LIS) sẵn có chưa được đề cập.

Hướng mở rộng nghiên cứu

Dựa trên phạm vi kỹ thuật của đề tài, các hướng phát triển tiếp theo bao gồm:

• Đồng bộ hóa toàn bộ các tính năng tra cứu sự kiện, xem lộ trình bản đồ cho nhóm khách vãng lai trực tiếp trên ứng dụng di động mà không bắt buộc phải đăng nhập.
• Mở rộng quy trình kiểm thử tự động hóa và tích hợp kiểm thử tải trên quy mô lớn để đánh giá khả năng chịu tải của hệ thống khi tiếp nhận lượng lớn người dùng đăng ký cùng thời điểm trong các sự kiện hiến máu khẩn cấp.

---

Giá trị tham khảo

Tài liệu khóa luận BloodnHeart mang giá trị tham khảo chuyên môn rõ ràng:

• Đối với sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Là tài liệu tham khảo thực tế về cấu trúc của một đồ án tốt nghiệp chuẩn mực, bao gồm phương pháp xây dựng biểu đồ Use Case chi tiết, kỹ thuật phân tích luồng tương tác với 22 Sequence Diagrams và cách thiết kế bảng đặc tả yêu cầu phần mềm hoàn chỉnh.
• Đối với người phát triển ứng dụng y tế và cộng đồng: Tài liệu cung cấp góc nhìn thực tiễn về quy trình số hóa nghiệp vụ hiến máu tình nguyện tại Việt Nam, đặc biệt là cách tổ chức dữ liệu định danh bằng Căn cước công dân, cơ chế cấp phát e-Certificate và quy trình phê duyệt đối tác bệnh viện.
• Phần đáng tham khảo nhất: Chương 2 (Project Specification) với 38 bảng đặc tả ca sử dụng chi tiết có đầy đủ điều kiện trước/sau và kịch bản ngoại lệ, cùng Chương 3 với hệ thống 60 màn hình thiết kế giao diện chi tiết cho cả hai nền tảng Web và Mobile.

---

Câu hỏi thường gặp

1. Hệ thống BloodnHeart sử dụng những công nghệ nào để phát triển website và ứng dụng di động?

Theo bảng nhiệm vụ đồ án và nội dung Chương 4, hệ thống sử dụng thư viện ReactJS để xây dựng ứng dụng website và nền tảng React Native để xây dựng ứng dụng di động. Phân hệ giao diện website được thiết lập triển khai trên nền tảng đám mây Vercel.

2. Sự khác biệt về quyền hạn của tác nhân Khách vãng lai (Guest) trên Website và Ứng dụng di động là gì?

Trên ứng dụng di động, Guest chỉ có 3 chức năng: đăng ký tài khoản mới, đăng nhập và khôi phục mật khẩu. Trên Website, Guest được mở rộng thêm nhiều quyền tra cứu: xem danh sách sự kiện, tìm kiếm sự kiện theo tên, lọc sự kiện theo thời gian và bệnh viện tổ chức, xem chỉ đường trên bản đồ, xem thông tin chi tiết bệnh viện và gửi biểu mẫu đề nghị hợp tác thành bệnh viện liên kết.

3. Thông tin định danh chính được hệ thống sử dụng để xác thực tài khoản người dùng là gì?

Hệ thống sử dụng Số Căn cước công dân (Citizen Identification Number) kết hợp với mật khẩu làm phương thức định danh bắt buộc khi đăng ký và đăng nhập hệ thống (thể hiện rõ trong các ca sử dụng BloodnHeart_UC_01, BloodnHeart_UC_02 và BloodnHeart_UC_03).

4. Bệnh viện liên kết có quyền hạn gì đối với việc quản lý người hiến máu và sự kiện?

Bệnh viện có quyền tạo mới, chỉnh sửa và đóng các sự kiện do chính mình tổ chức; xem danh sách những người đã đăng ký tham gia; cập nhật trạng thái hiến máu thực tế của người dùng tại sự kiện; xem báo cáo thống kê của sự kiện và xuất danh sách người đăng ký cũng như danh sách sự kiện ra tệp bảng tính Excel.

5. Quản trị viên (Admin) quản lý yêu cầu hợp tác từ các bệnh viện như thế nào?

Theo ca sử dụng BloodnHeart_UC_38 và biểu đồ tuần tự số 22, khi một cơ sở y tế gửi biểu mẫu đăng ký hợp tác ("Request for cooperation"), yêu cầu sẽ được chuyển đến phân hệ quản trị. Admin là người có thẩm quyền cao nhất xem xét các thông tin đăng ký để đưa ra quyết định phê duyệt (Approve) hoặc từ chối (Decline) yêu cầu trở thành bệnh viện liên kết trong hệ thống.

---

Kết luận

Khóa luận tốt nghiệp của sinh viên Đặng Mai Hương và Nguyễn Thị Thu Hằng tại Trường Đại học Sư phạm Kỹ thuật TP.HCM đã hoàn thành mục tiêu xây dựng hệ thống phần mềm đa nền tảng BloodnHeart hỗ trợ công tác hiến máu nhân đạo. Đề tài áp dụng phương pháp phân tích thiết kế phần mềm bài bản thông qua việc đặc tả 38 ca sử dụng, 22 biểu đồ tuần tự, chuẩn hóa cơ sở dữ liệu và xây dựng hệ thống màn hình chi tiết cho ReactJS và React Native. Kết quả nghiên cứu đã giải quyết trực tiếp bài toán kết nối giữa người hiến máu và cơ sở y tế, số hóa quy trình quản lý sự kiện và hỗ trợ cấp chứng nhận điện tử, mang lại giá trị tham khảo kỹ thuật rõ ràng cho các dự án phần mềm hướng đến cộng đồng.

Trích đoạn nội dung tài liệu

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS MAJOR: INFORMATION TECHNOLOGY BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION INSTRUCTOR: NGUYEN DUC KHOAN STUDENT: DANG MAI HUONG NGUYEN THI THU HANG Ho Chi Minh city, May 2024 HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY REPORT GRADUATION THESIS TOPIC: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: NGUYEN DUC KHOAN Student 1: DANG MAI HUONG Student ID: 20110099 Student 2: NGUYEN THI THU HANG Student ID: 20110473 Major: Information Technology Ho Chi Minh City, May 2024 HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY REPORT GRADUATION THESIS TOPIC: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: NGUYEN DUC KHOAN Student 1: DANG MAI HUONG Student ID: 20110099 Student 2: NGUYEN THI THU HANG Student ID: 20110473 Major: Information Technology Ho Chi Minh City, May 2024 THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, May 2024 MISSION OF THE GRADUATION THESIS Student name: DANG MAI HUONG Student ID: 20110099 Student name: NGUYEN THI THU HANG Student ID: 20110473 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: M. NGUYEN DUC KHOAN Date receive: 2024-03-04 Date submit: 2024-06-30 1. Project name: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION 2. Figures and original document: This project is built from ReactJs for website and React Native for mobile application.

Product: A website and mobile application to support humanitarian blood donation Chief of department Advisor THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness. Ho Chi Minh City, May 2024 ADVISOR EVALUATION SHEET Student name: DANG MAI HUONG Student ID: 20110099 Student name: NGUYEN THI THU HANG Student ID: 20110473 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: M. NGUYEN DUC KHOAN 1. Content of the project:.

Approval for oral defense? .) Ho Chi Minh City Advisor (Sign with full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, May 2024 PRE-DEFENSE EVALUATION SHEET Student name: DANG MAI HUONG Student ID: 20110099 Student name: NGUYEN THI THU HANG Student ID: 20110473 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: M. NGUYEN DUC KHOAN 1. Content of the project:. Approval for oral defense? .) Ho Chi Minh City Reviewer (Sign with full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, May 2024 PRE-DEFENSE EVALUATION SHEET OF DEFENSE COMMITTEE MEMBER Student name: DANG MAI HUONG Student ID: 20110099 Student name: NGUYEN THI THU HANG Student ID: 20110473 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION TO SUPPORT HUMANITARIAN BLOOD DONATION Advisor: M.

NGUYEN DUC KHOAN 1. Content of the project:. Approval for oral defense? .) Ho Chi Minh City Reviewer (Sign with full name) ACKNOWLEDGEMENT We would like to express my deep gratitude to the Board of Directors of Ho Chi Minh City University of Technology and Education, especially the teachers of the Faculty of Information Technology, and at the same time, I would like to express my sincerest thanks to Mr. Nguyen Duc Khoan, the teacher who directly helped and guided me to complete this thesis.

This is the team report, it's also our first time doing an essay so there will be mistakes. Please review and evaluate, so that we can improve ourselves and complete better in the next projects. Finally, we would like to express our sincerest thanks to the teachers and especially Mr. Nguyen Duc Khoan.

Students Group Dang Mai Huong Nguyen Thi Thu Hang TABLE OF CONTENT CHAPTER 1: INTRODUCTION. 3 CHAPTER 2: PROJECT SPECIFICATION. Use case diagram. Use case description tables.

Non-functional requirement. 87 CHAPTER 3: SYSTEM DESIGN. Entity Relation Diagram. User Interfaces Design .154 CHAPTER 4: SYSTEM IMPLEMENTATION .184 CHAPTER 5: VALIDATION AND DEPLOYMENT.

Test case Design. Run web application mobile application. Run mobile applications. Deploy web with Vercel.

Difficulties and challenges .197 LIST OF FIGURES Figure 1. 1 Guest’s use case diagram for Mobile. 2 Guest’s use case diagram for Website. 3 User’s use case diagram.

4 Hospital’s use case diagram. 5 Admin’s use case diagram. 6 Use case Register. 7 Use case Forgot Password.

8 Use case Login. 9 Use case View list of events. 10 Use case View hospital detail. 11 Use Case Request for cooperation.

12 Use Case Search event. 13 Use Case Filter event. 14 Use Case View a route on a map. 15 Use Case Logout for User.

16 Use Case Register Event for User. 17 Use Case Edit Profile for User. 18 Use Case View Blood Donation History for User. 19 Use Case View appointment schedule for User.

20 Use Case Change Schedule for User. 21 Use Case Cancel Schedule for User. 22 Use Case Reset Password for User/ Hospital/ Admin. 23 Use Case View and download certificate for User.

24 Use Case View Reward for User. 25 Use Case View List of Event for Hospital/ Admin. 26 Use Case Add New Event for Hospital. 27 Use Case Edit Event.

28 Use Case Close Event for Hospital. 29 Use Case View the list of registrants for each event for Hospital. 30 Use Case Update user Status for Hospital. 31 Use Case Export to excel for Hospital.

32 Use Case View the statistics for each event organized by itself for Hospital. 33 Use Case View List of Accounts forAdmin. 34 Use Case Add New Account for Admin. 35 Use Case Edit account.

36 Use Case Close Account. 37 Use Case View of List Hospital. 38 Use Case Add New Hospital. 39 Use Case Edit Hospital.

40 Use Case View statistics. 41 Use Case Approve cooperation request for Admin. 2 Entity Relation Diagram. 3 Login Sequence Diagram.

4 Sign up Sequence Diagram. 5 ForgotPassword Sequence Diagram. 6 Profile update (for user, hospital and admin) Sequence Diagram. 7 User register event Sequence Diagram.

8 Update User schedule Sequence Diagram. 9 View history and download e-Certification Sequence Diagram. 10 Update Password Sequence Diagram. 11 Search event Sequence Diagram.

12 Filter event Sequence Diagram. 13 Add New event Sequence Diagram. 14 Update event Sequence Diagram. 15 Update status user for each event Sequence Diagram.

16 Search event by hospital Sequence Diagram. 17 List Management Sequence Diagram. 18 Search account Sequence Diagram. 19 Statistic Sequence Diagram.

20 Export to excel Sequence Diagram. 21 Register for cooperation become Hospital Sequence Diagram. 22 Accept/Decline Request Cooperation Sequence Diagram. 23 Screen Guest Login.

24 ScreenGuest Sign Up. 25 Screen Guest Forgot Password. 26 Screen Guest / User Reset Password. 27 Screen Header before login.

28 Screen Header after login. 30 Screen Guest / User Event Page. 31 Screen Guest / User Collaborator Hospital Page. 32 Screen Detail Hospital Page.

33 Screen Detail Profile. 34 Screen Edit Profile. 35 Screen Modal Edit Information. 36 Screen Modal Edit Contact Information.

37 Screen Edit password. 38 Screen Schedule page. 39 Screen Blood donation history page. 40 Screen View and download Certificate.

41 Screen Event Detail, register date and amount of blood. 42 Screen Confirm register. 43 Screen Reward page. 44 Screen Hospital/ Admin login page.

47 Screen List Events. 48 Screen Add new Event. 49 Screen Edit Event. 50 Screen Event statistics.

51 Screen Update Status Blood User. 52 Screen List Accounts. 53 Screen Add new account. 54 Screen Edit account.

55 Screen List Hospitals. 56 Screen Edit Hospital. 57 Screen Login User Mobile. 58 Screen Register User Mobile.

59 Screen Forgot Password Mobile. 60 Screen Home Page User Mobile. 61 Screen Event Page User Mobile. 62 Screen Cooperation Page Mobile.

63 Screen Detail event Mobile. 64 Screen Register event Mobile. 65 Screen Profile Page Mobile. 66 Screen Individual Information Page Mobile.

67 Screen Edit Individual Information Mobile. 68 Screen Schedule Page Mobile. 69 Screen History donation and Certification Page Mobile. 70 Screen Reward Page Mobile.

71 Screen Home Page Hospital Mobile. 72 Screen Add new Event Mobile. 73 Screen Detail, Edit Event and Update Status User Mobile. 1 TestCase login at admin page with user role.

2 TestCase admin view list of accounts. 3 TestCase hospital view list of accounts. 4 TestCase hospital add new event. 5 TestCase login user.

6 TestCase register new user account. 7 TestCase register for an event without being logged in. 8 TestCase register for an event being logged in. 9 Test case update schedule register donation blood.

12 Set up frontend deployment .196 LIST OF TABLES Table 2. 3 Register Account for Guest Use Case. 4 Forgot Password for Guest Use Case. 5 Login for Guest Use Case.

6 View List of Events for Guest, User Use Case. 7 View Hospital Detail for Guest,User Use Case. 8 Request for cooperation for Guest,User Use Case. 9 Search event for Guest,User Use Case.

10 Filter event for Guest,User Use Case. 11 View a route on a map for Guest,User Use Case. 12 Logout for User/ Hospital/ Admin Use Case. 13 Register Event for User Use Case.

14 Edit Profile for User/ Hospital/ Admin Use Case. 15 View Blood Donation History for User Use Case. 16 View appointment schedule for User Use Case. 17 Change Schedule for User Use Case.

18 Cancel Schedule for User Use Case. 19 Reset Password for User/ Hospital/ Admin Use Case. 20 View and download certificate for User Use Case. 21 View Reward for User Use Case.

22 View List of Event for Hospital/ Admin Use Case. 23 Add New Event for Hospital Use Case. 24 Edit Event for Hospital Use Case. 25 Close Event for Hospital Use Case.

26 View the list of registrants for each event for Hospital Use Case. 27 Update user Status for Hospital Use Case. 28 Export to excel for Hospital Use Case. 29 View statistics for each event organized by itself for Hospital Use Case.

30 View List of Accounts forAdmin Use Case. 31 Add New Account for Admin Use Case. 32 Edit account for Admin Use Case. 33 Close Account for Admin Use Case.

34 View of List Hospital for Admin Use Case. 35 Add New Hospital for Admin Use Case. 36 Edit Hospital for Admin Use Case. 37 View statistics for Admin Use Case.

38 Approve cooperation request for Admin Use Case. 39 Non-functional requirements. 7 User interface for Guest. 8 User interface for User.

9 User interface for Hospital. 10 User interface for Admin. 11 Screen Guest Login description. 12 Screen Guest Sign Up description.

13 Screen Forgot Password description. 14 Screen Guest / User Reset Password description. 15 Screen Header description. 16 Screen Footer description.

17 Screen Guest / User Event Page description. 18 Screen Guest / User Collaborator Hospital Page description. 19 Screen Detail Hospital Page description. 20 Screen Detail Profile description.

21 Screen Edit Profile description. 22 Screen Modal Edit Information description .