Ứng dụng trao đổi đồ chơi toydee

ĐẠI HỌC QUỐC GIA THÀNH PHỐ 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 ỨNG DỤNG TRAO ĐỔI ĐỒ CHƠI - TOYDEE NGUYỄN ĐỨC THÀNH PHÁT LÙ XUÂN THÁI GIẢNG VIÊN HƯỚNG DẪN THS THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, THÁNG NĂM 2022 ĐẠI HỌC QUỐC GIA THÀNH PHỐ 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 ỨNG DỤNG TRAO ĐỔI ĐỒ CHƠI - TOYDEE NGUYỄN ĐỨC THÀNH PHÁT - 19521995 LÙ XUÂN THÁI -19522186 GIẢNG VIÊN HƯỚNG DẪN THS THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, THÁNG NĂM 2022 LỜI CẢM ƠN Nhóm chúng em xin gửi lời cảm ơn chân thành tri ân sâu sắc đến cô Thái Thụy Hàn Uyển hướng dẫn, tạo điều kiện cho nhóm chúng em tìm hiểu đề tài xây dựng ứng dụng trao đổi đồ chơi Trong vòng 15 tuần, qua buổi học, nhờ hướng dẫn nhiệt tình cơ, chúng em tiếp thu kiến thức quan trọng, bổ ích, hồn thành đồ án Mặc dù cố gắng hoàn thành báo cáo với tất nỗ lực song báo cáo nhóm chúng em chắn khơng tránh khỏi thiếu sót, chúng em mong nhận thơng cảm góp ý chân thành từ Nhóm em xin chân thành cảm ơn Thành phố Hồ Chí Minh, tháng năm 2022 Nguyễn Đức Thành Phát Lù Xuân Thái ĐẠ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ỌCCÔNG NGHỆ Độc Lập - Tự Do - Hạnh Phúc THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng trao đổi đồ chơi Cán hướng dẫn: Thái Thị Hàn Uyển Thời gian thực hiện: Từ ngày 24/02/2022 đến ngày 17/06/2022 Sinh viên thực hiện: Nguyễn Đức Thành Phát – 19521995 Lù Xuân Thái - 19522186 Nội dung đề tài: • Đặt vấn đề Có đứa trẻ xin mua đồ chơi ngày chắn ngày tuần vài tuần, bạn tìm thấy đồ chơi góc nhà bạn Cứ khoảng 238 đồ chơi thu thập với đứa trẻ, sử dụng 12 đồ chơi để chơi khoảng thời gian ngày Hiện nay, chi phí dành cho trẻ em gia đình vấn đề lớn Trong có chi phí đồ chơi dành cho trẻ Trẻ em thích chơi đồ chơi nhiên nhanh chán chơi đồ chơi Khiến cho phụ huynh phải mua đồ chơi để thay đồ chơi cũ • Mục tiêu đề tài Để khắc phục cho vấn đề, ứng dụng Toydee sinh nhằm cho phép người dùng trao đổi đồ chơi với nhau, tiết kiệm chi phí Các phụ huynh trao đổi đồ chơi mà họ có với số phụ huynh khác cung cấp đồ chơi mà họ có Cả hai cha mẹ cung cấp đồ chơi cho họ mà không cần chi xu Thông qua ứng dụng, người dùng nắm thơng tin đồ chơi đăng lên trao đổi, đăng đồ chơi trao đổi lên, yêu cầu trao đổi đồ chơi với người khác, trò chuyện với người trao đổi, … • Phạm vi đề tài Vì q trình xây dựng ứng dụng thực đề tài có thời gian giới hạn, với mảng kiến thức Dart framework Flutter rộng lớn, nên phạm vi đề tài đề chức mấu chốt đề tài hoàn thiện, thực tốt trải nghiệm người dùng môi trường di động • Phương pháp nghiên cứu - Tham khảo tài liệu trực tuyến hoạt động trao đổi qua lại người dùng - Tiến hình khảo sát lấy yêu cầu thực tế từ người dùng - Tham khảo số ý tưởng ứng dụng trao đổi đồ chơi qua internet - Tham khảo tài liệu, video hướng dẫn cách áp dụng ứng dụng công nghệ vào q trình xây dựng ứng dụng • Ý nghĩa kết đề tài Sản phẩm - Tạo ứng dụng trao đổi đồ chơi trực tuyến người dùng - Đáp ứng chức đề ứng dụng Tài liệu - Kiến thức công nghệ sử dụng vào đồ án: ngôn ngữ, framework, database, … Kế hoạch thực hiện: Giai đoạn Thời gian Mô tả Giai đoạn 24/02 - 31/03 Lựa chọn đề tài Tìm hiểu công nghệ Khảo sát ứng dụng Giai đoạn 01/04/ - 29/04 Thiết kế giao diện Thiết kế số chức Giai đoạn 30/04 – 29/05 Xây dựng giao diện Hoàn thiện số chức Giai đoạn 30/05 – 15/06 Hồn thiện chứng cịn lại Sửa lỗi Nguyễn Đức Thành Phát Công việc chung Lù Xn Thái Tìm hiểu cơng nghệ Thiết kế giao diện Thiết kế hệ thống Thiết kế database Công việc riêng Xây dụng chức đăng nhập, đăng ký Xây dựng chức onBoaring Xây dựng chức trang chủ Xây dựng chức trang cá nhân Xây dựng chức đồ chơi Xây dựng chức đồ chơi Xây dựng chức chatting Xây dựng chức kiện Xác nhận CBHD TP HCM, ngày 17 tháng 06 năm 2022 (Ký tên ghi rõ họ tên) Sinh viên (Ký tên ghi rõ họ tên) MỤC LỤC CHƯƠNG GIỚI THIỆU 1.1 Đặt vấn đề 1.2 Mục tiêu đề tài 1.3 Phạm vi đề tài 1.4 Phương pháp nghiên cứu 1.5 Ý nghĩa kết đề tài 1.5.1 Sản phẩm 1.5.2 Tài liệu CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Ngôn ngữ Dart 2.2 Framework Flutter 2.2.1 Flutter 2.2.2 Tại nên sử dụng Flutter 2.3 Firebase 2.3.1 Ưu điểm 2.3.2 Nhược điểm CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH ĐẶT TẢ YÊU CẦU 3.1 Khảo sát hiện trạng 3.1.1 Phương pháp khảo sát 3.1.2 Đối tượng khách hàng 3.1.3 Danh sách câu hỏi khảo sát 3.2 Danh sách yêu cầu CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 4.1 Phân tích thiết kế hệ thống 4.1.1 Công nghệ sử dụng 4.1.2 Kiến trúc hệ thống 4.1.3 Kiến trúc ứng dụng 4.1.4 Sơ đồ use case 10 4.1.4.1 Diagrams 10 4.1.4.2 Danh sách actor 12 4.1.4.3 Danh sách use case 12 4.1.4.4 Mô tả chi tiết use case 12 4.1.5 Class diagrams 23 4.1.5.1 Diagrams 23 4.1.5.2 Danh sách bảng 23 4.1.5.3 Mô tả chi tiết bảng 24 4.1.6 Thiết kế sở liệu 28 4.1.6.1 Danh sách collection sở liệu 28 4.1.6.2 Sơ đồ thiết kế 28 4.1.6.3 Mô tả chi tiết collection 28 4.1.7 Activity diagram 32 4.1.7.1 Login 32 4.1.7.2 Sign Up 33 4.1.7.3 Forgot password 34 4.1.7.4 Swap 35 4.1.7.5 Post toy 36 4.1.7.6 Search 37 4.1.7.7 Donate toy 38 4.1.7.8 Delete toy 39 4.1.7.9 Create event 40 4.1.8 Sequence diagrams 41 4.1.8.1 Login 41 4.1.8.2 Sign Up 42 4.1.8.3 Chatting 43 4.1.8.4 Delete post 43 4.1.8.5 Filter 44 4.1.8.6 Search 44 4.1.8.7 Change information 45 4.1.8.8 Create event 45 4.1.8.9 Donate toy 46 4.2 Thiết kế giao diện 47 4.2.1 Danh sách hình 47 4.2.2 Mơ tả chi tiết hình 47 4.2.2.1 Onboarding 47 4.2.2.2 Login 48 4.2.2.3 Sign Up 50 4.2.2.4 Reset password 51 4.2.2.5 Home 52 4.2.2.6 Filter 53 4.2.2.7 Search 54 4.2.2.8 All toys 54 4.2.2.9 Toy detail 55 4.2.2.10 Welcome upload 56 4.2.2.11 Upload toy screen 57 4.2.2.12 Preview upload 59 4.2.2.13 Done upload 59 4.2.2.14 Profile 60 4.2.2.15 Configuration 62 4.2.2.16 Password configuration 63 4.2.2.17 Phone configuration 63 4.2.2.18 Name configuration 64 4.2.2.19 Date of birth configuration 65 4.2.2.20 Gender configuration 66 4.2.2.21 Address configuration 67 4.2.2.22 List events 68 4.2.2.23 List my events 69 4.2.2.24 Upload event 70 4.2.2.25 List toy donated 71 4.2.2.26 Request screen 72 4.2.2.27 Chatting screen 73 4.2.2.28 Chatting detail 74 CHƯƠNG KẾT LUẬN 76 5.1 Kết đạt 76 5.2 Ưu điểm 76 5.3 Nhược điểm 76 4.2.2.16 Password configuration STT Biến cố Xử lý Chọn vào ô trống Hiện thị bàn phím chờ người dùng nhập thông tin Chọn nút “Save Changes” Lưu thông tin trở giao diện “Configuration” 4.2.2.17 Phone configuration 63 STT Biến cố Xử lý Chọn vào ô trống Hiện thị bàn phím chờ người dùng nhập thơng tin Chọn nút “Save Changes” Lưu thông tin trở giao diện “Configuration” 4.2.2.18 Name configuration 64 STT Biến cố Xử lý Chọn vào ô trống Hiện thị bàn phím chờ người dùng nhập thơng tin Chọn nút “Save Changes” Lưu thông tin trở giao diện “Configuration” 4.2.2.19 Date of birth configuration 65 STT Biến cố Xử lý Chọn “OK” Lưu thông tin ngày tháng người dùng chọn tắt giao diện chọn ngày tháng Chọn “CANCEL” Tắt giao diện chọn ngày tháng 4.2.2.20 Gender configuration 66 STT Biến cố Xử lý Chọn nút “Male” “Female” “Other” Làm nút người dùng chọn Chọn nút “Save Changes” Lưu thông tin trở giao diện “Configuration” 4.2.2.21 Address configuration 67 STT Biến cố Xử lý Chọn vào trống Hiện thị bàn phím chờ người dùng nhập thông tin Chọn nút “Save Changes” Lưu thông tin trở giao diện “Configuration” 4.2.2.22 List events 68 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn nút Đưa người dùng đến giao diện “List my events” Chọn thẻ event Đưa người dùng đến giao diện “List toy donated” 4.2.2.23 List my events 69 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn nút Đưa người dùng đến giao diện “Upload event” 4.2.2.24 Upload event 70 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn “Name” “Description” Hiện thị bàn phím chờ người dùng nhập thông tin Chọn vào ô trống Hiện thị giao diện chọn ngày tháng Chọn nút “Upload” Lưu thông tin đưa người dùng trở giao diện “List my events” 4.2.2.25 List toy donated 71 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn nút Đưa người dùng đến giao diện “Upload toy screen” 4.2.2.26 Request screen 72 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn nút Đưa người dùng đến giao diện “Chatting screen” Chọn nút Đồng ý yêu cầu trao đổi đồ chơi 4.2.2.27 Chatting screen 73 STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Chọn vào thẻ chat 4.2.2.28 Chatting detail 74 Đưa người dùng đến giao diện “Chatting detail” STT Biến cố Xử lý Chọn nút Đưa người dùng trở giao diện trước Gửi thông tin người dùng nhập thị lên giao diện Chọn nút Chọn ô “Type Something…” Hiện thị bàn phím chờ người dùng nhập thơng tin 75 CHƯƠNG KẾT LUẬN 5.1 Kết đạt • Tạo sản phẩm tương đối hoàn chỉnh • Áp dụng kiến thức quy trình phát triển phần mềm • Tìm hiểu thêm cơng nghệ kiến trúc kỹ thuật • Hiểu nắm kiến thức ngôn ngữ dart Flutter framework • Phân cơng cơng việc hợp lý 5.2 Ưu điểm • Xây dựng ứng dụng đầy đủ chức • Tốc độ phản hồi nhanh • Ứng dụng có tảng tốt để phát triển • Sử dụng tương đối thành thạo ngôn ngữ framework hỗ trợ 5.3 Nhược điểm • Chưa triển khai nhiều tảng • Chưa chạy phần kiểm thử ứng dụng • Lượng truy lớn nặng cần nhiều thời gian 5.4 Hướng phát triển • Tối ưu hóa hệ thống để chịu áp lực từ nhiều người dùng • Bổ sung thêm số tính hỗ trợ người dùng 76 TÀI LIỆU THAM KHẢO [1] "Flutter document," [Online] Available: https://flutter.dev/ [2] "Dart language," [Online] Available: https://dart.dev/ [3] "Flutter package," [Online] Available: https://pub.dev/ [4] "The flutter way," [Online] Available: https://www.youtube.com/c/TheFlutterWay 77 ... suất sử dụng ứng dụng này? • Theo bạn, ứng dụng trao đổi đồ chơi mang lại lợi ích nào? • Theo bạn, ứng dụng trao đổi đồ chơi nên tập trung vào mặt nào? • Các chức cần thiết ứng dụng trao đổi là?... chi xu Thông qua ứng dụng, người dùng nắm thơng tin đồ chơi đăng lên trao đổi, đăng đồ chơi trao đổi lên, yêu cầu trao đổi đồ chơi với người khác, trò chuyện với người trao đổi, … 1.3 Phạm vi... sắm đồ chơi khơng? • Nếu có số tiền nằm mức nào? • Gia đình bạn có đồ chơi khơng sử dụng khơng? • Gia đình bạn có nhu cầu trao đổi đồ chơi khơng? • Bạn có sử dụng qua ứng dụng trao đổi đồ chơi