Xây dựng website thương mại điện tử buôn bán điện thoại

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 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BUÔN BÁN ĐIỆN THOẠI GVHD: TS LÊ VĂN VINH SVTH : DƯƠNG VĂN NGỌC TÍN LÊ NGỌC PHÁT SKL010884 Tp Hồ Chí Minh, năm 2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THƠNG TIN BỘ MƠN KHĨA LUẬN TỐT NGHIỆP DƯƠNG VĂN NGỌC TÍN – 19110472 LÊ NGỌC PHÁT – 19110423 ĐỀ TÀI : XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BUÔN BÁN ĐIỆN THOẠI KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIẢNG VIÊN HƯỚNG DẪN TS Lê Văn Vinh KHÓA 2019 - 2023 CỘNG HOÀ ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc KHOA CNTT Độ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ọ và tên Sinh viên : Dương Văn Ngọc Tín MSSV 1: 19110472 Họ và tên Sinh viên : Lê Ngọc Phát MSSV 2: 19110423 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website thương mại điện tử buôn bán điện thoại Họ và tên Giáo viên hướng dẫn: TS Lê Văn Vinh NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Ưu điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………… Khuyết điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… Đề nghị cho bảo vệ hay không ? ……………………………………………………… Đánh giá loại : ………………………………………………………………………… Điểm : …………………………………………………………………………………… Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 20 CỘNG HOÀ ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc KHOA CNTT Độ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ọ và tên Sinh viên : Dương Văn Ngọc Tín MSSV 1: 19110472 Họ và tên Sinh viên : Lê Ngọc Phát MSSV 2: 19110423 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website thương mại điện tử buôn bán điện thoại Họ và tên Giáo viên phản biện: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Khuyết điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… Đề nghị cho bảo vệ hay không ? ………………………………………………………… Đánh giá loại : …………………………………………………………………………… Điểm : …………………………………………………………………………………… Tp Hồ Chí Minh, ngày tháng Giáo viên phản biện (Ký & ghi rõ họ tên) năm 20 LỜI CẢM ƠN LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đế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 học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Lê Văn Vinh lời cảm ơn sâu sắc Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt trình từ lúc bắt đầu hồn thiện đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nhiệm yêu cầu thực tế 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ăn Vinh tặng 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! Nhóm Sinh viên thực Dương Văn Ngọc Tín 19110472 Lê Ngọc Phát 19110423 Trang MỤC LỤC MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU PHẦN 1: MỞ ĐẦU 10 Lý chọn đề tài 10 Đối tượng nghiên cứu 11 Phạm vi nghiên cứu 11 PHẦN 2: NỘI DUNG 12 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU12 1.1 Khảo sát trạng 12 1.2 Đặc tả 17 1.3 Mơ hình hóa u cầu 20 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 50 2.1 Spring framework 50 2.3 PostgreSQL 52 2.4 Cloudinary 54 CHƯƠNG : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 56 3.1 Lược đồ lớp 56 3.2 Lược đồ 57 3.3 Cơ sở liệu 93 3.4 Thiết kế giao diện 100 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 152 4.1 Cài đặt 152 4.2 Kiểm thử 152 PHẦN : KẾT LUẬN 163 Kết đạt 163 Ưu điểm 163 Nhược điểm 164 Hướng phát triển 164 DANH MỤC TÀI LIỆU THAM KHẢO 165 Trang DANH MỤC HÌNH ẢNH DANH MỤC HÌNH ẢNH Hình 1.1 Website “Cellphones – Hệ thống bán lẻ di động toàn quốc” 12 Hình 1.2 Website “Hoàng Hà Mobile – Hệ thống bán lẻ thiết bị di động công nghệ” 13 Hình 1.3 Website Thế giới di động 15 Hình 1.4 Website “Viettel Store – Nhà mạng bán điện thoại lớn Việt Nam” 16 Hình 1.5 Lược đồ use case tổng quan 20 Hình 1.6 Lược đồ use case phân hệ quản trị 21 Hình 1.7 Use case quản lý xác thực người dùng 21 Hình 1.8 Use case đăng ký tài khoản 23 Hình 1.9 Use case xem sản phẩm 25 Hình 1.10 Use case tìm kiếm sản phẩm .26 Hình 1.11 Use case xem giỏ hàng 28 Hình 1.12 Use case quản lý tài khoản 29 Hình 1.13 Use case quên mật 31 Hình 1.14 Use case giao hàng 32 Hình 1.15 Use case thống kê hệ thống 33 Hình 1.16 Use case quản lý danh mục 35 Hình 1.17 Use case quản lý thương hiệu 36 Hình 1.18 Use Case quản lý sản phẩm 38 Hình 1.19 Use Case quản lý mã giảm giá 39 Hình 1.20 Use Case quản lý thuộc tính 41 Hình 1.21 Use Case quản lý đơn hàng 42 Hình 1.22 Use Case quản lý đánh giá 45 Hình 1.23 Use Case quản lý người dùng 46 Hình 1.24 Use Case đăng xuất .48 Hình 3.1 Lược đồ lớp 56 Hình 3.2 Lược đồ “Đăng ký” 57 Hình 3.3 Lược đồ “Đăng nhập” 58 Hình 3.4 Lược đồ “Đăng nhập google” 59 Hình 3.5 Lược đồ “Đăng nhập facebook” 60 Hình 3.6 Lược đồ “Quên mật khẩu” 61 Trang DANH MỤC HÌNH ẢNH Hình 3.7 Lược đồ “Đổi mật khẩu” 62 Hình 3.8 Lược đồ “Chỉnh sửa thông tin” 63 Hình 3.9 Lược đồ “Thêm địa người dùng” 64 Hình 3.10 Lược đồ “Chỉnh sửa địa chỉ” 65 Hình 3.11 Lược đồ “Xóa địa chỉ” 66 Hình 3.12 Lược đồ “Thêm đánh giá” .67 Hình 3.13 Lược đồ “Chỉnh sửa đánh giá” 68 Hình 3.14 Lược đồ “Xóa đánh giá” 69 Hình 3.15 Lược đồ “u thích sản phẩm” .70 Hình 3.16 Lược đồ “Thêm sản phẩm vào giỏ hàng” .71 Hình 3.17 Lược đồ “Xóa sản phẩm giỏ hàng” 72 Hình 3.18 Lược đồ “Tiến hành đặt hàng” 73 Hình 3.19 Lược đồ “Đặt hàng với COD” .74 Hình 3.20 Lược đồ “Thanh toán với Paypal” 75 Hình 3.21 Lược đồ “Thanh toán với Momo QR” 76 Hình 3.22 Lược đồ “Thanh tốn với Momo ATM” 77 Hình 3.23 Lược đồ “Thay đổi ảnh đại diện” 78 Hình 3.24 Lược đồ “Nhận mã giảm giá” 79 Hình 3.25 Lược đồ “Thêm danh mục” .80 Hình 3.26 Lược đồ “Sửa danh mục” 81 Hình 3.27 Lược đồ “Xóa danh mục” .82 Hình 3.28 Lược đồ “Thêm thương hiệu” 83 Hình 3.29 Lược đồ “Chỉnh sửa thương hiệu” 84 Hình 3.30 Lược đồ “Xóa thương hiệu” 85 Hình 3.31 Lược đồ “Thêm sản phẩm” .86 Hình 3.32 Lược đồ “Chỉnh sửa sản phẩm” 87 Hình 3.33 Lược đồ “Xóa sản phẩm” 88 Hình 3.34 Lược đồ “Thêm mã giảm giá” 89 Hình 3.35 Lược đồ “Chỉnh sửa mã giảm giá” 90 Hình 3.36 Lược đồ “Xóa mã giảm giá” 91 Hình 3.37 Lược đồ “Ẩn đánh giá” 92 Hình 3.38 Lược đồ sở liệu 93 Trang DANH MỤC HÌNH ẢNH Hình 3.39 Giao diện trang chủ - 100 Hình 3.40 Giao diện trang chủ - 100 Hình 3.41 Giao diện trang chủ - 101 Hình 3.42 Giao diện trang đăng nhập 103 Hình 3.43 Giao diện trang đăng ký 104 Hình 3.44 Giao diện trang quên mật 106 Hình 3.45 Giao diện danh mục sản phẩm 107 Hình 3.46 Giao diện tìm sản phẩm theo danh mục – 108 Hình 3.47 Giao diện tìm sản phẩm theo danh mục – 108 Hình 3.48 Giao diện chi tiết sản phẩm – 109 Hình 3.49 Giao diện chi tiết sản phẩm – 110 Hình 3.50 Giao diện giỏ hàng 111 Hình 3.51 Giao diện trang tìm kiếm sản phẩm 113 Hình 3.52 Giao diện trang chủ sau đăng nhập .114 Hình 3.53 Giao diện trang quản lý tài khoản .115 Hình 3.54 Giao diện trang lịch sử đơn hàng .117 Hình 3.55 Giao diện trang chi tiết đơn hàng 118 Hình 3.56 Giao diện trang sản phẩm yêu thích 119 Hình 3.57 Giao diện trang ưu đãi bạn 119 Hình 3.58 Giao diện trang thơng tin người dùng .120 Hình 3.59 Giao diện trang đổi mật 122 Hình 3.60 Giao diện trang thay đổi địa 123 Hình 3.61 Giao diện trang thêm địa .124 Hình 3.63 Giao diện thơng tin tốn 126 Hình 3.64 Giao diện dùng mã giảm giá 127 Hình 3.65 Giao diện tốn 128 Hình 3.66 Giao diện đánh giá sản phẩm 129 Hình 3.67 Giao diện trang giao hàng 130 Hình 3.68 Giao diện trang chi tiết giao hàng .131 Hình 3.69 Giao diện trang đăng nhập Admin 132 Hình 3.70 Giao diện Trang chủ Admin 133 Hình 3.71 Giao diện trang đăng nhập Manager 135 Trang DANH MỤC HÌNH ẢNH Hình 3.72 Giao diện trang chủ Manager 136 Hình 3.73 Giao diện trang danh mục sản phẩm 137 Hình 3.74 Giao diện thêm danh mục 138 Hình 3.75 Giao diện trang quản lý thương hiệu 139 Hình 3.76 Giao diện thêm thương hiệu 140 Hình 3.77 Giao diện quản lý mã giảm giá 141 Hình 3.78 Giao diện thêm mã giảm giá 142 Hình 3.79 Giao diện quản lý sản phẩm 143 Hình 3.80 Giao diện thêm sản phẩm 144 Hình 3.81 Giao diện quản lý thuộc tính .145 Hình 3.82 Giao diện thêm thuộc tính 146 Hình 3.83 Giao diện quản lý đơn hàng .147 Hình 3.84 Giao diện chi tiết đơn hàng – 148 Hình 3.85 Giao diện chi tiết đơn hàng – 148 Hình 3.86 Giao diện quản lý đánh giá 149 Hình 3.87 Giao diện quản lý người dùng 150 Hình 3.88 Giao diện quản lý chi tiết người dùng .151 Hình 4.1 Cài đặt ứng dụng – Bước 152 Hình 4.2 Cài đặt ứng dụng – Bước 152 Hình 4.3 Cài đặt ứng dụng – Bước 152 Trang