Đồ án xây dựng ứng dụng bán máy tính và phụ kiện, tích hợp hệ thống gợi ý sản phẩm

ĐẠ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 ứng dụng bán máy tính phụ kiện, tích hợp hệ thống gợi ý sản phẩm Giảng viên hướng dẫn : ThS Nguyễn Thị Thanh Trúc Sinh viên thực : Phạm Phùng Gia Khiêm - 20521459 Cao Phạm Tiến Anh - 20520380 TP HỒ CHÍ MINH, THÁNG NĂM 2023 LỜI CẢM ƠN Lời đầu tiên, chúng em xin cảm ơn ThS Nguyễn Thị Thanh Trúc tạo điều kiện tốt cung cấp kiến thức cần thiết để hồn thành mơn Đồ Án Chúng em xin gửi lời cảm ơn sâu sắc đến ThS Nguyễn Thị Thanh Trúc, người hỗ trợ, hướng dẫn nhóm tạo điều kiện tốt để nhóm hoàn thành đề tài nghiên cứu Với hỗ trợ nhiệt tình cơ, cuối nhóm chúng em hồn thiện kiến thức cần thiết thơng qua việc nghiên cứu học hỏi kiến thức Chúng em cố gắng ngày hoàn thiện tương lai tiếp tục học tập chăm để đạt kết tốt Chúng em xin gửi lời cảm ơn đến gia đình, tất thầy cô khoa, bạn bè, tập thể lớp PMCL2020 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 Trong q trình làm Đồ án chúng em khơng tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý quý thầy để hồn thiện phát triển đồ án Khóa luận tốt nghiệp tương lai Cuối cùng, xin kính chúc thầy giảng viên mơn Cơng nghệ Phần mềm cô Nguyễn Thị Thanh Trúc có sức khỏe dồi dào, sống hạnh phúc, tiếp tục hoàn thành sứ mệnh cao truyền thụ tri thức cho hệ mai sau Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, tháng năm 2023 NHẬN XÉT (Của giáo viên hướng dẫn) ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… MỤC LỤC TP HỒ CHÍ MINH, THÁNG NĂM 2023 Chương GIỚI THIỆU CHUNG 1.1 Tổng quan đề tài 1.2 Lý chọn đề tài 1.3 Đối tượng sử dụng 1.4 Phạm vi nghiên cứu 1.4.1 Phạm vi môi trường: 1.4.2 Phạm vi chức năng: 1.5 Yêu cầu 1.6 Công cụ áp dụng 1.7 Nền tảng công nghệ Chương CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ 10 11 2.1 React Native 11 2.2 Python 12 2.3 Firebase 14 2.4 Recommender system 21 Giới thiệu 21 Hướng tiếp cận 21 Một số thuật ngữ 23 Cấu trúc chung 24 Các hệ thống khuyến nghị phổ biến 25 Hệ khuyến nghị dựa nội dung (Content-based Recommendation system): 25 2 Hệ thống khuyến nghị dựa lọc cộng tác (Collaborative filtering Recommendation system): 27 Hệ thống khuyến nghị dựa kết hợp (Hybrid Recommendation system): 29 Chương THIẾT KẾ HỆ THỐNG 35 3.1 Yêu cầu chức 35 3.1.1 Sơ đồ Usecase 35 3.1.2 Danh sách tác nhân 36 3.1.3 Danh sách Use Case 36 3.1.4 Mô tả chi tiết Use Case 38 3.1.4.1 3.1.4.2 Specification of Use-case “Quản lý sản phẩm” Specification of Use-case “Quản lý đơn hàng” 38 39 3.1.4.3 Specification of Use-case “Quản lý người dùng” 40 3.1.4.4 Specification of Use-case “Tìm kiếm người dùng” 41 3.1.4.5 Specification of Use-case “Quản lý giỏ hàng” 42 3.1.4.6 Specification of Use-case “Thêm vào giỏ hàng” 43 3.1.4.7 Specification of Use-case “Đặt hàng” 44 3.1.4.8 Specification of Use-case “Xem chi tiết sản phẩm” 45 3.1.4.9 Specification of Use-case “Đăng ký” 46 3.1.4.10 Specification of Use-case “Đăng nhập” 47 3.1.4.11 Specification of Use-case “Reset mật khẩu” 48 3.1.4.12 Specification of Use-case “Đăng xuất” 49 3.1.4.13 Specification of Use-case “Đổi mật khẩu” 50 3.1.4.14 Specification of Use-case “Tìm kiếm sản phẩm” 51 3.1.4.15 Specification of Use-case “Thanh toán đơn hàng” 52 3.1.4.16 Specification of Use-case “Kiểm tra trạng thái đơn hàng” 53 3.1.4.17 Specification of Use-case “Thay đổi thông tin” 54 3.1.4.18 Specification of Use-case “Lưu thông tin giao hàng” 55 Chương THIẾT KẾ CƠ SỞ DỮ LIỆU 57 4.1 Bảng user 57 4.2 Bảng product 58 4.3 Bảng brand 59 4.4 Bảng image 59 4.5 Bảng category 59 4.6 Bảng Laptop 60 4.7 Bảng headphone 60 4.8 Bảng keyboard 61 4.9 Bảng Mouse 61 4.10 Bảng gamepad 61 4.11 Bảng Liked 62 4.12 Bảng discount 62 4.13 Bảng order 62 4.14 Bảng cart 63 4.15 Bảng payment 63 4.16 Bảng shipping 63 4.17 Bảng address 64 4.18 Bảng user comment 64 4.19 Bảng user role 64 Chương THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 66 5.1 Screen flow 66 5.2 Danh sách hình 66 5.3 5.3.1 Mơ tả chi tiết hình 68 Trang đích (chưa đăng nhập) 68 5.3.2 Trang đăng nhập 69 5.3.3 Trang đăng ký 71 5.3.4 Màn hình xác thực tạo mật 73 5.3.5 Trang chủ 74 5.3.6 Trang chi tiết sản phẩm 76 5.3.7 Trang giỏ hàng 78 5.3.8 Trang toán 80 5.3.9 Trang thay đổi thông tin giao hàng 82 5.3.10 Trang hồ sơ cá nhân 84 5.3.11 Trang mã giảm giá 86 5.3.12 Trang sản phẩm yêu thích 88 5.3.13 Trang lịch sử đơn hàng 89 5.3.14 Trang đánh giá sản phẩm 91 Chương CÀI ĐẶT VÀ KIỂM THỬ 93 6.1 Môi trường cài đặt kiểm thử: 93 6.2 Kết kiểm thử: 93 CHƯƠNG VII KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 95 6.1 Kết 95 6.2 Hạn chế 95 6.3 Hướng phát triển 95 6.4 Kết luận 95 CHƯƠNG VIII TÀI LIỆU THAM KHẢO 96 Chương 1.GIỚI THIỆU CHUNG 1.1 Tổng quan đề tài Tên ứng dụng: Techconnect Chủ đề chính: Ứng dụng mua sắm thiết bị điện tử trực tuyến Nền tảng phát triển: Mobile Hệ thống gợi ý: Recommender system 1.2 Lý chọn đề tài Ngày nay, chất lượng sống cải thiện, nhu cầu mua sắm trực tuyến dần tăng cao Đáp ứng nhu cầu đa dạng, tiện dụng, phù hợp với lối sống đại, hình thức mua sắm trực tuyến ngày người tiêu dùng sử dụng ưa chuộng nhiều Công nghệ thay đổi hành vi tiêu dùng khách hàng, người mua sắm trực tiếp chuyển sang hình thức mua sắm online để tiết kiệm thời gian mang đến thuận tiện việc mua bán Để đáp ứng nhu cầu trên, nhóm chúng em định phát triển ứng dụng mua sắm trực tuyến, giúp khách hàng lựa chọn mẫu mã sản phẩm phù hợp với thân tài có Ứng dụng mua sắm trực tuyến nhóm tập trung vào loại hình sản phẩm thiết bị điện tử Mỗi loại hình sản phẩm có dạng khuyến thơng thường Để mua sản phẩm với giá khuyến mãi, khách hàng phải sở hữu mã khuyến tương ứng với sản phẩm Trong trình lựa chọn sản phẩm, khách hàng cung cấp rõ thông tin chi tiết sản phẩm phản hồi từ người mua hàng trước Đồng thời, khách hàng sử dụng tính lọc số tiêu chí như: giá tiền, chiều cao, mức độ ưa chuộng,… để chọn sản phẩm thật phù hợp với thân Bên cạnh đó, chức giỏ hàng khơng chứa sản phẩm khách hàng muốn mua mà lưu trữ sản phẩm mà họ yêu thích có khả mua tương lai Cuối cùng, q trình tốn xây dựng linh hoạt giúp người dùng thoải mái chọn lựa nhiều loại hình tốn khác Paypal, tiền mặt Ứng dụng cung cấp tính tiện ích giúp khách hàng tiếp cận đến loại sản phẩm, thông tin chi tiết phản hồi sản phẩm từ khách hàng khác Bên cạnh đó, ứng dụng cịn xây dựng hệ thống gợi ý tư vấn sản phẩm Việc góp phần giúp khách hàng lựa chọn sản phẩm theo nhu cầu mong muốn thân Ngoài ra, nhân viên quản lý cửa hàng truy cập vào Ứng dụng để cập nhật, đăng tin cách dễ dàng nhanh chóng Định hướng ứng dụng nhóm Nhóm xây dựng ứng dụng mua sắm trực tuyến thiết bị điện tử đáp ứng đầy đủ yêu cầu ứng dụng mua sắm mà khắc phục vấn đề tồn đọng đối thủ cạnh tranh 1.3 Đối tượng sử dụng Tất người có mong muốn mua sắm trực tuyến ứng dụng cửa hàng Quản trị viên phía trung tâm muốn cung cấp thơng tin (công dụng, giá cả, nhà cung cấp, nước sản xuất) đến người truy cập vào ứng dụng 1.4 Phạm vi nghiên cứu 1.4.1 Phạm vi môi trường: Môi trường phát triển: Mobile 1.4.2 Phạm vi chức năng: Đối với ứng dụng:  Cho phép phía nhân viên quản lý thơng tin sản phẩm (thêm, xóa, sửa) 5.3.9 Trang thay đổi thơng tin giao hàng Hình 5.3.9: Trang thay đổi thông tin giao hàng 82 ● Mô tả tổng quát: Trang thay đổi thông tin giao hàng giúp người dùng thay đổi thông tin vận chuyển hàng như: họ tên, số điện thoại, địa điểm giao hàng Trong trường hợp, người dùng không muốn giao theo mặc định hồ sơ 83 5.3.10 Trang hồ sơ cá nhân Hình 5.3.10: Trang hồ sơ cá nhân ● Mơ tả tổng quát: 84 Màn hình hồ sơ cá nhân hiển thị ảnh đại diện thông tin cá nhân người dùng Tại đây, người dùng chỉnh sửa thông tin cá nhân, bao gồm: họ tên, ngày tháng năm sinh, email, số điện thoại địa Ngồi ra, người dùng đồng thời thay đổi mật cách nhập mật xác nhận lại mật 85 5.3.11 Trang mã giảm giá Hình 5.3.11: Trang mã giảm giá 86 ● Mơ tả tổng quát: Trang mã giảm giá cho phép người dùng xem lại danh sách mã giảm giá Tại đây, họ lọc theo thể loại mã giảm giá 87 5.3.12 Trang sản phẩm u thích Hình 5.3.12: Trang sản phẩm u thích 88 ● Mơ tả tổng quát: Trang sản phẩm yêu thích cho phép người dùng xem lại danh sách sản phẩm mà họ thêm vào mục u thích Tại đây, họ lọc theo thể loại sản phẩm 5.3.13 Trang lịch sử đơn hàng 89 Hình 5.3.13: Trang lịch sử đơn hàng ● Mô tả tổng quát: Trang lịch sử đơn hàng hiển thị danh sách đơn hàng mà người dùng đặt Tại đây, người dùng nắm bắt thông tin cụ thể sản phẩm, tổng số tiền, thời gian đặt hàng 90 5.3.14 Trang đánh giá sản phẩm Hình 5.3.14: Trang đánh giá sản phẩm 91 ● Mô tả tổng quát: Trang đánh giá sản phẩm hiển thị danh sách sản phẩm mà người dùng đánh giá 92 Chương CÀI ĐẶT VÀ KIỂM THỬ 6.1 Môi trường cài đặt kiểm thử: Môi trường cài đặt: - Cài đặt ngôn ngữ lập trình JavaScript, Nodejs version 16 trở lên - Chạy câu lệnh “npm install” terminal để cài đặt packages - Chạy câu lệnh “npm start” terminal để kích hoạt app Thiết bị cài đặt: laptop, PC 6.2 Kết kiểm thử: Tên chức Mức độ toàn diện Đăng ký 100% Đăng nhập 100% Đổi mật 100% Cập nhật hồ sơ 100% Tìm kiếm sản phẩm 100% Lọc sản phẩm 100% Xem sản phẩm 100% Thêm vào giỏ hàng 100% Điều chỉnh số lượng sản phẩm 100% STT 93 10 Thêm địa nhận hàng 100% 11 Lựa chọn hình thức tốn 100% 12 Thanh tốn 80% 13 Đánh giá sản phẩm 100% 14 Phiếu giảm giá 100% 15 Sản phẩm ưa thích 100% 16 Lịch sử mua hàng 100% 17 Lịch sử đánh giá 100% 18 Hệ thống Admin 90% 19 Hệ thống Gợi ý sản phẩm 100% 20 Gửi ý kiến phản hồi 100% 94 CHƯƠNG VII KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Kết - Ứng dụng thực đáp ứng chức hệ thống thương mại điện tử - Xây dựng ứng dụng có UI/UX thân thiện với người dùng, dễ dàng sử dụng phù hợp với lứa tuổi - Việc sử dụng ứng dụng dễ dàng, có mơ tả chi tiết lúc dùng - Quản lý liệu, thông tin cá nhân cách dễ dàng - Tối ưu hoá khả sàng lọc thông tin - Ứng dụng chế gợi ý người dùng thông minh 6.2 Hạn chế - Chưa có mạng lưới liên kết người dùng - Dữ liệu hạn chế - Một số nghiệp vụ cần thời gian để hoàn thiện - Tốc độ xử lý luồng cịn chậm - Thanh tốn cịn hạn chế 6.3 Hướng phát triển Trong tương lai, chúng em hoàn thiện chức chưa đáp ứng tốt yêu cầu người dùng, mở rộng thêm số tính trang blog để theo dõi tin tức thời trang, chức nhắc nhở có giảm giá, Ngồi cịn xây dựng tảng web để mở rộng phạm vi người dùng Khác phục hạn chế phát triển thêm nhiều tính 6.4 Kết luận Phần mềm chúng em đáp ứng đầy đủ chức Bên cạnh đó, chúng em học thêm kỹ mềm kỹ giao tiếp trình 95 học, kỹ làm việc nhóm, khả quản lý kỹ khác để giúp ích cho chúng em tương lai CHƯƠNG VIII TÀI LIỆU THAM KHẢO     - - React Native: https://reactnative.dev/ FireBase:https://firebase.google.com/docs/build?hl=vi Google Machine Learning: https://developers.google.com/machine-learning/recommendation?hl=vi Recommend System: https://www.nvidia.com/en-us/glossary/data-science/recommendationsystem/#:~:text=A%20recommendation%20system%20is%20an,demographic% 20information%2C%20and%20other%20factors https://www.analyticsvidhya.com/blog/2021/07/recommendation-systemunderstanding-the-basic-concepts/ https://viblo.asia/p/tong-quan-ve-recommender-system-recommendersystem-co-ban-phan-1-924lJGBb5PM https://medium.com/mlearning-ai/what-are-the-types-of-recommendationsystems-3487cbafa7c9 https://machinelearningcoban.com/2017/05/31/matrixfactorization/ 96