2 IDE Integrated Development Environment là môi trường tích hợp dùng để viết code để phát triển ứng dụng 3 NoSQL Cơ sở dữ liệu phi quan hệ Trang 15 CHƯƠNG 1: TỔNG QUAN 1.Lý do chọn đề
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 KHĨA LUẬN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN GVHD: TS TRẦN NHẬT QUANG SVTH: NGUYỄN KHOA ĐẢNH ĐỖ ĐỨC ANH SKL009497 Tp Hồ Chí Minh, tháng 6/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN SVTH1: NGUYỄN KHOA ĐẢNH MSSV: 18110091 SVTH2: ĐỖ ĐỨC ANH MSSV: 18110074 Khóa : K18 Ngành : CƠNG NGHỆ THÔNG TIN GVHD : TS TRẦN NHẬT QUANG TP Hồ Chí Minh, tháng năm 2022 Báo cáo khố luận tốt nghiệp Trang CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc *********** Tp Hồ Chí Minh, ngày tháng năm 2022 NHIỆM VỤ THỰC HIỆN KHOÁ LUẬN TỐT NGHIỆP Họ tên sinh viên 1: Nguyễn Khoa Đảnh MSSV 1: 18110091 Họ tên sinh viên 2: Đỗ Đức Anh MSSV 2: 18110074 Ngành: Công nghệ thông tin Lớp: 18110CLST3 Giảng viên hướng dẫn: TS Trần Nhật Quang Ngày nhận đề tài: 14/ 02/ 2022 ĐT: Ngày nộp đề tài: 20/06/2022 Tên đề tài: XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN Nội dung thực đề tài: Tìm hiểu phát triển website công nghệ MERN stack Sản Phẩm: Website bán hàng trực tuyến TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN Báo cáo khoá luận tốt nghiệp Trang 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: Nguyễn Khoa Đảnh - MSSV 1: 18110091 Họ tên Sinh viên 2: Đỗ Đức Anh - MSSV 2: 18110074 Ngành: Công nghệ thông tin Tên đề tài: XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN Họ tên giáo viên hướng dẫn: TS Trần Nhật Quang Nhận Xét: Về nội dung đề tài & khối công việc 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: (Bằng chữ: ) Tp Hồ Chí Minh, ngày……tháng……năm 2022 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) Báo cáo khoá luận tốt nghiệp Trang 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: Nguyễn Khoa Đảnh - MSSV 1: 18110091 Họ tên Sinh viên 2: Đỗ Đức Anh - MSSV 2: 18110074 Ngành: Công nghệ thông tin Tên đề tài: XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN Họ tên giáo viên phản biện: Nhận Xét: Về nội dung đề tài & khối công việc 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: (Bằng chữ: ) Tp Hồ Chí Minh, ngày……tháng……năm 2022 Giáo viên phản biện (Ký & ghi rõ họ tên) Báo cáo khoá luận tốt nghiệp Trang MỤC LỤC DANH MỤC BẢNG .6 DANH MỤC HÌNH LỜI CẢM ƠN 11 DANH MỤC TỪ VIẾT TẮT 12 CHƯƠNG 1: TỔNG QUAN 13 1.Lý chọn đề tài 13 2.Mục đích 13 3.Công nghệ sử dụng 13 CHƯƠNG 2: CƠ SỞ LÍ THUYẾT .14 1.Tìm hiểu ngơn ngữ lập trình 14 1.1.HTML 14 1.2.CSS 14 1.3.JavaScript 15 2.Một số Framework hỗ trợ .15 2.1.Bootstrap 15 3.Cơ sở liệu NoSQL .16 3.1.NoSQL .16 3.2.Mongodb 17 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 19 1.Khảo sát 19 2.Xác định yêu cầu 41 2.1.Yêu cầu chức 41 2.2.Yêu cầu phi chức 43 3.Đặc tả chức 43 3.1.Đặc tả Usecase 45 Trao Đổi .69 Lấy Danh Sách Cuộc Trò Chuyện 69 CHƯƠNG 4: THIẾT KẾ ỨNG DỤNG 70 1.Mô tả sơ đồ thiết kế liệu 70 1.1.Collection ICategory .70 1.2.Collection Iproduct 70 1.3.Collection IaAccount .70 1.4.Collection IChat .71 1.5.Collection IBill 71 Báo cáo khoá luận tốt nghiệp Trang 1.6.Collection IDiscount 71 2.Sơ đồ (Sequence Diagram) .72 2.1.Sequence admin xem tài khoản .72 2.2.Sequence admin xem sản phẩm .72 2.3.Sequence admin xem loại hàng .73 2.4.Sequence admin xem khuyến 73 2.5.Sequence admin xem danh sách người dùng 74 2.6.Sequence admin thay đổi mã khuyến .74 2.7.Sequence admin chỉnh sửa loại hàng .75 2.8.Sequence admin thay đổi sản phẩm 75 2.9.Sequence admin thêm sản phẩm 76 2.10.Sequence admin thêm loại hàng 76 2.11.Sequence admin thêm mã khuyến 77 2.12.Sequence admin xem doanh thu 77 2.13.Sequence admin xem danh sách đơn hàng 78 2.14.Sequence người dùng đăng nhập 78 2.15.Sequence người dùng đăng ký .79 3.Thiết kế giao diện 82 3.1.Màn hình giao diện Admin 82 3.2.Màn hình giao diện trang quản lý loại hàng 83 CHƯƠNG 5: CÀI ĐẶT ỨNG DỤNG & KIỂM THỬ .100 1.Cài đặt ứng dụng 100 CHƯƠNG 6: KẾT LUẬN 107 1.Kết đạt 107 2.Ưu điểm nhược điểm .107 2.1.Ưu điểm 107 2.2.Nhược điểm 107 3.Khó khăn .108 3.1.Công nghệ 108 3.2.Quy trình thực 108 4.Kinh nghiệm đạt 108 5.Hướng phát triển tương lai 109 TÀI LIỆU THAM KHẢO 110 Báo cáo khoá luận tốt nghiệp Trang DANH MỤC BẢNG Bảng Bảng danh mục từ viết tắt 12 Bảng 3.1.1 Khảo sát Tiki 25 Bảng 3.1.2 Khảo sát điện máy xanh .31 Bảng 3.1.3 Khảo sát Shopee 36 Bảng 3.1.4 Khảo sát Fptshop 40 Bảng 3.3.1 Bảng requirement dành cho use case 43 Bảng 3.2.1.Use case admin xem danh sách tài khoản 47 Bảng 3.2.2.Use case admin xem tài khoản 47 Bảng 3.2.3.Use case admin đóng băng tài khoản 48 Bảng 3.2.4.Use case admin gửi thông báo tài khoản 49 Bảng 3.2.5.Use case admin liên kết tài khoản với mã giảm giá 49 Bảng 3.2.6.Use case admin xem danh sách sản phẩm 50 Bảng 3.2.7.Use case admin xem sản phẩm 50 Bảng 3.2.8.Use case admin liên kết sản phẩm với mã giảm giá 51 Bảng 3.2.9.Use case admin thay đổi thông tin sản phẩm 51 Bảng 3.2.10.Use case admin thêm sản phẩm 52 Bảng 3.2.11.Use case admin thêm số lượng sản phẩm 53 Bảng 3.2.12.Use case admin xem danh sách thể loại 53 Bảng 3.2.13.Use case admin xem thể loại .53 Bảng 3.2.14.Use case admin liên kết thể loại với mã giảm giá 54 Bảng 3.2.15.Use case admin thay đổi thông tin thể loại .55 Bảng 3.2.16.Use case admin thêm thể loại 55 Bảng 3.2.17.Use case admin xóa thể loại 56 Bảng 3.2.18.Use case admin xem danh sách đơn hàng 56 Bảng 3.2.19.Use case admin xem đơn hàng 56 Bảng 3.2.20.Use case admin thay đổi trạng thái đơn hàng 57 Bảng 3.2.21.Use case admin xem danh sách mã giảm giá 58 Bảng 3.2.22.Use case admin xem mã giảm giá .58 Bảng 3.2.23.Use case admin thêm mã giảm giá 58 Bảng 3.2.24.Use case admin thay đổi mã giảm giá .59 Bảng 3.2.25.Use case admin xem biểu đồ thu chi 59 Bảng 3.2.26.Use case admin xếp hạng sản phẩm 60 Bảng 3.2.27.Use case đăng ký .60 Bảng 3.2.28.Use case đăng nhập 61 Bảng 3.2.29.Use case xem thông tin cá nhân 61 Bảng 3.2.30.Use case đổi thông tin cá nhân 62 Bảng 3.2.31.Use case đổi mật .62 Bảng 3.2.32.Use case đổi số điện thoại 63 Bảng 3.2.33.Use case đổi email 63 Báo cáo khoá luận tốt nghiệp Trang Bảng 3.2.34.Use case xem danh sách sản phẩm 63 Bảng 3.2.35.Use case xem danh sách sản phẩm 64 Bảng 3.2.36.Use case lọc sản phẩm theo loại .64 Bảng 3.2.37.Use case xem sản phẩm 65 Bảng 3.2.38.Use case thêm sản phẩm vào giỏ hàng 65 Bảng 3.2.39.Use case xem giỏ hàng 65 Bảng 3.2.40.Use case sửa giỏ hàng .66 Bảng 3.2.41.Use case tạo giỏ hàng 66 Bảng 3.2.42.Use case xem danh sách hóa đơn 67 Bảng 3.2.43.Use case xem đơn hàng .67 Bảng 3.2.44.Use case hủy hóa đơn 68 Bảng 3.2.45.Use case đánh giá sản phẩm 68 Bảng 3.2.46.Use case tạo trò chuyện 68 Bảng 3.2.47.Use case trao đổi .69 Bảng 3.2.48.Use case lấy danh sách trò chuyện 69 Bảng 4.1.1.Collection ICategory 70 Bảng 4.1.2.Collection IProduct .70 Bảng 4.1.3.Collection IAccount 71 Bảng 4.1.4.Collection Ichat 71 Bảng 4.1.5.Collection IBill 71 Bảng 4.1.6.Collection IDiscount 72 Bảng 4.3.1 Giao diện trang chủ admin 82 Bảng 4.3.2 Giao diện trang quản lý loại hàng 83 Bảng 4.3.3 Giao diện trang quản lý sản phẩm 84 Bảng 4.3.4 Giao diện trang quản lý mã khuyến 85 Bảng 4.3.5 Giao diện trang chủ 86 Bảng 4.3.6 Giao diện loại hàng trang chủ 86 Bảng 4.3.7.Giao diện trang sản phẩm theo loại hàng 87 Bảng 4.3.9.Giao diện trang chi tiết sản phẩm .89 Bảng 4.3.10.Giao diện trang giỏ hàng 90 Bảng 4.3.11.Giao diện trang thông tin cá nhân .90 Bảng 4.3.12 Giao diện trang đăng nhập .91 Bảng 4.3.13 Giao diện trang đăng ký 92 Bảng 4.3.14 Giao diện trang admin thêm sản phẩm 93 Bảng 4.3.15 Giao diện trang admin thêm loại hàng .94 Bảng 4.3.16 Giao diện trang admin thêm khuyến 94 Bảng 4.3.17 Giao diện trang tin nhắn người dùng 95 Bảng 4.3.18 Giao diện trang xem đơn hàng người dùng .96 Bảng 4.3.19 Màn hình giao diện trang xem thắc mắc người dùng 97 Bảng 4.3.23 Giao diện trang nhân viên bán hàng 99 Bảng 4.3.25 Màn hình giao diện trang tin nhắn nhân viên bán hàng 100 Báo cáo khoá luận tốt nghiệp Trang Hình 5.1.4.Cấu trúc project back-end 103 Bảng 6.4.1 Khó khăn cơng nghệ 108 Bảng 6.4.2 Khó khăn công nghệ 108 Báo cáo khoá luận tốt nghiệp Trang 97 No Name Type Reference Note Nội dung thắc mắc Input Nhập nội dung thắc mắc Send message Button Nhấn để gửi thắc mắc Bảng 4.3.19 Màn hình giao diện trang xem thắc mắc người dùng 3.20.Màn hình giao diện trang thơng báo người dùng Hình 4.3.20.Màn hình giao diện trang thơng báo người dùng 3.21.Màn hình giao diện trang gợi ý sản phẩm cho người dùng Hình 4.3.21.Màn hình giao diện trang gợi ý sản phẩm cho người dùng Báo cáo khoá luận tốt nghiệp 3.22.Màn hình giao diện trang chi tiết sản phẩm Hình 4.3.22.Màn hình giao diện trang chi tiết sản phẩm 3.23.Màn hình giao diện trang nhân viên bán hàng Hình 4.3.23.Màn hình giao diện trang nhân viên bán hàng Trang 98 Báo cáo khoá luận tốt nghiệp Trang 99 No Name Type Reference Note Đơn hàng Button Nhấn để xem đơn hàng Người đăng ký Button Nhấn để người đăng ký Bảng 4.3.23 Giao diện trang nhân viên bán hàng 3.24.Màn hình giao diện trang gửi mail đến người theo dõi nhân viên bán hàng Hình 4.3.24.Màn hình giao diện trang gửi mail đến người theo dõi nhân viên bán hàng No Name Type Reference Note Nội dung Input Nhập nội dung gửi mail Gửi mail Button Nhấn để gửi mail Bảng 4.3.24 Màn hình giao diện trang gửi mail đến người theo dõi nhân viên bán hàng Báo cáo khoá luận tốt nghiệp Trang 100 3.25.Màn hình giao diện trang tin nhắn nhân viên bán hàng Hình 4.3.25.Màn hình giao diện trang tin nhắn nhân viên bán hàng No Name Type Reference Note Danh sách chat Button Nhấn để chọn người chat Nhập chat Input Nhập nội dung chat Send Button Nhấn để gửi trò chuyện Bảng 4.3.25 Màn hình giao diện trang tin nhắn nhân viên bán hàng CHƯƠNG 5: CÀI ĐẶT ỨNG DỤNG & KIỂM THỬ 1.Cài đặt ứng dụng Để chạy chương trình cần cài đặt thành phần sau: Front-end: ReactJS, Npm IDE VisualCode Back-end: - Server Chính: NodeJS, IDE VisualCode, MongoDB NoSQL Báo cáo khoá luận tốt nghiệp Trang 101 - Server Phụ: Python Front-end: Ta có cấu trúc project sau: Hình 5.1.1.Cấu trúc project front-end Bước 1: Để cài đặt gói module node ta cài nodejs theo đường link sau: https://nodejs.org/en/ sau gõ lệnh “yarn” để cài đặt gói module Bước 2: Chạy project Visual Code lệnh “yarn dev”, mặc định url http://localhost:5000/ Báo cáo khố luận tốt nghiệp Hình 5.1.2.Chạy code visual code Hình 5.1.3.Kết front-end Back-end: Server Chính: Ta có cấu trúc project sau: Trang 102 Báo cáo khố luận tốt nghiệp Trang 103 Hình 5.1.4.Cấu trúc project back-end Bước 1: Clone code lệnh: “git clone https://github.com/dannk1312/adstoresv.git” Bước 2: Để cài đặt gói module node ta cài nodejs theo đường link sau: https://nodejs.org/en/ sau gõ lệnh “npm i” để cài đặt gói module Bước 3: Tạo file env để cấu trúc biến môi trường, copy đoạn text sau paste vào file env PORT=5000 MONGODB_CONNECT_STR=mongodb+srv://admin:admin@cluster0.w3yvt.mongodb.net/m yFirstDatabase?retryWrites=true&w=majority ACCESS_TOKEN_SECRET=ANHDANHSTORESECRETKEY EMAIL=adstore7491@gmail.com PASS=1811007491 GOOGLE_CLIENT_ID=471583510813n1egr416u62fknac7ojnj38pljth05c.apps.googleusercontent.com GOOGLE_CLIENT_SECRET=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 GOOGLE_REFRESH_TOKEN=1//04w-L4kpXiKY3CgYIARAAGAQSNwFL9IrDDSafah5vhMkxYZFiCCdKn-8gWR-dgXyq2HKQzuNPlardU0zJx1-3Spg1rHsb1ysakU TWILIO_ACCOUNT_SID=ACd0c5a3f5a2fac4df4a42863d23828e1b TWILIO_AUTH_TOKEN=deff687bc30f4577c685d22c75a7ec65 TWILIO_MESS_SERVICESID=MG85826c3e87b056763fa2695b54b8b5ac CLOUDINARY_CLOUD_NAME=adstore Báo cáo khoá luận tốt nghiệp Trang 104 CLOUDINARY_API_KEY=129941679962871 CLOUDINARY_API_SECRET=a2_7fL6w25GMioKLN_L3Aj2v5Xs GOOGLE_API_KEY=AIzaSyBTtcyfL9mMsDJUwDygaCwBjrh0CkpAVS4 GHTK_API_TOKEN=D505c0ea6e2A953F79b46a5d3A8E37e180EB0827 PICK_PROVINCE="TP HCM" PICK_DISTRICT="TP THU DUC" PICK_ADDRESS="1 Đ Võ Văn Ngân, Linh Chiểu" VNP_TMN_CODE=IMFESYG2 VNP_SECRET_KEY=IKVSUZQVBXAOZCTQMBXJZGOBSKEVCZOL VNP_URL=https://sandbox.vnpayment.vn/paymentv2/vpcpay.html VNP_RTN_URL=https://https://ad-store-10b73.web.app/ Bước 3: Chạy server môi trường dev, gõ lệnh: “npm run dev”, hình sau kết server chạy thành cơng Hình 5.1.5.Cấu trúc project back-end Bước 4: Chạy server môi trường dev, gõ lệnh: “npm run dev”, hình sau kết server chạy thành cơng Hình 5.1.6.Cấu trúc project back-end Bước 5: Để build file js, gõ lệnh: “npm run build” hình sau kết server chạy thành công (các file js folder dist) Báo cáo khố luận tốt nghiệp Trang 105 Hình 5.1.7.Cấu trúc project back-end Bước 6: Chạy server với file js build bươc 4, gõ lệnh: “npm run start”, hình sau kết server chạy thành cơng Hình 5.1.8.Cấu trúc project back-end Báo cáo khố luận tốt nghiệp Trang 106 Server Phụ: Ta có cấu trúc project sau: Hình 5.1.9.Cấu trúc project back-end Bước 1: Clone code lệnh: “git clone https://github.com/dannk1312/hintadstoresv.git” Bước 2: Để cài đặt library, chạy lệnh: “pip install -r requirements.txt” Bước 3: Chạy server local, gõ lệnh: “uvicorn main:app reload workers 4”, hình sau kết server chạy thành cơng Hình 5.1.10.Cấu trúc project back-end Báo cáo khoá luận tốt nghiệp Trang 107 CHƯƠNG 6: KẾT LUẬN 1.Tổng kết Trong trình thực đồ án, lí dịch bệnh nên nhóm phải làm việc với trực tuyến, nhóm hay gặp khó khăn giao tiếp mâu thuẫn hay xảy Quá trình thực đồ án qua bị rút lại nhiều người có vấn đề cá nhân nên kéo dài Tuy vậy, thành viên cố gắng nhiều với hỗ trợ giáo viên hướng dẫn, nhóm hồn thành đồ án với đầy đủ chức đề ban đầu 2.Kết đạt - Kỹ làm việc nhóm tốt, kỹ giao tiếp team, phân công công việc làm dự án ngắn ngày - Kỹ search tài liệu, kỹ tìm kiếm giải pháp mạng cho khúc mắc trình xây dựng đồ án - Biết cách áp dụng sở liệu không quan hệ (noSQL) để xây dựng database cho hệ thống, xây dựng web server REST API phục vụ cho ứng dụng web lẫn ứng dụng di động, xây dựng giao diện trang web dạng Single Page Application React FastAPI, Gensim biết cách ứng dụng công nghệ vào đồ án môn học Cá nhân thành viên rèn luyện tốt kỹ tự học, tìm đọc tài liệu giải vấn đề - Cả nhóm hiểu khó khăn việc làm việc nhóm trực tuyến học cách thảo luận, lập kế hoạch, chuẩn thời gian tha thứ cho - Hoàn thiện ứng dụng web cầu nối ứng viên nhà tuyển dụng lĩnh vực công nghệ thông tin, đáp ứng mục tiêu ban đầu đề 3.Ưu điểm nhược điểm 3.1.Ưu điểm Đáp ứng đầy đủ tính cần có trang web bán hàng trực tuyến - Cấu trúc liệu linh động, đáp ứng chủ sở hữu trang web buôn bán nhiều loại mặt hàng - Hỗ trợ khách hàng tìm kiếm hàng hố cách nhanh chóng chuẩn xác nhờ vào model Word2Vec xây dựng từ thói quen khách hàng - Khách hàng chưa có tài khoản sử dụng tất chức mua hàng (quan trọng bỏ hàng vào giỏ tạo đơn hàng) - Thanh toán trực tuyến qua cổng toán VNPAY Báo cáo khoá luận tốt nghiệp - Trang 108 Trang web hỗ trợ phân phối khách hàng đến tư vấn viên để đạt tư vấn nhiệt tình nhất, tăng khả bán hàng hoá 3.2.Nhược điểm Trang web xây dựng server miễn phí nên tốc độ phản hồi chậm, sở liệu miễn phí bị giới hạn 512 mb - Trang web frontend backend chưa có tối ưu kĩ - Chức chat hỗ trợ chưa thực khách chưa có tài khoản - Cấu trúc liệu linh động gặp nhiều phức tạp để thực dù khả tuỳ biến cịn nơng cạn 4.Khó khăn 4.1.Cơng nghệ STT Khó khăn Khắc phục MERN stack công nghệ mới, Đọc tài liệu từ trang thống, nhóm khơng dạy MERN youtube hỏi sư giúp đỡ từ thầy hướng stack chưa có thời gian dẫn bạn bè tiếp xúc nhiều Cơ sở liệu 512mb trực Lưu ảnh cloudinary tuyến nên việc lưu ảnh vào sở liệu lấy không khả quan Thực chức xây dưng Tìm cách xây dựng server Python để hỗ model thể liên kết hàng trợ chức hố gặp khó khăn phức tạp thư viện liên quan cần yêu cầu máy tính hệ điều hành cấu hình đặc biệt Bảng 6.4.1 Khó khăn cơng nghệ 4.2.Quy trình thực STT Khó khăn Gặp khó khăn trao đổi khoảng cách khung thời gian thành viên nhóm Thịi gian làm việc cấp bách Khắc phục Họp lúc quan trọng, xây dựng kế hoạch tương tác với có thay đổi source code Làm việc suất hiệu cá nhân giao tiếp nhiều gặp vấn đề để nhanh chóng tìm cách khắc phục Bảng 6.4.2 Khó khăn cơng nghệ Báo cáo khoá luận tốt nghiệp Trang 109 5.Kinh nghiệm đạt - Học cách quản lý source code, cách làm việc nhóm hiệu quả, sử dụng công cụ hộ trợ github, học công nghệ lập trình - Biết lắng nghe ý kiến thành viên nhóm, nhóm tìm giải pháp tốt cho đề tài - Cách làm việc trực tuyến hiệu quả, tâm tính kiên nhẫn tha thứ cần thiết 6.Hướng phát triển tương lai - Mở rộng việc thiết kế loại hàng để mở rộng danh sách sản phẩm - Xây dựng cải thiện thêm model word2vec để giúp việc đề xuất, gợi ý sản phẩm tốt - Bổ sung thêm số loại toán trực tuyến để giúp người dùng dễ dàng trình sử dụng hệ thống - Có thể chia sản phẩm lên mạng xã hội, đăng đánh giá lên trang tin tức hệ thống - Tích hợp thêm hệ thống chatbot, xây dựng thêm tính tư vấn với khách lạ - Xây dựng thêm hệ thống thơng tin để đăng báo nói sản phẩm tương tự trang thương mại điện tử khác - Xây dưng thêm tính forum để khách hàng tự thảo luân với - Kết hợp nhiều AI việc gợi ý sản phẩm từ thói quan cá nhân người dùng - Suy nghĩ cải tiến thêm tính cấu trúc linh động sở liệu Báo cáo khoá luận tốt nghiệp Trang 110 TÀI LIỆU THAM KHẢO [1] Wikipedia, HTML Retrieved June 1, 2022 from https://vi.wikipedia.org/wiki/HTML [2] Blog’s ItNet, Cascading Style Sheets Retrieved June 7, 2012 from https://blog.itnet.vn/tu-hoc-css/b1-gioi-thieu-ve-css cascading-style-sheets -css-la-gi-nvitt37k207.htm [3] Khoa CNTT ĐHSP KT Hưng Yên (n.d.) Retrieved from https://voer.edu.vn/c/gioi-thieu-ve-javascript/bac5238b/f76231ff [4] Remix and hundreds of contributors (2019) React-router-v6 Retrieved from: https://reactrouter.com/docs/en/v6/examples [5] MongoDB Retrieved from: https://www.mongodb.com/ [6] JWT.IO - JSON web tokens introduction (n.d.) JSON Web Tokens - jwt.io Retrieved from: https://jwt.io/introduction [7] Kavita Ganesan, PhD (n.d.) Gensim Word2Vec Tutorial: An End-to-End Example Retrieved from: https://kavita-ganesan.com/gensim-word2vec-tutorial-starter-code/ [8] Nguyen Minh Dinh (n.d.) Node.js Tutorial Retrieved 26/12/2016 from : https://viblo.asia/p/nodejs-tutorial-phan-1-gioi-thieu-va-cai-dat-ung-dung-dau-tiengVQvlwdykZJ S K L 0