Đồ án phát triển hệ thống bán hàng đa nền tảng

ĐẠ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 ĐỒ ÁN PHÁT TRIỂN HỆ THỐNG BÁN HÀNG ĐA NỀN TẢNG GV HƯỚNG DẪN: Trần Thị Hồng Yến SV THỰC HIỆN: Nguyễn Minh Thái - 19520935 Dương Trung Nguyên - 19520782 TP HỒ CHÍ MINH, 2023 NHẬN XÉT CỦA GIẢNG VIÊN Người nhận xét (Ký ghi rõ họ tên) Ths Trần Thị Hồng Yến LỜI CẢM ƠN Sau 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 cô Trần Thị Hồng Yến 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 đề tài mà cịn 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 cô khoa, bạn bè, tập thể lớp PMCL2019 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 Tuy nhiên trình nghiên cứu đề tài, kiến thức chuyên ngành hạn chế nên chúng em nhiều thiếu sót tìm hiểu, đánh giá, trình bày đề tài Rất mong nhận quan tâm, góp ý để đề tài chúng em đầy đủ hoàn chỉnh Chúng em xin chân thành cảm ơn TP Hồ Chí Minh, ngày 30 tháng 06 năm 2023 Sinh viên thực Nguyễn Minh Thái – Dương Trung Nguyên MỤC LỤC TÓM TẮT ĐỒ ÁN .1 Chương GIỚI THIỆU 1.1 Giới thiệu đề tài 1.2 Giới thiệu ứng dụng 1.2.1 Phạm vi .5 1.2.2 Đối tượng 1.2.3 Phương pháp thực Chương KIẾN THỨC VÀ CÔNG NGHỆ NỀN TẢNG 2.1 Kiến thức 2.1.1 Kiến thức tảng 2.1.2 Thuật toán Slope One 2.2 Công nghệ sử dụng 10 2.2.1 Ngơn ngữ lập trình Dart 10 2.2.2 Flutter 10 2.2.3 Google Firebase 11 2.2.4 Draw.io .12 2.2.5 Github .13 Chương XÂY DỰNG HỆ THỐNG .14 3.1 Phân tích yêu cầu hệ thống 14 3.1.1 Yêu cầu chức 14 3.1.2 Yêu cầu phi chức .39 3.2 Phân tích thiết kế hệ thống 40 3.2.1 Thiết kế xử lý 40 3.2.2 Thiết kế sở liệu 66 3.2.3 Thiết kế kiến trúc hệ thống 75 Chương XÂY DỰNG ỨNG DỤNG 77 4.1 Giao diện ứng dụng 77 4.1.1 Welcome 77 4.1.2 Đăng nhập 78 4.1.3 DashBoard 79 4.1.4 Voucher khuyến 80 4.1.5 Danh mục sản phẩm 81 4.1.6 Tìm kiếm sản phẩm 82 4.1.7 Chi tiết sản phẩm 83 4.1.8 Giỏ hàng 84 4.1.9 Thanh toán 85 4.1.10 Danh sách địa 86 4.1.11 Sử dụng voucher khuyến 87 4.1.12 Thiết lập tài khoản 88 4.1.13 Thông tin cá nhân 89 4.1.14 Địa cửa hàng 90 4.1.15 Lịch sử đơn hàng 91 4.1.16 Chi tiết đơn hàng 92 4.1.17 Góp ý 93 4.1.18 Đánh giá 94 4.1.19 Credit Card .96 4.1.20 Chat 97 4.1.21 Blog 98 4.1.22 Mini Game 99 4.1.23 Điểm thưởng 100 4.2 Giao diện website Admin 101 4.2.1 Đăng nhập 101 4.2.2 Quản lý quảng cáo 102 4.2.3 Quản lý sản phẩm 102 4.2.4 Quản lý voucher .104 4.2.5 Quản lý chi nhánh cửa hàng 105 4.2.6 Quản lý đơn yêu cầu hỗ trợ 106 4.2.7 Quản lý tài khoản 107 4.2.8 Quản lý Blog 108 4.2.9 Admin Chat 109 4.2.10 Thống kê 110 Chương KẾT LUẬN 111 5.1 Môi trường thử nghiệm 111 5.2 Kết đạt 111 5.3 Đánh giá sản phẩm 111 5.4 Thuận lợi khó khăn 112 5.4.1 Thuận lợi 112 5.4.2 Khó khăn 112 5.5 Hướng phát triển 112 TÀI LIỆU THAM KHẢO 113 DANH MỤC HÌNH Hình 2.1 Ngơn ngữ lập trình Dart 10 Hình 2.2 Flutter SDK 10 Hình 2.3 Cơ sở liệu Firebase 11 Hình 2.4 Draw.io logo 12 Hình 2.5 Github logo 13 Hình 3.1 Sơ đồ Use case tồn hệ thống 14 Hình 3.2 Sơ đồ Sequence thao tác “Đăng nhập ứng dụng” 40 Hình 3.3 Sơ đồ Sequence thao tác “Quản lý tài khoản cá nhân” 41 Hình 3.4 Sơ đồ Sequence thao tác “Cập nhật thông tin” 41 Hình 3.5 Sơ đồ Sequence thao tác “Đăng xuất” 42 Hình 3.6 Sơ đồ Sequence thao tác “Khám phá sản phẩm” 42 Hình 3.7 Sơ đồ Sequence thao tác “Tìm kiếm sản phẩm” 43 Hình 3.8 Sơ đồ Sequence thao tác “Xem chi tiết sản phẩm” 43 Hình 3.9 Sơ đồ Sequence thao tác “Thêm vào giỏ hàng” 44 Hình 3.10 Sơ đồ Sequence thao tác “Quản lý giỏ hàng” 44 Hình 3.11 Sơ đồ Sequence thao tác “Thay đổi số lượng hàng” 45 Hình 3.12 Sơ đồ Sequence thao tác “Thanh tốn” 45 Hình 3.13 Sơ đồ Sequence thao tác “Thêm địa giao hàng” 46 Hình 3.14 Sơ đồ Sequence thao tác “Quản lý đơn hàng” 46 Hình 3.15 Sơ đồ Sequence thao tác “Xác nhận đơn hàng” 47 Hình 3.16 Sơ đồ Sequence thao tác “Hủy đơn hàng” 47 Hình 3.17 Sơ đồ Sequence thao tác “Mua lại” 48 Hình 3.18 Sơ đồ Sequence thao tác “Chatbox” 48 Hình 3.19 Sơ đồ Sequence thao tác “Sưu tầm voucher” 49 Hình 3.20 Sơ đồ Sequence thao tác “Sưu tầm Sticker” 49 Hình 3.21 Sơ đồ Sequence thao tác “Tương tác blog” 50 Hình 3.22 Sơ đồ Sequence thao tác “Xem blog” 50 Hình 3.23 Sơ đồ Sequence thao tác “Like bình luận Blog” 51 Hình 3.24 Sơ đồ Sequence thao tác “Chơi game” .51 Hình 3.25 Sơ đồ Sequence thao tác “Gửi yêu cầu” 52 Hình 3.26 Sơ đồ Sequence thao tác “Đánh giá sản phẩm” 52 Hình 3.27 Sơ đồ Sequence thao tác “Quản lý thẻ tín dụng” 53 Hình 3.28 Sơ đồ Sequence thao tác “Thêm thẻ” 53 Hình 3.29 Sơ đồ Sequence thao tác “Sử dụng thẻ” 54 Hình 3.30 Sơ đồ Sequence thao tác “Quản lý blog” 54 Hình 3.31 Sơ đồ Sequence thao tác “Thêm blog” .55 Hình 3.32 Sơ đồ Sequence thao tác “Sửa blog” 55 Hình 3.33 Sơ đồ Sequence thao tác “Quản lý sản phẩm” 56 Hình 3.34 Sơ đồ Sequence thao tác “Thêm sản phẩm” .56 Hình 3.35 Sơ đồ Sequence thao tác “Cập nhật thơng tin sản phẩm” 57 Hình 3.36 Sơ đồ Sequence thao tác “Ẩn sản phẩm” 57 Hình 3.37 Sơ đồ Sequence thao tác “Quản lý voucher” 58 Hình 3.38 Sơ đồ Sequence thao tác “Thêm voucher” 58 Hình 3.39 Sơ đồ Sequence thao tác “Ẩn voucher” 59 Hình 3.40 Sơ đồ Sequence thao tác “Quản lý cửa hàng” 59 Hình 3.41 Sơ đồ Sequence thao tác “Thêm cửa hàng” 60 Hình 3.42 Sơ đồ Sequence thao tác “Ẩn cửa hàng” 60 Hình 3.43 Sơ đồ Sequence thao tác “Quản lý quảng cáo” 61 Hình 3.44 Sơ đồ Sequence thao tác “Thêm quảng cáo” 61 Hình 3.45 Sơ đồ Sequence thao tác “Xóa quảng cáo” 62 Hình 3.46 Sơ đồ Sequence thao tác “Quản lý tài khoản” 62 Hình 3.47 Sơ đồ Sequence thao tác “Xác nhận tài khoản” 63 Hình 3.48 Sơ đồ Sequence thao tác “Xác nhận đơn hàng” 63 Hình 3.49 Sơ đồ Sequence thao tác “Quản lý yêu cầu” 64 Hình 3.50 Sơ đồ Sequence thao tác “Thống kê doanh thu” 65 Hình 3.51 Sơ đồ sở liệu 66 Hình 3.52 Mơ hình kiến trúc hệ thống .75 Hình 4.1 Màn hình Splash 77 Hình 4.2 Màn hình Welcome .77 Hình 4.3 Màn hình Nhập số điện thoại 78 Hình 4.4 Màn hình Nhập mã OTP .78 Hình 4.5 Màn hình DashBoard 79 Hình 4.6 Màn hình Voucher .80 Hình 4.7 Màn hình Voucher sưu tập .80 Hình 4.8 Màn hình Danh mục “Điện thoại” 81 Hình 4.9 Màn hình Danh mục “Laptop 81 Hình 4.10 Màn hình Lịch sử tìm kiếm 82 Hình 4.11 Màn hình Danh sách tìm kiếm từ khóa 82 Hình 4.12 Màn hình chi tiết sản phẩm .83 Hình 4.13 Màn hình Giỏ hàng 84 Hình 4.14 Màn hình Thanh tốn 85 Hình 4.15 Chọn phương thức toán 85 Hình 4.16 Màn hình Danh sách địa 86 Hình 4.17 Màn hình Thêm địa 86 Hình 4.18 Màn hình Chọn khuyến lưu 87 Hình 4.19 Màn hình Thiết lập tài khoản 88 Hình 4.20 Màn hình Thơng tin tài khoản 89 Hình 4.21 Màn hình Cập nhật thơng tin 89 Hình 4.22 Màn hình Địa cửa hàng .90 Hình 4.23 Màn hình Danh sách đơn hàng xử lý .91 Hình 4.24 Màn hình Danh sách đơn hàng hủy 91 Hình 4.25 Màn hình Chi tiết đơn hàng giao 92 Hình 4.26 Màn hình Chi tiết đơn hàng giao thành công/đã hủy 92 Hình 4.27 Màn hình Góp ý 93 Hình 4.28 Màn hình Chưa đánh giá sản phẩm 94 Hình 4.29 Màn hình Đánh giá sản phẩm 94 Hình 4.30 Màn hình Đã đánh giá .95 Hình 4.31 Màn hình Thêm thẻ 96 Hình 4.32 Màn hình Thẻ 96 Hình 4.33 Màn hình Danh sách chat 97 Hình 4.34 Màn hình Chat 97 Hình 4.35 Màn hình Blog 98 Hình 4.36 Màn hình Mini game 99 Hình 4.37 Màn hình Điểm thưởng 100 Hình 4.38 Màn hình Đăng nhập web .101 Hình 4.39 Màn hình Quản lý quảng cáo 102 Hình 4.40 Màn hình Danh sách sản phẩm giảm giá sốc 102 Hình 4.41 Chi tiết sản phẩm 103 Hình 4.42 Màn hình Thêm sản phẩm (chưa điền thơng tin) 103 Hình 4.44 Màn hình Danh sách khuyến 104 Hình 4.45 Màn hình Thêm khuyến 104 Hình 4.46 Cập nhật thơng tin khuyến .105 Hình 4.47 Màn hình Danh sách cửa hàng 105 Hình 4.48 Màn hình Thêm địa cửa hàng 106 Hình 4.49 Màn hình Danh sách u cầu/góp ý 106 Hình 4.50 Chi tiết đơn yêu cầu/góp ý 107 Hình 4.51 Màn hình Danh sách tài khoản người dùng 107 Hình 4.52 Màn hình Thơng tin tài khoản người dùng .108 Hình 4.53 Màn hình Danh sách blog 108 Hình 4.54 Màn hình Thêm/Edit blog .109 Hình 4.55 Màn hình Admin Chat 109 Hình 4.56 Màn hình Thống kê 110 4.1.23 Điểm thưởng Hình 4.37 Màn hình Điểm thưởng - Ở hình “Điểm thưởng”, người dùng điểm danh ngày quay số may mắn để nhận điểm thưởng (điểm thưởng đổi voucher đặc biệt 100 4.2 Giao diện website Admin 4.2.1 Đăng nhập Hình 4.38 Màn hình Đăng nhập web - Ở hình “Đăng nhập web”, admin đăng nhập tài khoản mật cấp 101 4.2.2 Quản lý quảng cáo Hình 4.39 Màn hình Quản lý quảng cáo - Tab “Quản lý ảnh quảng cáo”, admin thêm, xóa hình ảnh quảng cáo 4.2.3 Quản lý sản phẩm Hình 4.40 Màn hình Danh sách sản phẩm giảm giá sốc - Tab “Danh sách sản phẩm”, admin ẩn/hiện sản phẩm cột “Active/Inactive”, chỉnh sửa thông tin sản phẩm cột “Details” 102 Hình 4.41 Chi tiết sản phẩm - Dialog “Chi tiết sản phẩm” click cột “Details” admin chỉnh sửa cập nhật mơ tả sản phẩm Hình 4.42 Màn hình Thêm sản phẩm (chưa điền thông tin) - Giao diện “Thêm sản phẩm” bao gồm thông tin sản phẩm: tên, loại sản phẩm, giá, … 103 4.2.4 Quản lý voucher Hình 4.44 Màn hình Danh sách khuyến - Tab “Khuyến mãi”, admin ẩn/hiện voucher cột “Active/Inactive” xem thông tin chi tiết voucher cột “Chi tiết” - Nếu admin muốn thêm voucher click button “+ Thêm voucher” Hình 4.45 Màn hình Thêm khuyến - Ở giao diện “Thêm khuyến mãi”, admin điền đầy đủ thông tin chi tiết khuyến 104 Hình 4.46 Cập nhật thơng tin khuyến - Khi admin click vào cột “Chi tiết” dialog bao gồm thông tin khuyến admin thay đổi trường giá trị 4.2.5 Quản lý chi nhánh cửa hàng Hình 4.47 Màn hình Danh sách cửa hàng - Tab “Địa chỉ”, admin ẩn/hiện địa cột “Active/Inactive” xem thông tin chi tiết địa cột “Details” 105 Hình 4.48 Màn hình Thêm địa cửa hàng - Ở giao diện “Thêm địa chỉ”, admin điền đầy đủ thông tin chi tiết địa 4.2.6 Quản lý đơn yêu cầu hỗ trợ Hình 4.49 Màn hình Danh sách yêu cầu/góp ý - Tab “Yêu cầu” danh sách yêu cầu gửi từ người dùng hiển thị bao gồm: ID, tên người gửi, loại vấn đề, thời gian 106 Hình 4.50 Chi tiết đơn yêu cầu/góp ý - Khi click vào cột “Chi tiết” giao diện hiển thị dialog chứa thông tin cụ thể u cầu 4.2.7 Quản lý tài khoản Hình 4.51 Màn hình Danh sách tài khoản người dùng - Tab “Quản lý tài khoản” danh sách người dùng hiển thị bao gồm: tên người dùng, số điện thoại, địa chỉ, email… 107 Hình 4.52 Màn hình Thơng tin tài khoản người dùng - Khi click vào cột “Chi tiết” người dùng giao diện “Quản lý tài khoản” (Hình 4.51) chuyển sang giao diện thông tin cá nhân người dùng - Khi click tab “Đơn hàng” danh sách đơn hàng người dùng hiển thị 4.2.8 Quản lý Blog Hình 4.53 Màn hình Danh sách blog - Tab “Quản lý blog” danh sách blog hiển thị bao gồm: tiêu đề, ngày đăng, … 108 Hình 4.54 Màn hình Thêm/Edit blog - Khi click vào thêm blog, hình “Thêm blog” hiển thị, admin thêm thông tin blog nhấn nút lưu 4.2.9 Admin Chat Hình 4.55 Màn hình Admin Chat - Admin chat với người dùng Tab “Chat” 109 4.2.10 Thống kê Hình 4.56 Màn hình Thống kê - Admin xem thống kê doanh thu theo năm/tháng/ngày 110 Chương KẾT LUẬN 5.1 Mơi trường thử nghiệm Vì thời gian có hạn nên nhóm em dừng lại việc thử nghiệm điện thoại (bạn bè, người thân), máy ảo máy tính cá nhân 5.2 Kết đạt − Phần mềm cài đặt thử nghiệm với số liệu chạy thông suốt cho kết quả, đáp ứng yêu cầu: + Đăng nhập (không bắt buộc) + Hiển thị danh mục sản phẩm chi tiết sản phẩm + Thêm sản phẩm vào giỏ hàng + Mua hàng, tốn đánh giá + Có chương trình khuyến + Hỗ trợ người dùng + Tích điểm + Gợi ý sản phẩm − Kiểm soát lỗi ngoại lệ phát sinh người dùng nhập vào không − Báo cáo mẫu theo yêu cầu 5.3 Đánh giá sản phẩm − Ứng dụng thực tương đối chức ứng dụng cửa hàng online − Giao diện thân thiện, dễ sử dụng − Các chức thực ổn định 111 5.4 Thuận lợi khó khăn 5.4.1 Thuận lợi − Các cơng nghệ có cú pháp thân thiện, dễ dàng tiếp cận để hiểu mức độ − Giảng viên hướng dẫn có nhiều kiến thức kinh nghiệm giúp đỡ nhóm em nhiều việc định hướng giải đáp vướng mắc trình thực đề tài − Có sẵn kiến thức từ mơn học trước nên dễ dàng thực triển khai đề tài − Khối lượng công việc phân chia hợp lý nhiệm vụ từ ban đầu nên có hướng cụ thể 5.4.2 Khó khăn − Khó khăn việc phân bổ thời gian cho trình thực có hai người Mặc dù cố gắng, thời gian có hạn, kiến thức hạn hẹp kinh nghiệm thực tế chưa nhiều nên đồ án khơng tránh khỏi thiếu sót hạn chế: + Chức mở rộng chưa có nhiều tiện ích cho người dùng + Còn hạn chế quản lý số lượng nhập, xuất tồn kho sản phẩm + Chức toán online mức + Thuật toán gợi ý sản phẩm chưa tối ưu tốc độ xử lý, liệu đầu vào 5.5 Hướng phát triển − Cải thiện hạn chế đưa mở rộng ứng dụng theo hướng phát triển chức Nâng cao kỹ thuật lập trình hồn chỉnh thành phần cịn thiếu theo hướng chuyên nghiệp, chạy thử, khả đưa vào áp dụng vào thực tế thông qua CH Play App Store 112 TÀI LIỆU THAM KHẢO [1] Cung cấp Icons miễn phí, đa dạng: https://flaticon.com (truy cập lần cuối 24/6/2023) [2] Flutter UI Templates : https://fluttertemplates.dev (truy cập lần cuối 28/3/2023) [3] Firebase gì? Những dịch vụ bật có nên sử dụng Firebase khơng? https://letrongdai.vn/firebase-la-gi/ (truy cập lần cuối 20/7/2023) [4] Draw.io: vẽ sơ đồ online, nhanh mạnh, miễn phí, khơng giới hạn số lượng https://tinhte.vn/thread/draw-io-ve-so-do-online-nhanhva-manh-mien-phi-khong-gioi-han-so-luong.2679948/ (truy cập lần cuối 20/6/2023) [5] Phổ cập GitHub bản: https://zent.edu.vn/posts/pho-cap-github-co-ban (truy cập lần cuối 20/7/2023) [6] Hỗ trợ sử dụng thư viện có sẵn flutter hướng dẫn sử dụng : https://pub.dev/ (truy cập lần cuối 24/6/2023) [7] Bái báo cáo đề tài “Thuật toán Slope One ứng dụng Thương mại điện tử” - Nhóm 12 - SE400.N22.PMCL https://drive.google.com/file/d/1MqQB4YMvmbkbyMV cSJVg5PGeEMVLQTeT/view?usp=sharing (truy cập lần cuối 24/6/2023) 113 [8] Diễn đàn công nghệ lập trình viên : https://stackoverflow.com/ (truy cập lần cuối 24/6/2023) 114