CHƯƠNG 1: KHẢO SÁT CÁC GIẢI PHÁP LIÊN QUAN. Tìm hiểu các giải pháp liên quan :. Bách hóa xanh ( https://www. Siêu thị WinMart ( https://winmart.
Satra Food (https://satrafoods. Kết luận sau khi khảo sát :.12 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT. Công cụ và môi trường :. Các công nghệ sử dụng : .13 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ.
Thiết kế chức năng :. Đặc tả chức năng :. Vai trò người dùng :. Đối với khách hàng (Users) :.
Đối với quản trị viên (Admin) :. Đặc tả UseCase :…………………………………………………………………23 5. Search product by name. Add/Delete/Update product.
Update Status Order. Add product to cart. Filter Product by category/price. Remove/Update cart product.
View detail product. View all order. Add/Delete/Update category……………………………………………57 5. Update account information…………………………………………….
Add product to wishList………………………………………………. View Product in wishList………………………………………………64 5. View all User……………………………………………………………72 5. Filter Order by Date…………………………………………………….
Sort the list of best-selling products by date……………………………80 5. Filter User and Sort users total amount by date………………………. Add/Delete/Update Discount……………………………………………87 5. Use Redeem point.
Đặc tả các data table:.96 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ. Triển khai hệ thống. Cấu hình các dịch vụ trực tuyến. Cách cài đặt.
Mô tả quá trình đánh giá thử nghiệm, mô tả về dữ liệu. cấu hình phần cứng, các tham số thiết lập :……………………………………………………………………107 4. Trình bày các kết quả thử nghiệm :. Chỉnh sửa ảnh của sản phẩm.
Thay đổi password. Chỉnh sửa ảnh đại điện của user. Lọc sản phẩm theo loại sản phẩm. Update trạng thái đơn hàng.
Hiển thị sản phẩm khi hết hàng. Đăng nhập khi nhập email chưa được kích hoạt bằng OTP mail. Giao diện hiển thị giỏ hàng. Bộ lọc sản phẩm.
Danh mục sản phẩm. Tìm kiếm sản phẩm. Trở về trang chủ. Thêm yêu thích vào sản phẩm.
Thêm sản phẩm yêu thích. Hiển thị chi tiết sản phẩm. Thêm sản phẩm khi còn hàng vào giỏ hàng. Thêm sản phẩm khi hết hàng vào giỏ hàng.
Tăng số lượng sản phẩm rồi thêm vào giỏ hàng. Hiển thị tất cả order (admin). Hiển thị My Orders của khách hàng. Hiển thị My Account của khách hàng.
Hiển thị Setting của khách hàng. Thanh toán với thẻ visa. Xóa sản phẩm ra khỏi cart. Giảm số lượng sản phẩm trong giỏ hàng.
Checkout khi trong cart không có sản phẩm. Đánh giá sản phẩm chỉ chọn số sao không nhập phần review. Giới thiệu kết quả giao diện phần mềm. Phía khách hàng:.
Kết quả đạt được :. Ưu nhược điểm hệ thống :. Nhược điểm:. Hướng phát triển : .144 TÀI LIỆU THAM KHẢO .146 DANH MỤC HÌNH VẼ Hình 1 : Home Page bachhoaxanh.4 Hình 2: Trang đánh giá bachhoaxanh.5 Hình 3: Trang Cart bachhoaxanh.5 Hình 4: Trang thanh toán bachhoaxanh.6 Hình 5: Header bachhoaxanh.6 Hình 6: Home Page https://winmart.7 Hình 7: Chi tiết sản phẩm https://winmart.7 Hình 8: Cart https://winmart.8 Hình 9: Trang thanh toán https://winmart.8 Hình 10: Trang chọn phương thức thanh toán https://winmart.9 Hình 11: Trang danh sách sản phẩm https://winmart.9 Hình 12: Trang đăng nhập https://winmart.9 Hình 13: Trang chọn khu vực https://winmart.10 Hình 14: Trang Footer https://winmart.10 Hình 15: Trang HomePage https://satrafoods.11 Hình 16: Trang Danh mục sản phẩm https://satrafoods.11 Hình 17: UseCase diagram .22 Hình 18: Activity Diagram Sign up.25 Hình 19: Sequence Diagram Sign Up .26 Hình 20: Activity Diagram Sign in .28 Hình 21: Sequence Diagram Sign in .28 Hình 22: Activity Diagram Log out .29 Hình 23: Sequence Diagram Log out .30 Hình 24: Activity Diagram Search product by name .31 Hình 25: Sequence Diagram Search product by name .32 Hình 26: Activity Diagram Add/Delete/Update product .34 Hình 27: Sequence Diagram Add/Delete/Update product .34 Hình 28: Activity Diagram Update Status Order .36 Hình 29: Sequence Diagram Update Status Order .36 Hình 30: Activity Diagram Add product to cart.38 Hình 31: Sequence Diagram Add product to cart .38 Hình 32: Activity Diagram Filter Product by category/price .40 Hình 33: Sequence Diagram Filter Product by category/price.40 Hình 34: Activity Diagram Remove/Update cart product.42 Hình 35: Sequence Diagram Remove/Update cart product .43 Hình 36: Activity Diagram Check Out .44 Hình 37: Sequence Diagram Check out .44 Hình 38: Activity Diagram Place Order .46 Hình 39: Sequence Diagram Place Order .46 Hình 40: Activity Diagram View Cart .48 Hình 41: Sequence Diagram View cart .48 Hình 42: Activity Diagram View Detail Product .50 Hình 43: Sequence Diagram View Detail product .50 Hình 44: Activity Diagram View all Order .52 Hình 45 : Sequence diagram View all Order.52 Hình 46: Activity Diagram Forgot Password .54 Hình 47 : Sequence diagram Forgot Password .55 Hình 48: Activity Diagram Customize slider .57 Hình 49 : Sequence diagram Customize slider .57 Hình 50: Activity Diagram Add/Delete/Update category .59 Hình 51: Sequence diagram Add/Delete/Update category.60 Hình 52: Activity Diagram Update account information .61 Hình 53: Sequence Diagram Update account information .62 Hình 54: Activity Diagram Add product to Wishlist .63 Hình 55: Sequence Diagram Add product to WishList .63 Hình 56: Activity Diagram View product in wishList .64 Hình 57: Sequence Diagram View product in wishlist .65 Hình 58: Activity Diagram Change password .66 Hình 59: Sequence Diagram Change Password .67 Hình 60: Activity Diagram Add review .68 Hình 61: Sequence Diagram Add review .69 Hình 62: Activity Diagram View order .70 Hình 63: Sequence Diagram View order.71 Hình 64: Activity Diagram View all User .72 Hình 65: Sequence Diagram View all user .73 Hình 66: Activity Diagram Update Role .75 Hình 67: Sequence Diagram Update Role.76 Hình 68: Activity Diagram Filter Order by Date .78 Hình 69: Sequence Diagram Filter Order by Date .79 Hình 70: Sequence Diagram Sort the list of best-selling products by date .81 Hình 71: Activity Diagram Filter customers by purchase amount .82 Hình 72: Sequence Diagram Filter User and Sort users total amount by Date .83 Hình 73: Activity Diagram Use discount .85 Hình 74: Sequence Diagram Use discount .86 Hình 75: Activity Diagram Add/Delete/Update discount .88 Hình 76: Sequence Diagram Add_Delete_Update Discount .89 Hình 77: Activity Diagram Redeem Point .90 Hình 78: Sequence Diagram Redeem point .91 Hình 79: Activity Diagram Add/Delete/Update redeem points .91 Hình 80: Sequence Diagram Add/Delete/Update redeem point .92 Hình 81: Class Diagram .93 Hình 82: Kiến trúc hệ thống .97 Hình 83: Bố trí thư mục.97 Hình 84: Tổ chức code Back-end .98 Hình 85: Model Categories .99 Hình 86: Ví dụ về các routes để xử lý các chức năng liên quan đến product .100 Hình 87: Kết nối cơ sở dữ liệu trong app.101 Hình 88: Cấu trúc thư mục client .101 Hình 89: Các components thuộc giao diện Admin.102 Hình 90: Các components thuộc giao diện Shop .102 Hình 91: Cấu hình Cloudinary .103 Hình 92: Upload hình ảnh của người dùng lên Cloudinary .103 Hình 93: Cấu hình và thực hiện gửi mail .104 Hình 94: Cấu hình Braintree.105 Hình 95: Hàm thực thi thanh toán .105 Hình 96: Tích hợp Dialogflow .106 Hình 97: Giao diện HomePage .136 Hình 98: Giao diện HomePage (chính sách và dịch vụ) .136 Hình 99: Giao diện trang Footer .137 Hình 100: Giao diện danh mục sản phẩm .137 Hình 101: Filter theo ”Nước mắm” .138 Hình 102: Filter sản phẩm có giá bé hơn 50.138 Hình 103 Search sản phẩm có tên “Vịt” .138 Hình 104: Giao diện trang chi tiết sản phẩm .139 Hình 105: Giao diện Cart .139 Hình 106: Giao diện trang thanh toán .140 Hình 107 giao diện trang My Orders .140 Hình 108: Giao diện chính và tùy biến banner của Admin .141 Hình 109: Giao diện Category .141 Hình 110: Giao diện Product .142 Hình 111: Giao diện Order .142 Hình 112: Giao diện thống kê Product đã bán theo Date .143 Hình 113: Giao diện thống kê User theo Date và số tiền đã mua hàng .143 DANH MỤC BẢNG BIỂU Bảng 1: Đặc tả chức năng .17 Bảng 2: Đặc tả UseCase Sign Up .23 Bảng 3: Đặc tả UseCase Sign in .27 Bảng 4: Đặc tả UseCase Log out .29 Bảng 5: Đặc tả UseCase Search product by name .30 Bảng 6: Đặc tả UseCase Add/Delete/Update product .32 Bảng 7: Đặc tả UseCase Update Status Order .35 Bảng 8: Đặc tả UseCase Add product to cart .37 Bảng 9: Đặc tả UseCase Filter Product by category/price .39 Bảng 10: Đặc tả UseCase Remove/Update cart product .41 Bảng 11: Đặc tả UseCase Check Out .43 Bảng 12: Đặc tả UseCase Place Order .45 Bảng 13: Đặc tả UseCase View Cart .47 Bảng 14: Đặc tả UseCase View Detail Product .48 Bảng 15: Đặc tả UseCase View all Order .51 Bảng 16 : Đặc tả UseCase Forgot Password .53 Bảng 17: Đặc tả UseCase Customize slider .55 Bảng 18: Đặc tả UseCase Add/Delete/Update category .57 Bảng 19: Đặc tả UseCase Update account information .60 Bảng 20: Đặc tả UseCase Add product to Wishlist.62 Bảng 21: Đặc tả UseCase View product in wishList .63 Bảng 22: Đặc tả UseCase Change password .65 Bảng 23: Đặc tả UseCase Add review .67 Bảng 24: Đặc tả UseCase View order .69 Bảng 25: Đặc tả UseCase View all User .71 Bảng 26: Đặc tả UseCase View order .73 Bảng 27: Bảng Category .93 Bảng 28: Bảng User .94 Bảng 29: Bảng Customzie .94 Bảng 30: Bảng review .94 Bảng 31: Bảng Product .95 Bảng 32: Bảng Order .95 LỜI NÓI ĐẦU Ngày nay, công nghệ thông tin được xem là ngành mũi nhọn, là động lực quan trọng thúc đẩy sự phát triển của các lĩnh vực khác của đời sống kinh tế, văn hóa, xã hội… Đặc biệt trong thời gian gần đây, chúng ta có thể nhận thấy sự phát triển từng ngày của công nghệ thông tin.
Ngày nay, việc mua sắm, làm việc, đọc báo, xem tin tức v.v… đang ngày càng trở nên thuận tiện hơn, người ta có thể thực hiện mọi thứ mà không cần thiết phải bước ra khỏi nhà bằng cách sử dụng mạng internet. Mô hình này đã được triển khai rộng rãi trên các nước đã phát triển, tuy nhiên ở nước ta do mặt bằng hạ tầng viễn thông chưa phát triển lắm nên việc triển khai còn gặp nhiều khó khăn, đặc biệt là trong lĩnh vực thanh toán điện tử. Trong một vài năm tới, thương mại điện tử chắc chắn sẽ được triển khai tại nước ta, khi đó, chúng ta sẽ nhận thấy sự bùng nổ của thương mại điện tử, của những cửa hàng chỉ tồn tại thực sự trên mạng internet – cửa hàng ảo v.v… khi đó chỉ cần có mạng internet, người ta có thể ngồi ở nhà và làm được mọi việc, từ đi chợ, mua sắm, làm việc đến giao dịch qua mạng. Cũng thuộc một trong những lĩnh vực mua sắm phổ biến ngày nay, thương mại điện tử nói chung là một trong những lĩnh vực đã được triển khai khá rộng rãi.
Nhưng mô hình bán thực phẩm sạch lại còn ít được mọi người quan tâm. Với ý định thử nghiệm mô hình bán thực phẩm sạch nói chung, chúng em đã nghiên cứu, tìm hiểu và quyết định chọn bán thực phẩm sạch qua mạng làm đề tài nghiên cứu môn học nhằm tìm hiểu kĩ hơn về mô hình này. Phát biểu bài toán : Trong các cửa hàng bán thực phẩm sạch hiện nay, khi mua hàng trực tiếp, khách hàng phải dành thời gian để đến cửa hàng và chờ đợi trong hàng đợi.