ỨNG DỤNG THEO dõi và QUẢN lý sức KHỎE cá NHÂN (đồ án SE121 l21 PMCL)

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN MÔN HỌC ĐỒ ÁN ĐỀ TÀI: ỨNG DỤNG THEO DÕI VÀ QUẢN LÝ SỨC KHỎE CÁ NHÂN Giáo viên hướng dẫn: Ths Trần Anh Dũng Nhóm sinh viên thực hiện: Trương Bá Cường Trương Nhật Tiến 18520013 18521494 TP Hồ Chí Minh, 30/06/2021 Chương TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài 1.2 Đối tượng nghiên cứu 1.3 Phương pháp nghiên cứu 1.4 Nhiệm vụ đề tài CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Tổng quan Flutter 2.1.1 Khái niệm 2.1.2 Kiến trúc Flutter 2.2 Tổng quan Dart 2.2.1 Khái niệm 2.2.2 Đặc điểm 2.3 Tổng quan Firebase 11 2.3.1 Khái niệm 11 2.3.2 Lịch sử phát triển 11 2.3.3 Cách thức hoạt động 11 CHƯƠNG PHÂN TÍCH YÊU CẦU 14 3.1 Quy trình sử dụng chức hệ thống 3.1.1 Đăng nhập 14 14 3.1.1.1 Đăng nhập Facebook 14 3.1.1.2 Đăng nhập tài khoản Google 14 3.1.2 Quản lý thông tin tài khoản 14 3.1.3 Quản lý thơng tin sức khỏe 14 3.1.4 Tìm kiếm thơng tin bệnh 15 3.2 Đặc tả yêu cầu 15 3.2.1 Danh sách yêu cầu hệ thống 15 3.2.2 Phân tích yêu cầu hệ thống 16 3.2.2.1 Đăng nhập 16 3.2.2.2 Quản lý thông tin cá nhân 16 3.2.2.3 Quản lý số huyết áp 16 3.2.2.4 Quản lý số nhu cầu nước 16 3.2.2.5 Quản lý số nhịp tim 17 3.2.2.6 Quản lý số đường huyết 17 3.2.2.7 Tìm kiếm thơng tin bệnh 17 3.3 Thiết kế liệu 17 3.1.2 Chi tiết bảng liệu 18 3.1.2.1 Bảng Users 18 3.1.2.2 Bảng Blood Pressure 18 3.1.2.3 Bảng Blood Sugar 19 3.1.2.4 Bảng Heart Rate 19 3.1.2.5 Bảng Water 20 3.1.2.6 Bảng Diseases 20 CHƯƠNG HIỆN THỰC HỆ THỐNG 21 4.1 Sơ đồ use-case 21 4.1.1 Danh sách use-case 21 4.1.2 Đặc tả use case 21 4.1.2.1 Use case quản lý thông tin cá nhân 21 4.1.2.2 Use case đăng nhập 23 4.1.2.3 Use case nhập thông tin sức khỏe 24 4.1.2.4 Use case sửa thông tin sức khỏe 26 4.1.2.5 Use case tìm kiếm bệnh 28 4.2 Sơ đồ 29 4.2.1 Sơ đồ Quản lí thơng tin cá nhân 29 4.2.2 Sơ đồ Đăng nhập 30 4.2.3 Sơ đồ Nhập thông tin sức khỏe 31 4.2.4 Sơ đồ Sửa thông tin sức khỏe 32 4.2.5 Sơ đồ Tìm kiếm bệnh 33 4.3 Thiết kế giao diện 33 4.3.1 Danh sách hình 33 4.3.2.1 Đăng nhập 35 4.3.2.2 Thông tin cá nhân 36 4.3.2.3 Chỉ số huyết áp 37 4.3.2.4 Chỉ số nhu cầu nước 39 4.3.2.5 Chỉ số nhịp tim 40 4.3.2.6 Chỉ số đường huyết 42 4.3.2.7 Tìm kiếm bệnh 44 4.3.2.8 Kết tìm kiếm bệnh 46 CHƯƠNG KẾT LUẬN 48 5.1 Đánh giá 48 5.1.1 Thuận lợi 48 5.1.2 Khó khăn 48 5.2 Kết đạt 48 5.2.1 Ưu điểm 48 5.2.2 Nhược điểm 48 5.3 Hướng phát triển 49 Chương TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài Ngày nay, đời sống kinh tế người tăng cao khiến cho nhu cầu chăm sóc sức khỏe tăng theo Các dịch vụ y tế phải nâng cao chất lượng, mở rộng quy mơ, hình thức để đáp ứng nhu cầu người dân Trong bối cảnh xã hội ngày phát triển, việc áp dụng cơng nghệ lĩnh vực y tế khơng cịn xa lạ Thơng qua thời gian tìm hiểu báo, sách tin tức trực tuyến, nhóm chúng em nhận thấy nhu cầu sau cho việc theo dõi cảnh báo sức khỏe: Thứ nhất, người dùng mong muốn theo dõi số sức khỏe mình, từ có đánh giá theo chuyên gia Thứ hai, thông tin bệnh mơ tả, triệu chứng, tin tức bệnh người dùng phần lớn quan tâm Thỏa theo nhu cầu đó, nhóm chúng em định xây dựng ứng dụng điện thoại di động nhằm giúp người dùng việc theo dõi sức khỏe cá nhân 1.2 Đối tượng nghiên cứu ● Các cơng nghệ: ○ Android Studio ○ Flutter ○ Firebase ● Đối tượng hướng đến: ○ Phần lớn người trung niên, người lớn tuổi số người trẻ có nhu cầu theo dõi sức khỏe thân 1.3 Phương pháp nghiên cứu Nhóm sử dụng phương pháp: - Đọc tài liệu - Phân tích ứng dụng có 1.4 Nhiệm vụ đề tài Để tài “Ứng dụng theo dõi cảnh báo sức khỏe” ứng dụng chạy điện thoại · Ứng dụng dành cho Người dùng: o Đăng nhập: đăng nhập tài khoản Google, Facebook o Quản lý huyết áp, đường huyết, nhu cầu nước, nhịp tim cho người dùng o Lưu trữ thông tin thuốc, bệnh cho người dùng tra cứu o Cảnh báo tình trạng sức khỏe o Chỉnh sửa thông tin cá nhân Ø Mục tiêu đề tài là: § Tìm hiểu cách xây dựng ứng dụng điện thoại di động § Xây dựng thành cơng ứng dụng giúp theo dõi sức khỏe cảnh báo cho người dùng CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Tổng quan Flutter 2.1.1 Khái niệm Flutter UI Framework mã nguồn mở miễn phí phát triển ứng dụng đa tảng dành cho di động, tạo Google phát hành vào tháng năm 2017 Flutter gồm thành phần quan trọng: Một SDK (Software Development Kit): Một sưu tập công cụ giúp bạn phát triển ứng dụng Điều bao gồm công cụ để biên dịch mã bạn thành mã máy gốc (mã cho iOS Android) Một Framework (UI Library based on widgets): Một tập hợp thành phần UI tái sử dụng (button, text inputs, slider, ) giúp bạn cá nhân hóa tùy theo nhu cầu riêng 2.1.2 Kiến trúc Flutter Flutter xây dựng với C/C++, Dart, Skia (2D rendering engine), Flutter compile toàn code trực tiếp thành code ARM x86 từ dễ dàng sử dụng GPU thiết bị gọi API native dễ dàng Flutter cung cấp widgets (bao gồm Material Design Cupertino (IOS styled) widgets), quản lý render Flutter’s framework engine Flutter cịn tích hợp animation, rendering, widgets, gestures vào framework để lập trình viên tinh chỉnh giao diện đến tận pixel với hiệu cực tốt Nhờ vậy, Với Flutter, khơng có giới hạn giao diện Kiến trúc Flutter ➢ Ưu điểm - Phát triển ứng dụng nhanh chóng: Giống nhiều cross-platform framework khác, Flutter giúp phát triển ứng dụng nhanh Sử dụng single code-base Flutter, bạn khởi chạy ứng dụng nhiều tảng - UI đẹp biểu cảm: Thỏa mãn người dùng bạn với widget built-in đẹp mắt theo Material Design Cupertino (iOS-flavor), API chuyển động phong phú, scroll tự nhiên mượt mà tự nhận thức tảng - Truy cập tính SDK native: Làm cho ứng dụng trở nên sống động với API platform, SDK bên thứ ba native code Nó cho phép sử dụng lại mã Java, Swift ObjC mình, truy cập tính SDK native iOS Android - Phát triển ứng dụng thống nhất: Flutter có cơng cụ thư viện để giúp bạn dễ dàng đưa ý tưởng vào sống iOS Android Nếu bạn chưa có kinh nghiệm phát triển thiết bị di động, Flutter cách dễ dàng nhanh chóng để xây dựng ứng dụng di động tuyệt đẹp - Tính hot reload: Tính hot-reload Flutter tính mang tính cách mạng giúp khác biệt với tất đối thủ cạnh tranh Sử dụng hot reload, nhà phát triển thay đổi mã nhìn thấy chúng thời gian chạy xem trước ứng dụng Không cần phải biên dịch lại code lần 2.2 Tổng quan Dart 2.2.1 Khái niệm Dart ngôn ngữ lập trình đa mục đích phát triển Google sau Ecma (ECMA-408) phê chuẩn làm tiêu chuẩn Nó sử dụng để xây dựng ứng dụng web, server, máy tính để bàn thiết bị di động Dart ngôn ngữ hướng đối tượng, xác định theo lớp, với chế garbage-collected, sử dụng cú pháp kiểu C để dịch mã tùy ý sang JavaScript Nó hỗ trợ interface, mixin, abstract, generic, static typing sound type Dart ngôn ngữ mã nguồn mở miễn phí, phát triển GitHub 2.2.2 Đặc điểm - Hỗ trợ lập trình hướng đối tượng OOP - Hỗ trợ HTML DOM framework để bạn khai thác DOM đa trình duyệt - Hỗ trợ lập trình khơng đồng async - Hỗ trợ deferred loading từ Dart 1.6 Tính giúp bạn cải thiện hiệu suất khởi động ứng dụng khởi tạo package sử dụng ứng dụng bạn - Tích hợp với Polymer project để bạn xây dựng web components tái sử dụng lại ứng dụng khác tương lai - Tích hợp với Angular để bạn tạo ứng dụng web theo mơ hình MVC dễ dàng bảo trì, dễ kiểm thử clean code - Hỗ trợ thư viện toán học để bạn xây dựng ứng dụng game ứng dụng liên quan đến việc tính tốn - Hỗ trợ kiểu liệu phố biến số nguyên, chuỗi, số thực ➢ Ưu điểm Dart - Năng suất: Cú pháp Dart rõ ràng súc tích, cơng cụ đơn giản mạnh mẽ Type-safe giúp bạn xác định sớm lỗi tinh tế Dart có thư viện cốt lõi hệ sinh thái gồm hàng ngàn package - Nhanh: Dart cung cấp tối ưu hóa việc biên dịch trước thời hạn để có dự đoán hiệu suất cao khởi động nhanh thiết bị di động web - Di động: Dart biên dịch thành mã ARM x86, để ứng dụng di động Dart chạy tự nhiên iOS, Android Đối với ứng dụng web, chuyển mã từ Dart sang JavaScript - Dễ gần: Dart quen thuộc với nhiều nhà phát triển có, nhờ vào cú pháp định hướng đối tượng khơng gây ngạc nhiên Nếu bạn biết C++, C# Java, bạn làm việc hiệu với Dart sau vài ngày - Reactive Dart: phù hợp với lập trình Reactive, với hỗ trợ để quản lý đối tượng tồn thời gian ngắn, chẳng hạn widget UI, thông qua phân bổ đối tượng nhanh GC Dart hỗ trợ lập trình 10 Bảng danh sách thành phần hình đăng nhập STT Kiểu Mơ tả Button Đăng nhập vào hệ thống tài khoản google Button Đăng nhập vào hệ thống tài khoản facebook 4.3.2.2 Thơng tin cá nhân Màn hình thơng tin cá nhân 36 Bảng danh sách thành phần hình thơng tin cá nhân STT Kiểu Mơ tả Image Hình ảnh đại diện người dùng Button Chọn ảnh đại diện cho người dùng (có thể chụp ảnh, chọn ảnh thư viện) TextField Họ tên người dùng TextField Ngày sinh người dùng Toggle Button Giới tính người dùng 4.3.2.3 Chỉ số huyết áp Màn hình số huyết áp Bảng danh sách thành phần hình số huyết áp STT Kiểu Mô tả Button Quay lại hình 37 Text Tiêu đề hình Text Thơng tin số huyết áp tâm thu người dùng Text Thông tin số huyết áp tâm trương người dùng Button Hiện thông báo cập nhật số cuối SfLinearGauge Thanh đo số tâm thu SfLinearGauge Thanh đo số tâm trương Text Lời khuyên dành cho người dùng dựa số nhập vào Widget Lịch sử số gần người dùng 10 Text Tiêu đề thông báo thêm số 11 Text Tiêu đề thông báo cập nhật số cuối 12 TextField Nhận số tâm thu đầu vào cho thông báo thêm/cập nhật 13 TextField Nhận số tâm trương đầu vào cho thông báo thêm/cập nhật 14 TextButton Tắt thơng báo, quay lại hình số 15 TextButton Thêm số vừa nhập vào người dùng 16 TextButton Lưu số vừa nhập vào người dùng t 17 Button Hiện thông báo thêm số 38 4.3.2.4 Chỉ số nhu cầu nước Màn hình nhu cầu nước hàng ngày Bảng danh sách thành phần hình nhu cầu nước hàng ngày STT Kiểu Mơ tả Button Quay lại hình Text Tiêu đề hình Text Thơng tin cân nặng người dùng Text Chỉ số nhu cầu nước người dùng Button Hiện thông báo cập nhật số cuối Text Lời khuyên dành cho người dùng dựa số nhập vào Widget Lịch sử số gần người dùng Text Tiêu đề thông báo thêm số 39 Text Tiêu đề thông báo cập nhật số cuối 10 TextField Nhận số cân nặng đầu vào cho thông báo thêm/cập nhật 11 TextButton Tắt thông báo, quay lại hình số 12 TextButton Thêm số vừa nhập vào người dùng 13 TextButton Lưu số vừa nhập vào người dùng t 14 Button Hiện thông báo thêm số 4.3.2.5 Chỉ số nhịp tim Màn hình số nhịp tim Bảng danh sách thành phần hình số nhịp tim STT Kiểu Mô tả Button Quay lại hình 40 Text Tiêu đề hình Text Thơng tin số nhịp tim người dùng Button Hiện thông báo cập nhật số cuối SfLinearGauge Thanh đo số nhịp tim Text Lời khuyên dành cho người dùng dựa số nhập vào Widget Lịch sử số gần người dùng Text Tiêu đề thông báo thêm số Text Tiêu đề thông báo cập nhật số cuối 10 TextField Nhận số nhịp tim đầu vào cho thông báo thêm/cập nhật 11 TextButton Tắt thơng báo, quay lại hình số 12 TextButton Thêm số vừa nhập vào người dùng 13 TextButton Lưu số vừa nhập vào người dùng t 14 Button Hiện thông báo thêm số 41 4.3.2.6 Chỉ số đường huyết Màn hình số đường huyết Bảng danh sách thành phần hình số đường huyết STT Kiểu Mơ tả Button Quay lại hình Text Tiêu đề hình Text Thơng tin số đường huyết người dùng Text Thông tin trạng thái lúc đo người dùng Button Hiện thông báo cập nhật số cuối SfLinearGauge Thanh đo số huyết áp (tùy thuộc vào trạng thái lúc đo) Text Lời khuyên dành cho người dùng dựa số nhập vào Widget Lịch sử số gần người dùng 42 Text Tiêu đề thông báo thêm số 10 Text Tiêu đề thông báo cập nhật số cuối 11 TextField Nhận số đường huyết đầu vào cho thông báo thêm/cập nhật 12 RadioButtons Nhận thông tin trạng vào cho thông báo thêm/cập nhật, trạng thái chọn 13 TextButton Tắt thơng báo, quay lại hình số 14 TextButton Thêm số vừa nhập vào người dùng 15 TextButton Lưu số vừa nhập vào người dùng t 16 Button Hiện thông báo thêm số 43 4.3.2.7 Tìm kiếm bệnh Màn hình tìm kiếm bệnh 44 Bảng danh sách thành phần hình tìm kiếm bệnh STT Kiểu Mơ tả Text Thanh tìm kiếm Text Gợi ý tìm kiếm 45 4.3.2.8 Kết tìm kiếm bệnh Màn hình tìm kiếm bệnh Bảng danh sách thành phần hình tìm kiếm bệnh STT Kiểu Mô tả Text Mô tả thông tin bệnh 46 Text Triệu chứng bệnh Text Chuẩn đoán bệnh Text Cách điều trị bệnh 47 CHƯƠNG KẾT LUẬN 5.1 Đánh giá 5.1.1 Thuận lợi - Báo cáo tiến độ thực định kì tuần giúp cho tiến độ đồ án không bị chậm trễ - Các tài liệu công cụ thực đồ án có đầy đủ chi tiết mạng 5.1.2 Khó khăn - Mất nhiều thời gian để làm quen với ngôn ngữ, công cụ - Tìm kiếm tài liệu bệnh nhằm đưa thơng tin xác gặp nhiều khó khăn 5.2 Kết đạt 5.2.1 Ưu điểm - Hoàn thành yêu cầu đặt ban đầu, có đầy đủ tính cần thiết ứng dụng hỗ trợ theo dõi sức khỏe - Giao diện đơn giản, tươi sáng, người dùng dễ dàng theo tác ứng dụng - Tốc độ phản hồi thao tác nhanh, tối ưu hóa suất người dùng - Sinh viên thực nắm cách thức làm ứng dụng di động - Sinh viên nắm công nghệ phổ biến như: Flutter, Firebase 5.2.2 Nhược điểm Còn hạn chế số tính năng: 48 - Chưa tích hợp việc kết nối đến thiết bị thông minh để lấy thông tin sức khỏe - Chưa liên kết với bác sĩ - Cơ sở liệu thông tin bệnh chưa đầy đủu 5.3 Hướng phát triển - Xây dựng cộng đồng hỏi đáp vấn đề sức khỏe - Cho phép người dùng kết nối với bác sĩ uy tín - Tích hợp thiết bị thông minh để lấy số sức khỏe (vd: đồng hồ thơng mình) - Tối ưu hóa code để tăng tốc độ tương tác - Gợi ý ăn hoạt động phù hợp với tình trạng sức khỏe người dùng 49 ... cầu theo dõi sức khỏe thân 1.3 Phương pháp nghiên cứu Nhóm sử dụng phương pháp: - Đọc tài liệu - Phân tích ứng dụng có 1.4 Nhiệm vụ đề tài Để tài ? ?Ứng dụng theo dõi cảnh báo sức khỏe? ?? ứng dụng. .. 3.1.3 Quản lý thông tin sức khỏe B1: Người dùng chọn mục tiêu chí sức khỏe cần quản lý thông tin 14 B2: Hệ thống chuyển sang hình quản lý theo tiêu chí sức khỏe B3: Người dùng nhập số sức khỏe. .. báo tình trạng sức khỏe o Chỉnh sửa thơng tin cá nhân Ø Mục tiêu đề tài là: § Tìm hiểu cách xây dựng ứng dụng điện thoại di động § Xây dựng thành cơng ứng dụng giúp theo dõi sức khỏe cảnh báo