(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện

(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện(Đồ án tốt nghiệp) Xây dựng Website bán Laptop và phụ kiện

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LAPTOP VÀ PHỤ KIỆN SVTH : LÊ BÁ HUỲNH MSSV : 16110095 SVTH : LÊ THIỆN DUY MSSV : 16110034 Khóa : 2016 - 2020 Ngành : CÔNG NGHỆ THÔNG TIN GVHD: LÊ THỊ MINH CHÂU Tp Hồ Chí Minh, tháng năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LAPTOP VÀ PHỤ KIỆN SVTH : LÊ BÁ HUỲNH MSSV : 16110095 SVTH : LÊ THIỆN DUY MSSV : 16110034 Khóa : 2016 - 2020 Ngành : CƠNG NGHỆ THƠNG TIN GVHD: LÊ THỊ MINH CHÂU Tp Hồ Chí Minh, tháng năm 2020 LỜI CẢM ƠN Nhóm thực xin chân thành cảm ơn khoa Đào tạo Chất lượng cao, Ngành Công nghệ thông tin, chuyên ngành Công nghệ phầm mềm, trường Đại học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho nhóm em thực đề tài Nhóm thực xin gửi lời cảm ơn chân thành đến cô Lê Thị Minh Châu, người tận tình bảo, định hướng hướng dẫn nhóm thực thực đề tài Bên cạnh đó, nhóm thực xin gửi lời cảm ơn đến thầy cô, người giảng dạy, tạo điều kiện cho nhóm thực tích lũy kiến thức quý báu năm học qua Dù cố gắng để thực đề tài Website bán laptop phụ kiện, chưa hoàn thành đề tài cách trọn vẹn chắn có thiếu sót khơng tránh khỏi Nhóm thực mong nhận sự thơng cảm tận tình bảo, góp ý từ thầy Một lần nửa, nhóm thực xin gửi lời cảm ơn chân thành! Nhóm sinh viên thực Lê Bá Huỳnh, Lê Thiện Duy iv 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 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 toá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  Hoà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 hồn thiện  Hồ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 ... 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... KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LAPTOP VÀ PHỤ KIỆN SVTH : LÊ BÁ HUỲNH MSSV : 16110095 SVTH : LÊ THIỆN DUY MSSV :... 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