Xây dựng 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 BÁO CÁO ĐỒ ÁN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG BÁN HÀNG ĐA NỀN TẢNG Giảng viên phụ trách : Trần Thị Hồng Yến Mã lớp : SE121.N11.PMCL Sinh viên thực : Nguyễn Minh Thái MSSV : 19520935 TP Hồ Chí Minh, tháng 12 năm 2022 ĐẠ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 XÂY DỰNG HỆ THỐNG BÁN HÀNG ĐA NỀN TẢNG Giảng viên phụ trách: Trần Thị Hồng Yến Mã lớp : SE121.N11.PMCL Sinh viên thực : Nguyễn Minh Thái MSSV : 19520935 TP Hồ Chí Minh, tháng 12 năm 2022 MỤC LỤC LỜI CẢM ƠN .1 ĐỀ CƯƠNG CHI TIẾT .2 NỘI DUNG 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 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 tảng 2.2 Công nghệ sử dụng CHƯƠNG XÂY DỰNG ỨNG DỤ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 .29 3.2 Phân tích thiết kế hệ thống 30 CHƯƠNG THIẾT KẾ GIAO DIỆN 49 4.1 Giao diện ứng dụng .49 4.1.1 Welcome 49 4.1.2 Đăng nhập 50 4.1.3 DashBoard 51 4.1.4 Voucher khuyến 52 4.1.5 Danh mục sản phẩm 53 4.1.6 Tìm kiếm sản phẩm 54 4.1.7 Chi tiết sản phẩm 55 4.1.8 Giỏ hàng .56 4.1.9 Thanh toán 57 4.1.10 Danh sách địa .58 4.1.11 Sử dụng voucher khuyến 59 4.1.12 Thiết lập tài khoản 60 4.1.13 Thông tin cá nhân 61 4.1.14 Địa cửa hàng 62 4.1.15 Lịch sử đơn hàng 63 4.1.16 Chi tiết đơn hàng 64 4.1.17 Góp ý 65 4.2 Giao diện website Admin 66 4.2.1 Đăng nhập 66 4.2.2 Quản lý quảng cáo 67 4.2.3 Quản lý sản phẩm 67 4.2.4 Quản lý voucher 69 4.2.5 Quản lý chi nhánh cửa hàng .71 4.2.6 Quản lý đơn yêu cầu hỗ trợ 72 4.2.7 Quản lý tài khoản .73 CHƯƠNG THỬ NGHIỆM VÀ ĐÁNH GIÁ 75 5.1 Môi trường thử nghiệm .75 5.2 Kết thử nghiệm .75 5.3 Đánh giá sản phẩm 75 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 76 6.1 Kết đạt 76 6.2 Thuận lợi khó khăn 76 6.2.1 Thuận lợi 76 6.2.2 Khó khăn hạn chế 76 6.3 Hướng phát triển 77 TÀI LIỆU THAM KHẢO 78 DANH MỤC HÌNH Hình 1: Ngơn ngữ lập trình Dart Hình 2: Flutter SDK .9 Hình 3: Cơ sở liệu Firebase 10 Hình 4: Draw.io logo 11 Hình 5: Github logo 12 Hình 6: Sơ đồ Use case tồn hệ thống 14 Hình 7: Sơ đồ Sequence thao tác “Đăng nhập ứng dụng” 31 Hình 8: Sơ đồ Sequence thao tác “Cập nhật thông tin” .32 Hình 9: Sơ đồ Sequence thao tác “Tìm kiếm sản phẩm” .32 Hình 10: Sơ đồ Sequence thao tác “Xem danh mục sản phẩm” 33 Hình 11: Sơ đồ Sequence thao tác “Tìm kiếm sản phẩm” 33 Hình 12: Sơ đồ Sequence thao tác “Xem chi tiết sản phẩm” .34 Hình 13: Sơ đồ Sequence thao tác “Thêm vào giỏ hàng” 34 Hình 14: Sơ đồ Sequence thao tác “Thay đổi số lượng hàng” 35 Hình 15: Sơ đồ Sequence thao tác “Thanh toán” 35 Hình 16: Sơ đồ Sequence thao tác “Thêm địa giao hàng” .36 Hình 17: Sơ đồ Sequence thao tác “Lưu khuyến mãi” 36 Hình 18: Sơ đồ Sequence thao tác “Hủy đơn hàng” 37 Hình 19: Sơ đồ Sequence thao tác “Xem vị trí cửa hàng” 37 Hình 19: Sơ đồ Sequence thao tác “Góp ý/Yêu cầu” 38 Hình 21: Sơ đồ Sequence thao tác “Đăng xuất ứng dụng” 38 Hình 22: Sơ đồ Sequence thao tác “Thêm quảng cáo” 39 Hình 23: Sơ đồ Sequence thao tác “Xóa quảng cáo” 39 Hình 24: Sơ đồ Sequence thao tác “Thêm sản phẩm” 40 Hình 25: Sơ đồ Sequence thao tác “Cập nhật thơng tin sản phẩm” .40 Hình 26: Sơ đồ Sequence thao tác “Ẩn sản phẩm” 41 Hình 27: Sơ đồ Sequence thao tác “Thêm cửa hàng” 41 Hình 28: Sơ đồ Sequence thao tác “Ẩn cửa hàng” 42 Hình 29: Sơ đồ Sequence thao tác “Đăng xuất” 42 Hình 30: Mơ hình kiến trúc hệ thống 48 Hình 31: Màn hình Splash 49 Hình 32: Màn hình Welcome .49 Hình 33: Màn hình Nhập số điện thoại 50 Hình 34: Màn hình Nhập mã OTP .50 Hình 35: Màn hình DashBoard 51 Hình 36: Màn hình Voucher 52 Hình 37: Màn hình Voucher sưu tập .52 Hình 38: Màn hình Danh mục “Điện thoại” 53 Hình 39: Màn hình Danh mục “Laptop” 53 Hình 40: Màn hình Lịch sử tìm kiếm 53 Hình 41: Màn hình Danh sách tìm kiếm từ khóa 54 Hình 42: Màn hình chi tiết sản phẩm 55 Hình 43: Màn hình Giỏ hàng 56 Hình 44: Màn hình Thanh tốn 57 Hình 45: Màn hình Thanh tốn chọn phương thức tốn 57 Hình 46: Màn hình Danh sách địa 58 Hình 47: Màn hình Thêm địa 58 Hình 48: Màn hình Chọn khuyến lưu 59 Hình 49: Màn hình Thiết lập tài khoản 60 Hình 50: Màn hình Thơng tin tài khoản 61 Hình 51: Màn hình Cập nhật thông tin 61 Hình 52: Màn hình Địa cửa hàng 62 Hình 53: Màn hình Danh sách đơn hàng xử lý 63 Hình 54: Màn hình Danh sách đơn hàng hủy 63 Hình 55: Màn hình Chi tiết đơn hàng xử lý 64 Hình 56: Màn hình Chi tiết đơn hàng giao thành cơng/đã hủy .64 Hình 57: Màn hình Góp ý 65 Hình 58: Màn hình Đăng nhập web .66 Hình 59: Màn hình Quản lý quảng cáo 67 Hình 60: Màn hình Danh sách sản phẩm giảm giá sốc 67 Hình 61: Chi tiết sản phẩm 68 Hình 62: Màn hình Thêm sản phẩm (chưa điền thông tin) 68 Hình 63: Màn hình Thêm sản phẩm (đã điền thơng tin) 69 Hình 64: Màn hình Danh sách khuyến 69 Hình 65: Màn hình Thêm khuyến (đã điền thông tin) 70 Hình 66: Cập nhật thơng tin khuyến .70 Hình 67: Màn hình Danh sách cửa hàng 71 Hình 68: Màn hình Thêm địa cửa hàng 71 Hình 69: Màn hình Danh sách yêu cầu/góp ý 72 Hình 70: Chi tiết đơn yêu cầu/góp ý 72 Hình 71: Màn hình Danh sách tài khoản người dùng 73 Hình 72: Màn hình Thơng tin tài khoản người dùng 73 Hình 73: Màn hình Đơn hàng người dùng 74 Hình 74: Màn hình Danh sách đơn yêu cầu/góp ý người dùng .74 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 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 cịn 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 24 tháng 12 năm 2022 4.1.16 Chi tiết đơn hàng Hình 56: Màn hình Chi tiết đơn hàng giao thành cơng/đã hủy Hình 55: Màn hình Chi tiết đơn hàng xử lý 64 4.1.17 Góp ý Hình 57: Màn hình Góp ý 65 4.2 Giao diện website Admin 4.2.1 Đăng nhập Hình 58: Màn hình Đăng nhập web 66 4.2.2 Quản lý quảng cáo Hình 59: Màn hình Quản lý quảng cáo 4.2.3 Quản lý sản phẩm 4.2.3.1 Danh sách sản phẩm Hình 60: Màn hình Danh sách sản phẩm giảm giá sốc 67 4.2.3.2 Chi tiết sản phẩm Hình 61: Chi tiết sản phẩm 4.2.3.3 Thêm sản phẩm Hình 62: Màn hình Thêm sản phẩm (chưa điền thơng tin) 68 Hình 63: Màn hình Thêm sản phẩm (đã điền thơng tin) 4.2.4 Quản lý voucher 4.2.4.1 Danh sách khuyến Hình 64: Màn hình Danh sách khuyến 69 4.2.4.2 Thêm khuyến Hình 65: Màn hình Thêm khuyến (đã điền thông tin) 4.2.4.3 Cập nhật thông tin khuyến có Hình 66: Cập nhật thơng tin khuyến 70 4.2.5 Quản lý chi nhánh cửa hàng 4.2.5.1 Danh sách cửa hàng Hình 67: Màn hình Danh sách cửa hàng 4.2.5.2 Thêm cửa hàng Hình 68: Màn hình Thêm địa cửa hàng 71 4.2.6 Quản lý đơn yêu cầu hỗ trợ 4.2.6.1 Danh sách đơn yêu cầu/góp ý Hình 69: Màn hình Danh sách u cầu/góp ý 4.2.6.2 Chi tiết đơn u cầu/góp ý Hình 70: Chi tiết đơn yêu cầu/góp ý 72 4.2.7 Quản lý tài khoản 4.2.7.1 Danh sách tài khoản người dùng Hình 71: Màn hình Danh sách tài khoản người dùng 4.2.7.2 Thông tin chi tiết tài khoản người dùng Hình 72: Màn hình Thơng tin tài khoản người dùng 73 Hình 73: Màn hình Đơn hàng người dùng Hình 74: Màn hình Danh sách đơn u cầu/góp ý người dùng 74 CHƯƠNG THỬ NGHIỆM VÀ ĐÁNH GIÁ 5.1 Mơi trường thử nghiệm Vì thời gian có hạn nên 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 thử nghiệm − 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 đặt − 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 75 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Kết đạt Sau thời gian thực đề tài, ứng dụng hoàn thiện đáp ứng yêu cầu bản: + Đăng nhập (không bắt buộc) + Hiển thị danh sách 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 + Có chương trình khuyến + Hỗ trợ người dùng 6.2 Thuận lợi khó khăn 6.2.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 đỡ 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ể 6.2.2 Khó khăn hạn chế − Khó khăn việc phân bổ thời gian cho trình thực có 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ế: 76 + Chức hỗ trợ trực tiếp chưa hoàn thành tiến độ + Chưa có chức đánh giá, thêm sản phẩm yêu thích + Chưa phát triển chức toán online 6.3 Hướng phát triển − Cải thiện hạn chế đưa − Nâng cấp giao diện ứng dụng trở nên đa dạng − 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 thức tế khả quan 77 TÀI LIỆU THAM KHẢO [1] Cung cấp Icons miễn phí, đa dạng: https://www.flaticon.com/ [2] Flutter UI Templates :https://www.fluttertemplates.dev/ [3] Hỗ trợ sử dụng thư viện có sẵn flutter hướng dẫn sử dụng: https://pub.dev/ [4] Diễn đàn cơng nghê lập tình viên: https://stackoverflow.com/ 78 ... tài ? ?Xây dựng hệ thống bán hàng đa tảng? ?? nhằm giúp việc mua sắm trở nên đơn giản, hiệu hơn, giúp tiết kiệm chi phí lại sản phẩm giao hàng tận nơi Mô tả chi tiết mục tiêu Xây dựng ứng dụng bán hàng. .. 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 XÂY DỰNG HỆ THỐNG BÁN HÀNG ĐA NỀN TẢNG Giảng viên phụ trách: Trần Thị Hồng Yến Mã lớp... HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN Độc Lập – Tự Do – Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng hệ thống bán hàng đa tảng Cán hướng dẫn: ThS Trần Thị Hồng Yến Thời