Xây dựng ứng dụng di động hỗ trợ dinh dưỡng với chat real time

Cơ sở lý thuyết & Công nghệ

Phân tích thiết kế hệ thống

Mô tả yêu cầu

Bảng 3-1 Yêu cầu chức năng

Nhóm chức năng Chức năng Mô tả

CHUNG Đăng ký tài khoản qua email Khách hàng đăng ký tài khoản bằng email để sử dụng ứng dụng. Đăng nhập tài khoản qua

Google email Khách hàng đăng nhập bằng tài khoản Google để sử dụng ứng dụng.

Quên mật khẩu Khách hàng thay đổi mật khẩu thông qua email đã đăng ký. Đăng xuất Khách hàng đăng xuất khỏi tài khoản sử dụng.

CHÍNH Đo chỉ số TDEE Ứng sẽ dựa trên các thông tin khách hàng cung cấp để đưa ra các chỉ số dinh dưỡng cho khách hàng

Tìm kiếm món ăn Khách hàng tìm kiếm món ăn để thêm vào nhật ký bữa ăn

Xem thông tin chi tiết món ăn Khách hàng xem được thông tin chi tiết của các món ăn Thêm món ăn vào nhật ký bữa ăn

Khách hàng thêm món ăn mong muốn vào nhật ký bữa ăn

Xóa món ăn khỏi nhật ký bữa ăn

Tra cứu món ăn bằng Barcode Khách hàng quét mã Barcode để thêm món ăn

Theo dõi tiến độ dinh dưỡng mỗi ngày Ứng dụng sẽ hỗ trợ khách hàng theo dõi tiến độ mục tiêu dinh dưỡng mỗi ngày Thay đổi các chỉ số cơ thể, mục tiêu

Khách hàng cập nhật các chỉ số cơ thể, mục tiêu Thêm các bài tập Khách hàng thêm các bài tập vào nhật ký.

Xóa các bài tập Khách hàng xóa các bài tập khỏi nhật ký.

Gửi nhận tin nhắn Khách hàng gửi nhận tin nhắn với chuyên gia dinh dưỡng

Mô hình Use-case

Hình 3-1 Use case tổng quát

Hình 3-2 Use case Đăng nhập

Hình 3-3 Use case Đăng xuất

3.2.1.4 Use case Quản lý nhật ký món ăn

Hình 3-4 Use case Quản lý nhật ký món ăn

3.2.1.5 Use case Quản lý bài tập

Hình 3-5 Use case Quản lý bài tập

Bảng 3-2 Danh sách các Actors

1 User Thực hiện các chức năng xây dựng thực đơn cho mình, quản lý và theo dõi sức khỏe, chat với chuyên gia dinh dưỡng

2 Chuyên gia dinh dưỡng Thực hiện các chức năng xây dựng thực đơn cho mình, quản lý và theo dõi sức khỏe, chat với người dùng

Use Case Name Use Case Đăng nhập

Description Là người dùng, tôi muốn đăng nhập vào để sử dụng chức năng ứng dụng

Actor(s) User, chuyên gia dinh dưỡng

Trigger Người dùng muốn đăng nhập vào ứng dụng

Pre Condition(s) Tài khoản người dùng đã được tạo sẵn

Tài khoản người dùng đã được phân quyền Thiết bị của người dùng có kết nối internet khi thực hiện đăng nhập

Post Condition(s) Người dùng đăng nhập ứng dụng thành công

Hệ thống ghi nhận người dùng đăng nhập thành công Basic Flow 1 Người dùng truy cập ứng dụng

2 Người dùng chọn phương thức đăng nhập bằng tải khoản

3.Người dùng nhập tài khoản và đăng nhập

4 Hệ thống xác thực thông tin đăng nhập thành công và cho phép người dùng truy cập ứng dụng

5 Hệ thống ghi nhận hoạt động đăng nhập thành công Alternative Flow 2a Người dùng chọn phương thức đăng nhập bằng

Google 2a.1 Hệ thống chuyển sang màn hình đăng nhập của Google

3a Người dùng nhập tài khoản Google và chọn lệnh đăng nhập

4a Google xác thực thông tin đăng nhập thành công và cho phép người dùng đăng nhập ứng dụng Use Case tiếp tục bước 5

Exception Flow 4b Hệ thống xác thực thông tin đăng nhập không thành công và hiển thị thông báo 4b.1 Người dụng thoát úng dụng Use Case dừng lại

4b.2 Người dụng chọn lấy lại mật khẩu Use Case tiếp tục Use Case UC-1.2 Non-Funtional

3.2.3.2 Use case Quên mật khẩu

Use Case Name Use Case Quên mật khẩu

Description Là người dùng, tôi muốn lấy lại mật khẩu tài khoản

Trigger Người dùng bấm vào mục quên mật khẩu

Pre Condition(s) Tài khoản người dùng đã được tạo sẵn

Tài khoản người dùng đã được phân quyền Thiết bị của người dùng có kết nối internet khi thực hiện quên mật khẩu

Post Condition(s) Người dùng lấy lại mật khẩu thành công

Hệ thống ghi nhận người dùng đổi mật khẩu thành công

Basic Flow 1 Người dùng truy cập ứng dụng

2 Người dùng bấm vào mục quên mật khẩu 3.Người dùng nhập tài khoản

4 Hệ thống yêu cầu nhập mã OTP để đổi mật khẩu5.Người dùng nhập đúng mã OTP để đổi mật khẩu mới

8 Người dùng nhập mật khẩu mới

9 Hệ thống hiển thị thông báo đổi mật khẩu thành công

Exception Flow 5a Người dùng nhập sai mã OTP

5a1 Hệ thống báo lỗi và hủy bỏ Use Case dừng lại

Use Case Name Use Case Đăng xuất

Description Là người dùng, tôi muốn đăng xuất để sử dụng tài khoản khác

Trigger Người dùng bấm vào nút đăng xuất ứng dụng

Pre Condition(s) Tài khoản người dùng đã được đăng nhập

Thiết bị của người dùng có kết nối internet khi thực hiện đăng nhập

Post Condition(s) Người dùng đăng xuất ứng dụng thành công

Hệ thống ghi nhận người dùng đăng xuất thành công Basic Flow 1 Người dùng truy cập ứng dụng

2 Người dùng ấn nút đăng xuất tải khoản

3 Hệ thống hiển thị thông báo xác nhận

5 Hệ thống ghi nhận hoạt động đăng xuất thành công

6 Hệ thống chuyển người dùng tới màn hình đăng nhập

Exception Flow 4a Người dùng từ chối

4b.1 Hệ thống ghi nhận và tắt thông báo Use Case dừng lại

3.2.3.4 Use Case thêm món ăn

Use Case Name Use Case thêm món ăn

Description Là người dùng, tôi muốn thêm món ăn

Trigger Người dùng bấm vào button thêm món ăn

Pre Condition(s) Người dùng đã đăng nhập vào hệ thống

Thiết bị của người dùng có kết nối internet khi thực hiện chức năng

Post Condition(s) Người dùng thêm món ăn thành công

Hệ thống ghi nhận món ăn đã được thêm vào Basic Flow 1 Người dùng bấm vào button thêm món ăn

2 Người dùng tìm kiếm món ăn

3 Hệ thống hiển thị thông tin món ăn

4 Người dùng chọn món ăn mình muốn thêm vào

5 Hệ thống ghi nhận món ăn đã được thêm vào

6 Hệ thống hiển thị món ăn trên nhật ký món ăn của người dùng

Alternative Flow 2a Người dùng tìm kiếm món ăn bằng scan bar code

2a.1 Người dùng mở camera và scan thức ăn Use Case tiếp tục bước 3

2b Người dùng tìm kiếm món ăn theo thực phẩm 2b.1 Người dùng nhập loại thực phẩm và số lượng của thực phẩm

Use Case tiếp tục bước 3 Exception Flow 2c Người dùng không tìm kiếm được món ăn

Use Case kết thúc Non-Funtional

3.2.3.5 Use case Xóa món ăn

Use Case Name Use Case xóa món ăn

Description Là người dùng, tôi muốn xóa món ăn

Trigger Người dùng kéo ngang món ăn để xóa

Post Condition(s) Người dùng xóa món ăn thành công

Hệ thống ghi nhận món ăn đã được xóa đi Basic Flow 1 Người dùng kéo ngang món ăn

2 Hệ thống ghi nhận món ăn đã được xóa

3 Hệ thống không hiển thị món ăn trên nhật ký món

3.2.3.6 Use Case Thêm bài tập

Use Case Name Use Case thêm bài tập

Description Là người dùng, tôi muốn thêm bài tập

Trigger Người dùng bấm vào button thêm bài tập

Post Condition(s) Người dùng thêm món ăn thành công

Hệ thống ghi nhận món ăn đã được thêm vào Basic Flow 1 Người dùng bấm vào button thêm bài tập

2 Người dùng tìm kiếm bài tập

3 Hệ thống hiển thị thông tin bài tập

4 Người dùng chọn bài tập mình muốn thêm vào

5 Hệ thống ghi nhận bài tập đã được thêm vào

6 Hệ thống hiển thị bài tập trên nhật ký bài tập của người dùng

Exception Flow 2a Người dùng không tìm kiếm được bài tập

Use Case kết thúc Non-Funtional

3.2.3.7 Use case Xóa bài tập

Use Case Name Use Case xóa bài tập

Description Là người dùng, tôi muốn xóa bài tập

Trigger Người dùng bấm vào nút xóa bài tập

Post Condition(s) Người dùng xóa bài tập thành công

Hệ thống ghi nhận bài tập đã được xóa điBasic Flow 1 Người dùng bấm xóa bài tập

2 Hệ thống ghi nhận bài tập đã được xóa

3 Hệ thống không hiển thị bài tập trên nhật ký bài tập của người dùng

Use Case Name Use Case chat

Description Là người dùng, tôi muốn chat với chuyên gia dinh dưỡng

Trigger Người dùng bấm vào mục chat

Post Condition(s) Người dùng gửi tin nhắn thành công Đối tác nhận tin nhắn thành công

Hệ thống ghi nhận tin nhắn đã được gửi Basic Flow 1 Người dùng chọn chuyên gia dinh dưỡng để chat

2 Người dùng gửi tin nhắn

3 Hệ thống ghi nhận tin nhắn đã được gửi

4 Chuyên gia dinh dưỡng nhận tin nhắn

Mô hình hoạt động

Hình 3-7 Mô hình hoạt động Đăng nhập

Hình 3-8 Mô hình hoạt động Quên mật khẩu

Hình 3-9 Mô hình hoạt động Đăng xuất

Hình 3-10 Mô hình hoạt động Chat

Hình 3-11 Mô hình hoạt động Tìm Kiếm món ăn

Hình 3-12 Mô hình hoạt động Thêm món ăn

Hình 3-13 Mô hình Hoạt động xóa món ăn

3.3.8 Thêm bài tập thể dục

Hình 3-14 Mô hình hoạt động Thêm bài tập thể dục

3.3.9 Xóa bài tập thể dục

Hình 3-15 Mô hình hoạt động Xóa bài tập thể dục

3.3.10.Quản lý nhật ký món ăn

Hình 3-16 Mô hình hoạt động Quản lý nhật ký món ăn

Mô hình tuần tự

Hình 3-17 Mô hình tuần tự Đăng nhập

Hình 3-18 Mô hình tuần tự Quên mật khẩu

Hình 3-19 Mô hình tuần tự Chat

Hình 3-20 Mô hình tuần tự tìm kiếm món ăn

Hình 3-21 Mô hình tuần tự thêm món ăn

Hình 3-22 Mô hình tuần tự xóa món ăn

3.4.7 Thêm bài tập thể dục

Hình 3-23 Mô hình tuần tự thêm bài tập thể dục

3.4.8 Xóa bài tập thể dục

Hình 3-24 Mô hình tuần tự xóa bài tập thể dục

Kiến trúc phần mềm

Hình 3-25 Kiến trúc phần mềm

Mô hình MVVM (Model-View-ViewModel) trong Flutter là một kiến trúc phân lớp được sử dụng để tách biệt logic xử lý dữ liệu (ViewModel) và giao diện người dùng (View), trong khi vẫn giữ liên kết với dữ liệu (Model) Dưới đây là một giải thích cơ bản về các thành phần chính trong mô hình MVVM trong Flutter:

 Đại diện cho dữ liệu của ứng dụng, bao gồm các lớp, cấu trúc hoặc đối tượng dùng để lưu trữ và quản lý dữ liệu.

 Model không có sự phụ thuộc vào ViewModel hoặc View.

 Đại diện cho giao diện người dùng (UI) của ứng dụng.

 Nhận thông tin từ ViewModel và hiển thị dữ liệu cho người dùng.

 Phản hồi các sự kiện người dùng (nhập liệu, nhấp chuột, v.v.) và chuyển tới ViewModel để xử lý.

 Chịu trách nhiệm xử lý logic của ứng dụng và tương tác với Model.

 Nhận dữ liệu từ Model và chuẩn bị dữ liệu cho View để hiển thị.

 Theo dõi và xử lý sự kiện từ View, thường thông qua các lớp hỗ trợ như

"GetX" để quản lý trạng thái ứng dụng.

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

Hình 3-26 Sơ đồ thiết kế cho collection lưu trữ các món ăn

Hình 3-27 Sơ đồ thiết kế cho collection lưu trữ thông tin dữ liệu người dùng

Xây dựng ứng dụng

Màn hình Giới thiệu

Hình 4-28 Màn hình Giới thiệu

Bảng 4-3 Mô tả cách sử dụng Màn hình Giới thiệu

STT Biến cố Xử lý

1 Chuyển trang Ấn nút để chuyển trang

Màn hình Chọn mục tiêu

Hình 4-29 Màn hình Chọn mục tiêu

Bảng 4-4 Mô tả cách sử dụng màn hình Chọn mục tiêu

1 Stay Healthy Lưu trạng thái Stay Healthy

2 Lost Weight Lưu trạng thái Lose Weight

3 Gain Weight Lưu trạng thái Gain Weight

4 Nút bấm tiếp tục Chuyển tới trang tiếp theo

5 Nút bấm quay lại Chuyển tới trang trước

Màn hình Chọn giới tính

Hình 4-30 Màn hình Chọn giới tính

Bảng 4-5 Mô tả cách sử dụng màn hình Chọn giới tính

1 Male Lưu giới tính nam và chuyển trang tiếp theo

Màn hình Nhập tuổi

Hình 4-31 Màn hình Nhập tuổi

Bảng 4-6 Mô tả cách sử dụng màn hình Nhập tuổi

Màn hình Chọn chiều cao

Hình 4-32 Màn hình Chọn chiều cao

Bảng 4-7 Mô tả cách sử dụng màn hình Chọn chiều cao

1 Kéo chọn chiều cao Lưu chiều cao

Màn hình Chọn cân nặng hiện tại

Hình 4-33 Màn hình Chọn cân nặng hiện tại

Bảng 4-8 Mô tả cách sử dụng màn hình Chọn cân nặng

1 Kéo chọn cân nặng hiện tại Lưu cân nặng hiện tại

Màn hình Chọn mục tiêu cân nặng

Hình 4-34 Màn hình Chọn mục tiêu cân nặng

Bảng 4-9 Mô tả cách sử dụng màn hình Chọn mục tiêu cân nặng

Màn hình Chọn tần suất hoạt động

Hình 4-35 Màn hình Chọn tần suất hoạt động

Bảng 4-10 Mô tả cách sử dụng Màn hình Chọn tần suất hoạt động

1 Not very active Lưu trạng thái ít not very active

2 Moderately active Lưu trang thái moderately active

3 Active Lưu trạng thái active

4 Very active Lưu trạng thái very active

Màn hình Đăng nhập

Hình 4-36 Màn hình Đăng nhập

Bảng 4-11 Mô tả cách sử dụng Màn hình Đăng nhập

1 User Email Nhập thông tin email

2 Password Nhập thông tin mật khẩu

3 Forgot Password Chuyển tới màn hình quên mật khẩu

5 Sign In with Google Đăng nhập với tài khoản Google

Màn hình đăng ký

Hình 4-37 Màn hình Đăng ký

Bảng 4-12 Mô tả cách sử dụng Màn hình Đăng ký

1 Enter your email Nhập email đăng ký

2 Enter your password Nhập mật khẩu đăng ký

3 Repeat your password Nhập lại mật khẩu đăng ký

5 Sign In Quay về màn hình đăng nhập

Màn hình Trang chủ

Hình 4-38 Màn hình Trang chủ

Bảng 4-13 Mô tả cách sử dụng màn hình Trang chủ

1 Thêm lượng nước Mở Dialog Thêm nước

Màn hình Cập nhật cân nặng

Hình 4-39 Màn hình Cập nhật cân nặng

Bảng 4-14 Mô tả màn hình cách sử dụng Màn hình Cập nhật cân nặng

1 Thay đổi cân nặng Thay đổi cân nặng theo số đo của thước

2 Xác nhận Cập nhật cân nặng

3 Hủy bỏ Hủy bỏ cập nhật

Màn hình Thêm lượng nước trong ngày

Hình 4-40 Màn hình Thêm lượng nước

Bảng 4-15 Mô tả cách sử dụng Màn hình Thêm lượng nước

1 Thay đổi lượng nước Thay đổi lượng nước theo mong muốn

2 Xác nhận Cập nhật thêm lượng nước

3 Hủy bỏ Hủy bỏ cập nhật

Màn hình Nhật ký

Hình 4-41 Màn hình Nhật ký

Bảng 4-16 Mô tả cách sử dụng Màn hình Nhật ký

1 Thay đổi ngày Hiển thị danh sách món ăn theo ngày được chọn

2 Thêm món ăn theo buổi Chuyển sang Màn hình thêm món ăn

3 Xóa món ăn Hủy bỏ cập nhật

Màn hình Các chức năng chính

Hình 4-42 Màn hình Các chức năng chính

Bảng 4-17 Mô tả cách sử dụng Màn hình Các chức năng chính

1 Add Food Chuyển sang Màn hình thêm món ăn

Màn hình Lối tắt thêm món ăn

Hình 4-43 Màn hình Lối tắt thêm món ăn

Bảng 4-18 Mô tả cách sử dụng Màn hình Lối tắt thêm món ăn

1 Finding Food Chuyển sang Tab tìm kiếm món ăn

2 Quick shortcut Chuyển sang Tab Lối tắt thêm món ăn

3 Untracked Chuyển sang Tab Untracked Calories

4 Thông tin món ăn Nhập số lượng, tên món ăn

5 Nhập thức ăn Truy xuất theo yêu cầu

6 Log Food Log thức ăn vào Nhật ký

7 Chọn các buổi ăn khác List ra các buổi ăn như: Breakfast,

8 Chọn định lượng List ra các định lượng như: lbs, kg, bowl, none

Màn hình Thêm món ăn không định lượng

Hình 4-44 Màn hình Thêm món ăn không định lượng

Bảng 4-19 Mô tả cách sử dụng Màn hình Thêm món ăn không định lượng

4 Thông tin món ăn Nhập mô tả tên món ăn

6 Chọn lượng calories Lựa chọn calories phù hợp với ước lượng

7 Confirm Log món ăn vào Nhật ký

Màn hình Tìm kiếm món ăn

Hình 4-45 Màn hình Tìm kiếm món ăn

Bảng 4-20 Mô tả cách sử dụng Màn hình Tìm kiếm món ăn

4 Log Food Log thức ăn vào Nhật ký

5 Chọn các buổi ăn khác List ra các buổi ăn như: Breakfast,

6 Xóa món ăn Vuốt ngang món ăn để Xóa món ăn

7 Tìm kiếm món ăn Chuyển sang Màn hình tìm kiếm món ăn

Màn hình Gợi ý món ăn

Hình 4-46 Màn hình Gợi ý món ăn

Bảng 4-21 Mô tả cách sử dụng màn hình Gợi ý món ăn

1 Back Chuyển sang Màn hình trước đó

2 Delete Xóa input đã nhập

3 Input text Đề ra các gợi ý món ăn

4 Chọn món ăn gợi ý Hiển thị danh sách các món ăn

5 Enter món ăn tìm kiếm Hiển thị danh sách các món ăn

Màn hình Kết quả tìm kiếm món ăn

Hình 4-47 Màn hình Kết quả tìm kiếm món ăn

Bảng 4-22 Mô tả cách sử dụng Màn hình Kết quả tìm kiếm món ăn

2 Delete Xóa input đã nhập

3 Input text Đề ra các gợi ý món ăn

4 Chọn món ăn Chuyển sang Màn hình Chi tiết món ăn

Màn hình Chi tiết món ăn

Bảng 4-23 Mô tả cách sử dụng Màn hình Chi tiết món ăn

2 Log Food Chuyển sang màn hình chọn định lượng

Màn hình Chọn định lượng cho món ăn

Hình 4-49 Màn hình Chọn định lượng cho món ăn

Bảng 4-24 Mô tả cách sử dụng Màn hình Chọn định lượng cho món ăn

1 Cancel Chuyển sang Màn hình chi tiết món ăn

2 Chọn định lượng Lựa chọn định lượng theo mong muốn

3 Confirm Xác nhận thêm món ăn và back về Màn hình Tìm kiếm món ăn

Màn hình Thêm bài tập

Hình 4-50 Màn hình Thêm bài tập

Bảng 4-25 Mô tả cách sử dụng Màn hình Thêm bài tập

2 Log Exercise Chuyển sang màn hình chọn thời gian

3 Add Exercise Chuyển sang Tab Add Exercise

4 Untracked exercise Chuyển sang Tab Untracked Exercise

5 Thông tin bài tập Điền thông tin bài tập

Màn hình Chọn thời lượng bài tập

Hình 4-51 Màn hình Chọn thời lượng bài tập

Bảng 4-26 Mô tả cách sử dụng Màn hình Chọn thời lượng bài tập

1 Cancel Chuyển sang Màn hình thêm bài tập

2 Chọn thời lượng Lựa chọn thời lượng theo mong muốn

3 Confirm Xác nhận thêm bài tập và back về Màn hình thêm bài tập

Màn hình Tra cứu món ăn bằng barcode

Hình 4-52 Màn hình Tra cứu món ăn bằng Barcode

Bảng 4-27 Mô tả cách sử dụng màn hình Tra cứu món ăn bằng Barcode

1 Cancel Back về màn hình trước đó

2 Chuyển đổi góc nhìn Đổi cam của điện thoại

3 Quét Bar-code Đưa camera tới mã barcode của món ăn

Màn hình Các liên hệ

Hình 4-53 Màn hình Các liên hệ

Bảng 4-28 Mô tả cách sử dụng màn hình Các liên hệ

ST Biến cố Xử lý

Màn hình Chat

Bảng 4-29 Mô tả cách sử dụng Màn hình Chat

1 Back Back về Màn hình trước đó

2 Input message Hiển thị tin nhắn được nhập

3 Image loader Hiển thị hình ảnh trong kho để thêm vào

4 Send message Gửi đi tin nhắn

Tiêu đề	Xây dựng ứng dụng di động hỗ trợ dinh dưỡng với chat real-time
Tác giả	Trần Thành Nhân, Phạm Minh Nhật
Người hướng dẫn	TS. Đỗ Thị Thanh Tuyền
Trường học	Đại học Quốc gia TP. Hồ Chí Minh
Chuyên ngành	Công nghệ thông tin
Thể loại	đồ án
Năm xuất bản	2023
Thành phố	TP. Hồ Chí Minh

Định dạng
Số trang	75
Dung lượng	6,82 MB