Đặc biệt, hệ thống sử dụng trí tuệ nhân tạo AI để phân tích hành vi người dùng, bao gồm lịch sử tìm kiếm, lượt truy cập và tương tác với các sản phẩm, từ đó đưa ra các gợi ý phù hợp với
Tên đề tài
Xây dựng Website thương mại điện tử kinh doanh đồ bóng đá
Các số liệu, tài liệu ban đầu
• Các bài viết và khóa học về lập trình trên Youtube và Website hướng dẫn tự học: o W3Schools Online Web Tutorials: https://www.w3schools.com o Tài liệu Express (Node.js): https://expressjs.com o Tài liệu ReactJS: https://reactjs.org/docs/getting-started.html o Tài liệu MongoDB: https://www.mongodb.com/docs hoặc SQL Server: https://learn.microsoft.com/sql o Youtube: https://www.youtube.com/?appktop&hl=vi
• Trải nghiệm thực tế từ các website thương mại điện tử như: https://www.sport9.vn, https://giaydabongtot.com, v.v
• Tài liệu về các công nghệ tích hợp như: o JWT (JSON Web Token) cho xác thực người dùng: https://jwt.io/introduction o Nodemailer và các phương thức gửi email xác nhận đơn hàng, khuyến mãi, gợi ý sản phẩm
Nội dung chính của đồ án
Cơ sở lý thuyết
• Tổng quan về thương mại điện tử
• Kiến trúc web và các công nghệ liên quan (Node.js, ReactJS, MongoDB/SQL Server, JWT)
• Phân tích chức năng hệ thống
• Thiết kế sơ đồ use case, ERD, giao diện người dùng
Chương 3: Xây dựng chương trình
• Cài đặt backend với Express
• Xây dựng giao diện người dùng với React
• Tích hợp xác thực JWT, giỏ hàng, đơn hàng, gửi email
Kết luận và hướng phát triển
• Hướng phát triển mở rộng như tích hợp thanh toán, gợi ý AI, chatbot chăm sóc khách hàng
4 Các sản phẩm dự kiến:
- Website kinh doanh đồ bóng đá;
- Báo cáo đề tài tốt nghiệp
Trong thời đại công nghệ số phát triển nhanh chóng như hiện nay, các nền tảng thương mại điện tử ngày càng đóng vai trò quan trọng trong việc kết nối doanh nghiệp với khách hàng Đặc biệt, đối với các mặt hàng chuyên biệt như đồ bóng đá – nơi mà nhu cầu cá nhân hóa trải nghiệm mua sắm ngày càng cao – việc ứng dụng công nghệ hiện đại để tối ưu hóa quá trình bán hàng là điều hết sức cần thiết
Từ thực tế đó, em đã lựa chọn đề tài "Xây dựng website kinh doanh đồ bóng đá" làm đồ án tốt nghiệp Mục tiêu của đề tài là phát triển một nền tảng bán hàng trực tuyến chuyên cung cấp các sản phẩm như áo đấu, giày, bóng và phụ kiện bóng đá, đi kèm với hệ thống thông minh có khả năng gợi ý sản phẩm phù hợp cho người dùng Thay vì sử dụng các thuật toán truyền thống, đề tài tập trung nghiên cứu ứng dụng trí tuệ nhân tạo (AI) để phân tích lượt truy cập và lịch sử theo dõi sản phẩm của người dùng, từ đó đề xuất các mặt hàng có khả năng phù hợp cao, giúp tăng trải nghiệm và thúc đẩy doanh số bán hàng
Hệ thống được xây dựng dựa trên công nghệ Node.js cho backend và ReactJS cho frontend, tích hợp với cơ sở dữ liệu SQL Server để lưu trữ thông tin sản phẩm, người dùng và đơn hàng Ngoài ra, hệ thống còn hỗ trợ các chức năng như: đăng nhập, đăng ký, phân quyền người dùng, giỏ hàng, thanh toán và gửi email xác nhận đơn hàng tự động
Quá trình thực hiện đồ án giúp em củng cố kiến thức đã học, tiếp cận thực tiễn phát triển phần mềm, đồng thời rèn luyện khả năng tư duy hệ thống và nghiên cứu công nghệ mới Đây cũng là cơ hội để em tiếp cận với các mô hình AI ứng dụng trong lĩnh vực thương mại điện tử – một xu hướng đầy tiềm năng trong tương lai
Em xin gửi lời cảm ơn chân thành đến cô ThS Nguyễn Thị Hà Quyên – giảng viên hướng dẫn, vì đã tận tình hỗ trợ và định hướng cho em trong suốt quá trình thực hiện đề tài Đồng thời, em cũng xin trân trọng cảm ơn quý thầy cô trong Khoa Công nghệ số – Trường Đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng đã giảng dạy và truyền đạt cho em những kiến thức nền tảng quý giá trong suốt quá trình học tập
1 Những nội dung trong luận văn này do chúng em thực hiện dưới sự hướng dẫn của cô ThS Nguyễn Thị Hà Quyên;
2 Mọi tham khảo trong luận văn đều được trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố;
3 Mọi sao chép không hợp lệ, vi phạm quy chê đào tạo, hay gian trá, chúng em xin chịu hoàn toàn trách nhiệm
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN i
NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ii
NHIỆM VỤ ĐỒ ÁN iv
2 Các số liệu, tài liệu ban đầu: iv
3 Nội dung chính của đồ án: iv
Chương 1: Cơ sở lý thuyết iv
Chương 2: Phân tích thiết kế hệ thống v
Chương 3: Xây dựng chương trình v
DANH MỤC BẢNG BIỂU xiv
DANH MỤC HÌNH VẼ xv
DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT xviii
DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xix
3 Đối tượng nghiên cứu và phạm vi nghiên cứu 2 a Đối tượng nghiên cứu 2
Chương 1 CƠ SỞ LÝ THUYẾT 4
1.1 Giới thiệu về Node.js 4
1.1.1 Các đặc điểm nổi bật của Node.js 4
1.1.1.1 Kiến trúc tổng quan của ứng dụng Node.js 4
1.2.2 Ứng dụng của ReactJS trong phát triển web hiện đại 6
1.3 Giới thiệu về SQL Server 6
1.3.1 Ưu điểm chính của SQL Server 7
1.4 Thuật toán đề xuất sản phẩm sử dụng trí tuệ nhân tạo (AI) 7
1.4.1 Ứng dụng trong đề tài 7
Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 9
2.1.2 Sơ đồ nghiệp vụ thực tế 10
2.1.3 Liệt kê người dùng và yêu cầu 13
2.2 Phân tích thiết kế hệ thống 14
2.2.1 Liệt kê Actor và Usecase 14
2.2.3 Kịch bản và sơ đồ hoạt động 15
2.2.3.1 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Đăng nhập 15
2.2.3.2 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Đăng kí” 17 thông tin” 18
2.2.3.4 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Đặt đơn hàng –
2.2.3.5 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Cập nhật thông tin cá nhân” 20
2.2.3.6 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Huỷ đơn hàng” 21
2.2.3.7 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Bình luận – Đánh giá sản phẩm” 22
2.2.3.8 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Nhắn tin yêu cầu hỗ trợ” 23
2.2.3.9 Kịch bản mô tả và sơ đồ hoạt động cho usecase “Quản lí đơn hàng” 24
2.2.4.1 Sơ đồ Robustness cho “Đăng nhập” 25
2.2.4.2 Sơ đồ Robustness cho “Đăng kí” 25
2.2.4.3 Sơ đồ Robustness cho “Lọc – Tìm kiếm – Xem thông tin” 26
2.2.4.4 Sơ đồ Robustness cho “Đặt đơn hàng – Thanh toán” 26
2.2.4.5 Sơ đồ Robustness cho “Cập nhật thông tin cá nhân” 27
2.2.4.6 Sơ đồ Robustness cho “Huỷ đơn hàng” 27
2.2.4.7 Sơ đồ Robustness cho “Bình luận – Đánh giá sản phẩm” 28
2.2.4.8 Sơ đồ Robustness cho “Nhắn tin – Yêu cầu hỗ trợ” 28
2.2.5.5 Trang chi tiết sản phẩm 31
2.2.5.6 Trang thông tin cá nhân 32
2.2.5.7 Trang lịch sử đơn hàng 33
2.2.5.8 Trang chi tiết đơn hàng 33
2.2.5.10 Giao diện BoxChat của AI và Nhân viên 34
2.2.5.13 Trang thông tin cá nhân 36
2.2.5.14 Trang hỗ trợ khách hàng (Admin) 36
2.2.5.15 Trang Quản lý người dùng 37
2.2.5.16 Trang Quản lý Sản Phẩm 38
2.2.5.17 Trang Quản lý phiếu giảm giá 39
2.2.5.18 Trang Quản lý Phiếu nhập 40
2.2.5.19 Trang Quản lý đơn hàng 40
2.2.7.1 Sơ đồ tuần tự của usecase “Đăng nhập” 43
2.2.7.2 Sơ đồ tuần tự của usecase “Đăng kí” 43
2.2.7.3 Sơ đồ tuần tự của usecase “Lọc – Tìm kiếm – Xem thông tin” 44
2.2.7.4 Sơ đồ tuần tự của usecase “Đặt đơn hàng – Thanh toán” 44
2.2.7.5 Sơ đồ tuần tự của usecase “Cập nhật thông tin cá nhân” 45
2.2.7.6 Sơ đồ tuần tự của usecase “Huỷ đơn hàng” 45
2.2.7.7 Sơ đồ tuần tự của usecase “Bình luận – Đánh giá sản phẩm” 46
2.2.7.9 Sơ đồ tuần tự của usecase “Quản lí đơn hàng” 47
Chương 3 XÂY DỰNG CHƯƠNG TRÌNH 48
3.1 Công cụ xây dựng chương trình 48
3.1.1 Ngôn ngữ lập trình & Framework 48
3.1.3 Quản lý mã nguồn và triển khai 48
3.1.5 Hệ quản trị cơ sở dữ liệu 48
3.2.4 Trang danh mục sản phẩm 51
3.2.5 Trang chi tiết sản phẩm 52
3.2.6 Trang thông tin cá nhân 53
3.2.7 Trang lịch sử đơn hàng 54
3.2.8 Trang chi tiết đơn hàng 54
3.2.10 Giao diện BoxChat của AI và Nhân viên 55
3.2.13 Trang thông tin cá nhân 57
3.2.14 Trang hỗ trợ khách hàng (Admin) 57
3.2.17 Trang Quản lý phiếu giảm giá 60
3.2.18 Trang Quản lý Phiếu nhập 61
3.2.19 Trang Quản lý đơn hàng 61
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 64
2.1 Tích hợp cổng thanh toán trực tuyến thực tế 65
2.2 Phát triển ứng dụng di động (Mobile App) 65
2.3 Tăng cường hệ thống bảo mật 65
2.4 Nâng cấp thuật toán AI gợi ý sản phẩm 65
2.5 Triển khai thực tế trên nền tảng cloud 66
2.6 Mở rộng tính năng hệ thống 66
Bảng 1.1: So sánh Node.js với các framework phổ biến khác 5
Bảng 1.2: So sánh ReactJS với các thư viện/framework frontend khác 6
Bảng 2.1: Diễn giải quy trình nghiệp vụ: 11
Bảng 2.2: Người dùng và các yêu cầu chức năng chính 13
Bảng 2.3: Kịch bản cho usecase “Đăng nhập” 15
Bảng 2.4: Kịch bản cho usecase “Đăng kí” 17
Bảng 2.5: Kịch bản cho usecase “Lọc – Tìm kiếm – Xem thông tin” 18
Bảng 2.6: Kịch bản cho usecase “Đặt đơn hàng – Thanh toán” 19
Bảng 2.7: Kịch bản cho usecase “Cập nhật thông tin cá nhân” 20
Bảng 2.8: Kịch bản cho usecase “Huỷ đơn hàng” 21
Bảng 2.9: Kịch bản cho usecase “Bình luận – Đánh giá sản phẩm” 22
Bảng 2.10: Kịch bản cho usecase “Nhắn tin yêu cầu hỗ trợ” 23
Bảng 2.11: Kịch bản cho usecase “Quản lí đơn hàng” 24
Sơ đồ hoạt động nghiệp vụ 9
Quy trình nghiệp vụ website thương mại điện tử kinh doanh đồ bóng đá 10
Sơ đồ hoạt động của chức năng “Đăng nhập” 16
Sơ đồ hoạt động của chức năng “Đăng kí” 17
Sơ đồ hoạt động của chức năng “Lọc – Tìm kiếm – Xem thông tin” 18
Sơ đồ hoạt động của chức năng “Đặt đơn hàng – Thanh toán” 19
Sơ đồ hoạt động của chức năng “Cập nhật thông tin cá nhân” 20
Sơ đồ hoạt động của chức năng “Huỷ đơn hàng” 21
Sơ đồ hoạt động của chức năng “Bình luận – Đánh giá sản phẩm” 22
Sơ đồ hoạt động của chức năng “Nhắn tin yêu cầu hỗ trợ” 23
Sơ đồ hoạt động của chức năng “Quản lí đơn hàng” 24
Sơ đồ độ vững của chức năng “Đăng nhập” 25
Sơ đồ độ vững của chức năng “Đăng kí” 25
Sơ đồ độ vững của chức năng “Lọc – Tìm kiếm – Xem thông tin” 26
Sơ đồ độ vững của chức năng “Đặt đơn hàng – Thanh toán” 26
Sơ đồ độ vững của chức năng “Cập nhật thông tin cá nhân” 27
Sơ đồ độ vững của chức năng “Huỷ đơn hàng” 27
Sơ đồ độ vững của chức năng “Bình luận – Đánh giá sản phẩm” 28
Sơ đồ độ vững của chức năng “Nhắn tin yêu cầu hỗ trợ” 28
Giao diện trang “Danh mục sản phẩm” 30
Giao diện trang “Chi tiết sản phẩm” 31
Giao diện đánh giá của trang “Chi tiết sản phẩm” 31
Giao diện của trang “Thông tin cá nhân” 32
Giao diện của trang “Chi tiết đơn hàng” 33
Giao diện của trang “Thanh toán đơn hàng” 34
Giao diện BoxChat với AI và Nhân viên 34
Giao diện của trang “Đăng nhập (Admin)” 35
Giao diện của trang “Thống kê” 35
Giao diện của trang “Thông tin cá nhân (Admin)” 36
Giao diện của trang “Hỗ trợ khách hàng” 36
Giao diện của trang “Quản lí người dùng” 37
Giao diện của trang “Quản lí sản phẩm” 38
Giao diện của trang “Quản lí phiếu giảm giá” 39
Giao diện của trang “Quản lí phiếu nhập” 40
Giao diện của trang “Quản lí đơn hàng” 41
ERD Website thương mại điện tử chuyên về đồ bóng đá 42
Sơ đồ tuần tự của chức năng “Đăng nhập” 43
Sơ đồ tuần tự của chức năng “Đăng kí” 43
Sơ đồ tuần tự của chức năng “Lọc – Tìm kiếm – Xem thông tin” 44
Sơ đồ tuần tự của chức năng “Đặt đơn hàng – Thanh toán” 44
Sơ đồ tuần tự của chức năng “Cập nhật thông tin cá nhân” 45
Sơ đồ tuần tự của chức năng “Huỷ đơn hàng” 45
Sơ đồ tuần tự của chức năng “Bình luận – Đánh giá sản phẩm” 46
Sơ đồ tuần tự của chức năng “Nhắn tin yêu cầu hỗ trợ” 46
Sơ đồ tuần tự của chức năng “Quản lí đơn hàng” 47
Database Relationship trong hệ quản trị SQL Server 49
Giao diện trang “Danh mục sản phẩm” 51
Giao diện trang “Chi tiết sản phẩm” 52
Giao diện của trang “Chi tiết đơn hàng” 54
Giao diện của trang “Thanh toán đơn hàng” 55
Giao diện BoxChat với AI và Nhân viên 55
Giao diện của trang “Đăng nhập (Admin)” 56
Giao diện của trang “Thống kê” 56
Giao diện của trang “Thông tin cá nhân (Admin)” 57
Giao diện của trang “Hỗ trợ khách hàng” 57
Giao diện của trang “Quản lí người dùng” 58
Giao diện của trang “Quản lí sản phẩm” 59
Giao diện của trang “Quản lí phiếu giảm giá” 60
Giao diện của trang “Quản lí phiếu nhập” 61
Giao diện của trang “Quản lí đơn hàng” 63
Stt Chữ viết tắt Giải nghĩa
1 CNTT Công nghệ thông tin
2 TMDT Thương mại điện tử
10 CSKH Chăm sóc khách hàng
Stt Chữ viết tắt Giải nghĩa Nghĩa tiếng Việt
Language Ngôn ngữ đánh dấu siêu văn bản
2 UI User Interface Giao diện người dùng
3 UX User Experience Trải nghiệm người dùng
Interface Giao diện lập trình ứng dụng
5 JWT JSON Web Token Chuỗi mã xác thực người dùng
6 DB Database Cơ sở dữ liệu
7 CRUD Create, Read, Update, Delete Tạo, đọc, cập nhật, xóa
8 CSS Cascading Style Sheets Ngôn ngữ định kiểu
9 JS JavaScript Ngôn ngữ lập trình web động
10 AI Artificial Intelligence Trí tuệ nhân tạo
11 SQL Structured Query Language Ngôn ngữ truy vấn có cấu trúc
12 NoSQL Not Only SQL Cơ sở dữ liệu phi quan hệ
13 HTTP HyperText Transfer Protocol Giao thức truyền tải siêu văn bản
14 HTTPS HTTP Secure Giao thức truyền tải an toàn
Trong thời đại công nghệ số, các nền tảng thương mại điện tử ngày càng trở nên phổ biến và đóng vai trò quan trọng trong việc kết nối người tiêu dùng với sản phẩm Các nền tảng như Shopee, Lazada, Tiki… đã tạo ra sự phát triển mạnh mẽ trong ngành bán lẻ trực tuyến Tuy nhiên, nhiều hệ thống hiện nay vẫn chưa tối ưu hóa trải nghiệm người dùng, chưa khai thác tốt các công nghệ như trí tuệ nhân tạo (AI) và học máy để gợi ý sản phẩm cá nhân hóa và tối ưu hóa quy trình bán hàng Đề tài "Xây dựng website thương mại điện tử kinh doanh đồ bóng đá" sẽ tận dụng các công nghệ hiện đại như Node.js cho backend, ReactJS cho frontend, và tích hợp các thuật toán để tối ưu hóa quá trình tìm kiếm sản phẩm và gợi ý cho người dùng Hệ thống sẽ được thiết kế để cung cấp một nền tảng mua bán đồ bóng đá trực tuyến, hỗ trợ các chức năng như tìm kiếm sản phẩm, đặt hàng, thanh toán và quản lý kho hàng
Mục tiêu của đề tài là xây dựng một nền tảng thương mại điện tử cho ngành đồ bóng đá, giúp khách hàng dễ dàng tìm kiếm và mua các sản phẩm liên quan đến bóng đá, từ giày, áo, bóng, cho đến các thiết bị tập luyện
• Cho phép người dùng tạo tài khoản, duyệt và tìm kiếm sản phẩm, thêm vào giỏ hàng và thanh toán trực tuyến
• Cung cấp cho quản trị viên khả năng quản lý sản phẩm, đơn hàng, thanh toán và kho hàng
• Tích hợp các phương thức thanh toán trực tuyến (ví dụ: PayPal, Stripe)
• Sử dụng thuật toán học máy để gợi ý sản phẩm cho người dùng dựa trên lịch sử mua hàng và tìm kiếm
• Xây dựng hệ thống frontend (ReactJS) và backend (Node.js với Express.js), lưu trữ dữ liệu với MongoDB hoặc MySQL.Server
3 Đối tượng nghiên cứu và phạm vi nghiên cứu a Đối tượng nghiên cứu
• Người tiêu dùng tìm kiếm các sản phẩm thể thao, đặc biệt là đồ bóng đá
• Quản trị viên quản lý sản phẩm, đơn hàng và người dùng
• Hệ thống giao dịch mua bán sản phẩm thể thao trực tuyến b Phạm vi nghiên cứu
• Xây dựng hệ thống web gồm frontend và backend
• Chỉ tập trung vào nền tảng web, chưa triển khai mobile app
• Hệ thống sử dụng Node.js (Express.js) cho backend và ReactJS cho frontend
• Cơ sở dữ liệu sử dụng MongoDB hoặc MySQL (tùy thuộc vào yêu cầu cụ thể của hệ thống)
• Áp dụng các phương thức thanh toán trực tuyến qua các dịch vụ như Stripe hoặc PayPal
• Phân tích yêu cầu người dùng: Xây dựng các chức năng phù hợp như giỏ hàng, thanh toán, tìm kiếm sản phẩm, quản lý đơn hàng
• Phát triển phần mềm: Sử dụng mô hình MVC để thiết kế và phát triển hệ thống
• Thiết kế cơ sở dữ liệu: Xây dựng cơ sở dữ liệu hiệu quả để lưu trữ thông tin sản phẩm, người dùng và đơn hàng
• Phát triển hệ thống bảo mật: Sử dụng JWT Authentication để bảo vệ các API và thông tin người dùng
• Kiểm thử hệ thống: Tiến hành kiểm thử trên các tình huống sử dụng thực tế, kiểm tra tính ổn định và bảo mật của hệ thống
• Ngôn ngữ lập trình: Node.js (Express.js) cho backend, ReactJS cho frontend
• Cơ sở dữ liệu: MongoDB hoặc MySQL tùy theo yêu cầu
• Thanh toán: Stripe, PayPal hoặc các cổng thanh toán khác
• Frontend: ReactJS kết hợp với các thư viện như Redux (nếu cần quản lý trạng thái)
• Kết nối frontend-backend: Sử dụng RESTful API
• Triển khai: Hệ thống có thể triển khai trên server thật hoặc sử dụng cloud platform như AWS, Heroku, hoặc Azure.…)
Cấu trúc đồ án gồm các phần sau:
Chương 1: Cơ sở lý thuyết
Chương 2: Phân tích thiết kế hệ thống
Chương 3: Xây dựng chương trình
Kết luận và hướng phát triển
