CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI .1 Lý do chọn đề tài .2 Mục tiêu đề tài .3 Mô tả dự án .1 Phạm vi dự án .2 Các điều kiện ràng buộc .4 Tính thực tiễn .1 Khảo sát website https://kingshoes.2 Khảo sát website https://giayxshop.3 Khảo sát website https://www.4 So sánh về ba trang web đã khảo sát. 17 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT .1 Giới thiệu về ReactJS .2 Giới thiệu về Redux.3 Các khái niệm cơ bản trong react .1 Xây dựng chatbot .2 Tìm hiểu về Amazon Lex và Lamda .4 Thuật toán gợi ý sản phẩm. 25 iii Mục lục CHƯƠNG 3: YÊU CẦU NGƯỜI DÙNG .1 Yêu cầu nghiệp vụ .2 Các phương pháp và cách tiếp cận .3 Sản phẩm bàn giao cuối 29 CHƯƠNG 4: PHÂN TÍCH HỆ THỐNG .1 Xác định vai trò actor trong lược đồ Use case .2 Mô tả vai trò của người dùng .1 Chi tiết vai trò actor .2 Chi tiết chức năng .3 Lược đồ Use case .4 Đặc tả Use case .3 Quên mật khẩu.4 Quản lý tài khoản .5 Quản lý sản phẩm .6 Quản lý size của mỗi sản phẩm .7 Quản lý hình ảnh của mỗi sản phẩm .9 Xem sản phẩm .10 Gợi ý sản phẩm .11 Quản lý thông tin cá nhân .12 Thay đổi mật khẩu .14 Xem đơn hàng đã đặt .16 Xem giỏ hàng .17 Thêm sản phẩm vào giỏ hàng .18 Sửa sản phẩm trong giỏ hàng .19 Xóa sản phẩm trong giỏ hàng .20 Thêm bình luận. 59 iv Mục lục 4.22 Xem doanh thu .24 Quản lý giao dịch online .26 Quản lý danh mục.3 Quản lý tài khoản .4 Quản lý sản phẩm .5 Quản lý size của mỗi sản phẩm .6 Quản lý hình ảnh của mỗi sản phẩm .8 Xem sản phẩm .9 Xem chi tiết sản phẩm .10 Quản lý thông tin cá nhân .11 Thay đổi mật khẩu .13 Xem thông tin đơn hàng đã đặt .15 Xem giỏ hàng .16 Thêm sản phẩm vào giỏ hàng .17 Sửa sản phẩm trong giỏ hàng .18 Xóa sản phẩm trong giỏ hàng .19 Thêm bình luận .20 Xem doanh thu .21 Quản lý danh mục.
81 CHƯƠNG 5: THIẾT KẾ HỆ THỐNG 82 5.1 Thiết kế database 82 5.2 Giao diện và thiết kế quy trình 87 5.1 Trang đăng nhập .2 Trang đăng đăng ký .3 Trang quên mật khẩu .4 Trang thông tin cá nhân .5 Trang sản phẩm .6 Trang chi tiết sản phẩm .7 Trang giỏ hàng.8 Trang thanh toán .9 Trang lịch sử đặt hàng .10 Trang quản lý giao dịch paypal .11 Trang xem doanh thu theo ngày .12 Trang quản lý tài khoản .13 Trang quản lý sản phẩm .14 Trang quản lý voucher .15 Trang quản lý đơn hàng. 105 CHƯƠNG 6: CÀI ĐẶT VÀ KIỂM THỬ .3 Phương pháp và kỹ thuật kiểm thử 107 6.1 Kiểm thử hộp trắng .2 Kiểm thử hộp đen .4 Sử dụng kiểm thử hộp trắng 110 6.1 Thêm sản phẩm vào giỏ hàng. 120 CHƯƠNG 7: TỔNG KẾT .1 Kết quả đạt được .3 Nhược điểm .4 Hướng phát triển. 124 vi Mục lục TÀI LIỆU THAM KHẢO.
125 vii Danh sách bảng DANH SÁCH BẢNG Bảng 1: So sánh ba trang web đã khảo sát.17 Bảng 2: Xác định vai trò actor trong lược đồ Use Case. 31 Bảng 3: Chi tiết vai trò actor.33 Bảng 4: Chi tiết chức năng. 34 Bảng 5: Đặc tả đăng nhập. 37 Bảng 6: Đặc tả đăng ký.
38 Bảng 7: Đặc tả quên mật khẩu. 39 Bảng 8: Đặc tả quản lý tài khoản. 40 Bảng 9: Đặc tả quản lý sản phẩm. 41 Bảng 10: Đặc tả quản lý size của mỗi sản phẩm.
43 Bảng 11: Đặc tả quản lý hình ảnh của mỗi sản phẩm. 44 Bảng 12: Đặc tả quản lý đơn hàng. 46 Bảng 13: Đặc tả xem sản phẩm. 47 Bảng 14: Đặc tả xem chi tiết sản phẩm.
48 Bảng 15: Đặc tả quản lý thông tin cá nhân. 49 Bảng 16: Đặc tả thay đổi mật khẩu. 50 Bảng 17: Đặc tả đặt hàng. 52 Bảng 18: Đặc tả xem thông tin đơn hàng đã đặt.
53 Bảng 19: Đặc tả hủy đơn hàng.54 Bảng 20: Đặc tả xem giỏ hàng. 55 Bảng 21: Đặc tả thêm sản phẩm vào giỏ hàng.56 Bảng 22: Đặc tả sửa sản phẩm trong giỏ hàng. 57 Bảng 23: Đặc tả xóa sản phẩm trong giỏ hàng. 58 Bảng 24: Đặc tả thêm bình luận.
59 Bảng 25: Đặc tả xóa bình luận. 60 Bảng 26: Đặc tả xem doanh thu. 62 Bảng 27: Đặc tả quản lý voucher. 63 Bảng 28: Đặc tả quản lý giao dịch online.
65 Bảng 29: Đặc tả chatbot. 66 Bảng 30: Đặc tả quản lý danh mục. 67 viii Danh sách bảng Bảng 31: Bảng accounts. 83 Bảng 32: Bảng images.
84 Bảng 33: Bảng line_item_orders. 84 Bảng 34: Bảng line_items. 85 Bảng 35: Bảng product_infors. 85 Bảng 36: Bảng products.85 Bảng 37: Bảng size.
85 Bảng 38: Bảng users. 86 Bảng 39: Bảng wish_lists. 86 Bảng 40: Test case thêm sản phẩm vào giỏ hàng. 113 Bảng 41: Báo cáo lỗi quản lý khách hàng.
120 Bảng 42: Báo cáo lỗi quản lý sản phẩm.121 ix Danh sách hình ảnh DANH SÁCH HÌNH ẢNH Hình 1: Từ khóa tìm kiếm website https://kingshoes. 4 Hình 2: Trang chủ website https://kingshoes. 4 Hình 3: Trang sản phẩm website https://kingshoes. 5 Hình 4: Trang tin tức website https://kingshoes.
5 Hình 5: Thanh footer website https://kingshoes. 5 Hình 6: Trang chi tiết sản phẩm website https://kingshoes. 6 Hình 7: Thông báo thêm sản phẩm thành công website https://kingshoes.6 Hình 8: Trang giỏ hàng website https://kingshoes.7 Hình 9: Trang checkout website https://kingshoes. 7 Hình 10: Trang đặt hàng website https://kingshoes.
8 Hình 11: Từ khóa tìm kiếm website https://giayxshop. 9 Hình 12: Trang chủ website https://giayxshop. 9 Hình 13: Sản phẩm bán chạy của website https://giayxshop. 10 Hình 14: Chỗ đánh giá website https://giayxshop.
10 Hình 15: Thanh footer website https://giayxshop. 11 Hình 16: Trang danh sách sản phẩm website https://giayxshop. 11 Hình 17: Trang chi tiết sản phẩm website https://giayxshop. 12 Hình 18: Trang giỏ hàng website https://giayxshop.
12 Hình 19: Trang đặt hàng website https://giayxshop. 13 Hình 20: Từ khóa tìm kiếm website https://www.13 Hình 21: Trang chủ website https://www. 14 Hình 22: Phần footer website https://www. 14 Hình 23: Trang danh sách sản phẩm website https://www.15 Hình 24: Trang chi tiết sản phẩm website https://www.15 Hình 25: Giỏ hàng website https://www.16 Hình 26: Trang giỏ hàng website https://www.
16 Hình 27: Nguyên lý hoạt động của redux [2]. 19 Hình 28: Tổng quát về hệ thống gợi ý [6]. 25 Hình 29: Ví dụ về hệ thống gợi ý. 26 Hình 30: Ví dụ về hệ thống gợi ý.
26 x Danh sách hình ảnh Hình 31: Ví dụ về hệ thống gợi ý. 26 Hình 32: Ví dụ về hệ thống gợi ý. 26 Hình 33: Ví dụ về hệ thống gợi ý. 27 Hình 34: Ví dụ về hệ thống gợi ý.
27 Hình 35: Ví dụ về hệ thống gợi ý. 28 Hình 36: Lược đồ Use case.35 Hình 37: Lược đồ sequence đăng nhập. 68 Hình 38: Lược đồ sequence đăng ký. 68 Hình 39: Lược đồ sequence quản lý tài khoản.
69 Hình 40: Lược đồ sequence quản lý sản phẩm. 70 Hình 41: Lược đồ sequence quản lý size mỗi sản phẩm. 71 Hình 42: Lược đồ sequence quản lý hình ảnh mỗi sản phẩm. 72 Hình 43: Lược đồ sequence quản lý đơn hàng.
73 Hình 44: Lược đồ sequence xem sản phẩm. 73 Hình 45: Lược đồ sequence xem chi tiết sản phẩm. 74 Hình 46: Lược đồ sequence quản lý thông tin cá nhân. 75 Hình 47: Lược đồ sequence thay đổi mật khẩu.
76 Hình 48: Lược đồ sequence đặt hàng. 76 Hình 49: Lược đồ sequence xem thông tin đơn hàng đã đặt. 77 Hình 50: Lược đồ sequence hủy đơn hàng. 77 Hình 51: Lược đồ sequence xem giỏ hàng.
78 Hình 52: Lược đồ sequence thêm sản phẩm vào giỏ hàng. 78 Hình 53: Lược đồ sequence sửa sản phẩm trong giỏ hàng. 79 Hình 54: Lược đồ sequence xóa sản phẩm trong giỏ hàng. 79 Hình 55: Lược đồ sequence thêm bình luận.
80 Hình 56: Lược đồ sequence xem doanh thu. 80 Hình 57: Lược đồ activity quản lý danh mục. 81 Hình 58: Lược đồ logic. 82 Hình 59: Class Diagram.83 Hình 60: Giao diện trang đăng nhập.
87 Hình 61: Giao diện trang đăng ký.87 Hình 62: Giao diện trang quên mật khẩu. 88 xi Danh sách hình ảnh Hình 63: Giao diện trang thông tin cá nhân. 89 Hình 64: Giao diện trang thông tin cá nhân khi thay đổi mật khẩu. 89 Hình 65: Giao diện trang sản phẩm.
91 Hình 66: Giao diện trang chi tiết sản phẩm. 93 Hình 67: Giao diện trang giỏ hàng khi rỗng. 94 Hình 68: Giao diện trang giỏ hàng khi có sản phẩm. 94 Hình 69: Giao diện trang thanh toán.95 Hình 70: Giao diện trang lịch sử đơn hàng khi chưa có đơn hàng.96 Hình 71: Giao diện trang lịch sử đơn hàng khi có đơn hàng.
96 Hình 72: Giao diện trang quản lý giao dịch Paypal. 97 Hình 73: Giao diện trang xem doanh thu theo ngày dạng bảng.98 Hình 74: Giao diện trang xem doanh thu theo ngày dạng đồ thị. 98 Hình 75: Giao diện trang quản lý tài khoản. 99 Hình 76: Modal xem thông tin chiết và chỉnh sửa tài khoản.
99 Hình 77: Giao diện trang lý sản phẩm. 100 Hình 78: Modal thêm sản phẩm mới. 101 Hình 79: Modal xem chi tiết và chỉnh sửa thông tin sản phẩm.101 Hình 80: Modal quản lý size sản phẩm.102 Hình 81: Modal quản lý hình ảnh sản phẩm. 103 Hình 82: Giao diện trang quản lý voucher.
103 Hình 83: Modal thêm voucher mới. 104 Hình 84: Modal xem chi tiết và chỉnh sửa thông tin voucher. 104 Hình 85: Giao diện trang quản lý đơn hàng. 105 Hình 86: Modal xem chi tiết đơn hàng.
106 Hình 87: Các nút trong đồ thị dòng điều khiển.108 Hình 88: Cấu trúc điều kiện kiểm thử hộp trắng. 108 Hình 89:Các nút đồ thị dòng dữ liệu. 109 Hình 90: Các cấu trúc điều kiện trong kiểm thử hộp đen. 109 Hình 91: Đoạn mã được dùng để kiểm thử.
111 Hình 92: Đồ thị dòng điều khiển. 112 Hình 93: Đồ thị dòng dữ liệu chung. 113 xii Chương 1: Tổng quan đề tài CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý do chọn đề tài Trong những năm gần đây, với sự nâng cao chất lượng cuộc sống con người, phụ kiện, đặc biệt là giày. Giờ đây, giày không chỉ là phụ kiện đi lại mà còn dùng để kinh doanh, trao đổi khi các hãng thời trang ra mắt những đôi giày giới hạn.
Nhằm đáp ứng nhu cầu của người sử dụng, đáp ứng sự tiện lợi khi sử dụng dịch vụ của cửa hàng, giúp khách hàng có thể dễ dàng tiếp cận đến các sản phẩm giày, nhóm đã quyết định thực hiện đề tài xây dựng trang web kinh doanh giày. Mục đích thực hiện đề tài này là muốn làm rõ được mô hình kinh doanh giày online, tìm hiểu và nghiên cứu các chức năng cần có của một trang web bán giày cần có, cũng như là biết được các khuyết điểm và thiếu sót trong quá trình xây dựng.