Website thương mại điện tử bán đồ công nghệ

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN ĐỒ CÔNG NGHỆ GVHD: TS.LÊ VĨNH THỊNH SVTH : TRẦN KẾ QUANG TRẦN TIẾN DŨNG SKL011492 Tp Hồ Chí Minh, tháng 07/2023 Khóa BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TPHCM KHOA CƠNG NGHỆ THƠNG TIN KHĨA LUẬN TỐT NGHIỆP WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN ĐỒ CÔNG NGHỆ Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Giảng viên hướng dẫn : TS.LÊ VĨNH THỊNH Lớp : 19110ST1 Họ tên sinh viên : TRẦN KẾ QUANG Mã số sinh viên : 19110040 Họ tên sinh viên : TRẦN TIẾN DŨNG Mã số sinh viên : 19110337 Thành phố Hồ Chí Minh, Tháng năm 2023 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ******* NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên 1: Trần Kế Quang MSSV: 19110040 Họ tên sinh viên 2: Trần Tiến Dũng MSSV: 19110337 Khoa: Công nghệ thông tin Giáo viên hướng dẫn: T.S Lê Vĩnh Thịnh Ngày nhận đề tài: 30/01/2023 Ngày nộp đề tài: 18/07/2023 Tên đề tài: Xây dựng website thương mại điện tử bán đồ công nghệ Dữ liệu, tài liệu ban đầu: Khảo sát trạng thơng qua tìm kiếm trang web tham khảo ý kiến chun gia có chun mơn để thực Nội dung đề tài: - Xây dựng website thương mại điện tử - Tích hợp học máy để gợi ý sản phẩm Sản phẩm: Website thương mại điện tử có tích hợp machine learning Chữ ký SV: …………………………………………………………… Chữ ký SV: …………………………………………………………… Trưởng khoa GV hướng dẫn (Ký, ghi rõ họ tên) (Ký, ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên 1: Trần Kế Quang MSSV: 19110040 Họ tên sinh viên 2: Trần Tiến Dũng MSSV: 19110337 Khoa: Công nghệ thông tin Tên đề tài: Xây dựng website thương mại điện tử bán đồ công nghệ Giáo viên hướng dẫn: Lê Vĩnh Thịnh NHẬN XÉT Về nội dung đề tài & khối lượng công việc thực hiện: Ưu điểm: Nhược điểm: Đề nghị cho bảo vệ hay không? Đánh giá: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh , ngày tháng năm 2023 GV hướng dẫn (Ký, ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên 1: Trần Kế Quang MSSV: 19110040 Họ tên sinh viên 2: Trần Tiến Dũng MSSV: 19110337 Khoa: Công nghệ thông tin Tên đề tài: Xây dựng website thương mại điện tử bán đồ công nghệ Giáo viên hướng dẫn: Huỳnh Xuân Phụng NHẬN XÉT Về nội dung đề tài & khối lượng công việc thực hiện: Ưu điểm: Nhược điểm: Đề nghị cho bảo vệ hay không? Đánh giá: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh , ngày tháng năm 2023 GV phản biện (Ký, ghi rõ họ tên) LỜI CẢM ƠN Lời đầu tiên, nhóm xin phép gửi lời cảm ơn chân thành đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em trau dồi, học tập phát triển tảng kiến thức vững để thực đề tài Bên cạnh đó, nhóm chúng em xin gửi đến thầy Lê Vĩnh Thịnh lời cảm ơn chân thành sâu sắc Thầy tận tâm hướng dẫn nhiệt tình đưa góp ý quý báu cho nhóm chúng em suốt trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nghiệm u cầu thực tế ngồi xã hội thơng qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Lê Vĩnh Thịnh đem đến cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hồn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Thành phố Hồ Chí Minh, ngày 18 tháng 07 năm 2023 Sinh viên thực Trần Kế Quang Trần Tiến Dũng MỤC LỤC Tính cấp thiết Đối tượng nghiên cứu Mục tiêu đề tài Phương pháp thực CHƯƠNG 1: KHẢO SÁT THỰC TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 1.1 Khảo sát thực trạng website thương mại điện tử 2 1.1.1 Trang web “CellPhoneS" 1.1.2 Trang web “Thế giới di động” 1.1.3 Trang web “Phong Vũ” 1.2 Xác định yêu cầu 1.2.1 Yêu cầu chức 1.2.2 Yêu cầu phi chức CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Lý thuyết 2.1.1 Spring Boot 2.1.2 ReactJS 2.1.3 PostgreSQL 2.1 Kiến trúc hệ thống CHƯƠNG 3: ĐẶC TẢ CHI TIẾT YÊU CẦU 3.1 Mơ hình hóa u cầu 10 10 3.1.1 Sơ đồ use case cho người dùng 10 3.1.2 Sơ đồ use case quản trị viên 11 3.2 Đặc tả use case 12 3.2.1 Use case đăng ký 12 3.2.2 Use case đăng nhập tài khoản, mật 14 3.2.3 Use case quên mật 16 3.2.4 Use case tìm kiếm sản phẩm từ khóa 18 3.2.5 Use case tìm kiếm sản phẩm lọc 20 3.2.6 Use case chỉnh sữa thông tin tài khoản 21 3.2.7 Use case thêm sản phẩm vào giỏ 22 3.2.8 Use case xóa sản phẩm khỏi giỏ 23 3.2.9 Use case thay đổi số lượng sản phẩm giỏ 24 3.2.10 Use case đặt hàng online 25 3.2.11 Use case hủy đơn hàng 27 3.2.12 Use case bình luận, đánh giá sản phẩm 28 3.2.13 Use case thêm sổ địa 29 3.2.14 Use case xóa sổ địa 30 3.2.15 Use case cập nhật sổ địa 31 3.2.16 Use case thêm sản phẩm 33 3.2.17 Use case chỉnh sửa thơng tin sản phẩm 35 3.2.18 Use case xóa sản phẩm 37 3.2.19 Use case thêm danh mục 38 3.2.20 Use case chỉnh sửa thông tin danh mục 39 3.2.21 Use case xóa danh mục 41 3.2.22 Use case tạo khuyến 42 3.2.23 Use case xem đơn hàng 44 3.2.24 Use case thêm nhân viên 45 3.2.25 Use case khóa tài khoản người dùng 46 3.2.26 Use case thống kê 47 CHƯƠNG 4: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 4.1 Thiết kế Sequence diagram 48 48 4.1.1 Sequence diagram đăng ký 48 4.1.2 Sequence diagram đăng nhập 48 4.1.3 Sequence diagram quên mật 49 4.1.4 Sequence diagram tìm kiếm sản phẩm từ khóa 49 4.1.5 Sequence diagram thêm sản phẩm 50 4.1.6 Sequence diagram cập nhật sản phẩm 51 4.1.7 Sequence diagram xóa sản phẩm 51 4.1.8 Sequence diagram tìm kiếm lọc 52 4.1.9 Sequence diagram đổi mật 53 4.1.10 Sequence diagram chỉnh sữa thông tin cá nhân 54 4.1.11 Sequence diagram thêm sản phẩm vào giỏ 54 4.1.12 Sequence diagram xóa sản phẩm khỏi giỏ 55 4.1.13 Sequence diagram thay đổi số lượng sản phẩm giỏ 55 4.1.14 Sequence diagram đặt hàng online 56 4.1.15 Sequence diagram hủy đơn hàng 57 4.1.16 Sequence diagram bình luận, đánh giá sản phẩm 57 4.1.17 Sequence diagram thêm sổ địa 58 4.1.18 Sequence diagram xem sổ địa 58 4.1.19 Sequence diagram cập nhật sổ địa 59 4.1.20 Sequence diagram thêm nhân viên 60 4.1.21 Sequence diagram khóa tài khoản người dùng 60 4.2 Sơ đồ lớp 61 4.3 Thiết kế sở liệu 62 CHƯƠNG 5: GIAO DIỆN WEBSITE 74 5.1 Giao diện Guest 74 5.2 Giao diện User 82 5.3 Giao diện Employee 87 CHƯƠNG 6: KIỂM THỬ HỆ THỐNG 93 6.1 Phương pháp kiểm thử 93 6.2 Test Cases 93 CHƯƠNG 7: KẾT LUẬN 103 7.1 Những kết đạt hoàn thành dự án 103 7.2 Đánh giá hệ thống 103 TÀI LIỆU THAM KHẢO 104 DANH MỤC HÌNH ẢNH Hình 1.1: Website Cellphones Hình 1.2: Website Thế giới di động Hình 1.3: Website Phong Vũ Hình 2.1: Spring boot Hình 2.2: ReactJs Hình 2.3: PostgreSQL Hình 2.4: Kiến trúc hệ thống Hình 3.1: Use case cho người dùng 10 Hình 3.2: Use case cho quản trị viên 11 Hình 4.1: Sequence diagram đăng ký 48 Hình 4.2; Sequence diagram đăng nhập 48 Hình 4.3: Sequence diagram quên mật 49 Hình 4.4: Sequence diagram tìm kiếm từ khóa 49 Hình 4.5: Sequence diagram thêm sản phẩm 50 Hình 4.6: Sequence diagram cập nhật sản phẩm 51 Hình 4.7: Sequence diagram xóa sản phẩm 51 Hình 4.8: Sequence diagram tìm kiếm lọc 52 Hình 4.9: Sequence diagram đổi mật 53 Hình 4.10: Sequence diagram chỉnh sữa thơng tin cá nhân 54 Hình 4.11: Sequence diagram thêm sản phẩm vào giỏ 54 Hình 4.12: Sequence diagram xóa sản phẩm khỏi giỏ 55 Hình 4.13: Sequence diagram thay đổi số lượng sản phẩm giỏ 55 Hình 4.14: Sequence diagram đặt hàng online 56 Hình 4.15: Sequence diagram hủy đơn hàng 57 Hình 4.16: Sequence diagram bình luận đánh giá sản phẩm 57 Hình 4.17: Sequence diagram thêm sổ địa 58 Hình 4.18: Sequence diagram xem sổ địa 58 Hình 4.19: Sequence diagram cập nhật sổ địa 59 Hình 4.20: Sequence diagram thêm nhân viên 60 Hình 4.21: Sequence diagram khóa tài khoản người dùng 60 Hình 4.22: Class diagram 61 Hình 4.23: ERD 62 Hình 5.1: Trang home 74 Hình 5.2: Trang home 74 Hình 5.3: Trang danh sách sản phẩm 76 Hình 5.4: Tìm kiếm sản phẩm 77 Hình 5.5: Chi tiết sản phẩm 78 Hình 5.6; Đăng nhập 78 Hình 5.7: Đăng ký 80 Hình 5.8: Giỏ hàng 82 Hình 5.9: Trang tốn 82