Xây dựng website bán nông sản sử dụng công nghệ mern stack

Như ta đã biết Việt Nam là một đất nước nông nghiệp, có rất nhiều nông trang nông trại nhỏ lẻ với kiểu sản xuất là tự sản xuất mà bán sản phẩm đầu ra cho thương lại hoặc công ty chế biến. Và điệp khúc thường thấy ở nông sản là được mùa mất giá hay được giá mất mùa, hay không thể tự chủ được đầu ra cho sản phẩm mình làm ra. Sản phẩm nhiều khi từ sản xuất cho đến ra tay người tiêu dùng bị độn giá lên rất cao do nhiều khâu trung gian. Cùng với sự phát triển của khoa học và công nghệ như hiện nay thì việc mua, bán hàng online đang trở nên rất phổ biến. Nhất là trong bối cảnh đại dịch covid, mọi người đều hạn chế ra đường hơn. Vì vậy để phục vụ nhu cầu mua sắm online của mọi người dân thì các doanh nghiệp bán hàng nông sản theo cách truyền thống cần có phải có một website thương mại điện tử để có thể bày bán mặt hàng của mình trên không gian mạng. Từ đây nhóm chúng em quyết định thực hiện đề tài này để nghiên cứu phát triển trên công nghệ mới MERN Stack nhằm tạo ra một website bán hàng hoàn chỉnh đảm bảo chức năng của một website ecommerce. Đối người tiêu dùng có thể tìm kiếm sản phẩm, mua theo giá mà nhà nông họ đưa ra, giúp người tiêu dùng biết rõ nguồn gốc của nông sản. Đối với chủ trang web có thể vừa quản lý sản phẩm của mình vừa quảng bá thương hiệu của chính mình. Góp một phần trong việc sản xuất nông nghiệp ứng dụng công nghệ cao hiện nay trên cả nước.

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  NGÔ XUÂN THẮNG – 18110368 NGUYỄN NGỌC TRUNG HIẾU – 18110283 Đề tài: XÂY DỰNG WEBSITE BÁN NƠNG SẢN SỬ DỤNG CƠNG NGHỆ MERN STACK KHĨA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN TS NGUYỄN THÀNH SƠN KHOÁ 2018 – 2022 LỜI CẢM ƠN Nhóm chân thành cảm ơn Thầy Nguyễn Thành Sơn giúp đỡ nhóm suốt q trình tìm hiểu thực khóa luận Nhờ góp ý Thầy giúp khóa luận nhóm em hồn thiện ngày hơm Nhóm chúng em chân thành cảm ơn Tp Hồ Chí Minh, ngày tháng năm ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT ******* Độc lập – Tự – Hạnh Phúc ******* ĐỀ CƯƠNG CHI TIẾT KHÓA LUẬN TỐT NGHIỆP Chuyên Ngành: HỆ THỐNG THÔNG TIN Tên đề tài: XÂY DỰNG WEBSITE BÁN NÔNG SẢN SỬ DỤNG CÔNG NGHỆ MERN STACK Họ tên Giáo viên hướng dẫn: TS NGUYỄN THÀNH SƠN Thời gian thực hiện: từ 01/02/2023 – 13/05/2023 NHIỆM VỤ CỦA KHÓA LUẬN:  Xây dựng website bán nông sản sử dụng công nghệ MERN Stack  Phân tích tính nhiệm vụ website bán nơng sản cần phải có  Tiến hành xây dựng mơ hình hóa nghiệp vụ xây dựng sở liệu  Xây dựng chức chat GPT chat với fanpage  Xây dựng chức tìm kiếm sản phẩm nhiều phương diện  Cài đặt, xây dựng chức cho website kiểm thử ĐỀ CƯƠNG VIẾT KHÓA LUẬN: PHẦN 1: PHẦN MỞ ĐẦU TÍNH CẤP THIẾT ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU TÌM HIỂU MỘT SỐ WEBSITE BÁN NƠNG SẢN KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC PHẦN 2: NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 CÁC CƠNG NGHỆ SỬ DỤNG VÀ MƠ HÌNH SỬ DỤNG 1.2 CÔNG NGHỆ MERN STACK 1.3 CHATGPT 1.4 LIVE CHAT FANPAGE 1.5 TÌM KIẾM BẰNG GIỌNG NĨI 1.6 GIAO HÀNG NHANH 1.7 GOOGLE ANALYTICS 1.8 THANH TỐN ONLINE 1.9 DỊCH NGƠN NGỮ CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 USE CASE DIAGRAM 2.2 SEQUENCE DIAGRAM 2.3 CLASS DIAGRAM CHƯƠNG 3: THUYẾT KẾ PHẦN MỀM 3.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 3.1.1 THIẾT KẾ ERD 3.1.2 ĐẶC TẢ CƠ SỞ DỮ LIỆU 3.2 THIẾT KẾ GIAO DIỆN CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 CÀI ĐẶT 4.1.1 CÔNG CỤ 4.1.2 CÔNG NGHỆ 4.1.3 CÁC BƯỚC KHỞI CHẠY ỨNG DỤNG 4.2 KIỂM THỬ 4.2.1 MỤC TIÊU 4.2.2 PHẠM VI KIỂM THỬ 4.2.2.1 TRONG PHẠM VI KIỂM THỬ 4.2.2.2 NGOÀI PHẠM VI KIỂM THỬ 4.2.3 PHƯƠNG PHÁP KIỂM THỬ 4.2.4 KẾT QUẢ KIỂM THỬ PHẦN 3: KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC 1.1 KIẾN THỨC HỌC ĐƯỢC 1.2 CHƯƠNG TRÌNH ĐÃ ĐẠT ĐƯỢC ƯU ĐIỂM NHƯỢC ĐIỂM HƯỚNG PHÁT TRIỂN TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN: Tuần Nội dung công việc - Xin hướng dẫn đề tài - Lập bảng kế hoạch - Tiến hành khởi chạy project tiểu luận - Tìm hiểu website bán nơng sản - Tình trạng đơn hàng - Chatbot FB - Xây dựng app từ website - ChatGPT - Tìm kiếm giọng nói 8-10 - Tích hợp giao hàng nhanh 11-12 - Bảng giá trị dinh dưỡng nông sản - Viết báo cáo - Kiểm thử sửa lỗi 2-3 4-5 6-7 13-14 15 - Chuẩn bị báo cáo Ý kiến giáo viên hướng dẫn (Ký ghi rõ họ tên) Ngày tháng năm Người viết đề cương Mục lục PHẦN 1: PHẦN MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGUYÊN CỨU 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu 3.3 Phương pháp nghiên cứu KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC KHẢO SÁT MỘT SỐ WEBSITE TƯƠNG TỰ 5.1 RauSach24h.vn 5.2 nongsanantoanlongan.vn 5.3 nongsanviet.net 5.4 bachhoaxanh.com 5.5 minhphuongfruit.com PHẦN 2: PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 MƠ HÌNH MVC THIẾT KẾ WEBSITE 1.1.1 Giới thiệu 1.1.2 Triển khai vào xây dựng website 1.2 CÔNG NGHỆ MERN STACK 1.2.1 Giới thiệu công nghệ MERN Stack 1.2.2 Xây dựng website với MERN Stack 10 1.3 CHAT GPT 10 1.3.1 Giới thiệu Chat GPT 10 1.3.2 Các bước nhúng Chat GPT vào website 11 1.4 LIVE CHAT FANPAGE 15 1.4.1 Giới thiệu 15 1.4.2 Nhúng live chat fanpage Facebook vào trang web 16 1.5 GIAO HÀNG NHANH 18 1.5.1 Giới thiệu giao hàng nhanh 18 1.5.2 Triển khai 19 1.6 TÌM KIẾM BẰNG GIỌNG NĨI 20 1.6.1 Giới thiệu 20 1.6.2 Triển khai 20 1.7 Một số chức nâng cao khác 22 1.7.1 Dịch ngôn ngữ 22 1.7.2 Google analytics 23 1.7.3 Thanh toán Online 24 Từ ưu điểm website tích hợp API VNPay để tiến hành cho việc toán khách hàng 25 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 26 2.1 USE CASE DIAGRAM 26 2.1.1 Usecase tổng quát 26 2.1.2 Mô tả usecase 28 2.1.2.1 Đặc tả use case Login 28 2.1.2.2 Đặc tả use case View home page 29 2.1.2.3 Đặc tả use case Search Product 29 2.1.2.4 Đặc tả use case Filter Product 30 2.1.2.5 Đặc tả use case View product detail 30 2.1.2.6 Đặc tả use case Add product to cart 31 2.1.2.7 Đặc tả use case Manage shopping cart 31 2.1.2.8 Đặc tả use case Manage profile 32 2.1.2.9 Đặc tả use case Manage self orders -Checkout 33 2.1.2.10 Đặc tả use-case Manage self orders - Cancel order 34 2.1.2.11 Đặc tả use case Manage self orders -Review product 34 2.1.2.12 Đặc tả use case Manage self orders -View admin page 35 2.1.2.13 Đặc tả use case manage product - add product 35 2.1.2.14 Đặc tả use case manage product - update product 36 2.1.2.15 Đặc tả use case manage product - delete product 37 2.1.2.16 Đặc tả use case Manage product category - add category 37 2.1.2.17 Đặc tả use case Manage product category - update category 38 2.1.2.18 Đặc tả use case Manage product category - delete category 39 2.1.2.19 Đặc tả use case Manage orders - Approve order 39 2.1.2.20 Đặc tả use case Manage orders - Delete order 40 2.1.2.21 Đặc tả use case Manage user account - Block account 40 2.1.2.22 Đặc tả use case Manage user account - Add account 40 2.1.2.23 Đặc tả use case Manage user account – statistic 41 2.2 SEQUENCE DIAGRAM 42 2.2.1 Sequence diagram user 42 2.2.2 Sequence diagram admin 46 CHƯƠNG THIẾT KẾ PHẦN MỀM 48 THIẾT KẾ CƠ SỞ DỮ LIỆU 48 3.1 3.1.1 Thiết kế ERD 48 3.1.2 Chuyển ERD thành sở liệu MongoDB 48 3.1.3 Mô tả chi tiết sở liệu 50 3.3 THIẾT KẾ GIAO DIỆN 54 3.3.1 Giao diện user 55 3.3.2 Giao diện admin 63 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 71 4.1 CÀI ĐẶT 71 4.1.1 Công cụ 71 4.1.2 Công nghệ 71 4.1.3 Các bước khởi chạy ứng dụng 71 4.2 KIỂM THỬ 72 4.2.1 Mục tiêu 72 4.2.2 Kết kiểm thử 72 PHẦN 3: PHẦN KẾT LUẬN 77 Kết đạt 77 Hạn chế 77 Hướng phát triển 78 TÀI LIỆU THAM KHẢO 79 DANH MỤC HÌNH Hình Mơ hình MVC Hình Luồng hoạt động mơ hình MVC Hình 3: Trải nghiệm người dùng với chatGPT 11 Hình 4: Tạo API Key 12 Hình 5: Trang web lấy key API 12 Hình Tích hợp vào code 13 Hình Xây dựng giao diện cho khung chat GPT 15 Hình Live chat fanpage Facebook 16 Hình Ngơn ngữ Tiếng Việt 22 Hình 11 Ngơn ngữ Tiếng Anh 23 Hình 12 Trang web bán nơng sản tích hợp vào Google Analytics 24 Hình 13 Thanh toán đơn hàng với VNPay 26 Hình 14 Usecase người dùng 27 Hình 15 Usecase admin 28 Hình 16 Sơ đồ hoạt động xem trang chủ 42 Hình 17 Sơ đồ hoạt động tìm kiếm sản phẩm 43 Hình 18 Sơ đồ hoạt động xem chi tiết sản phẩm 43 Hình 19 Sơ đồ hoạt động đăng kí 44 Hình 20 Sơ đồ hoạt động đăng nhập 44 Hình 21 Sơ đồ hoạt động quên mật 45 Hình 22 Sơ đồ hoạt động cập nhật thông tin profile 45 Hình 23 Sơ đồ hoạt động quản lý sản phẩm 46 Hình 24 Sơ đồ hoạt động quản lý danh mục 46 Hình 25 Sơ đồ hoạt động xóa sản phẩm, danh mục 47 Hình 26 Lược đồ ERD chi tiết 48 Hình 27 Giao diện trang chủ 55 Hình 28 Giao diện trang sản phẩm 56 Hình 29 Giao diện trang chi tiết sản phẩm 57 Hình 30 Giao diện trang giỏ hàng 58 Hình 31 Giao diện trang giới thiệu 59 Hình 32 Giao diện trang liên hệ 60 Hình 33 Giao diện trang đăng nhập 61 Hình 34 Giao diện trang đăng kí 61 Hình 35 Giao diện trang thông tin cá nhân người dùng 62 Hình 36 Giao diện trang lịch sử đặt hàng 63 Hình 37 Giao diện trang dashboard 64 Hình 38 Giao diện trang quản lý khách hàng 64 Hình 39 Giao diện trang quản lý sản phẩm 65 Hình 40 Giao diện trang thêm sản phẩm 66 Hình 41 Giao diện trang quản lý đơn hàng 67 - Trang quản lý sản phẩm Hình 38 Giao diện trang quản lý sản phẩm - Trang thêm sản phẩm 65 Hình 39 Giao diện trang thêm sản phẩm - Trang quản lý đơn hàng 66 Hình 40 Giao diện trang quản lý đơn hàng - Trang quản lý thương hiệu Hình 41 Giao diện trang quản lý thương hiệu - Trang thêm thương hiệu 67 Hình Giao diện trang thêm thương hiệu - Trang quản lý slide Hình 42 Giao diện trang quản lý slides - Trang thêm slide 68 Hình 43 Giao diện trang thêm slides - Trang thông tin người dùng Hình 44 Giao diện trang thơng tin admin - Trang thống kê 69 Hình 45 Giao diện trang thống kê 70 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 4.1 CÀI ĐẶT 4.1.1 Công cụ  IDE: Visual Code  App: Expo Go  Thiết kế Diagram: Draw.io  Thao tác với Database: MongoCompass Mongo Atlas  Lưu trữ file: AWS 4.1.2 Công nghệ  ReactJS: Xây dựng Frontend  React Native: Xây dựng App  NodeJS: Xây dựng Backend  MongoDB: Xây dựng Database  AWS: Lưu trữ file cho website 4.1.3 Các bước khởi chạy ứng dụng  Bước 1: Download ứng dụng cần thiết để khởi chạy project  Visual Code: https://code.visualstudio.com/download  Cài đặt Node: https://nodejs.org/en/download  Bước 2: Clone source code từ repositories githud  Source frontend: https://github.com/Hieu-Hieu/Web-NS-FE  Source App: https://github.com/ThangNgoXuan/app-vegetable  Source backend: https://github.com/Hieu-Hieu/WEB-NS-BE  Bước 3: Tiến hành khởi chạy source  Tiến hành mở source Visual Code  Mở terminal thực lênh npm install để cài đặt thành phần cần thiết cho source  Khởi chạy ứng dụng lệnh npm start 71  Truy cập ứng dụng ở: http://localhost:3000  Đối với app sau khởi chạy bật app expo điện thoại quét mã Visual Code để chạy app 4.2 KIỂM THỬ 4.2.1 Mục tiêu  Tìm lỗi phát sinh trình phát triển  Đảm bảo website hoạt động yêu cầu đề 4.2.2 Kết kiểm thử + Bên người dùng Testcase người dùng STT Mô tả test case Kiểm thử chức đăng nhập Kiểm thử chức đăng kí Kiểm thử chức đăng xuất Quy trình Nhấp vào chữ đăng nhập đăng kí góc phía bên phải trang web Nhập thông tin email mật Nhấn đăng nhập Nhấp vào chữ đăng nhập đăng kí góc phía bên phải trang web Nhập thông tin cá nhân, email mật Nhấn kí Nhấp vào avata người dùng Nhấn đăng xuất 72 Kết mong đợi Tình trạng Quay lại trang chủ tên ảnh đại diện người dùng Pass Quay lại trang chủ tên ảnh đại diện người dùng Pass Quay lại trang chủ ảnh đại diện tên người dùng thay vào chữ đăng nhập đăng kí Pass Kiểm thử chức chỉnh sửa thông tin Kiểm thử chức xem chi tiết sản phẩm Kiểm thử chức lọc sản phẩm theo lọc Kiểm thử tìm kiếm sản phẩm theo tên Kiểm thử phân trang sản phẩm 10 11 Kiểm thử chức thêm sản phẩm vào giỏ hàng Kiểm thử chức xóa sản phẩm khỏi giỏ hàng Kiểm thử chức tăng số lượng sản phẩm giỏi hàng Kiểm thử chức đặt hàng với sản phẩm giỏ Nhấp vào avata người dùng Nhấn vào thông tin tài khoản Cập nhật thông tin Nhấp update Nhấp vào sản phẩm Thông báo cập nhật thành công lên thông tin taig khoản cập nhật Pass Trang chi tiết sản phẩm Pass Vào trang sản phẩm Chọn thông tin lọc theo nhu cầu Nhập tên sản phẩm Nhấp tìm kiếm Vào trang sản phẩm Chọn trang sản phẩm theo số dấu mũi tên Nhấp vào sản phẩm muốn mua Tăng số lượng sản phẩm muốn mua Nhấn vào mua Nhấn vào giỏ hàng Nhấn vào xóa sản phẩm muốn xóa Trang giỏ sản phẩm Nhấn vào nút cộng trừ sản phẩm muốn thay đổi số lượng Vào giỏ hàng Nhấp đặt hàng Nhập thông tin đơn hàng Bộ lọc chọn đổi màu sản phẩm phù hợp xuất Pass Hiện sản phẩm khớp với tên Pass Hiện trang sản phẩm với trang bao gồm 12 sản phẩm Pass 73 Sản phẩm thêm vào giỏ hàng với số lượng chọn Pass Sản phẩm biến khỏi giỏ hàng tổng tiền toán cập nhật lại Số lượng sản phẩm thay đổi tổng tiền thay đổi theo Thông báo đặt hàng thành công, đơn hàng lưu vào database hiển thị trang đơn hàng Pass Pass Pass Kiểm thử chức mua 12 13 14 Kiểm thử chức xem đơn hàng Kiểm thử chức xem chi tiết đơn hàng Nhấp đặt hàng Nhấn vào sản phẩm muốn mua Chọn số lượng Nhấn mua Nhập thông tin đơn hàng Nhấp đặt hàng Nhấp vào trang đơn hàng Thông báo đặt hàng thành công, đơn hàng lưu vào database hiển thị trang đơn hàng Pass Hiển thị đơn hàng đặt Pass Nhấn vào trang Hiển thị trang chi tiết đơn đơn hàng hàng Chọn đơn hàng muốn xem chi tiết Pass Bảng 31 Testcase người dùng + Admin Testcase admin STT Mô tả test case Kiểm thử chức thêm sản phẩm Kiểm thử chức xóa sản phẩm Kiểm thử chức cập nhật sản phẩm Quy trình Kết mong đợi Nhấn vào trang quản lý sản phẩm Nhấn vào thêm Nhập thông tin sản phẩm Nhấn cập nhật Nhấn vào trang quản lý sản phẩm Nhấn xóa sản phẩm Sản phẩm thêm vào database hiển thị trang web Nhấn vào trang quản lý sản phẩm Nhấn vào sửa sản phẩm muốn xóa Cập nhật lại thơng tin sản phẩm Nhấn cập nhật Sản phẩm cập nhật vào database thông tin web cập nhật 74 Tình trạng Pass Sản phẩm bị xóa khỏi database không hiển thị web Pass Pass Kiểm thử chức xem đơn hàng Kiểm thử chức cập nhật tình trạng đơn hàng Kiểm thử chức thêm danh mục Kiểm thử chức xóa danh mục Kiểm thử chức cập nhật danh mục Kiểm thử chức thêm thương hiệu 10 11 Kiểm thử chức xóa thương hiệu Kiểm thử chức cập nhật thương hiệu Nhấn vào trang quản lý đơn hàng Nhấn vào xem đơn hàng muốn xem Nhấn vào trang quản lý đơn hàng Chọn trạng thái đơn hàng Nhấn vào trang quản lý danh mục Nhấn vào thêm Nhập thông tin danh mục Nhấn cập nhật Nhấn vào trang quản lý danh mục Nhấn xóa danh mục Nhấn vào trang quản lý danh mục Nhấn vào sửa danh mục muốn xóa Cập nhật lại thơng tin danh mục Nhấn cập nhật Nhấn vào trang quản lý thương hiệu Nhấn vào thêm Nhập thông tin thương hiệu Nhấn cập nhật Nhấn vào trang quản lý thương hiệu Nhấn xóa thương hiệu Nhấn vào trang quản lý thương hiệu 75 Trang chi tiết đơn hàng hiển thị với thông số đầy đủ đơn hàng Thông báo cập nhật thành công Trạng thái cập nhật hiển thị giao diện Danh mục thêm vào database hiển thị trang web Pass Pass Pass Danh mục bị xóa khỏi database khơng hiển thị web Danh mục cập nhật vào database thông tin web cập nhật Pass Pass Thương hiệu thêm vào database hiển thị trang web Pass Thương hiệu bị xóa khỏi database không hiển thị web Thương hiệu cập nhật vào database thông tin web cập nhật Pass Pass Kiểm thử chức thêm slides 12 13 Kiểm thử chức xóa thương slides Kiểm thử chức cập nhật thương slides 14 15 Kiểm thử chức cập nhật thông tin tào khoản admin Kiểm thử chức thay đổi mật admin 16 17 Kiểm thử chức xem báo cáo thống kê Nhấn vào sửa thương hiệu muốn xóa Cập nhật lại thông tin thương hiệu Nhấn cập nhật Nhấn vào trang quản lý slides Nhấn vào thêm Nhập thông tin slides Nhấn cập nhật Nhấn vào trang quản lý slides Nhấn xóa slides Nhấn vào trang quản lý slides Nhấn vào sửa slides muốn xóa Cập nhật lại thông tin slides Nhấn cập nhật Nhấn vào trang setting Nhập thông tin muốn cập nhật Nhấn cập nhật Nhấn vào trang setting Nhập mật Nhập xác thực mật Nhấn cập nhật Nhấn vào trang thống kê Chọn thời gian muốn xem thống kê Slides thêm vào database hiển thị trang web Pass Slides bị xóa khỏi database khơng hiển thị web Slides cập nhật vào database thông tin web cập nhật Pass Thông tin cập nhật vào database hiển thị giao diện Pass Mật cập nhật database Pass Thông số thống kê hiển thị theo thời gian chọn Bảng 32 Testcase admin 76 Pass Pass PHẦN 3: PHẦN KẾT LUẬN Kết đạt Q trình thực chun ngành nhóm đã: + Tìm hiểu công nghệ MERN Stack: MongoDB, ExpressJS, ReactJS NodeJS + Tìm hiểu website bán hàng tương tự: nongsansach.com, nongsansi.com, bachhoaxanh.com,… + Phân tích thiết kế website bán nông sản + Cài đặt website bán nông sản sử dụng công nghệ MERN Stack gồm chức bản: o Đăng ký/ Đăng nhập nhanh Google/ Đăng xuất o Quản lý tài khoản (Xem/ Cập nhật thông tin/ Đổi mật khẩu/ Lấy lại mật khẩu) o Chức đặt hàng xem lịch sử đặt hàng o Tìm kiếm sản phẩm o Xem chi tiết sản phẩm o Quản lý sản phẩm (Cập nhật/ Thêm/ Xóa) o Quản lý người dùng o Quản lý đơn hàng o Quản lý thương hiệu, danh mục, chứng nhận sản phẩm o Xem thống kê o Tích hợp Chat GPT o Tích hợp ChatFB o Tích hợp Giao hàng nhanh o Đa ngơn ngữ o Tìm kiếm giọng nói Hạn chế 77 - Cần phát triển thêm chức là: tạo đợt khuyến mãi, thống kê hàng tồn kho, chức cho nhân viên, chức gợi ý sản phẩm cho khách hàng, … - Chức tìm kiếm cịn chưa cho kết tối ưu - Nghiên cứu chức gợi ý sản phẩm Hướng phát triển Trong thời gian tới đề tài tiếp tục: - Phát triển thêm chức là: tạo đợt khuyến mãi, thống kê hàng tồn kho, chức cho nhân viên, … - Tối ưu trải nghiệm người dùng - Tối ưu chức tìm kiếm để search kết gần - Nghiên cứu xây dựng chức gợi ý sản phẩm sử dụng AI 78 TÀI LIỆU THAM KHẢO [1] https://vn.got-it.ai/blog/tim-hieu-ve-nodejs-va-nhung-uu-nhuoc-diem-cua-nodejs [2] https://freetuts.net/cai-dat-moi-truong-chay-reactjs-2347.html [3] https://niithanoi.vn/chi-tiet-tin/1830/react-la-gi-no-co-uu-diem-va-nhuoc-diem-lagi.html#.YSNwHI4zZhE [4] https://topdev.vn/blog/mongodb-la-gi/ [5] https://viblo.asia/p/tim-hieu-ve-mongodb-4P856ajGlY3 [6] https://en.wikipedia.org/wiki/Express.js [7] https://www.semvietnam.com/quang-cao-truc-tuyen/10-website-mua-ban-truc-tuyenhang-dau-tai-viet-nam/ [8] https://viblo.asia/p/tim-hieu-ve-google-analytic-Az45berqlxY [9] https://platform.openai.com/docs/guides/gpt [10] https://api.ghn.vn/home/docs/detail [11] https://viblo.asia/p/reactjs-nhan-dang-giong-noi-voi-thu-vien-react-speechrecognition-OeVKBAad5kW [12] https://vietnix.vn/cach-tich-hop-live-chat-facebook-vao-website/ 79