Xây dựng website bán laptop và phụ kiện

TÓM TẮT Với sự phát triển ngày nhanh mạnh mạng Internet công nghệ, người dần hướng tới sự tiện lợi mà điều đáp ứng Một số lĩnh vực kinh doanh, thay kinh doanh theo kiểu truyền thơng trước phải có địa điểm kinh doanh được, kinh doanh online vừa tiết kiệm khoản địa điểm, nhân viên vừa đỡ tốn kinh phí trì Về phía người dùng, khách hàng thuận tiện không cần đâu mà xem thỏa thích sản phẩm mà muốn mua mua sản phẩm cách nhanh chóng Khơng mạng Internet cịn đóng góp lớn phần giáo dục giải trí, coi kho tàng kiến thức nhân loại Nó hỗ trợ nhiều việc học tập công việc nay, việc trao đổi kiến thức trở nên dễ dàng nhẹ nhàng hết Chính điều nhóm thực xây dựng ứng dụng web thương mại laptop (một công cụ giúp ta tiếp cận với mạng Internet, đồng thời dễ mang theo) phụ kiện Ứng dụng cho phép người dùng xem, tìm kiếm mua laptop, phụ kiện kèm cách dễ dàng thay phải tới cửa hàng Ứng dùng cịn đề xuất sản phẩm tương tự cho khách hàng, lọc thông tin sản phẩm cách tối ưu Nói tóm lại ứng dụng web giải pháp tiện lợi cho hai bên người bán khách hàng v MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iii LỜI CẢM ƠN iv TÓM TẮT v MỤC LỤC vi DANH MỤC CÁC TỪ VIẾT TẮT ix DANH MỤC CÁC BẢNG x DANH MỤC CÁC HÌNH .xi Chương TỔNG QUAN 1.1 Giới thiệu 1.2 Mục tiêu đề 1.3 Phạm vi đề tài Chương CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT THỰC TRẠNG 2.1 Laravel 2.1.1 Laravel gì? 2.1.2 Tại nên dùng Laravel? 2.2 PHP 2.2.1 PHP gì? 2.2.2 Tại nên dùng PHP 2.3 VueJS 2.3.1 Vue.js gì? 2.3.2 Tại nên dùng Vue.js? 2.4 Postgres 2.4.1 PostgreSQL gì? 2.4.2 Đặc điểm PostgreSQL 2.5 Wampp 2.5.1 Wampp gì? vi 2.5.2 Ưu điểm sử dụng WAMP 2.6 Khảo sát thực tế 2.6.1 Trang web phongvu.vn 2.6.2 Trang web gearvn.com 10 2.6.3 Trang web fptshop.com.vn 11 Chương XÁC ĐỊNH YÊU CẦU 12 3.1 Yêu cầu chức 12 3.1.1 Quan điểm 12 3.1.2 Chức ứng dụng 12 3.2 Yêu cầu hệ thống 13 3.3 Use case Diagram 13 3.4 Đặc tả Use Case 22 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 37 4.1 Database 37 4.2 Class diagram 38 4.3 Sequence diagram 39 4.4 Giao diện người dùng 43 4.4.1 Trang bán hàng 43 4.4.2 Trang quản lý 56 Chương GIỚI THIỆU VỀ HỆ THỐNG GỢI Ý SẢN PHẨM 61 5.1 Giới thiệu hệ thống 61 5.2 Xây dựng hệ thống 61 5.2.1 Các thuật toán áp dụng 61 5.2.2 Tiến hành xây dựng hệ thống 63 Chương HOÀN THIỆN VÀ KIỂM THỬ 66 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 73 7.1 Mức độ hoàn thành 73 7.2 Các khó khăn gặp phải 74 7.3 Ưu, nhược điểm website 74 vii 7.4 Hướng phát triển 75 TÀI LIỆU THAM KHẢO 76 viii DANH MỤC CÁC TỪ VIẾT TẮT MSSV: Mã số sinh viên TLCN: Tiểu luận chuyên ngành API: Application Programming Interface ix DANH MỤC CÁC BẢNG Bảng 3.1 Đặc tả use case mua sản phẩm 22 Bảng 3.2 Đặc tả use case xem danh sách sản phẩm 23 Bảng 3.3 Đặc tả use case xem thông tin sản phẩm 24 Bảng 3.4 Đặc tả use case tìm kiếm sản phẩm 25 Bảng 3.5 Đặc tả use case tìm kiếm theo tên 25 Bảng 3.6 Đặc tả use case tìm kiếm theo thuộc tính 26 Bảng 3.7 Đặc tả use case thêm vào giỏ hàng 27 Bảng 3.8 Đặc tả use case duyệt mục 28 Bảng 3.9 Đặc tả use case thêm vào danh sách so sánh 29 Bảng 3.10 Đặc tả use case xem danh sách sản phẩm tương tự 29 Bảng 3.11 Đặc tả use case kiểm tra đơn hàng 30 Bảng 3.12 Đặc tả use case quản lý giỏ hàng 31 Bảng 3.13 Đặc tả use case thêm số lượng sản phẩm 32 Bảng 3.14 Đặc tả use case giảm số lượng sản phẩm 32 Bảng 3.15 Đặc tả use case xác thực người dùng 33 Bảng 3.16 Đặc tả use case đăng nhập 34 Bảng 3.17 Đặc tả use case đăng xuất 35 Bảng 3.18 Đặc tả use case đăng ký tài khoản 35 x DANH MỤC CÁC HÌNH Hình 2.1 Lịch sử phiên phát hành Laravel [1] Hình 2.2 Top 10 ngơn ngữ lập trình phổ biến 2004 - 2020 Hình 2.3 So sánh tổng quan ASP PHP Hình 2.4 Vòng đời Vuejs Hình 2.5 Trang web phongvu.vn Hình 2.6: Trang web gearvn.com 10 Hình 2.7: Trang web fptshop.com.vn 11 Hình 3.1 Top level use case eCommerceWeb 13 Hình 3.2 Use case xem danh sách sản phẩm 14 Hình 3.3 Use case checkout 15 Hình 3.4 Use case xác thực người dùng 15 Hình 3.5 Use case quản lý tài khoản 16 Hình 3.6 Top level use case ManagementWeb 17 Hình 3.7 Use case quản lý nhóm 18 Hình 3.8 Use case quản lý nhân viên 19 Hình 3.9 Use case quản lý khách hàng 20 Hình 3.10 Use case quản lý sản phẩm 21 Hình 3.11 Use case quản lý thông báo 22 Hình 4.1 Mơ hình mối quan hệ thực thể 37 Hình 4.2: Class diagram 38 Hình 4.3 Sequence diagram mua sản phẩm 39 Hình 4.4 Sequence diagram tìm kiếm sản phẩm 40 Hình 4.5 Sequence diagram duyệt mục 40 Hình 4.6 Sequence diagram thêm vào giỏ hàng 41 Hình 4.7 Sequence diagram checkout trước mua sản phẩm 42 Hình 4.8 Giao diện trang chủ 43 Hình 4.9 Giao diện trang chủ 44 Hình 4.10 Giao diện trang chủ 44 Hình 4.11 Giao diện đăng nhập khách hàng 45 Hình 4.12 Giao diện đăng ký khách hàng 45 Hình 4.13 Giao diện trang danh sách sản phẩm dạng lưới 46 Hình 4.14 Giao diện trang danh sách sản phẩm dạng dịng 47 Hình 4.15 Giao diện trang danh sách sản phẩm lọc 47 Hình 4.16 Giao diện trang thơng tin chi tiết sản phẩm 48 Hình 4.17 Giao diện danh sách gợi ý trang chi tiết sản phẩm 49 Hình 4.18 Giao diện mơ tả sản phẩm trang chi tiết sản phẩm 49 xi Hình 4.19 Giao diện giỏ hàng 50 Hình 4.20 Giao diện chọn địa giao hàng đặt hàng 51 Hình 4.21 Giao diện thêm địa tiến hành đặt hàng 51 Hình 4.22 Giao diện chọn phương thức toán đặt hàng 52 Hình 4.23 Giao diện trang so sánh sản phẩm 52 Hình 4.24 Giao diện danh sách sản phẩm để so sánh 53 Hình 4.25 Giao diện trang quản lý tài khoản - thông tin tài khoản 54 Hình 4.26 Giao diện trang quản lý tài khoản - danh sách đơn hàng 54 Hình 4.27 Giao diện trang quản lý tài khoản - địa giao hàng 55 Hình 4.28 Giao diện trang quản lý tài khoản - nhận xét sản phẩm mua 55 Hình 4.29 Giao diện trang quản lý khách hàng 56 Hình 4.30 Giao diện thêm sửa khách hàng 56 Hình 4.31 Giao diện tùy chọn số dòng danh sách 57 Hình 4.32 Giao diện sau chọn hiển thị 30 dòng 57 Hình 4.33 Giao diện thơng tin chi tiết khách hàng 58 Hình 4.34 Giao diện thêm, sửa thơng tin khách hàng 58 Hình 4.35 Giao diện lịch sử giao dịch khách hàng 58 Hình 4.36 Giao diện trang quản lý nhân viên 59 Hình 4.37 Giao diện thêm, sửa thông tin nhân viên 59 Hình 4.38 Giao diện trang quản lý thông báo 60 Hình 4.39 Giao diện tạo thơng báo 60 Hình 5.1 Ví dụ tìm đường ngắn [8] 62 Hình 5.2 Minh họa giao hợp tập hợp [9] 63 Hình 5.3 Thuật tốn Hamming Distance 63 Hình 5.4 Thuật tốn Euclidean Distance 64 Hình 5.5 Thuật tốn Jacard Index 64 Hình 5.6 Xử lý thuật tốn với trọng số 64 Hình 5.7 Sản phẩm chọn 65 Hình 5.8 Danh sách sản phẩm theo độ ưu tiên giảm dần 65 Hình 5.9 Danh sách sản phẩm theo độ ưu tiên giảm dần 65 xii Chương TỔNG QUAN 1.1 Giới thiệu Hiện xã hội ngày phát triển cách nhanh chống kèm theo lĩnh vực cơng nghệ, truyền thơng, giải trí,… phát triển mạnh Không việc giáo dục phát triển theo, khơng cịn q ràng buộc kiến thức sách vở, việc giảng dạy Tất thứ đưa lên Internet để tiếp cận cách dễ dàng phải cần laptop, thiết bị kết nối Internet thơng qua mạng Wifi, không nặng to máy tính bàn, dễ dàng cho việc mang theo đến đâu Một thiết bị hữu dụng cho cơng việc, học tập giải trí Và để sở hữu laptop mà khơng cần phải đâu, bạn cần tham khảo đặt mua website thương mại bán laptop đồ công nghệ Và phần đề tài mà nhóm thực hiện: Xây dựng website bán laptop phụ kiện Website đáp ứng nhu cầu tìm kiếm, xem, so sánh tiến hành đặt mua sản phẩm mà bạn muốn Website chuyên bán laptop phụ kiện kèm theo bàn phím, chuột, tai nghe,…Website cấp sản phẩm gợi ý tương tự sản phẩm mà bạn chọn xem Ngồi cịn nhiều tính khác bạn đăng nhập tài khoản 1.2 Mục tiêu đề Xây dựng website bán laptop phụ kiện, cung cấp cho người dùng thông tin laptop phụ kiện cách chi tiết, đưa lựa chọn sản phẩm muốn mua cách nhanh chóng Ngồi website hướng đến trải nghiệm người dùng, giao diện đơn giản dễ dàng sử dụng 1.3 Phạm vi đề tài Xây dựng website theo hướng thương mại điện tử, cung cấp chức xem danh sách sản phẩm, chi tiết sản phẩm, tìm kiếm sản phẩm, giỏ hàng đặt hàng Thiết kế website theo hướng đơn trang(Single Page Application) thay Multiplepage applications phải load lại toàn trang web chuyển trang nhằm nâng cao trải nghiệm người dùng Chương CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT THỰC TRẠNG 2.1 Laravel 2.1.1 Laravel gì? Là framework PHP có mã nguồn mở miễn phí, giúp xây dựng ứng dụng theo mơ hình MVC (Model - View – Controller) cách nhanh chóng, tạo lập trình viên kỳ cựu làm NET Taylor Otwell Được phát hành lần đầu vào ngày tháng năm 2011 [1] Hình 2.1 Lịch sử phiên phát hành Laravel [1] Trước Laravel có tên Bootplant sau đổi thành Laravel, nguồn gốc tên bắt nguồn từ tên tịa lâu đài Narnia, vùng đất khơng có thật, mà giới tưởng tượng nhà văn Clive Staples Lewis, viết thành tiểu thuyết “Biên niên sử Narnia” [4] tiếng dựng thành phim Tịa lâu đài có tên Paravel đọc lái thành Laravel, mục đích Taylor Otwell mong muốn đứa tinh thần Laravel phát triển cách mạnh mẽ vững trải Hình 5.1 Ví dụ tìm đường ngắn [8] Ví dụ: Ta có chuỗi ký information internation độ dài 11 ký tự Kết Phân tích chuỗi: information internation Những ký tự đánh đấu in đậm vị trí khác chuỗi , số lượng kí tự khác khoảng cách Hamming Áp dụng vào hệ thống: Dùng thuật tốn cho việc phân tích thuộc tính sản phẩm loại Như loại laptop phân tích thuộc tính ram, cpu, ổ cứng, màu sắc, … Đưa số lượng thuộc tính khác Sau đưa dạng tỉ lệ theo sản phẩm chọn với trọng số chiếm 1/3 hệ thống gợi ý Euclidean Distance Là thuật tốn tính tốn khoảng cách điểm khơng gian Trong thực tế tính độ dài đường thẳng đường chim bay Để tính khoảng cách Euclidean ta phải tính tổng bình phương hiệu thuộc tính, sau bậc hai tổng Áp dụng cho hệ thống: Tính khoảng cách giá sản phẩm, bước đầu đặt trọng giá cáo nhất, tìm tỉ lệ giá so với trọng giá cao nhất, đưa tỉ lệ vào thuật toán khoảng cách Euclidean để tìm khoảng cách tối thiểu chúng Với trọng số 1, chiếm 1/3 hệ thống gợi ý Jacard Index Là kích thước giao giao điểm chia cho kích thước sự kết hợp [10] 62 Minh họa toán học: Cho tập hợp A B Chỉ mục Jacard bằng |A∩B| / |A∪B| gí trị nằm đoạn [0,1] Hình 5.2 Minh họa giao hợp tập hợp [9] Áp dụng cho hệ thống:Lấy danh sách phân loại sản phẩm, tìm phần tử giống phân loại sản phẩm hợp danh sách thành phân loại thành Lấy số phần tử có danh sách giao chia cho số phần tử danh sách hợp ta tỉ lệ Jacard phân loại cho sản phẩm với trọng số 1, chiếm 1/3 hệ thống gợi ý 5.2.2 Tiến hành xây dựng hệ thống  Chuẩn bị liệu database  Viết thuật tốn Contronller: Hình 5.3 Thuật tốn Hamming Distance 63 Hình 5.4 Thuật tốn Euclidean Distance Hình 5.5 Thuật tốn Jacard Index Hình 5.6 Xử lý thuật toán với trọng số  Cuối đưa danh sách sản phẩm sau xử lý view  Kết đạt được: 64 Hình 5.7 Sản phẩm chọn Hình 5.8 Danh sách sản phẩm theo độ ưu tiên giảm dần Hình 5.9 Danh sách sản phẩm theo độ ưu tiên giảm dần 65 Chương HOÀN THIỆN VÀ KIỂM THỬ Test Case Description Test Scenario ID Pre-Requisite No Action Nhấp vào input tìm kiếm header nhấn Enter Nhấp vào input tìm kiếm header nhấn Enter Nhấp vào input tìm kiếm header nhấn Enter Nhấp vào input tìm kiếm header nhấn Enter Kiểm tra chức tìm kiếm Test Priority medium Test Case ID PostTìm kiếm thành cơng Requisite Test Execution Steps: Search Search_1 Inputs Expected Output Actual Output Test Browser Test Resul t “acer” Danh sách sản phẩm theo từ khóa “acer” Danh sách sản phẩm theo từ khóa “acer” Chrome Pass “macbo ok air 2018” Danh sách sản phẩm theo từ khóa “macbook air 2018” macbookai r 2018 Chrome Pass “máy tính” Danh sách sản phẩm theo từ khóa “máy tính” Danh sách sản phẩm theo từ khóa “máy tính” Chrome Pass “chuot legitech ” Danh sách sản phẩm theo từ khóa “chuot legitech” Danh sách sản phẩm theo từ khóa “chuot legitech” Chrome Pass Test Com ment s 66 Nhấp vào input tìm kiếm header nhấn chọn sản phẩm gợi ý bên “chuot legitech ” Nhấp vào input tìm kiếm header nhấn chọn sản phẩm gợi ý bên “chuột legitech ” Nhấp vào input tìm kiếm header nhấn chọn sản phẩm gợi ý bên “legitec h” Nhấp vào input tìm kiếm header nhấn chọn “macbo ok air 2018” Hiển thị danh sách gợi ý Không hiển thị danh tìm kiếm, sách sản click phẩm vào vào tìm trang chi tiết kiếm sản phẩm sản phẩm Hiển thị danh sách gợi ý Khơng hiển thị danh tìm kiếm, sách sản click phẩm vào vào tìm trang chi tiết kiếm sản phẩm sản phẩm Hiển thị Hiển thị danh sách danh sách gợi ý gợi ý thanh tìm kiếm, tìm kiếm, click click vào vào vào vào trang chi trang chi tiết tiết sản sản phẩm phẩm của sản sản phẩm phẩm đó Hiển thị Hiển thị danh sách danh sách gợi ý gợi ý thanh tìm kiếm, tìm kiếm, click click Chrome Fail Chrome Fail Chrome Pass Chrome Pass 67 sản phẩm gợi ý bên 10 vào vào trang chi tiết sản phẩm sản phẩm Hiển thị danh sách gợi ý tìm kiếm, click vào vào trang chi tiết sản phẩm sản phẩm Nhấp vào input tìm kiếm header nhấn chọn sản phẩm gợi ý bên “laptop acer” Nhấp vào input tìm kiếm header nhấn chọn sản phẩm gợi ý bên Hiển thị danh sách gợi ý tìm kiếm, “laptop click core i7” vào vào trang chi tiết sản phẩm sản phẩm vào vào trang chi tiết sản phẩm sản phẩm Hiển thị danh sách gợi ý tìm kiếm, click vào vào trang chi tiết sản phẩm sản phẩm Hiển thị danh sách gợi ý tìm kiếm, click vào vào trang chi tiết sản phẩm sản phẩm Chrome Pass Chrome Pass 68 Test Case Description Test Scenario ID Pre-Requisite No Action Kiểm tra chức lọc sản phẩm trang danh sách sản phẩm Test Priority medium Test Case ID PostLọc thành công Requisite Test Execution Steps: Filter Inputs Chọn vào thuộc tính để lọc nhấn button “Lọc” sản phẩm laptop “Core i7” Chọn vào thuộc tính để lọc nhấn button “Lọc” danh sách sản phẩm laptop “Core i7, Core i9” Chọn vào thuộc tính để lọc nhấn button “Lọc” danh sách sản phẩm laptop “Core i7, Core i9, macOs” Expected Output Actual Output Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm theo từ theo từ khóa khóa “Core “Core i7” i7” Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm hợp lại theo hợp lại từ khóa theo từ “Core i7, khóa “Core Core i9” i7, Core i9” Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm chung theo chung theo danh sách danh sách Filter_1 Test Browser Test Resul t Chrome Pass Chrome Pass Chrome Pass Test Com ment s 69 hợp từ từ khóa “Core i7, Core i9” danh sách từ từ khóa “macOs” Chọn vào thuộc tính để lọc nhấn button “Lọc” danh sách sản phẩm laptop tìm kiếm “Core i7” Chọn vào thuộc tính để lọc nhấn button “Lọc” danh sách sản phẩm laptop tìm kiếm “Core i7, Core i9” Chọn vào thuộc tính để lọc nhấn button “Lọc” danh sách sản “Core i7, Core i9, macOs” hợp từ từ khóa “Core i7, Core i9” danh sách từ kháo “macOs” Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm theo từ theo từ khóa khóa “Core “Core i7 i7 cũng là danh danh sách sách tìm tìm kiếm kiếm ban ban đầu đầu Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm hợp lại theo hợp lại từ khóa theo từ “Core i7, khóa “Core Core i9” i7, Core i9” danh sách danh sách tìm kiếm tìm kiếm ban đầu ban đầu Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm và danh sách danh sách sản phẩm sản phẩm Chrome Pass Chrome Pass Chrome Pass 70 phẩm laptop tìm kiếm chung theo chung theo danh sách danh sách hợp từ từ hợp từ từ khóa “Core khóa “Core i7, Core i9” i7, Core i9” danh danh sách từ từ sách từ khóa kháo “macOs” “macOs” danh sách danh sách tìm kiếm tìm kiếm ban đầu ban đầu Hiển thị số Hiển thị số Chọn vào lượng sản lượng sản thuộc tính để phẩm tìm phẩm tìm lọc nhấn và button “Lọc” “Chuột danh sách danh sách danh có dây” sản phẩm sản phẩm sách sản theo từ theo từ khóa phẩm khóa “Chuột có chuột “Chuột có dây” dây” Hiển thị số Hiển thị số lượng sản lượng sản phẩm tìm phẩm tìm Chọn vào và “Chuột thuộc tính để danh sách danh sách có dây, lọc nhấn sản phẩm sản phẩm Chuột button “Lọc” chung theo chung theo không danh từ khóa từ khóa dây” sách sản “Chuột có “Chuột có “LOGIT phẩm dây, Chuột dây, Chuột ECH” chuột không không dây”và dây”và “LOGITEC “LOGITE H” CH” Chrome Pass Chrome Pass 71 Test Case Description Test Scenario ID Pre-Requisite No Action Kiểm tra chức gợi ý sản phẩm Test Priority medium Test Case ID PostGợi ý thành công Requisite Test Execution Steps: Recommended Inputs Expected Output Hiển thị danh sách sản phẩm ưu Click vào tiên sản phẩm loại, gần giá “Laptop để vào trang gần Acer” chi tiết sản giống phẩm cấu hình thuộc tính sản phẩm chọn Hiển thị danh sách sản phẩm ưu Click vào tiên sản phẩm loại, gần giá “Laptop để vào trang gần Acer” chi tiết sản giống phẩm cấu hình thuộc tính sản phẩm chọn Recommended_1 Actual Output Test Browser Test Resul t Hiển thị danh sách sản phẩm ưu tiên loại, gần giá gần giống cấu hình thuộc tính sản phẩm chọn Chrome Pass Hiển thị danh sách sản phẩm chuột macbook Chrome Fail Test Com ment s 72 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 7.1 Mức độ hoàn thành Thiết kế giao diện trang web:  Đã có trang chủ với chức năng: Xem thông tin sản phẩm về, sản phẩm bán chạy, sản phẩm đề xuất, tìm kiếm sản phẩm, tìm kiếm sản phẩm dựa vào danh mục, chạy banner, đăng nhập/ đăng ký tài khoản, giới thiệu website  Đã có giao diện trang danh sách sản phẩm: Hiển thị sách sản phẩm theo loại, nhóm, lọc sản phẩm theo thuộc tính có sẵn, phân trang sản phẩm  Đã có giao diện trang chi tiết sản phẩm: Cung cấp đầy đủ thông tin sản phẩm, danh sách sản phẩm gợi ý  Đã có giao diện trang giỏ hàng tốn: Xem sản phẩm có giỏ hàng, tiến hành tốn xóa sản phẩm khỏi giỏ hàng  Đã có giao diện trang chủ sau Đăng nhập, chưa có trang thơng tin cá nhân, quản lý đăng, đăng tin dành cho tài khoản  Đã có giao diện trang cá nhân người dùng: Quản lý thông tin cá nhân, quản lý đơn hàng, xem thông báo, chỉnh sửa địa giao hàng, nhận xét sản phẩm mua  Đã có giao diện trang admin: Trang dashboad, quản lý nhân viên, quản lý tài khoản người dùng, quản lý sản phẩm, thơng báo người dùng, cấu hình (banner, …)  Đã có giao diện trang so sánh sản phẩm: So sánh sản phẩm thuộc tính Tạo thiết kế sở liệu:  Đã có lược đồ sở liệu database  Đã tạo lược đồ usecase chi tiết usecase  Có số liệu thực tế Phần chức năng:  Hoàn thành chức xem danh sách sản phẩm, xem danh sách sản phẩm theo loại, theo tìm kiếm, theo hệ thống lọc sản phẩm, phân trang  Hồn thành chức tìm kiếm sản phẩm theo tên sản phẩm theo key word tên sản phẩm 73  Hoàn thành chức lọc sản phẩm theo loại, theo nhiều thuộc tính lúc  Hồn thành chức xem chi tiết sản phẩm  Hoàn thành hệ thống gợi ý sản phẩm theo sản phẩm chọn  Hoàn thành đăng nhập đăng ký tài khoản  Hồn thành giỏ hàng tốn  Quản lí trang cá nhân người dùng chưa hoàn thiện  Hoàn thành chức quản lý, phân quyền cho nhân viên  Các chức quản lý khách hàng chưa hoàn thiện  Hoàn thành chức thông báo bên trang quản lý web cho người dùng chưa kết nối  Một số chức quản lý bên trang quản lý chưa hoàn thiện (quản lý sản phẩm, thể loại, …) Đã cho liệu vào Database hiển thị lên website thông qua API 7.2 Các khó khăn gặp phải  Giao diện chưa có responsive  Các chức tìm kiếm sản phẩm với autocomplete lọc sản phẩm theo thuộc tính tốn nhiều thời gian  Bộ liệu có nhiều thuộc tính phân nhiều bảng dẫn đến việc xử lí liệu lúc truy vấn gặp nhiều khó khăn 7.3 Ưu, nhược điểm website Ưu điểm  Đáp ứng chức website thương mại  Có hệ thống gợi ý sản phẩm từ sản phẩm chọn xem  Giao diện dễ sử dụng  Cung cấp đầy đủ thông tin sản phẩm  Tìm kiếm sản phẩm với autocomple key word  Lọc sản phẩm với nhiều thuộc tính lúc  Không phải tải lại trang chuyển trang Nhược điểm  Trang quản lí thông tin cá nhân người dùng trang admin chưa đáp ứng đủ chức quản lí 74  Giao diện chưa có responsive nhiều thiết bị  Chưa có tính đánh giá, bình luận sản phẩm cho người dùng  Chưa có chatbox để hỗ trợ giao tiếp với khách hàng 7.4 Hướng phát triển  Xây dựng tính đánh giá bình luận sản phẩm để khách hàng có thêm thơng tin, ý kiến sản phẩm khách hàng mua sản phẩm  Xây dựng chatbox để hỗ trợ khách hàng việc xem mua sản phẩm, cung cấp thông tin website cho khách hàng  Xây dựng giao diện responsive nhiều thiết bị  Hoàn thành chức quản lí dành cho người dùng admin 75 TÀI LIỆU THAM KHẢO Tiếng Việt [1] https://en.wikipedia.org/wiki/Laravel [2] https://allaravel.com/blog/laravel-la-gi-tai-sao-dung-framework-laravel [3] https://topdev.vn/blog/xay-dung-he-goi-y-voi-machine-learning-banglaravel/?fbclid=IwAR0RuV0qivJ9MfbU_qxCImi0IbkUNlS4c5lwCicYlWl3FBQ m5lNjwmqq8DU#buoc-5 [4] https://www.youtube.com/watch?v=T4JkCkfvKwg [5] https://vietjack.com/php/php_la_gi.jsp?fbclid=IwAR1i5QRjsiEuzwLcuVPneIKdo DbJIioKS9EgPL43u3LJ3DBn6yrWX98ApJM [6] http://hoclaptrinhweb.org/images/ecode/hoc-lap-trinh-web/php/hoc-lap-trinhphp.jpg [7] https://www.hostinger.vn/huong-dan/wamp-la-gi-giai-thich-de-hieu-cho-nguoimoi-bat-dau/ Tiếng Anh [8] https://en.wikipedia.org/wiki/Hamming_distance [9] https://en.wikipedia.org/wiki/Euclidean_distance [10] https://en.wikipedia.org/wiki/Jaccard_index 76 ... phải đâu, bạn cần tham khảo đặt mua website thương mại bán laptop đồ công nghệ Và phần đề tài mà nhóm thực hiện: Xây dựng website bán laptop phụ kiện Website đáp ứng nhu cầu tìm kiếm, xem,... 1.2 Mục tiêu đề Xây dựng website bán laptop phụ kiện, cung cấp cho người dùng thông tin laptop phụ kiện cách chi tiết, đưa lựa chọn sản phẩm muốn mua cách nhanh chóng Ngồi website cịn hướng... tìm kiếm, xem, so sánh tiến hành đặt mua sản phẩm mà bạn muốn Website chuyên bán laptop phụ kiện kèm theo bàn phím, chuột, tai nghe,? ?Website cấp sản phẩm gợi ý tương tự sản phẩm mà bạn chọn xem