KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ TẬP GYM

ĐẠ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 VŨ GIA KHIÊM – 16520591 HÀ THỤY NGỌC KHÁNH - 16520578 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ TẬP GYM BUILDING A GYM GUIDE APPLICATION KỸ SƯ NGÀNH CƠNG NGHỆ PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠ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 VŨ GIA KHIÊM – 16520591 HÀ THỤY NGỌC KHÁNH - 16520578 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ TẬP GYM BUILDING A GYM GUIDE APPLICATION KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Th.S THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHÓA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin Chủ tịch…………………………………………………………… Thư ký …………………………………………………………… Ủy viên …………………………………………………………… Ủy viên …………………………………………………………… ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA 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 30 tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG HỖ TRỢ TẬP GYM Nhóm SV thực hiện: Cán hướng dẫn Vũ Gia Khiêm 16520591 Hà Thụy Ngọc Khánh 16520578 Th.S Thái Thụy Hàn Uyển Đánh giá Khóa luậ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:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Vũ Gia Khiêm:……… /10 Hà Thụy Ngọc Khánh:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA 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 30 tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG HỖ TRỢ TẬP GYM Nhóm SV thực hiện: Cán hướng dẫn Vũ Gia Khiêm 16520591 Hà Thụy Ngọc Khánh 16520578 Th.S Thái Thụy Hàn Uyển Đánh giá Khóa luậ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:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Vũ Gia Khiêm:……… /10 Hà Thụy Ngọc Khánh:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Trước hết, chúng em xin gửi lời cảm ơn đến ban giám hiệu, quý thầy cô trường Đại học Công nghệ Thông tin, đặc biệt thầy cô khoa Công Nghệ Phần Mềm cung cấp cho chúng em hành trang kiến thức cần thiết, bổ ích phong phú năm học tập trường Chúng em xin bày tỏ lời cảm ơn chân thành đến cô Thái Thụy Hàn Uyển - người dành nhiều thời gian hướng dẫn giúp đỡ chúng em suốt q trình làm khóa luận để chúng em hồn thành tốt khóa luận tốt nghiệp Chúng em nỗ lực nhiều để làm khóa luận hồn thiện chắn khó tránh khỏi thiếu sót Nên chúng em kính mong q thầy thơng cảm tận tình bảo để chúng em cải thiện tốt Sau cùng, chúng em kính chúc quý thầy cô thật nhiều sức khỏe niềm tin để thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ sau Chúng em trân trọng cảm ơn! Nhóm sinh viên MỤC LỤC Chương TỔNG QUAN 1.1 Lý chọn đề tài: 1.2 Mục tiêu 1.3 Đối tượng 1.4 Phạm vi nghiên cứu 1.5 Phân tích ứng dụng nước ngồi có: 10 1.5.1 Ứng dụng tập gym Gym Workout Planner – Weightlifting plans 10 1.5.2 Ứng dụng tập gym Gym Fitness & Workout 11 1.6 Phân tích ứng dụng nước có: 12 1.6.2 Gym Việt - Ứng dụng tập gym dành riêng cho người Việt 12 1.6.3 Ứng dụng tập gym: Bài Thử Thách Thể Lực 30 Ngày 13 Chương CÁC CÔNG NGHỆ SỬ DỤNG 2.1 Ngơn ngữ lập trình Dart: 2.1.1 Giới thiệu Dart 14 14 14 2.1.2 Các khái niệm quan trọng Dart 14 2.1.3 Ưu nhược điểm Dart 16 2.2 Flutter Framework 17 2.2.1 Widget 18 2.2.2 Ưu điểm Flutter 19 2.2.3 Nhược điểm Flutter 19 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Phân tích yêu cầu hệ thống: 20 20 3.1.1 Yêu cầu chức 20 3.1.2 Mô tả chức 20 3.1.3 Yêu cầu tính 21 3.1.4 Yêu cầu phi chức 21 3.2 Thiết kế sở liệu 22 3.2.1 Sơ đồ thiết kế 22 3.2.2 Mô tả bảng liệu 23 Chương XÂY DỰNG ỨNG DỤNG 4.1 Sơ đồ Use case: 25 25 4.1.1 Sơ đồ Use case tổng quát 25 4.1.2 Danh sách Actor 25 4.1.3 Danh sách Use case 26 4.1.4 Đặc tả use case 28 4.1.4.1 Đặc tả use case “Xem tổng quát tập theo múi cơ” 28 4.1.4.2 Đặc tả usecase “Xem chi tiết tập” 29 4.1.4.3 Đặc tả usecase “Ghi nhịp độ lần tập” 30 4.1.4.4 Đặc tả usecase “Tìm kiếm tập” 31 4.1.4.5 Đặc tả usecase “Tìm kiếm qua lọc trang thiết bị luyện tập” 32 4.1.4.6 Đặc tả usecase “Thao tác với tập yêu thích” 33 4.1.4.7 Đặc tả usecase “Thao tác với đồng hồ bấm giờ” 34 4.1.4.8 Đặc tả usecase “Thay đổi thời gian bấm giờ” 35 4.1.4.9 Đặc tả usecase “Xem số liệu thống kê biểu đồ số tập luyện” 36 4.1.4.10 Đặc tả usecase “Xem lại tập thực hiện” 37 4.1.4.11 Đặc tả usecase “Xem chế độ ăn hợp lý” 38 4.2 Giao diện ứng dụng 39 4.2.1 Danh sách hình 39 4.2.2 Mơ tả hình 40 4.2.2.1 Màn hình Home Screen 40 4.2.2.2 Màn hình Exercise Screen 41 4.2.2.3 Màn hình ExerciseDetail Screen 42 4.2.2.4 Màn hình Favorite Screen 43 4.2.2.5 Màn hình Timer Screen 44 4.2.2.6 Màn hình Statistics Screen 45 4.2.2.7 Màn hình Meals Screen 45 4.3 Cài đặt thử nghiệm 47 4.3.1 Cài đặt sử dụng 47 4.3.2 Thử nghiệm: 47 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 48 mong muốn Actor Người dùng Tiền điều kiện Người dùng phải nhấn Reset thời gian trước muốn thay đổi Hậu điều kiện Khơng có Luồng kiện - Sau người dùng chọn hình Timer, nhấn nút hoặc chọn thơng số thời gian mặc định hình - Nhấn nút Start để bắt đầu trình đếm ngược 3.1.4.9 Đặc tả usecase “Xem số liệu thống kê biểu đồ số tập luyện” Tên use case Xem số liệu thống kê biểu đồ số tập luyện Mô tả Dựa vào lần ghi số lần tập, hiển thị thông số, số múi thể qua tập biểu đồ lần tập Actor Người dùng Tiền điều kiện Người dùng phải ghi ghi để hiển thị thơng số lần tập Hậu điều kiện Khơng có Luồng kiện - Sau người dùng ghi nhịp độ lần tập, người dùng chọn hình Statistics chọn Muscle Group - Màn hình hiển thị biểu đồ thơng số, số múi tập luyện 3.1.4.10 Đặc tả usecase “Xem lại tập thực hiện” Tên use case Mô tả Xem lại tập thực Dựa vào lần ghi số lần tập, hiển thị chi tiết tập tập lần tập Actor Người dùng Tiền điều kiện Người dùng phải ghi ghi để hiển thị tập lần tập Hậu điều kiện Khơng có Luồng kiện - Sau người dùng ghi nhịp độ lần tập, người dùng chọn hình Statistics chọn Activity - Màn hình hiển thị tập tập luyện 3.1.4.11 Đặc tả usecase “Xem chế độ ăn hợp lí” Tên use case Mơ tả Xem chế độ ăn hợp lí Cho phép người dùng tham khảo chế độ dinh dưỡng phù hợp, giúp cho việc phát triển thể cách hiệu Actor Người dùng Tiền điều kiện Khơng có Hậu điều kiện Khơng có Luồng kiện - Người dùng chọn hình Meals - Kéo thả chọn chế độ ăn thích hợp - Màn hình thơng tin chi tiết chế độ ăn 4.2 Giao diện ứng dụng 4.2.1 4.2.2 Danh sách hình Stt Tên hình Home Screen Exercise Screen ExerciseDetail Screen Favorite Screen Timer Screen Statistics Screen Meals Screen Mơ tả hình 4.2.2.1 Màn hình Home Screen 4.2.2.2 Màn hình Exercise Screen 4.2.2.3 Màn hình ExerciseDetail Screen 4.2.2.4 Màn hình Favorite Screen 4.2.2.5 Màn hình Timer Screen 4.2.2.6 Màn hình Statistics Screen 4.2.2.7 Màn hình Meals Screen 4.3 Cài đặt thử nghiệm 4.3.1 Cài đặt sử dụng - Cài đặt Flutter: https://flutter.dev/docs/get-started/install - Cài đặt phần mềm Visual Studio Code (hoặc phần mềm hỗ trợ code khác) 4.3.2 Thử nghiệm: STT Tên máy Phiên IOS Kết Iphone X, 6, 5… 11.4 Thành công Nexus5X, SamSung 6.0 Thành công Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết luận đánh giá - Hoàn thành yêu cầu ứng dụng tập gym Có chức tìm kiếm, chọn tập u thích, hiển thị video tập, xem thông tin tập… - Giao diện sử dụng ngôn ngữ Dart/Flutter với nhiều kỹ thuật navigation… - Kích thước phần mềm thiết kế chạy đa dạng mà khơng bị lỗi hầu hết hình điện thoại hiên - Tốc độ chạy ứng dụng lập tức, khơng bị delay - Có nhiều kinh nghiệm việc thiết kế ứng dụng thông qua Dart/Flutter, cách xử lý Database thơng qua SQLite - Tích hợp số nguồn open source github để tạo độ phong phú cho giao diện xử lý - Phân chia công việc thành viên rõ ràng đạt hiệu tốt 5.2 Hạn chế - Yêu cầu cao lập trình Dart/Flutter, cách truy cập liệu SQLite nhóm chưa có kinh nghiệm nhiều - Các chức mức sơ sài, chưa thực hoàn hảo ý muốn 5.3 Hướng phát triển - Phát triển lên CH Play phiên Android AppStore phiên iOS - Xây dựng thuật toán giúp cho việc học trở nên khoa học - Cài đặt thêm animation Component, button… - Phát triển thêm nhiều chức TÀI LIỆU THAM KHẢO - UI Reference: [1] https://dribbble.com/shots/6446299-Hello-Dribbble-Here-is-my-first-shot-Smarthome-app-for-iOS [2] Exercises wiki: https://www.bodybuilding.com [3] Equipment wiki: https://www.gymventures.com/gym-equipment-names-andpictures/ [4] Nutrition Page Template: https://github.com/mitesh77/Best-Flutter-UI-Templates [5] SQLite: https://medium.com/flutter-community/using-sqlite-in-flutter-187c1a82e8b - Architecture: [1] https://medium.com/flutterpub/architect-your-flutter-project-using-bloc-patternpart-2-d8dd1eca9ba5 [2] https://medium.com/flutter-community/implementing-bloc-pattern-using-flutterbloc-62a62e0319b5 [3] https://medium.com/flutter-community/using-sqlite-in-flutter-187c1a82e8b [4] [5] https://medium.com/@vaygeth/reactive-flutter-todo-app-using-bloc-design-patternb71e2434f692 https://www.burkharts.net/apps/blog/rxdart-magical-transformations-of-streams/ [6] Multiple blocs: https://www.davidanaya.io/flutter/multiple-blocs.html