Bài tập lớn lập trình ứng dụng NCOVI có Backend, Souce code và báo cáo

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG NCOVI
Giảng viên:
Nhóm môn học:
Nhóm BTL:
Thành viên:

Nguyễn Hoàng Anh
01
6
Phan Văn Khải
Phạm Minh Đức Phạm Ngọc Ánh Nguyễn Tiến Công-

B16DCCN188
B16DCCN084
B16DCCN020
B16DCCN036


Menu


Danh sách hình ảnh


Bảng phân công công việc:
Thành viên
Công việc
Phan Văn Khải

Code:
+ Notification
+ Đăng nhập facebook, google.
+ Màn hình Home
Tham gia viết báo cáo
Phạm Minh Đức
Code:
+ Back end
+ Màn hình đăng nhập, đăng ký, thay đổi thông tin cá
nhân
Tham gia viết báo cáo
Nguyễn Tiến Công
Code:
+ Khai báo y tế
+ Màn hình danh mục
Viết báo cáo
Phạm Ngọc Ánh
Code:
+ Màn hình phản ảnh y tế
+ Đổi mật khẩu
Làm slide.


CHƯƠNG I . PHÂN TÍCH YÊU CẦU
1.1. Giới thiệu về ứng dụng
Đại dịch covid-19 đang bùng phát trên toàn cầu nói chung và Việt
Nam nói riêng. Hiện tại công tác phòng dịch và chống dịch đang được
triển khai rất khẩn trương trên phạm vi toàn cầu. Số bệnh nhân mắc bệnh
ngày càng tăng theo cấp số nhân. Mỗi tổ chức và cá nhân nên có ý thức
phòng dịch và chống dịch, để có thể tự bảo vệ bản thân và gia đình, xã

hội.
Nắm bắt được tình hình khẩn cấp này, nhóm đã phát triển ứng dụng
NCOVI dựa trên phiên bản gốc của bộ Y tế Việt Nam nhằm cung cấp cho
người dùng con số người bệnh mắc chính xác, cập nhật tình hình dịch
bệnh trên toàn thế giới và giúp khai báo y tế cho công dân Việt Nam
1.2. Phân tích yêu cầu

Các chức năng xây dựng cho ứng dụng
• Đăng ký.
• Đăng nhập.
• Cập nhập số ca nhiễm, tử vong và khỏi bệnh ở Việt Nam và
toàn thế giới.
• Xem cảnh báo khu vực có dịch.
• Tạo lịch sử theo dõi sức khoẻ cho cá nhân.
• Phản ánh và khai báo tiếp xúc với cơ quan chức năng.
• Quản lý thông tin cá nhân.
•


CHƯƠNG II. PHÂN TÍCH THIẾT KẾ
2.1. Phân tích thiết kế tổng quan
Hệ thống được chia làm 2 phần chính : Server và App
• Server : Cung cấp các api, database mà người dùng sẽ sử dụng
để truy xuất
• App : Cung cấp các giao diện tương tác trực tiếp với người
dùng.
Người dùng sẽ thông qua App gọi lên Server để lấy dữ liệu và kết quả
mong muốn.
2.2. Phân tích thiết kế chi tiết
a, Usecase tổng quát của hệ thống

Các Usecase: Đăng nhập, đăng xuất, đăng ký, khai báo y tế, phản ánh
thông tin, xem thông tin về dịch bệnh, sửa thông tin cá nhân, thêm
thông tin cá nhân , xóa thông tin cá nhân.

Hình 1: Biểu đồ Usecase
b, Biểu đồ lớp
Các lớp cần thiết cho ứng dụng: User, Account, Reflection, Role,
Health_monitor, Notification.


Hình 2: Biểu đồ class
c, Biểu đồ cơ sở dữ liệu

Hình 3:: Biểu đồ cơ sở dữ liệu


d, Biểu đồ usecase chi tiết
i.
Đăng nhập

Hình 4: Usecase đăng nhập
ii.

Đăng ký

Hình 5: Biểu đồ Usecase đăng ký

iii.

Theo dõi dịch bệnh theo thông số

Hình 6: Usecase dịch bệnh theo thông số
iv.

Theo dõi dịch bệnh theo khu vực


Hình 7: Biểu đồ Usecase dịch bệnh theo khu vực(MAP)
v.

Khai báo y tế

Hình 8: Biểu đồ Usecase khai báo y tế
vi.

Phản ánh y tế

Hình 9: Biểu đồ Usecase phản ánh y tế
vii.

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

Hình 10: Biểu đồ Usecase cập nhật thông tin cá nhân
e, Biều đồ tuần tự
i.

Đăng nhập với Facebook


Hình 11: Biểu đồ tuần tự đăng nhập với facebook

ii.

Đăng nhập với google

Hình 12: Biểu đồ tuần tự đăng nhập với google
iii.

Đăng ký


Hình 13: Biểu đồ tuần tự đăng ký
Theo dõi tình hình dịch

iv.

Hình 14: Biểu đồ tuần tự tình hình dịch bệnh theo thống kê
v.

Thông tin dịch theo khu vực .


Hình 15: Biểu đồ tuần tự thông tin dịch bện theo khu vực
vi.

Khai báo sức khoẻ, theo dõi

Hình 16: Biểu đồ tuần tự khai báo y tế


vii.

Phản ánh

Hình 17: Biểu đồ tuần tự phản ánh y tế
viii.

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

Hình 18: Biểu đồ tuần tự cập nhật thông tin cá nhân


CHƯƠNG III. KẾT QUẢ
3.1. Kiến trúc ứng dụng

Hình 19: Biểu đồ triển khai ứng dụng
3.2.

Cài đặt và triển khai ứng dụng
•

•
•
•
•

3.3.

Back-end :
o IDE : Eclipse
o Framework : SpringBoot

App : IDE Android Studio
Database : MariaDB
Test API : Postman
Ứng dụng liên kết : Facebook, Google, Firebase Cloud Message

Kết quả đã thực hiện được
a Tính năng của ứng dụng :
Ứng dụng đã thực hiện được các tính năng cơ bản
o Đăng ký.
o Đăng nhập /Đăng xuất
o Kết nối tài khoản xã hội
o Thông báo theo tình hình dịch
o Theo dõi thông tin dịch bệnh theo thông số
o Theo dõi thông tin dịch bệnh theo biểu đồ
o Theo dõi thông tin dịch bệnh theo vị trí trên bản đồ
o Khai báo y tế
o Phản ánh y tế


Quản lý tài khoản
Liên kết với fanpage và gmail
Thay đổi mật khẩu
Đăng xuất
Triển khai hệ thống/kết quả thử nghiệm
o
o
o
o

b

i.

Triển khai hệ thống
Cài đặt biến môi trường JDK và Maven:

Hình 20: Cài đặt môi trường
ii.
iii.

Tải eclipse trên trang chủ eclipse và cài đặt:
/>Tải môi trường Spring Framework: Help -> Eclipse Marketplace -> Nhập
Spring Tool Suite và click tiem kiếm -> install .


Hình 21: Cài đặt String boot
Khởi tạo project Ncovi-backend bằng eclipse: File -> New -> Other ->
Spring Boots-> Spring Started Project.


Hình 22: Khởi tạo ứng dụng
iv.

Import các library vào thư viện thông qua filw pom.xml:


Hình 23: Thêm thư viện
v.

Kết nối database bằng Spring JPA, kết nối các biến môi trường developer

của facebook, google qua file application.properties


Hình 24: Kết nối với database
vi.

Code dự án Ncovi trong pakage src/main/java. Cấu trúc project như sau:


Hình 25: Cấu trúc dự án
vii.

Build project bằng maven: click chuột phải vào project -> Run As ->
Maven Build. Kết quả build project như rtong hình sau:


Hình 26: Chạy project
viii.

Run project: Mở file NcoviHdvApplication , click chuột phải -> Run As
-> Spring Boot App. Kết quả sau khi run như hình sau.

Hình 27: Chạy project thành công
Kết quả thử nghiệm


i.

Chức năng đăng nhập/Đăng ký

Hình 28: Giao diện đăng nhập đăng ký
ii.

Theo dõi dịch bệnh

Hình 29: Giao diện Home
iii.

Khai báo y tế


Hình 30: Giao diện sức khoẻ
iv.

Phản ánh thông tin.

Hình 31: Giao diện phản ánh
v.

Quản lý tài khoản


Hình 32: Giao diện thông tin cá nhân
vi.

Đổi mật khẩu

Hình 33: Giao diện đổi mật khẩu