Tải bản đầy đủ (.docx) (53 trang)

đồ án 2 xây dựng ứng dụng hỗ trợ lối sống khỏe

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.03 MB, 53 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINHTRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN</b>

<b>KHOA CƠNG NGHỆ PHẦN MỀM</b>

<b>ĐỒ ÁN 2</b>

<b>XÂY DỰNG ỨNG DỤNG HỖ TRỢ LỐI SỐNG KHỎE</b>

<b>GIẢNG VIÊN HƯỚNG DẪNLÊ THANH TRỌNG</b>

<b>SINH VIÊN THỰC HIỆNTRẦN QUỐC KHÁNH – 20520578</b>

<b>NGUYỄN XUÂN TÀI – 20520744</b>

<b>TP. HỒ CHÍ MINH, 2023</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>LỜI CẢM ƠN</b>

Đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến tập thể quý Thầy CôTrường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM và quý Thầy Cơ khoaCơng Nghệ Phần Mềm đã giúp cho nhóm chúng em có những kiến thức cơ bản làm nềntảng để thực hiện dự án này.

Đặc biệt, nhóm chúng em xin gửi lời cảm ơn và lòng biết ơn sâu sắc nhất tới thầyLê Thanh Trọng đã giúp nhóm chúng em hoàn thành tốt báo cáo đồ án của mình.

Trong thời gian thực hiện đề tài, nhóm chúng em đã vận dụng những kiến thứcnền tảng đã tích lũy đồng thời kết hợp với việc học hỏi và nghiên cứu những kiến thứcmới. Từ đó, nhóm chúng em vận dụng tối đa những gì đã thu thập được để hoàn thànhmột báo cáo đồ án tốt nhất. Tuy nhiên, trong q trình thực hiện, nhóm chúng em khơngtránh khỏi những thiếu sót. Chính vì vậy, nhóm chúng em rất mong nhận được những sựgóp ý chân thành từ thầy nhằm hồn thiện phần kiến thức mà nhóm chúng em đã học tậpvà là hành trang để nhóm chúng em thực hiện tiếp các đề tài khác trong tương lai.

Nhóm chúng em xin chân thành cảm ơn thầy!

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

2.2.2. Lượ đồ cơ sở dữ liệu...16

2.3. Thiết kế giao diện...18

2.3.8. Màn hình chi tiết bài tập...30

2.3.9. Màn hình theo dõi lượng nước...31

2.3.10. Màn hình thống kê lượng nước...33

2.3.11. Màn hình cài đặt nhắc nhở uống nước...34

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

2.3.12. Màn hình theo dõi hoạt động...36

2.3.13. Màn hình quản lý bữa ăn...37

2.3.14. Màn hình chi tiết ngày ăn...38

2.3.15. Màn hình tìm kiếm món ăn...40

2.3.16. Màn hình thêm món ăn...41

2.3.17. Màn hình chi tiết dinh dưỡng...43

Chương 3. Công nghệ sử dụng và kết quả đạt được...44

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

Mục lục hình ảnh

Hình 1. Sơ đồ Use-case...9

Hình 2. Lược đồ cơ sở dữ liệu 1...20

Hình 3. Lược đồ cơ sở dữ liệu 2...21

Hình 13. Màn hình chi tiết bài tập...36

Hình 14. Màn hình theo dõi lượng nước...37

Hình 15. Màn hình thống kê lượng nước...39

Hình 16. Màn hình cài đặt nhắc nhở uống nước...40

Hình 17. Màn hình theo dõi hoạt động...42

Hình 18. Màn hình quản lý bữa ăn...43

Hình 19. Màn hình chi tiết ngày ăn...44

Hình 20. Màn hình tìm kiếm món ăn...46

Hình 21. Màn hình thêm món ăn...47

Hình 22. Màn hình chi tiết dinh dưỡng...49

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

<b>Chương 1.Tổng quan về đề tài: 1.1.Lý do chọn đề tài</b>

Hiện nay, vấn đề sức khỏe của phần lớn sinh viên không được quá tốt, họđang không biết cách tự chăm sóc bản thân. Đầu tiên, nguyên tắc sống khỏe mạnhkhơng chỉ đóng vai trị quan trọng trong việc duy trì sức khỏe cá nhân mà cịn ảnhhưởng đến hiệu suất học tập và tâm lý của từng sinh viên. Thêm vào đó, đối mặtvới áp lực học tập và cuộc sống nhanh nhạy, sinh viên thường xuyên đối diện vớithách thức quản lý thời gian và tự chủ về lối sống. Với những lý do này, nhóm emđã quyết định chọn đề tài "Xây dựng ứng dụng hỗ trợ lối sống khỏe”, từ đó giúpđáp ứng nhu cầu ngày càng tăng về sức khỏe của sinh viên cùng với việc mang lạinhững giải pháp hiệu quả để họ có thể duy trì lối sống khỏe mạnh mỗi ngày.

<b>1.2.Mô tả đề tài</b>

Đề tài "Xây dựng ứng dụng hỗ trợ lối sống khỏe cho sinh viên" nhấn mạnhvào việc tạo ra một công cụ hiệu quả để giúp sinh viên duy trì và phát triển lốisống lành mạnh. Với cuộc sống năng động và áp lực học tập ngày càng tăng, sinhviên thường xuyên gặp khó khăn trong việc quản lý thời gian và chăm sóc bảnthân. Ứng dụng này khơng chỉ cung cấp thơng tin chính xác và hữu ích về dinhdưỡng, tập luyện và giấc ngủ, mà cịn tạo ra một cộng đồng hỗ trợ tích cực, giúpsinh viên tối ưu hóa sức khỏe và năng suất trong môi trường học tập.

<b>1.3.Mục tiêu</b>

Mục tiêu của đề tài là đáp ứng các nhu cầu cụ thể và thiết yếu của sinh viêntrong việc duy trì lối sống lành mạnh và cải thiện chất lượng cuộc sống. Cụ thể,bao gồm:

̶r Phát triển ứng dụng thông tin sức khỏe tồn diện: xây dựng một nền tảngcung cấp thơng tin chính xác và hữu ích về dinh dưỡng, tập luyện thể dục,và quản lý giấc ngủ, giúp sinh viên hiểu rõ và áp dụng những thói quenlành mạnh vào cuộc sống hàng ngày.

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

̶r Tích hợp cơng cụ quản lý thời gian: phát triển tính năng hỗ trợ quản lý thờigian, giúp sinh viên tự chủ hơn trong việc lên lịch trình, kết hợp giữa họctập và hoạt động vận động, tạo điều kiện thuận lợi cho việc duy trì lối sốngsức khỏe.

<b>1.4.Phạm vi</b>

Phạm vi của đề tài bao gồm:

̶r Đối tượng người sử dụng: đề tài hướng đến cộng đồng sinh viên, là nhómngười chủ yếu trong môi trường học đường. Điều này bao gồm sinh viên ởmọi cấp độ học vụ và trình độ, từ đại học đến sau đại học.

̶r Lĩnh vực chăm sóc sức khỏe: đề tài tập trung vào các khía cạnh quan trọngcủa chăm sóc sức khỏe bao gồm dinh dưỡng, tập luyện thể dục và quản lýgiấc ngủ.

̶r Ứng dụng di động: phạm vi của đề tài giới hạn trong việc phát triển ứngdụng di động, nhằm tạo ra một công cụ linh hoạt và tiện lợi, phù hợp với lốisống di động của sinh viên.

<b>Chương 2.Phân tích và thiết kế2.1.Phân tích</b>

<b>2.1.1. Đặc tả yêu cầu</b>

<b>2.1.1.1.Yêu Cầu Chức Năng:</b>

 Quản lý Hồ sơ Người Dùng:

̶r Đăng ký tài khoản: Người dùng có thể tạo tài khoản với thơng tin cá nhân cơ bản.̶r Đăng nhập/Đăng xuất: Cung cấp khả năng truy cập an toàn vào hệ thống.

̶r Cập nhật hồ sơ: Người dùng có thể cập nhật thơng tin cá nhân và ảnh đại diện. Theo dõi Sức Khỏe Cá Nhân:

̶r Điều này bao gồm khả năng nhập và lưu trữ thông tin về dinh dưỡng hàng ngày,hoạt động vận động, và giấc ngủ.

̶r Cung cấp biểu đồ và thống kê để người dùng theo dõi tiến trình sức khỏe cá nhân. Quản lý Lịch Trình và Thông báo:

̶r Lập kế hoạch cho hoạt động vận động và bữa ăn: Người dùng có thể tạo lịch trìnhcá nhân và nhận thông báo nhắc nhở.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

̶r Đặt mục tiêu: Cho phép đặt mục tiêu hợp lý cho dinh dưỡng, tập luyện, và giấcngủ.

<b>2.1.1.2.Yêu Cầu Phi Chức Năng:</b>

 Tính Bảo mật Cao:

Đảm bảo an tồn thơng tin cá nhân của người dùng thơng qua quy trình xác thực và mãhóa dữ liệu.

 Hiệu Suất Ưu Việt:

Ứng dụng phải có thời gian phản hồi nhanh chóng và khơng gặp vấn đề về trễ trong qtrình sử dụng.

 Giao Diện Người Dùng Thân Thiện:

̶r Giao diện người dùng cần được thiết kế đơn giản, dễ sử dụng và thân thiện vớingười dùng.

 Hỗ Trợ Cộng Đồng:

̶r Khả năng kết nối người dùng và tạo cộng đồng trong ứng dụng để hỗ trợ và tạođộng lực.

<b>2.1.2. Khảo sát các ứng dụng tương tự2.1.2.1.Ứng dụng Eatsy</b>

Tổng quan: Eatsy là ứng dụng hỗ trợ bạn tính tốn được các chỉ số đo lường BMI,BMR, EER, theo dõi và quản lý được cân nặng của bản thân, xây dựng và phát triển đượcnhững thói quen ăn uống, đề xuất lượng calo tiêu thụ mỗi ngày.

Chức năng chính: tra cứu calo thực phẩm, tính calo thơng minh, tập luyện phù hợp,nhắc nhở uống nước.

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

12 Count burnt calories13 View history activity14 Tracking water drink progress

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

 Cho phép người dùng đăng nhập vào ứng dụng

<b>Điều kiện tiên quyết: </b>

 Hệ thống đang ở trạng thái hoạt động.

<b>Điều kiện sau kích hoạt:</b>

 Hiển thị trang chủ của ứng dụng

<b>Sự kiện kích hoạt: Người dùng chọn chức năng “Đăng nhập” Dịng sự kiện chính: </b>

1. Người dùng nhập tên đăng nhập, mật khẩu vào các textinput tương ứng và nhấn vào button “Đăng nhập”.

2. Kiểm tra xem tên đăng nhập và mật khẩu đúng hay chưa, nếu chưa thì chuyển sang dịng sự kiện 2.1

3. Nếu nhập đúng tên đăng nhập và mật khẩu, chuyển sang dòng sự kiện A1.4. Kết thúc use case.

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

2. Exercise

<b>Use case: Exercise</b>

<b>Tác nhân chính: Người sử dụngMơ tả ngắn gọn: </b>

 Hiển thị các bài tập, kế hoạch tập luyện

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Dịng sự kiện chính: </b>

1. Hiển thị ra danh sách các bài tâp, danh sách các kế hoạch tập2. Chọn kế hoạch tập mà người dùng muốn tập

3. Hiển thị ra các danh sách bài tập trong kế hoạch đã được chọn4. Bấm Start để bắt đầu các bài tập

5. Sau khi qua hết các bài tập thì hiển thị màn hình thơng báo hồn thành kế hoạch tập

6. Kết thúc use-case

<b>Dòng sự kiện A1Dòng sự kiện thay thế</b>

3. Manage exercise plan

<b>Use case: Manage exercise planTác nhân chính: Người dùngMơ tả ngắn gọn: </b>

 Hiển thị danh sách các kế hoạch tập luyện của người dùng

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Dịng sự kiện chính: </b>

1. Hiển thị danh sách kế hoạch tập luyện

2. Bấm thêm kế hoạch mới, chuyển sang dòng sự kiện A13. Kết thúc use-case

<b>Dòng sự kiện A1</b>

1. Nhập tên cho kế hoạch tập mới

2. Thiết lập số lần cho kế hoạch cúng như thời gian nghĩ giữa các bài tập3. Quay lại dịng sự kiến chính

<b>Dịng sự kiện thay thế</b>

4. Select song

<b>Use case: Select song</b>

<b>Tác nhân chính: Người sử dụngMô tả ngắn gọn: </b>

 Chọn bài nhạc để phát trong thời gian thực hiện các bài tập

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

<b>Dịng sự kiện A1</b>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

1. Hiển thị danh sách các bài nhạc có trong máy2. Chọn bài nhạc để thêm vào

3. Quay lại dịng sự kiện chính

 Thêm thêm bài tập mới

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Bấm vào thêm bài tập mớiDịng sự kiện chính: </b>

1. Bấm thêm bài tập mới

2. Nhập tên bài tập, thời gian tập3. Lưu bài tập

4. Kết thúc use-case

<b>Dòng sự kiện A1Dòng sự kiện thay thế</b>

6. Manage meal

<b>Use case: Manage meal</b>

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

<b>Tác nhân chính: Người dùngMơ tả ngắn gọn: </b>

 Quản lý bữa ăn của người dùng theo từng ngày

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Người dùng bấm vào mục Quản lý bữa ănDòng sự kiện chính: </b>

1. Nhấn vào mục Quản lý bữa ăn ở thanh điều hướng ở dưới màn hình

2. Hiển thị ra màn hình thể hiện các ngày trong tháng để người dùng bấm vào xem chi tiết từng bữa ăn trong ngày

3. Kết thúc use-case

<b>Dòng sự kiện A1Dòng sự kiện thay thế</b>

7. Search ingredient

<b>Use case: Search ingredientTác nhân chính: Người sử dụngMơ tả ngắn gọn: </b>

 Tìm kiếm thành phần dinh dưỡng của món ăn

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Hiển thị thành phần các chất có trong món ăn được tìm kiếm

<b>Sự kiện kích hoạt: Bấm vào ơ tìm kiếm món ăn ở màn hình Quản lý món ănDịng sự kiện chính: </b>

1. Bấm vào ơ tìm kiếm món ăn2. Nhập tên món ăn muốn tìm kiếm

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

3. Chọn món ăn mà bạn muốn trong danh sách tìm kiếm được hiển thị ra

4. Hiển thị ra số lượng, khối lượng của món ăn, cùng với thành phần của các chất ứng với khối lượng món ăn đó

5. Kết thúc use-case

<b>Dịng sự kiện A1Dòng sự kiện thay thế</b>

8. Count calories per meal

<b>Use case: Count calories per mealTác nhân chính: Người sử dụngMơ tả ngắn gọn: </b>

 Tính tốn lượng calories mà người dùng đã tiêu thụ theo từng bữa ăn

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

1. Hiển thị lại màn hình tìm kiếm

2. Người dùng thực hiện các bước như ở dịng dự kiện chính

<b>Dịng sự kiện thay thế</b>

9. Counting step

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

<b>Use case: Counting stepTác nhân chính: Người dùngMơ tả ngắn gọn: </b>

 Đếm số bước chân mà người dùng đã đi trong ngày

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

10. Count burnt calories

<b>Use case: Count burnt caloriesTác nhân chính: Người dùngMơ tả ngắn gọn: </b>

 Tính tốn lượng calories mà người dùng đã tiêu hao dựa vào số bước chân trong ngày

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Dịng sự kiện chính: </b>

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

1. Hiển thị ra tổng lượng calories mà người dùng đã tiêu hao cũng như quãng đườngmà người dùng đã đi trong ngày hơm đó

2. Kết thúc use-case

<b>Dịng sự kiện A1Dòng sự kiện thay thế</b>

11. View history activity

<b>Use case: View history activityTác nhân chính: Người dùngMơ tả ngắn gọn: </b>

 Xem thống kê số bước chân trong tháng

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Dịng sự kiện chính: </b>

1. Hiển thị thống kê số bước mà người dùng đã đi theo các ngày trong tháng tính đến ngày hiện tại

2. Kết thúc use-case

<b>Dòng sự kiện A1Dòng sự kiện thay thế</b>

12. Tracking water drink progress

<b>Use case: Tracking water drink progressTác nhân chính: Người dùng</b>

<b>Mô tả ngắn gọn: </b>

 Quản lý lượng nước uống hằng ngày, nhắc nhở uống nước

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:</b>

 Khơng có

<b>Sự kiện kích hoạt: Chuyển sang mục Quản lý lượng nướcDịng sự kiện chính: </b>

1. Nhập lượng nước đã uống

2. Thiết lập cài đặt cho thông báo nhắc nhở, chuyển đến dòng sự kiện A13. Kết thúc use-case

<b>Dòng sự kiện A1</b>

1. Nhập lượng nước mục tiêu cho mỗi ngày

2. Nhập thời gian bắt đầu nhắc nhở và khoảng thời gian giữa các nhắc nhở3. Chọn cho phép nhắc nhở hay không

 Hiển thị thống kê lượng nước uống theo chuỗi dài nhất và lượng nước uống trungbình ngày trong tháng

<b>Điều kiện tiên quyết: </b>

 Người dùng đã đăng nhập vào ứng dụng

<b>Điều kiện sau kích hoạt:Sự kiện kích hoạt: </b>

1. Nhấn xem lịch sử ở màn hình Quản lý lượng nước

<b>Dịng sự kiện chính: </b>

1. Hiển thị ra thống kê lượng nước uống trung bình theo ngày trong tháng

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

2. Hiển thị chuỗi dài nhất3. Kết thúc use-case

<b>Dòng sự kiện A1Dòng sự kiện thay thế</b>

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

<b>2.2.2. Lược đồ cơ sở dữ liệu</b>

<i>Hình 2. Lược đồ cơ sở dữ liệu 1</i>

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

<i>Hình 3. Lược đồ cơ sở dữ liệu 2 </i>

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

<b>2.3. Thiết kế giao diện</b>

<b>2.3.1. Màn hình đăng nhập</b>

<i>Hình 4. Màn hình đăng nhập</i>

Mơ tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 emailInput TextInput Không được đểtrống

Nhập email

2 passInput TextInput Không được đểtrống

Nhập mật khẩu

3 forgetPass TouchableOpacity Quên mật khẩu

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

5 signin Button Đăng ký tài khoản6 loginWithGo

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

<b>2.3.2. Màn hình đăng ký</b>

<i>Hình 5. Màn hình đăng ký</i>

Mơ tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 nameInput TextInput Không được đểtrống

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

5 signin Button Đăng ký tài khoản6 login TouchableOpacity Đăng nhập

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

Mô tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 exercise Button Chuyển qua exercise2 plan Button Chuyển qua plan3 nameExercise Select Chọn exercise

4 addExercise TouchableOpacity Thêm exercise vàoplan

Danh sách các biến cố

<b>STTBiến cốXử lý</b>

1 Chọn exercise Chuyển sang phần bài tập2 Chọn plan Chuyển sang phần kế hoạch3 Chọn

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

<b>2.3.4. Màn hình plan</b>

<i>Hình 7. Màn hình Plan</i>

Mơ tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 exercise Button Chuyển qua exercise2 plan Button Chuyển qua plan3 createPlan Button Tạo kế hoạch mới

Danh sách các biến cố

<b>STTBiến cốXử lý</b>

</div><span class="text_page_counter">Trang 28</span><div class="page_container" data-page="28">

1 Chọn exercise Chuyển sang phần bài tập2 Chọn plan Chuyển sang phần kế hoạch

3 Chọn createPlan Bấm để tạo kế hoạch tập luyện mới

<b>2.3.5. Màn hình tập thể dục</b>

<i>Hình 8. Màn hình tập thể dục</i>

Mơ tả các đối tượng

</div><span class="text_page_counter">Trang 29</span><div class="page_container" data-page="29">

<b>STT TênKiểuRàng buộcChức năng</b>

1 pause Button Tạm dừng bài tập2 Skip TouchableOpacity Chuyển qua bài tập

</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30">

<i>Hình 9. Màn hình hồn thành bài tập</i>

Mơ tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 plusTime Button Tăng thêm thời gian nghỉ2 Skip Button Chuyển qua bài tập mới

Danh sách các biến cố

<b>STTBiến cốXử lý</b>

1 Chọn plusTime Tăng thời gian nghỉ thêm 15s

</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31">

2 Chọn skip Chuyển qua bài tập mới, bỏ qua thời gian nghỉ

<b>2.3.6. Màn hình chọn nhạc</b>

<i>Hình 10. Màn hình chọn nhạc</i>

Mô tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 addMusic Button Thêm bài hát

Danh sách các biến cố

</div><span class="text_page_counter">Trang 32</span><div class="page_container" data-page="32">

<b>STTBiến cốXử lý</b>

1 Chọn addMusic Thêm bài hát vào playlist

<i>Hình 11. Màn hình up nhạc</i>

Mơ tả các đối tượng

<b>STT TênKiểuRàng buộcChức năng</b>

1 search TouchableOpacity Tìm kiếm bài hát

Danh sách các biến cố

</div><span class="text_page_counter">Trang 33</span><div class="page_container" data-page="33">

<b>STTBiến cốXử lý</b>

1 Chọn search Tìm kiếm bài hát để thêm vào

<b>2.3.7. Màn hình tìm kiếm bài tập</b>

<i>Hình 12. Màn hình tìm kiếm bài tập</i>

Mô tả các đối tượng

<b>STT TênKiểuRàng buộc Chức năng</b>

1 search TextInput Tìm kiếm bài tập2 detailExercise TouchableOpacity Xem chi tiết về bài tập

</div>

×