Đồ án tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console

Báo cáo đồ án ĐẠ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 ĐỀ TÀI: Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Giảng viên: Trần Anh Dũng Sinh viên thực hiện: Hoàng Mạnh Tân Thành phố Hồ Chí Minh, năm 2022 19522170 Báo cáo đồ án ĐẠ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 ĐỀ TÀI: Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Giảng viên: Trần Anh Dũng Sinh viên thực hiện: Hồng Mạnh Tân Thành phố Hồ Chí Minh, năm 2022 19522170 Báo cáo đồ án Mục lục Mục lục .1 Mục lục hình ảnh DANH MỤC TỪ VIẾT TẮT .4 LỜI CẢM ƠN ĐỀ CƯƠNG CHI TIẾT NỘI DUNG 10 CHƯƠNG 1: GIỚI THIỆU CHUNG .10 1.1 Tổng quan đề tài 10 1.2 Lý chọn đề tài 10 1.3 Đối tượng sử dụng 11 1.4 Phạm vi nghiên cứu 11 1.4.1 Phạm vi môi trường: 11 1.4.2 Phạm vi chức năng: 11 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 12 2.1 Android Studio 12 2.2 Dart .13 2.3 Flutter 14 2.4 Firebase .15 2.5 GitHub 16 2.6 NodeJs 17 2.7 Tensorflow 18 CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 19 3.1 Kiến trúc hệ thống: Mơ hình MVVM 19 3.2 Chi tiết thành phần hệ thống .20 CHƯƠNG 4: ĐẶC TẢ USE CASE 21 4.1 Sơ đồ Use Case 21 4.2 Danh sách tác nhân .22 4.3 Danh sách Use Case 22 4.4 Mô tả chi tiết Use Case .24 CHƯƠNG 5: THIẾT KẾ CƠ SỞ DỮ LIỆU 48 5.1 Sơ đồ logic 48 5.2 Danh sách quan hệ 49 5.2.1 Bảng Users: 49 5.2.2 Bảng Posts: 49 5.2.3 Bảng Watches: 49 5.2.4 Bảng Comment: 50 5.2.5 Bảng Notification: 50 5.2.6 Bảng Message 50 5.2.7 Bảng contentMessage .50 CHƯƠNG 6: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 51 6.1 Screen flow 51 6.2 Danh sách hình 52 6.3 Mô tả chi tiết .53 6.3.1 Navigation .53 6.3.2 Trang chủ 54 6.3.3 Trang bình luận viết 55 6.3.4 Trang thêm viết 57 6.3.5 Trang tìm kiếm 58 6.3.6 Trang Watch 59 6.3.7 Trang thêm video .60 6.3.8 Trang bình luận video 61 6.3.9 Trang danh sách tin nhắn 63 6.3.10 Trang nhắn tin với người dùng khác 64 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.11 Trang hồ sơ 65 6.3.12 Trang chi tiết viết .66 6.3.13 Trang hồ sơ người dùng khác 68 6.3.14 Trang danh sách người theo dõi 70 6.3.15 Trang danh sách người theo dõi 72 CHƯƠNG 7: CÀI ĐẶT VÀ KIỂM THỬ 74 7.1 Môi trường cài đặt kiểm thử 74 7.2 Kết kiểm thử 74 CHƯƠNG 8: KẾT LUẬN 75 8.1 Tổng kết 75 8.2 Khó khăn 75 8.3 Kết thu 76 8.4 Hạn chế đồ án .76 8.5 Hướng phát triển đồ án .76 TÀI LIỆU THAM KHẢO 77 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Mục lục hình ảnh Hình Android Studio .12 Hình Ngơn ngữ lập trình Dart 13 Hình Flutter 14 Hình Hệ quản trị sở liệu Firebase 15 Hình Hệ thống quản lý mã nguồn GitHub .16 Hình NodeJS 17 Hình Tensorflow 18 Hình Mơ hình MVVM 19 Hình Sơ đồ Use Case .21 Hình 10 UC Đăng tải viết 24 Hình 11 UC Thích viết .26 Hình 12 UC Bình luận viết 28 Hình 13 UC Xóa viết 30 Hình 14 UC Đăng tải video ngắn .32 Hình 15 UC Thích video 34 Hình 16 UC Bình luận video 36 Hình 17 UC Nhắn tin 38 Hình 18 UC Thơng báo 40 Hình 19 UC Theo dõi tài khoản khác .42 Hình 20 UC Cập nhật ảnh đại diện 44 Hình 21 UC Tìm kiếm 46 Hình 22 Sơ đồ sở liệu .48 Hình 23 Screen flow Người dùng .51 Hình 24 Navigation 53 Hình 25 Trang chủ 54 Hình 26 Trang bình luận viết 55 Hình 27 Trang thêm viết .57 Hình 28 Trang tìm kiếm 58 Hình 29 Trang Watch .59 Hình 30 Trang thêm video 60 Hình 31 Trang bình luận video 61 Hình 32 Trang danh sách tin nhắn 63 Hình 33 Trang nhắn tin với người dùng khác 64 Hình 34 Trang hồ sơ 65 Hình 35 Trang chi tiết viết 66 Hình 36 Trang hồ sơ người dùng khác .68 Hình 37 Trang danh sách người theo dõi 70 Hình 38 Trang danh sách người theo dõi 72 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án DANH MỤC TỪ VIẾT TẮT # Từ viết tắt Từ đầy đủ Ý nghĩa CSDL Cơ sở liệu Cơ sở liệu cho ứng dụng API Application Programming Interface Giao diện lập trình ứng dụng MVVM Model-View-ViewModel Mơ hình lập trình Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án LỜI CẢM ƠN Sau q trình học tập rèn luyện khoa Cơng nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để lần đầu thực Đồ án Để hồn thành Đồ án này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thông tin Chúng em xin gửi lời cảm ơn chân thành đến thầy Trần Anh Dũng tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy khoa, bạn bè, tập thể lớp KTPM2019 người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm Đồ án chúng em không tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý q thầy để hồn thiện phát triển tương lai Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, 20 tháng 12 năm 2022 Sinh viên HỒNG MẠNH TÂN Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án ĐẠI HỌC QUỐC GIA TP HỒ CHÍ T MINH TRƯỜNG ĐẠI HỌC P CƠNG NGHỆ THƠNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc HCM, ngày 20 tháng 12 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 15/09/2022 đến ngày 31/12/2022 Sinh viên thực hiện: Hoàng Mạnh Tân – 19522170 Nội dung đề tài Lý chọn đề tài: Hiện nay, giới, nhu cầu giải trí người ngày tăng nhanh, kéo theo đời sản phẩm giải trí Trong loại sản phẩm ấy, thấy phổ biến nhiều người ưa chuộng việc chơi game, đặc biệt chơi game hệ máy console-đây hệ máy chơi tựa game với đồ họa cao khơng cần địi hỏi nhiều phụ kiện kèm Ngoài nhu cầu mua sắm sản phẩm game, nhu cầu kết nối với người có chung sở thích, đam mê với thân nhu cầu mà nhiều người chơi mong muốn Vậy nên, việc xây dựng mạng xã hội tích hợp sẵn ứng dụng bán sản phảm game tạo môi trường lành mạnh nơi mà game thủ dễ dàng tìm kiếm, kết bạn trị chuyện với người có chung niềm đam mê với Ngồi việc kết nối, người dùng mạng xã hội nhận thơng tin hữu ích từ review sản phẩm, mua bán trao đổi sản phẩm qua sử dụng từ người mua hàng khác Từ có nhìn tổng quát chi tiết sản phẩm mà họ quan tâm trước định mua qua ứng dụng cửa hàng Với mong muốn đó, nhóm em định chọn triển khai nghiên cứu đề tài Mục tiêu: bao gồm mục tiêu chính: Xây dựng mạng xã hội để người dùng: + Có thể xem đăng tải viết review, mua bán sản phẩm + Có thể xem tạo nội dung dạng video ngắn sản phẩm + Có thể theo dõi trị chuyện với người sử dụng khác Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Ứng dụng máy học giúp : + Hạn chế đăng không liên quan đến sản phẩm Phạm vi: Phạm vi môi trường: Ứng dụng di động Phạm vi chức năng:  Có thể đăng tải viết review, mua bán sản phẩm.  Có thể tạo video ngắn sản phẩm.  Có thể xem, thích, bình luận viết video ngắn.  Có thể theo dõi, nhắn tin, nhận thông báo từ người dùng khác.  Có thể tìm kiếm viết theo tên.  Có thể xem thơng tin đăng, người theo dõi theo dõi thân.  Có thể chỉnh sửa thông tin cá nhân. Đối tượng sử dụng:  Tất người sử dụng ứng dụng bán máy chơi game hệ console. Phương pháp thực hiện: Phương pháp làm việc:  Làm việc nhóm thành viên hướng dẫn giảng viên hướng dẫn. Phương pháp nghiên cứu:  Phân tích nhu cầu sử dụng đối tượng người dùng.  Nghiên cứu tài liệu công nghệ liên quan. Phương pháp công nghệ:  Xây dựng giao diện mobile app để tương tác với người dùng.  Quản lý source code thông qua Github.  Sử dụng Google doc, Drive… để quản lý tiến trình tài liệu. Nền tảng công nghệ:  Dart  Android Studio  Flutter  NodeJS  Firebase Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án  Tensorflow Kết mong đợi:  Hoàn thành hết chức đề ra.  Ứng dụng di động hoạt động ổn định, xử lý thơng tin nhanh chóng. Hướng phát triển đề tài:  Cải thiện chức nhận diện máy học.  Thêm chức tạo nhóm, chat nhóm, chat video. Kế hoạch làm việc: Thời gian thực từ ngày 15/09/2022 đến ngày kết thúc môn Đồ án Nhóm chia thành giai đoạn cụ thể: Giai đoạn 1: Chuẩn bị tài liệu xây dựng giao diện người dùng, database Gồm sprint với thời gian sprint kéo dài khoảng tuần: Thời gian: 15/09/2022 -01/11/2022 Sprint 1: Phân tích yêu cầu chức năng, chuẩn bị tài liệu, vẽ diagram liên quan Sprint 2: Xây dựng CSDL, xây dựng UI chức Sprint 3: Hoàn thiện chức nâng cao ứng dụng Sprint Sprint Thời gian 15/09/2022-29/09/2022 Công việc dự kiến _ Phân tích yêu cầu chức ứng dụng _ Viết tài liệu mô tả _ Xây dựng vẽ Sprint 30/09/2022-14/10/2022 _ Xây dựng CSDL _ Xây dựng giao diện ứng dụng _ Xây dựng tính ứng dụng Sprint 15/10/2022-29/10/2022 _ Hoàn thiện giao diện ứng dụng _ Tiếp tục hồn thiện tính Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.9 Trang danh sách tin nhắn Hình 32 Trang danh sách tin nhắn a Mô tả chung: Trang danh sách tin nhắn hiển thi danh sách người dùng khác mà người dùng nhắn tin danh sách tin nhắn người dùng b Đối tượng hình: STT Tên đối tượng Others User New Message Loại ListView ListView Chức Hiển thị danh sách người dùng khác Hiển thị danh sách tin nhắn 63 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.10 Trang nhắn tin với người dùng khác Hình 33 Trang nhắn tin với người dùng khác a Mô tả chung: Trang cung cấp chức nhắn tin với người dùng cụ thể b Đối tượng hình: STT Tên đối tượng Back All Message Message Send Loại GestureDetector ListView TextField GestureDetector 64 Chức Trở lại trang danh sách tin nhắn Hiển thị danh sách tin nhắn Nơi cho người dùng nhập tin nhắn Gửi tin nhắn Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.11 Trang hồ sơ Hình 34 Trang hồ sơ a Mơ tả chung: Đây trang cá nhân tài khoản mạng xã hội người dùng Nó cung cấp số chức đổi ảnh đại diện, hiển thị số lượng người theo dõi, theo dõi danh sách viết đăng 65 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án b Đối tượng hình: STT Tên đối tượng Avatar Following Loại IconButton GestureDetector See All Follower GestureDetector All Post All Post Video ListView ListView Post Tab Post Video Tab TabBar TabBar Chức Người dùng nhấn vào để đổi ảnh đại diện Chuyển đến hình tạo danh sách người theo dõi Chuyển đến hình tạo danh sách người theo dõi Danh sách đăng người dùng Danh sách đăng chứa video người dùng Hiển thị đăng người dùng Hiển thị đăng chứa video người dùng 6.3.12 Trang chi tiết viết Hình 35 Trang chi tiết viết 66 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án a Mô tả chung: Đây trang giúp người dùng xem chi tiết viết b Đối tượng hình: STT Tên đối tượng Back Option Like Comment Loại GestureDetector GestureDetector IconButton IconButton 67 Chức Trở lại trang danh sách hồ sơ Mở dialog xóa đăng Thích viết Chuyển đến hình bình luận viết Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.13 Trang hồ sơ người dùng khác Hình 36 Trang hồ sơ người dùng khác a Mô tả chung: Chức trang hồ sơ người dùng khác cho người dùng xem trang hồ sơ người dùng khác, thấy đang, lượng người họ theo dõi theo dõi họ theo dõi người dùng 68 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án b Đối tượng hình: STT Tên đối tượng Loại Back GestureDetector Following GestureDetector See All Follower GestureDetector All Post All Post Video ListView ListView Post Tab Post Video Tab TabBar TabBar Follow Button 69 Chức Trở lại trang danh sách hồ sơ Chuyển đến hình tạo danh sách người theo dõi Chuyển đến hình tạo danh sách người theo dõi Danh sách đăng người dùng Danh sách đăng chứa video người dùng Hiển thị đăng người dùng Hiển thị đăng chứa video người dùng Người dùng nhấn để theo dõi người Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.14 Trang danh sách người theo dõi Hình 37 Trang danh sách người theo dõi 70 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án a Mơ tả chung: Chức trang thể danh sách người dùng khác mà người dùng theo dõi b Đối tượng hình: STT Tên đối tượng Back All User Loại GestureDetector ListView 71 Chức Trở lại trang danh sách hồ sơ Danh sách người dùng khác Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 6.3.15 Trang danh sách người theo dõi Hình 38 Trang danh sách người theo dõi a Mơ tả chung: Chức trang thể danh sách người dùng khác theo dõi người dùng 72 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án b Đối tượng hình: STT Tên đối tượng Tên trang Danh sách tên cột, thông tin bên cột Loại TextView Chức Hiển thị tên trang chức mà Admin sử dụng Hiển thị danh sách tên cột, thơng tin bên cột GridView 73 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án CHƯƠNG 7: CÀI ĐẶT VÀ KIỂM THỬ 7.1 Môi trường cài đặt kiểm thử _ Môi trường cài đặt: Android 4.1 _ Thiết bị cài đặt: thiết bị giả lập AVD Android Studio ứng dụng giả lập LDPlayer4 7.2 Kết kiểm thử STT 10 11 12 Tính Đăng tải viết Thích viết Bình luận viết Xóa viết Đăng tải video ngắn Thích video Bình luận video Nhắn tin Nhận thơng báo Theo dõi tài khoản khác Cập nhật ảnh đại diện Tìm kiếm Độ hoàn thiện 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 74 Ghi Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án CHƯƠNG 8: KẾT LUẬN 8.1 Tổng kết _ Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console tập trung vào việc cung cấp môi trường lành mạnh cho người dùng ứng dụng mua hàng console có hội tìm thấy người bạn có chung niềm đam mê với thân để dễ dàng trị chuyện kết bạn Ngồi từ viết hay video review từ người dùng khác, khách hàng có nhìn tổng quan sản phẩm trước xác định mua chúng _ Cần phân tích tính cần có mở rộng(nếu có) trước thực đồ án, thiết kế giao diện, thiết kế sở liệu _ Cần xếp thời gian code cho chức cách hợp lý hơn, không nên tốn nhiều thời gian cho phần Luôn tuẩn thủ theo deadline giao ra, có delay khơng 1-2 tuần làm ảnh hưởng tiến độ chung _ Có khả đọc tài liệu tiếng anh lợi hướng dẫn bản, hay tài liệu đa số viết tiếng Anh 8.2 Khó khăn _ Việc làm đồ án cá nhân gặp số vấn đề công việc nhiều _ Nhóm tốn nhiều thời gian cho việc làm quen với công nghệ, thư viện _ Gặp chút khó khăn việc xem video hướng dẫn hay tài liệu có Tiếng Anh _ Đơi có chút sai sót thiết kế giao diện logic ứng dụng 75 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án 8.3 Kết thu _ Kết nhóm cố gắng để hồn thành tất chức phần mở rộng để _ Tìm hiểu cách sử dụng TensorFlow phần nhỏ Machine Learning _ Có hội tự học công nghệ, thư viện qua kênh, tài liệu online 8.4 Hạn chế đồ án _ Code chưa tối ưu tốt nên thực vài chức chưa nhanh chưa theo ý muốn _ Giao diện người dùng ưa nhìn chưa đặt sắc thu hút người dùng _ Cịn nhiều tính chưa tối ưu, chưa tiện dụng người dùng admin _ Tổ chức source code chưa tốt _ Độ nhận diện ảnh TensorFlow chưa cao 8.5 Hướng phát triển đồ án _ Đầu tư, phát triển thiết kế giao diện _ Chỉnh Responsive cho ứng dụng _ Tối ưu hóa code _ Nâng cấp khả nhận diện ảnh TensorFlow _ Thêm chức tạo nhóm, chat nhóm, chat video _ Thêm chức cho phép admin can thiệp vào mạng xã hội(xóa đăng, cấm người dùng vi phạm, …) 76 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án TÀI LIỆU THAM KHẢO ❖Các package vào ứng dụng trình phát triển lấy từ nguồn: https://pub.dev/ ❖ Tài liệu tham khảo fix bug: https://stackoverflow.com/ ❖ Tài liệu tham khảo TensorFlow: https://www.tensorflow.org/ ❖ Một số kênh youtbe nhóm tham khảo: + The Flutter Way: https://www.youtube.com/c/TheFlutterWay/videos + freeCodeCamp.org: https://www.youtube.com/@freecodecamp + Aladdin Persson: https://www.youtube.com/@AladdinPersson 77 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console ... 31 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Hình 14 UC Đăng tải video ngắn 32 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án. .. Khơng 39 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Hình 18 UC Thơng báo 40 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Mơ tả... 41 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án Hình 19 UC Theo dõi tài khoản khác 42 Tích hợp mạng xã hội vào ứng dụng bán máy chơi game hệ console Báo cáo đồ án