Đồ án phát triển ứng dụng mạng xã hội bán hàng thời trang

ĐẠ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 -🙞🙜🕮🙞🙜 - BÁO CÁO ĐỒ ÁN ĐỀ TÀI: PHÁT TRIỂN ỨNG DỤNG MẠNG XÃ HỘI BÁN HÀNG THỜI TRANG GVHD: ThS Thái Thuỵ Hàn Uyển Sinh viên thực hiện: Bùi Minh Thịnh - 19522270 Phan Anh Nhất - 19521955 TP.Thủ Đức, 15 tháng 06 năm 2022 LỜI CẢM ƠN Lời đầu tiên, chúng em xin cảm ơn thầy cô khoa Công nghệ Phần mềm tạo điều kiện tốt cung cấp kiến thức cần thiết để hồn thành mơn đồ án chun đề Chúng em xin gửi lời cảm ơn sâu sắc đến cô Thái Thuỵ Hàn Uyển, người hỗ trợ, hướng dẫn nhóm tạo điều kiện tốt để nhóm hồn thành đề tài nghiên cứu Với hỗ trợ nhiệt tình cơ, cuối nhóm chúng em hoàn thiện kiến thức cần thiết thông qua việc nghiên cứu học hỏi kiến thức Chúng em vui nhận ý kiến đóng góp đề tài nhóm, chúng em cố gắng ngày hồn thiện tương lai tiếp tục học tập chăm để đạt kết tốt Cuối cùng, xin kính chúc thầy giảng viên môn Công nghệ Phần mềm cô Thái Thuỵ Hàn Uyển ln có sức khỏe dồi dào, sống hạnh phúc, tiếp tục hoàn thành sứ mệnh cao truyền thụ tri thức cho hệ mai sau Xin chân thành cảm ơn q thầy cơ! NHẬN XÉT (Của giáo viên hướng dẫn) DANH SÁCH THÀNH VIÊN NHÓM Tên thành viên MSSV Bùi Minh Thịnh 19522270 Phan Anh Nhất 19521955 MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 10 1.1 Đặt vấn đề 10 1.2 Giải pháp 10 1.3 Mục tiêu đề tài 11 1.4 Phạm vi đề tài 11 1.5 Công cụ sử dụng: 11 1.6 Đối tượng nghiên cứu 12 1.7 Khảo sát, đánh giá ứng dụng mạng xã hội bán hàng thời trang có: 12 1.7.1 Shopee- Ứng dụng bán hàng thời trang đa dạng mẫu mã 12 1.7.2 Lazada 13 CHƯƠNG TỔNG QUAN CÔNG NGHỆ 15 2.1 Phương pháp làm việc 15 2.2 Phương pháp nghiên cứu 15 2.3 Phương pháp công nghệ tảng 15 2.4 Giới thiệu Cross Platform Framework Flutter 15 CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH ĐẶC TẢ YÊU CẦU 17 3.1 Khảo sát trạng 17 3.1.1 Phương pháp khảo sát 17 3.2 Danh sách chức cần có ứng dụng 19 CHƯƠNG PHÂN TÍCH HỆ THỐNG 21 4.1 Phân loại yêu cầu phần mềm 21 4.1.1 Yêu cầu hệ thống 21 4.1.2 Yêu cầu nghiệp vụ 21 CHƯƠNG THIẾT KẾ HỆ THỐNG 22 5.1 Sơ đồ Usercase tổng quát 22 5.1.1 Yêu cầu tổng quát 22 5.1.1.1 Sơ đồ 22 UC1: Đăng ký tài khoản 23 UC2: Đăng nhập 31 UC3: Lấy lại mật 38 UC4: Tin nhắn 45 UC5: Thông báo 48 UC6: Cập nhập thông tin người dùng 53 UC7: Tạo viết 58 UC5: Ẩn viết 63 UC6: Chỉnh sửa viết 66 CHƯƠNG THIẾT KẾ DỮ LIỆU 71 6.1 Sơ đồ logic hoàn chỉnh 71 6.2 Danh sách bảng liệu sơ đồ logic 71 6.3 Mô tả bảng liệu 72 6.3.1 Bảng user 72 6.3.2 Bảng posts 72 6.3.3 Bảng addresses 73 6.3.4 Bảng notifications 73 6.3.5 Bảng messages 73 6.3.6 Bảng Contentmessages 74 6.3.7 Bảng Follow 74 6.3.8 Bảng Like 74 6.3.9 Bảng Comment 74 6.3.10 Bảng Share 75 6.3.11 Bảng Reels 75 CHƯƠNG THIẾT KẾ GIAO DIỆN 76 7.1 Sơ đồ liên kết hình 76 7.2 Thiết kế hình 76 7.2.1 Các hình Splash, Intro Onboarding: 76 7.2.2 Các hình Authentication: 77 7.2.3 Các hình thay đổi thơng tin cá nhân: 78 7.2.4 Các hình Profile: 79 7.2.5 Các hình chế độ xem Staggered Grid View: 80 7.2.6 Các hình chế độ xem Consec (Video) View: 81 7.2.7 Các hình chế độ xem Save View: 81 7.2.8 Các hình chế độ xem Reel View: 82 7.2.9 Các hình Posts Liked: 83 7.2.10 Màn hình Home Page: 84 7.2.11 Màn hình Searching: 85 7.2.12 Màn hình Reels: 86 7.2.13 Màn hình Notifications: 87 7.2.14 Màn hình Messages: 88 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 89 8.1 Kết 89 8.2 Hạn chế 89 8.3 Hướng phát triển 89 8.4 Kết luận 89 BÁO CÁO KẾT QUẢ LÀM VIỆC NHÓM VÀ BẢNG ĐIỂM 91 CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề • Kể từ năm 2019 tới ngày năm đầy biến động dịch bệnh tiếp tục hoành hành toàn cầu với biến chủng mới, gây mức độ lây nhiễm mạnh số người chết tăng cao Có lẽ lý mà ứng dụng mạng xã hội ứng dụng mua sắm chiếm số đông Nhờ mà nhà kinh doanh lớn nhỏ có khả phát triển mà không sợ bị dịch bệnh làm cho trì hỗn Ngồi cịn tự mua sản phẩm cần thiết đồ dùng gia đình cách nhanh chóng hiệu mà khơng cần phải ngồi Nhiều người cịn sử dụng hình thức mua sắm ứng dụng bán hàng điện thoại thay cho việc mua sắm website trực tuyến việc mua sắm qua app xem tiện lợi hơn, bạn cần điện thoại di động tải ứng dụng để trải nghiệm mua sắm • Bên cạnh đó, số ứng dụng mua sắm cịn tích hợp mạng xã hội, nơi đăng tải nội dung hình ảnh video sản phẩm theo lối sáng tạo thu hút người mua sắm Và mặt hàng mua bán trực tuyến phổ biến người dân thành thị ưa chuộng thời trang quần áo, giày dép thông qua khảo sát gần • Nhận thấy nhu cầu trên, nhóm chúng em định chọn đề tài “XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI BÁN HÀNG THỜI TRANG” (đồ án ThS.Thái Thuỵ Hàn Uyển nắm vai trò giảng viên hướng dẫn) • Tại Việt Nam, nhu cầu nhân lực kỹ sư công nghệ thông tin việc xây dựng ứng dụng di động lớn, tạo sản phẩm đa dạng, nhiều tảng như: React native, Flutter, hay IDE hỗ trợ lập trình Visual Studio Code, Android studio, … 1.2 Giải pháp Để hồn thành đề tài, nhóm chúng em nghiên cứu nội dung sau: • Tìm hiểu ngơn ngữ Dart framework Flutter để hỗ trợ cho việc lập trình thiết bị di động • Tìm hiểu UI/UX design, design thinking công cụ thiết kế Adobe illustrator, Adobe photoshop, Figma để hỗ trợ thiết kế giao diện cho ứng dụng 7.2.2 Các hình Authentication: 7.2.3 Các hình thay đổi thơng tin cá nhân: 7.2.4 Các hình Profile: 7.2.5 Các hình chế độ xem Staggered Grid View: 7.2.6 Các hình chế độ xem Consec (Video) View: 7.2.7 Các hình chế độ xem Save View: 7.2.8 Các hình chế độ xem Reel View: 7.2.9 Các hình Posts Liked: 7.2.10 Màn hình Home Page: 7.2.11 Màn hình Searching: 7.2.12 Màn hình Reels: 7.2.13 Màn hình Notifications: 7.2.14 Màn hình Messages: CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 8.1 Kết • Ứng dụng thực chức ứng dụng mạng xã hội • Xây dựng ứng dụng có UX/UI thân thiện với người dùng, dễ dàng quản lý phù hợp với lứa tuổi • Việc sử dụng ứng dụng dễ dàng, có hướng dẫn chi tiết lúc dùng • Có thể tương tác nhiều người với • Quản lý liệu dễ dàng • Tìm kiếm thơng tin nhanh chóng • Kết hợp tìm kiếm thơng tin nhận diện hình ảnh 8.2 Hạn chế • Một số nghiệp vụ cịn chưa hồn chỉnh • Chưa hỗ trợ hoạt động offline 8.3 Hướng phát triển Trong tương lai, chúng em hoàn thiện chức chưa đáp ứng tốt yêu cầu người dùng, mở rộng thêm số tính tạo nhóm chat, kết hợp ứng dụng mạng xã hội ứng dụng bán hàng Ngồi cịn xây dựng tảng web để mở rộng phạm vi người dùng 8.4 Kết luận Phần mềm chúng em đáp ứng đầy đủ chức Bên cạnh đó, chúng em học thêm kỹ mềm kỹ giao tiếp trình học online, kỹ làm việc nhóm, khả quản lý kỹ khác để giúp ích cho chúng em tương lai BÁO CÁO KẾT QUẢ LÀM VIỆC NHĨM VÀ BẢNG ĐIỂM STT Cơng việc Chọn đề tài Người đảm nhận Bùi Minh Thịnh, Trạng thái Hồn thành Phan Anh Nhất Phân tích yêu cầu Bùi Minh Thịnh, Hoàn thành Phan Anh Nhất Thiết lập actor, chức Bùi Minh Thịnh, Phan Anh Nhất Vẽ sơ đồ Use - case Bùi Minh Thịnh, Hoàn thành Hoàn thành Phan Anh Nhất Viết SRD Bùi Minh Thịnh, Hoàn thành Phan Anh Nhất Viết đặc tả Use - case Bùi Minh Thịnh, Hoàn thành Phan Anh Nhất Xây dựng kiến thức Bùi Minh Thịnh, Hoàn thành Phan Anh Nhất Thiết kế giao diện Bùi Minh Thịnh Hoàn thành Thiết kế sở liệu Phan Anh Nhất Hồn thành 10 Lập trình giao diện Hồn thành 11 Lập trình hệ thống 12 Kiểm thử ứng dụng Phan Anh Nhất, Bùi Minh Thịnh Phan Anh Nhất, Bùi Minh Thịnh Phan Anh Nhất Bùi Minh Thịnh Hoàn thành Hoàn thành ... cầu phần mềm 4.1.1 Yêu cầu hệ thống • Ứng dụng mạng xã hội bán hàng thời trang hoạt động ứng dụng di động thơng thường • Ứng dụng mạng xã hội bán hàng thời trang công cụ đắc lực việc giúp cho người... cụ sử dụng: 11 1.6 Đối tượng nghiên cứu 12 1.7 Khảo sát, đánh giá ứng dụng mạng xã hội bán hàng thời trang có: 12 1.7.1 Shopee- Ứng dụng bán hàng thời trang. .. Figma • Cơng nghệ quản lý state: Route 1.7 Khảo sát, đánh giá ứng dụng mạng xã hội bán hàng thời trang có: 1.7.1 Shopee- Ứng dụng bán hàng thời trang đa dạng mẫu mã Figure Shopee Shopee giữ vị cao