TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG ĐỀ TÀI WARRIOR GYM Sinh viên thực hiện Giảng viên hướng dẫn Ngành CÔNG NGHỆ THÔNG TIN Chuy.
TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG ĐỀ TÀI: WARRIOR GYM Sinh viên thực : Giảng viên hướng dẫn : Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : Khóa : Hà Nội, năm 2023 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Chữ ký Ghi Nguyễn Việt Long Hoàng Mạnh Bình Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH LỜI CẢM ƠN .4 LỜI NÓI ĐẦU Chương I: Mục tiêu đề tài Chương II: Phân tích tốn .7 2.1 Bài toán đặt 2.2 Các chức ứng dụng 2.2.1 Mô tả chức 2.3 Phân tích chức nghiệp vụ 2.3.1 Đăng ký người dùng 2.3.2 Đăng nhập người dùng 2.3.3 Quên mật 2.3.4 Giao diện 2.3.5 Xem tin 2.3.6 Tập luyện .9 2.3.7 Xem thông số .9 2.3.8 Thông tin cá nhân Chương III: Hình ảnh sản phẩm 10 3.1 Giao diện đăng ký 10 3.2 Giao diện đăng nhập 11 3.3 Quên mật 12 3.4 Giao diện .13 3.5 Xem tin 14 3.6 Tập luyện 15 3.7 Xem thông số 16 3.8 Thông tin cá nhân 17 Chương IV: Kết 18 4.1 Kết đạt 18 4.2 Các nội dung hạn chế .18 4.3 Hướng phát triển 18 4.4 Kết luận 18 TÀI LIỆU THAM KHẢO 19 DANH MỤC HÌNH ẢNH Hình 1: Giao diện đăng ký 10 Hình 2: Giao diện đăng nhập 11 Hình 3: Giao diện quên mật 12 Hình 4: Giao diện 13 Hình 5: Xem tin .14 Hình 6: Tập luyện 15 Hình 7: Xem thông số 16 Hình 8: Thơng tin cá nhân .17 LỜI CẢM ƠN Thực tế khơng có thành công mà không gắn liền với học tập thực hành Kèm theo hỗ trợ, giúp đỡ từ giảng viên hướng dẫn tìm tịi, học hỏi thân Trong suốt q trình học tập giảng đường Đại học đến nay, em nhận nhiều quan tâm, giúp đỡ thầy cơ, bạn bè Với lịng biết ơn sâu sắc nhất, em xin gửi đến thầy cô Khoa Công Nghệ Thông Tin - Trường Đại Học Điện Lực lời cảm ơn sâu sắc truyền đạt vốn kiến thức quý báu cho em suốt thời gian học tập trường Và đặc biệt, kỳ này, em tiếp cận với môn học hữu ích sinh viên ngành Cơng Nghệ Thơng Tin Đó mơn: “Nhập mơn lập trình thiết bị di động” Em xin chân thành cảm ơn thầy Cấn Đức Điệp tận tâm hướng dẫn em qua buổi học lớp buổi nói chuyện, thảo luận mơn học Trong thời gian học tập thực hành hướng dẫn cô, em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “Nhập mơn lập trình thiết bị di động” Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ báo cáo khó hồn thành Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực Tuy nhiên, thời gian có hạn mà lại bước vào thực tế, vốn kiến thức hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng ứng dụng mobile Warrior Gym” chắn tránh khỏi thiếu sót Em mong nhận quan tâm, thơng cảm đóng góp q báu thầy để báo cáo hồn thiện Em xin trân trọng cảm ơn quý thầy giáo! LỜI NĨI ĐẦU Hiện sức khoẻ vấn đề quan tâm hàng đầu Trên thực tế có nhiều người bỏ bê sức khoẻ để hối hận sau Vì vấn đề sức khoẻ vấn đề quan tâm Khi sức khoẻ chăm sóc tử tế, cảm thấy khoẻ mạnh yêu đời hơn, suất làm việc cao Nhằm giải vấn đề để củng cố kiến thức mơn nhập mơn trí tuệ nhân tạo nhóm chúng em chọn đề tài: “Xây dựng ứng dụng tập gym” Đề tài nhằm hỗ trợ người tập luyện điện thoại di động để cải thiện sức khoẻ, giúp tinh thần vui vẻ, phấn chấn, yêu đời CHƯƠNG I: MỤC TIÊU ĐỀ TÀI “Sức khoẻ trạng thái hoàn toàn thoải mái thể chất, tâm thần xã hội, là bệnh tật hay tàn phế” Ơng bà ta ln có câu: “Sức khỏe vàng” để răn dạy khuyên nhủ cháu Không thể phủ nhận lợi ích mà sức khoẻ đem lại cho người số Trong xã hội đại ngày nay, có nhiều người quan tâm đến vấn đề khác mà bỏ bê sức khoẻ mình, làm thể lực sa sút, tinh thần uể oải mệt mỏi, dễ mệt mỏi chán nản dẫn đến hiệu làm việc khơng cao, khơng hiệu Chính vậy, nhóm chúng em chọn đề tài “Warrior Gym” với mục tiêu mang lại tập gym cho người, giúp sức khoẻ cải thiện nhiều Mặc dù cố gắng để hồn thành cơng việc, thời gian có hạn thiếu kinh nghiệm kỹ chưa thành thạo nên việc phân tích, thiết kế lập trình cịn nhiều thiếu sót, em mong thầy góp ý, bổ sung để em hồn thiện báo cáo Em xin chân thành cảm ơn! CHƯƠNG II: PHÂN TÍCH BÀI TỐN 2.1 Bài tốn đặt - Cần xây dựng ứng dụng tập gym điện thoại - Là người dùng , tơi có thể: - Đăng nhập Đăng xuất Đăng ký Tập luyện theo tập đề Xem thông tin tập gym Chỉnh sửa trang cá nhân Xem thông số 2.2 Các chức ứng dụng 2.2.1 Mô tả chức Truy cập hệ thống: Người dùng đăng ký, đăng nhập, khỏi hệ thống Tương tác cộng đồng : Người dùng xem viết mạng xã hội chủ đề sức khoẻ Tương tác người dùng: Người dùng chỉnh sửa thông số cá nhân Tập luyện: Người dùng tập luyện theo tập hệ thống đưa Thông tin cá nhân: Người dùng chỉnh sửa thơng tin cá nhân Đọc báo: Người dùng đọc báo cộng đồng gym ứng dụng Thống kê: Người dùng xem thơng số thân để đưa kế hoạch tập luyện tối ưu 2.3 Phân tích chức nghiệp vụ 2.3.1 Đăng ký người dùng Đặc tả chức : Bước 1: Người dùng truy cập vào hệ thống, chọn chức đăng ký Bước 2: Hệ thống gửi yêu câu nhập thông tin theo mẫu Bước 3: Người dùng nhập thông tin Bước 4: Hệ kiểm tra liệu 4.1: Nếu liệu khơng hợp lệ báo lỗi cho người dùng yêu cầu nhập lại cho phép người dùng thoát 4.2: Nếu liệu hợp lệ lưu vào sở liệu đưa người dùng trang chủ 2.3.2 Đăng nhập người dùng Đặc tả chức Bước : Người dùng truy cập vào trang: 1.1: Nếu đặt token, đưa trang chủ 1.2: Nếu chưa đặt token, đưa trang đăng nhập Bước : Hệ thống kiểm tra liệu đăng nhập 2.1 : Nếu liệu không tồn tại, thông báo sai tài khoản mật 2.2 : Nếu liệu tồn tại, gán token cho người dùng đưa họ trang chủ 2.3.3 Quên mật Bước 1: Người dùng đăng nhập Bước 2: Chọn quên mật 2.1: Nếu liệu không hợp lệ, hệ thống báo lỗi 2.2: Nếu liệu hợp lệ, hệ thống tạo mật chuyển hướng người dùng giao diện 2.3.4 Giao diện Bước 1: Người dùng đăng nhập thành cơng Bước 2: Hệ thống đưa người dùng đến giao diện 2.3.5 Xem tin Bước 1: Người dùng đăng nhập Bước 2: Hiển thị toàn đăng cộng đồng Gym với infinite scroll Bước 3: Chọn xem chi tiết đăng 2.1: Đưa người dùng trang chi tiết 2.2: Hiển thị chi tiết đăng 2.3.6 Tập luyện Bước 1: Người dùng đăng nhập Bước 2: Chọn tập luyện giao diện tập luyện 2.3.7 Xem thông số Bước 1: Người dùng đăng nhập Bước 2: Người dùng vào trang hiển thị thông số 2.3.8 Thông tin cá nhân Bước 1: Người dùng đăng nhập Bước 2: Người dùng chọn thông số cá nhân thực thao tác CHƯƠNG III: HÌNH ẢNH SẢN PHẨM 3.1 Giao diện đăng ký Hình 1: Giao diện đăng ký 3.2 Giao diện đăng nhập 10 Hình 2: Giao diện đăng nhập 3.3 Quên mật 11 Hình 3: Giao diện quên mật 3.4 Giao diện 12 Hình 4: Giao diện 3.5 Xem tin 13 Hình 5: Xem tin 3.6 Tập luyện 14 Hình 6: Tập luyện 3.7 Xem thơng số 15 Hình 7: Xem thơng số 3.8 Thơng tin cá nhân 16 Hình 8: Thông tin cá nhân 17 CHƯƠNG IV: KẾT QUẢ 4.1 Kết đạt - Xây dựng thành công reddit đơn giản web - Đặt yêu cầu nêu phần 2.1 4.2 Các nội dung hạn chế - Giao diện đơn giản, thiếu nhiều so với gốc - Web chạy localhost, chưa chạy tên miền - Web thiếu nhiều tính so với gốc - Người dùng không chọn gia nhập cộng đồng họ muốn - Người dùng đăng ký chưa tạo ảnh riêng cho tài khoản 4.3 Hướng phát triển - Tiếp tục phát triển ,cải thiện nội dung hạn chế - Sớm đưa website lên server có tên miền 4.4 Kết luận Thơng qua việc tìm hiểu đề tài giúp em có nhìn tồn diện việc xây dựng web app hồn chỉnh Vì thời gian có hạn nên nhóm khơng thể hồn thiện tồn chức năng, viết cịn nhiều sai sót, chúng em mong nhận góp ý thầy cô Em xin chân thành cảm ơn! 18 TÀI LIỆU THAM KHẢO [1] https://google.com [2] https://nodejs.org [3] https://reactjs.org [4] https://www.reddit.com/ [5] https://www.typescriptlang.org/ [6] https://typeorm.io/ [7] https://tailwindcss.com/ [8] https://jwt.io/ 19 ... PHẨM 3.1 Giao di? ??n đăng ký Hình 1: Giao di? ??n đăng ký 3.2 Giao di? ??n đăng nhập 10 Hình 2: Giao di? ??n đăng nhập 3.3 Quên mật 11 Hình 3: Giao di? ??n qn mật 3.4 Giao di? ??n 12 Hình 4: Giao di? ??n 3.5 Xem... dẫn cô, em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “Nhập mơn lập trình thiết bị di động? ?? Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ báo cáo khó hồn thành Mặc dù cố... em tiếp cận với mơn học hữu ích sinh viên ngành Cơng Nghệ Thơng Tin Đó mơn: “Nhập mơn lập trình thiết bị di động? ?? Em xin chân thành cảm ơn thầy Cấn Đức Điệp tận tâm hướng dẫn em qua buổi học lớp