Hướng dẫn chi tiết xây dựng website thương mại điện tử sản phẩm số sử dụng MERN Stack

• Tác giả: Lê Kiên Trung
• Người hướng dẫn: ThS. Nguyễn Hữu Trung
• Trường học: Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng Website thương mại điện tử sản phẩm số sử dụng MERN Stack
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

• 1. PHẦN MỞ ĐẦU
• 1.1. Tính cấp thiết của đề tài
• 1.2. Đối tượng nghiên cứu
• 1.3. Phạm vi nghiên cứu
• 1.4. Mục tiêu đề tài
• 1.5. Ý nghĩa khoa học và thực tiễn
• 2. PHẦN NỘI DUNG
• 2.1. Nodejs – Express framework
• 2.2. Json web token
• 2.3. KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU
• 2.3.1. KHẢO SÁT HIỆN TRẠNG
• 2.3.2. Xác định yêu cầu
• 2.3.2.1. Yêu cầu chức năng
• 2.3.2.2. Các yêu cầu phi chức năng
• 2.3.3. Lược đồ use case
• 2.3.3.1. Usecase người dùng
• 2.3.3.2. Usecase nhà kinh doanh
• 2.3.3.3. Usecase quản trị viên
• 2.3.4. Đặc tả Usecase
• 2.3.4.1. Use Case đăng ký
• 2.3.4.2. Use Case đăng nhập
• 2.3.4.3. Use Case quên mật khẩu
• 2.3.4.4. Use Case tìm kiếm / xem sản phẩm
• 2.3.4.5. Use Case quản lý thông tin của tài khoản
• 2.3.4.6. Use Case giỏ hàng
• 2.3.4.7. Use Case đăng kí làm nhà kinh doanh
• 2.3.4.8. Use Case thống kê
• 2.3.4.9. Use Case quản lý người dùng trong hệ thống
• 2.3.4.10. Use case đánh giá sản phẩm
• 2.3.4.11. Use case quản lí người kinh doanh
• 2.3.4.12. Use case danh sách sản phẩm của nhà kinh doanh
• 2.3.4.13. Use case thanh toán
• 2.3.4.14. Use case yêu thích sản phẩm / bộ sưu tập
• 2.3.4.15. Use case danh sách các sản phẩm đã yêu thích
• 2.3.4.16. Use case lịch sử thanh toán
• 2.3.4.17. Use case theo dõi người dùng
• 2.4. THIẾT KẾ PHẦN MỀM
• 2.4.1. Thiết kế cơ sở dữ liệu
• 2.4.2. Thiết kế giao diện
• 2.4.2.1. Giao diện người dùng
• 2.4.2.2. Giao diện nhà kinh doanh
• 2.4.2.3. Giao diện quản trị viên
• 2.5. CÀI ĐẶT VÀ KIỂM THỬ
• 2.5.1. Cài đặt phần mềm
• 2.5.2. Kiểm thử phần mềm
• 2.5.3. Quản lí bug với Jira
• 3. PHẦN KẾT LUẬN
• 3.1. Kết quả đạt được
• 3.2. Nhược điểm
• 3.3. Hướng phát triển

I. Hướng dẫn xây dựng website thương mại điện tử

Phần này tập trung vào hướng dẫn xây dựng website thương mại điện tử sử dụng MERN Stack, bao gồm các bước từ thiết kế đến triển khai. MERN Stack là sự kết hợp của MongoDB, Express.js, React, và Node.js, tạo nên một nền tảng mạnh mẽ cho việc phát triển web. Các công nghệ này được lựa chọn vì tính linh hoạt, hiệu suất cao và khả năng mở rộng. Quá trình xây dựng bao gồm việc thiết kế cơ sở dữ liệu, phát triển API, và xây dựng giao diện người dùng. Đề tài nhấn mạnh tầm quan trọng của việc tối ưu hóa trải nghiệm người dùng và quản lý sản phẩm trong môi trường thương mại điện tử.

1.1. Xây dựng website với MERN Stack

Xây dựng website với MERN Stack đòi hỏi sự hiểu biết sâu về các công nghệ thành phần. MongoDB được sử dụng để lưu trữ dữ liệu, Express.js và Node.js để xử lý logic phía server, và React để tạo giao diện người dùng. Quá trình này bao gồm việc thiết kế cơ sở dữ liệu, phát triển API RESTful, và tích hợp các thành phần để tạo nên một hệ thống hoàn chỉnh. Đề tài cũng đề cập đến việc sử dụng JWT để bảo mật hệ thống và Azure Storage Blob để lưu trữ hình ảnh.

1.2. Thiết kế giao diện người dùng

Thiết kế giao diện người dùng là yếu tố quan trọng trong việc thu hút và giữ chân khách hàng. React và TailwindCSS được sử dụng để tạo giao diện trực quan và dễ sử dụng. Đề tài nhấn mạnh việc tối ưu hóa trải nghiệm người dùng thông qua việc thiết kế các tính năng như tìm kiếm sản phẩm, giỏ hàng, và thanh toán trực tuyến. Giao diện được thiết kế để đảm bảo tính thẩm mỹ và khả năng tương tác cao.

II. Phát triển ứng dụng web thương mại điện tử

Phần này tập trung vào quá trình phát triển ứng dụng web thương mại điện tử, từ khâu lập kế hoạch đến triển khai. Đề tài đề cập đến việc sử dụng các công cụ như Next.js để tối ưu hóa hiệu suất và TailwindCSS để thiết kế giao diện. Quá trình phát triển bao gồm việc xây dựng các module chức năng như quản lý sản phẩm, đơn hàng, và người dùng. Đề tài cũng nhấn mạnh tầm quan trọng của việc kiểm thử và tối ưu hóa hệ thống trước khi triển khai.

2.1. Quản lý sản phẩm và đơn hàng

Quản lý sản phẩm và đơn hàng là các chức năng cốt lõi của một website thương mại điện tử. Đề tài mô tả quá trình thiết kế cơ sở dữ liệu để lưu trữ thông tin sản phẩm và đơn hàng, cũng như phát triển các API để quản lý các chức năng này. Việc tích hợp các phương thức thanh toán trực tuyến cũng được đề cập, nhằm đảm bảo tính tiện lợi và an toàn cho người dùng.

2.2. Tối ưu hóa SEO và trải nghiệm người dùng

Tối ưu hóa SEO là yếu tố quan trọng để thu hút lượng truy cập tự nhiên đến website. Đề tài đề cập đến các kỹ thuật SEO như tối ưu hóa meta tags, sử dụng từ khóa phù hợp, và cải thiện tốc độ tải trang. Bên cạnh đó, việc tối ưu hóa trải nghiệm người dùng thông qua thiết kế giao diện thân thiện và dễ sử dụng cũng được nhấn mạnh.

III. Ứng dụng thực tiễn và giá trị của đề tài

Phần này phân tích giá trị thực tiễn và ứng dụng của đề tài trong việc phát triển website thương mại điện tử. Đề tài không chỉ cung cấp một giải pháp kỹ thuật toàn diện mà còn đóng góp vào việc nâng cao hiệu quả kinh doanh trực tuyến. Các kết quả nghiên cứu có thể được áp dụng trong thực tế để xây dựng các nền tảng thương mại điện tử hiện đại, đáp ứng nhu cầu ngày càng cao của người dùng.

3.1. Giá trị khoa học và thực tiễn

Đề tài mang lại giá trị khoa học thông qua việc nghiên cứu và ứng dụng các công nghệ hiện đại như MERN Stack, JWT, và Azure. Về mặt thực tiễn, đề tài cung cấp một giải pháp toàn diện cho việc xây dựng và quản lý website thương mại điện tử, giúp doanh nghiệp tăng cường hiệu quả kinh doanh và cải thiện trải nghiệm người dùng.

3.2. Hướng phát triển trong tương lai

Đề tài cũng đề xuất các hướng phát triển trong tương lai, bao gồm việc tích hợp các công nghệ mới như AI và machine learning để cải thiện trải nghiệm người dùng và tối ưu hóa quy trình kinh doanh. Việc mở rộng tính năng và nâng cao bảo mật cũng là các yếu tố được đề cập.