Xây dựng ứng dụng hỗ trợ chăm sóc sức khỏe trẻ em

ĐẠI HỌC QUỐC GIA TP 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 ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG HỖ TRỢ CHĂM SÓC EM BÉ Giảng viên hướng dẫn: Ths Trần Anh Dũng Sinh viên thực hiện: Nguyễn Minh Thắng 18521396 Bùi Trọng Khánh Duy 18520654 Tp Hồ Chí Minh, tháng 12 năm 2021 TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT MINH NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày    tháng    năm 2021 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên Đồ án: Xây dựng ứng dụng hỗ trợ chăm sóc sức khỏe trẻ em.  Nhóm sinh viên thực hiện: Cán hướng dẫn: NGUYỄN MINH THẮNG 18521396 THS TRẦN ANH DŨNG BÙI TRỌNG KHÁNH DUY  18520654 Đánh giá Đồ án: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: ●   ● Về chương trình ứng dụng: ● Về thái độ làm việc sinh viên: ● Đánh giá chung: Điểm sinh viên: NGUYỄN MINH THẮNG: ……… /10 BÙI TRỌNG KHÁNH DUY: ……… /10 Người nhận xét (Ký ghi rõ họ tên) TRẦN ANH DŨNG LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để hồn thành Đồ án Chúng em xin gửi lời cảm ơn chân thành đến thầy TRẦN ANH DŨNG quan tâm hướng dẫn truyền đạt kiến thức kinh nghiệm cho chúng em suốt thời gian học tập môn Đồ án Cuối cùng, chúng em xin gửi lời cảm ơn đến tất thầy cô khoa bạn bè bên cạnh, bảo, truyền đạt động viên chúng em Trong q trình làm tập mơn khơng tránh khỏi sai sót, chúng em mong nhận góp ý quý thầy bạn để hoàn thiện Chúng em xin chân thành cảm ơn ĐẠI HỌC QUỐC GIA TP HỒ CHÍ CỘNG HỊA XÃ HỘI CHỦ NGHĨA MINH VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN   TP HCM, ngày… tháng … năm 2021 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng Chăm sóc sức khỏe em bé TÊN ĐỀ TÀI (TIẾNG ANH): Building BabyCare application Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 09/10/2021 đến ngày 30/12/2021 Sinh viên thực hiện: Bùi Trọng Khánh Duy – 18520654 Nguyễn Minh Thắng – 18521396 Nội dung đề tài  Lý chọn đề tài:  Ở sống thành thị tại, có nhiều gia đình vừa phải làm vất vả ngày, vừa phải chăm lo cho họ Những bậc bố mẹ trẻ tuổi vấp phải nhiều khó khăn việc chăm sóc làm việc từ sáng đến chiều cơng ty, có buổi tối dành thời gian ỏi ngày để chăm sóc Vì nên quan tâm dinh dưỡng, thể chất người tiêm phòng cho hời hợt qua loa Sau thời gian tìm hiểu cân nhắc, nhóm thấy vấn đề mang tính thực tế thiết yếu, nên chọn vấn đề để nghiên cứu phát triển môn học Mục tiêu: Trở thành trợ thủ đắc lực giúp bậc bố mẹ kiểm sốt chăm sóc cho cái, làm chủ thời gian Thơng qua người sử dụng app ghi lại tồn phát triển để cung cấp cho bác sĩ bé có bị bệnh hay gặp phải vấn đề dinh dưỡng Phạm vi: Phạm vi môi trường: Di động chạy hệ điều hành android.  Phạm vi chức năng:  -      Chức Tạo số em bé -      Chức Theo dõi, cập nhật đưa thơng báo tình trạng Chỉ số khối thể trẻ -      Chức Theo dõi, cập nhật đưa thơng báo tình trạng Chỉ số dinh dưỡng trẻ -      Chức Đưa gợi ý thực phẩm theo tình trạng dinh dưỡng -      Chức Đưa gợi ý thực đơn hàng tuần theo tình trạng dinh dưỡng -      Chức Theo dõi số dinh dưỡng qua thức ăn ngày qua   Đối tượng sử dụng:  -       Nhóm đối tượng chủ yếu phần mềm bậc phụ huynh có nhỏ tuổi, hay người chăm sóc trẻ nhỏ độ tuổi từ lúc sinh đến tuổi -       Những người chăm sóc trẻ nhỏ hay bậc phụ huynh thành thị, khơng có thời gian ghi nhớ dinh dưỡng cung cấp cho con, hay lịch sử tiên phịng Đối với đối tượng này, họ cần ứng dụng giúp họ ghi nhớ giúp đỡ họ việc chăm sóc Phương pháp thực hiện:  Trước vào nghiên cứu chi tiết cụ thể, nhóm em lên kế hoạch tìm hiểu nhiều ứng dụng có sẵn thị trường Các ứng dụng đa số mẻ, chủ yếu đáp ứng nhu cầu chăm sóc dinh dưỡng thể cho người từ tuổi trở lên Chính để tạo khác biệt đáp ứng nhu cầu chăm sóc cần thiết cho trẻ em tuổi, nhóm chúng em nghiên cứu tạo ứng dụng làm điều Nhóm em thực đề tài ngôn ngữ Dart với cơng nghệ ứng dụng Flutter Nhóm em tuân theo quy chuẩn phát triển phần mềm làm hồn thiện phần mềm thơng qua bước sau: Bước 1: Nhóm tiến hành khảo sát người dùng chi tiết, thu thập nhu cầu người dùng khó khăn người dùng chưa có phần mềm Bước 2: Nhóm nghiên cứu sản phẩm có sẵn thị trường xem có đáp ứng nhu cầu thực khơng, khó khăn phần mềm Bước 3: Nhóm phân tích đặc tả phần mềm theo mơ hình có sẵn phát triển phần mềm Vẽ UseCase cho chức WorkFlow để nhóm thực Bước 4: Nhóm thiết kế sở liệu chọn phương pháp thực sở liệu Bước 5: Thiết kế sơ chức phần mềm tương lai Bước 6: Nhóm lựa chọn ngơn ngữ lập trình để thực phần mềm nhóm thành sản phẩm Qua hội ý, họp hành, nhóm định chọn sử dụng ngôn ngữ dễ học tiện lợi Dart thông qua Cross platform Flutter để thực việc lập trình Bước 7: Nhóm thiết kế Giao diện cho ứng dụng ứng dụng hỗ trợ thiết kế figma Bước 8: Nhóm tiến hành cài đặt hồn thiện cho phần mềm Bước 9: Nhóm tiến hành sửa chữa lỗi nâng cấp số chức có phần mềm Bước 10: Nhóm hồn thành phần mềm tài liệu báo cáo Nền tảng công nghệ:  -       Backend: Firebase, Dart.  -       Database: Firebase.  -       Flutter/Dart Kết mong đợi:  -         Hoàn thiện đầy đủ chức -         Giao diện đẹp mắt, dễ sử dụng Hướng phát triển đề tài: - Áp dụng cơng nghệ VR/AR vào chăm sóc em bé - Chat center với công nghệ AI BigData để cung cấp lời khuyên tư vấn chăm sóc em bé - Streaming, lưu trữ video trực tuyến, phục vụ nhu cầu chia sẻ kinh nghiệm chăm sóc em bé Kế hoạch làm việc: Thời gian thực từ ngày 15/10/2021 đến ngày 30/12/2021 Nhóm chia thành giai đoạn cụ thể: Giai đoạn 1: Hoàn thiện chức Giai đoạn gồm sprint: Thời gian: 15/10/2021 – 25/11/2021 Sprint 1: Tìm hiểu cơng nghệ Sprint 2: Phân tích yêu cầu chức năng, xây dựng CSDL, RESTful API, wireframe giao diện Sprint 3: Xây dựng phát triển ứng dụng để thực Chức Tạo số em bé, Chức Theo dõi, cập nhật đưa thông báo tình trạng BMI trẻ, Chức Theo dõi, cập nhật đưa thơng báo tình trạng số dinh dưỡng trẻ Sprint  Thời gian  Công việc  Sprint 15/10/2021 – - Tìm hiểu cơng nghệ: ngơn ngữ Dart, 1  20/10/2021  framework Flutter, công nghệ Firebase.  - Khảo sát ứng dụng liên quan.  Sprint 2  20/10/2021 – 01/11/2021 - Phân tích, đặc tả yêu cầu chức năng  - Xây dựng CSDL RESTful API  - UI Kit, Wireframe, High fidelity giao diện cho ứng dụng.  - Nghiên cứu, xây dựng kiến trúc lập trình áp dụng cho source code dự án - Tìm hiểu cơng nghệ: ngơn ngữ Dart, framework Flutter, cơng nghệ Firebase.  10 Hình 4.29: Màn hình đăng nhập 4.3.3 Màn hình Đăng ký tài khoản Đây Màn hình Đăng ký tài khoản ứng dụng, cho phép người dùng điền Tên người dùng, Email Mật để tạo tài khoản đăng nhập vào hệ thống Người dùng nhấn vào nút Sign Up để thực thao tác Đăng ký tài khoản Đăng nhập vào ứng dụng, nhấn vào nút Back để quay lại Màn hình Đăng nhập 101 Hình 4.30: Màn hình Đăng ký 4.3.4 Màn hình Trang chủ Đây Màn hình Trang chủ ứng dụng, hệ thống hiển thị interface em bé mà tài khoản sở hữu Người dùng nhấn vào interface em bé để thực thao tác Hiển thị thơng tin chung em bé 102 Hình 4.31, 4.32: Màn hình Trang chủ 4.3.5 Màn hình Khởi tạo em bé Đây Màn hình Khởi tạo em bé ứng dụng, cho phép người dùng nhập vào thơng tin cần thiết Giới tính, Tên, Ngày sinh, Ảnh hiển thị để hệ thống tạo lưu trữ thơng em bé Với hình, người dùng nhấn vào nút Next chuyển sang hình theo thứ tự bên dưới, nhấn vào nút Back để chuyển 103 hình trước Ở hình cuối cùng, người dùng nhấn vào nút Next chuyển Màn hình Trang chủ 104 Hình 4.33, 4.34, 4.35, 4.36: Màn hình Khởi tạo em bé 4.3.6 Màn hình Hiển thị thơng tin chung Đây Màn hình Hiển thị thơng tin chung em bé ứng dụng, hiển thị tồn thơng tin liên quan mà người dùng cần theo dõi Người dùng nhấn vào nút Update bảng Body Mass Index để thực thao tác Cập nhật BMI, nhấn vào nút Update bảng Nutrition Index để thực thao tác Cập nhật Lượng thức ăn tiêu thụ, nhấn vào nút Meal Suggestion để thực thao tác Xem thức ăn gợi ý, nhấn vào nút Back để quay hình trước 105 106 107 Hình 4.37, 4.38, 4.39, 4.40, 4.41: Màn hình Hiển thị thơng tin chung 4.3.7 Màn hình Hiển thị, Cập nhật Thơng báo tình trạng BMI Đây Màn hình Hiển thị, Cập nhật Thơng báo tình trạng BMI em bé ứng dụng, hiển thị cho người dùng thông tin Chỉ số khối thể trẻ cho phép người dùng cập nhật thông tin BMI Người dùng kéo thả trượt hình để điền số BMI tăng thêm trẻ, nhấn vào nút Save để thực thao tác Cập nhật BMI, nhấn vào nút Back để quay hình trước 108 Hình 4.42: Màn hình Hiển thị, Cập nhật, Thơng báo tình trạng BMI 4.3.8 Màn hình Hiển thị, Cập nhật Thơng báo tình trạng NI Đây Màn hình Hiển thị, Cập nhật Thơng báo tình trạng dinh dưỡng em bé ứng dụng, hiển thị cho người dùng thông tin Chỉ số dinh dưỡng trẻ cho phép người dùng cập nhật thông tin Lượng thức ăn tiêu thụ Người dùng kéo thả trượt hình để điền lượng thức ăn tiêu thụ trẻ, nhấn vào nút Save để thực thao tác Cập nhật NI, nhấn vào nút Back để quay hình trước 109 Hình 4.43, 4.44: Màn hình Hiển thị, Cập nhật Thơng báo tình trạng NI 4.3.9 Màn hình Gợi ý bữa ăn Đây Màn hình Gợi ý bữa ăn ứng dụng, hiển thị cho người dùng thơng tin số dinh dưỡng cịn thiếu trẻ thực phẩm có bổ sung cho chất chất bị thiếu Người dùng nhấn vào nút Update Nutrition Index để thực thao tác Cập nhật Lượng thức ăn tiêu thụ, nhấn vào nút Meal history để thực thao tác Xem Thống kê bữa ăn, nhấn vào nút Week Plan để thực thao tác Xem Kế hoạch bữa ăn tiếp theo, nhấn vào nút Back để quay lại hình trước 110 Hình 4.45, 4.46: Màn hình Gợi ý bữa ăn 4.3.10 Màn hình Thống kê bữa ăn Đây Màn hình Thống kê bữa ăn ứng dụng, hiển thị cho người dùng chi tiết bữa ăn mà hệ thống ghi nhận người dùng qua bước Cập nhật Lượng thức ăn tiêu thụ Người dùng nhấn vào nút Back để quay hình trước 111 Hình 4.47 Màn hình Thống kê bữa ăn 4.3.11 Màn hình Xem kế hoạch bữa ăn Đây Màn hình Xem kế hoạch bữa ăn ứng dụng, hiển thị cho người dùng chi tiết bữa ăn mà hệ thống lên kế hoạch để cân dinh dưỡng trẻ Người dùng nhấn vào nút Back để quay hình trước 112 Hình 4.48: Màn hình Xem kế hoạch bữa ăn 113 Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN: 5.1 Kết thu ● Bước đầu vận dụng thành công Flutter vào phát triển đồ án môn học ● Sử dụng Firebase làm sở liệu ● Xác định rõ bậc bố mẹ hay người chăm sóc trẻ đối tượng chủ yếu ứng dụng phần mềm ● Những bước nhóm lên ý tưởng lập kế hoạch cho design pattern cách chi tiết từ phát triển phần mềm theo hướng UI/UX đẹp mắt ● Nhóm hồn gần hoàn chỉnh phần giao diện người dùng nhỏ back-end nhờ vào hướng dẫn thầy 5.2 Khó khăn ● Việc thực chức phía back-end khó để thiết lập kết nối với front-end ● Bố cục code thiếu kinh nghiệm xếp quản lý ● Khó khăn việc tìm hiểu firebase để kết nối sở liệu 5.3 Phương hướng phát triển ● Hoàn thiện sở liệu chức back-end ● Cải thiện tốc độ xử lý, hướng tới trải nghiệm mượt mà ● Thêm tính gợi ý dinh dưỡng cụ thể loại thức ăn ● Thêm chức gợi ý địa điểm tiêm phòng kèm với dẫn đường đến địa điểm ● Vận dụng công nghệ để mang lại nhiều chức thiết thực hữu ích 114 TÀI LIỆU THAM KHẢO - https://pub.dev/ - https://github.com/flutter/samples - https://flutter.dev/docs - https://stackoverflow.com/ - https://youtube.com/ - https://firebase.google.com/ - https://www.figma.com/resources/learn-design/ - https://viblo.asia/ - https://medium.com/ Link Github đồ án: https://github.com/Thangnguyen11/Baby-Care.git Link Design đồ án: https://www.figma.com/file/cN3PIMcaM9optmsiz620lE/Baby-Care-Simulator?node-id= 1122%3A160 115 ... ngày    tháng    năm 2021 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên Đồ án: Xây dựng ứng dụng hỗ trợ chăm sóc sức khỏe trẻ em.   Nhóm sinh viên thực hiện: Cán hướng dẫn: NGUYỄN MINH THẮNG 18521396... đáp ứng nhu cầu chăm sóc dinh dưỡng thể cho người từ tuổi trở lên Chính để tạo khác biệt đáp ứng nhu cầu chăm sóc cần thiết cho trẻ em tuổi, nhóm chúng em nghiên cứu tạo ứng dụng làm điều Nhóm em. .. biệt đáp ứng nhu cầu chăm sóc cần thiết cho trẻ em tuổi, nhóm chúng em nghiên cứu tạo ứng dụng làm điều ● Nhóm em thực đề tài ngôn ngữ Dart với công nghệ ứng dụng Flutter ● Nhóm em tuân theo quy