Giới thiệu dự án

Thương mại điện tử (E-commerce) tại Việt Nam đang chứng kiến tốc độ tăng trưởng kép hàng năm (CAGR) đạt trên 20%, trong đó phân khúc thiết bị công nghệ và máy tính xách tay (laptop) đóng góp tỷ trọng doanh thu đáng kể. Tuy nhiên, việc mua sắm laptop trực tuyến đặt ra nhiều thách thức đặc thù do đây là dòng sản phẩm giá trị cao, thông số kỹ thuật phức tạp (CPU, GPU, RAM, chuẩn lưu trữ, màn hình, tản nhiệt) đòi hỏi người dùng phải so sánh, cân nhắc kỹ lưỡng trước khi đưa ra quyết định. Đồ án tốt nghiệp "Phân tích, thiết kế và xây dựng website bán laptop" (Hệ thống E-commerce HC.VN) được thực hiện bởi nhóm sinh viên Khoa Đào tạo Chất lượng cao - Trường Đại học Sư phạm Kỹ thuật TP.HCM (HCMUTE), dưới sự hướng dẫn của PGS. Hoàng Văn Dũng, nhằm giải quyết bài toán tối ưu hóa trải nghiệm khách hàng và tự động hóa quy trình quản trị bán lẻ thiết bị số.

Vấn đề thực tiễn và bài toán đặt ra (Problem Statement)

Các nền tảng bán lẻ laptop hiện nay thường gặp phải những điểm nghẽn (pain points):

  • Giao diện tra cứu thông số kỹ thuật còn phân mảnh, thiếu công cụ trực quan hóa sự khác biệt giữa các cấu hình tương đương.
  • Khâu tư vấn khách hàng trực tuyến thiếu tính tức thời (real-time), phụ thuộc vào bên thứ ba gây gián đoạn phiên mua sắm.
  • Quy trình xuất báo giá cho khách hàng doanh nghiệp hoặc cá nhân cần đối chiếu ngân sách còn thủ công, tốn thời gian.
  • Phía quản trị (Admin) gặp khó khăn trong việc đồng bộ quản lý vòng đời sản phẩm từ nhập kho (import goods), phân loại nhãn hàng (brands) đến xử lý luồng đơn hàng (order lifecycle) và thống kê doanh thu.

Mục tiêu của dự án (Project Objectives)

  1. Nghiên cứu và triển khai kiến trúc Fullstack hiện đại: Xây dựng hệ thống hoàn chỉnh dựa trên mô hình MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS) phân tách rõ ràng giữa Client-Side và Server-Side thông qua giao thức RESTful API.
  2. Tối ưu hóa trải nghiệm người dùng cuối (UX/UI): Phát triển các tính năng chuyên sâu bao gồm: bộ lọc đa tiêu chí linh hoạt, công cụ so sánh đối đầu 2 sản phẩm (highlight thông số vượt trội), trích xuất bảng báo giá định dạng PDF trực tiếp và hệ thống phản hồi - đánh giá (review/comment) đa cấp.
  3. Hiện thực hóa kênh tư vấn thời gian thực (Real-time Communication): Ứng dụng WebSocket qua thư viện Socket.io nhằm kết nối khách hàng với quản trị viên, giảm độ trễ phản hồi xuống dưới 100ms.
  4. Bảo mật và tích hợp thanh toán đa kênh: Thiết lập cơ chế phân quyền, xác thực người dùng chặt chẽ với JSON Web Token (JWT), mã hóa mật khẩu bcrypt và tích hợp cổng thanh toán quốc tế PayPal cùng phương thức COD.
  5. Xây dựng Dashboard quản trị tập trung: Cung cấp đầy đủ công cụ quản lý danh mục, kiểm soát tồn kho, theo dõi đơn nhập hàng, phân quyền tài nguyên và trực quan hóa doanh thu theo ngày/tháng/năm.

Phương pháp tiếp cận và kết quả kỳ vọng

Dự án áp dụng mô hình kiến trúc hướng dịch vụ (Service-Oriented Architecture via REST), quản lý trạng thái tập trung ở Frontend bằng Redux Toolkit và mô hình dữ liệu phi quan hệ (NoSQL Document-based) trên MongoDB.

Chỉ số kỳ vọng đo lường được:

  • Thời gian tải trang ban đầu (First Contentful Paint - FCP): < 1.2s.
  • Thời gian phản hồi API trung bình: < 200ms cho các truy vấn dữ liệu tiêu chuẩn.
  • Độ sẵn sàng hệ thống (System Availability): 99.5%.
  • Tỷ lệ hoàn thành tác vụ mua hàng của người dùng (Task Completion Rate): Đạt trên 90% trong các kịch bản kiểm thử UAT.

Phạm vi và giới hạn (Scope & Limitations)

  • Phạm vi: Phục vụ giao dịch bán lẻ laptop B2C, quản lý nội bộ từ nhập kho, xử lý đơn đến thống kê doanh thu, hỗ trợ khách vãng lai, khách hàng thành viên và ban quản trị.
  • Giới hạn: Chưa tích hợp trực tiếp với các đơn vị vận chuyển bên thứ ba (GHTK, GHN API) qua webhook tự động mà thực hiện cập nhật trạng thái đơn hàng thủ công từ trang quản trị; chưa tích hợp AI gợi ý sản phẩm dựa trên hành vi (Recommendation Engine).

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Nhóm tác giả đã tiến hành khảo sát và đánh giá 4 nền tảng thương mại điện tử lớn nhằm đúc kết ưu điểm và khắc phục nhược điểm:

Tiêu chí so sánh Phong Vũ (phongvu.vn) FPT Shop (fptshop.com.vn) BestBuy (bestbuy.com) Amazon (amazon.com) Hệ thống HC.VN (Đồ án)
Giao diện & Trải nghiệm (UI/UX) Bố cục chuẩn, hỗ trợ Responsive Sáng đẹp, thông số hiển thị trực quan Đơn giản, trực quan nhưng tải trang chậm Tối giản, tải trang cực nhanh Giao diện tối giản, phân cấp rõ ràng
Bộ lọc nâng cao Chi tiết theo cấu hình Đầy đủ theo phân khúc Đa dạng tiêu chí Lọc đa tầng chuyên sâu Lọc theo Hãng, Giá, CPU, RAM, Nhu cầu
So sánh sản phẩm Có nhưng cơ bản So sánh song song thông số So sánh đa sản phẩm So sánh bảng biểu So sánh 2 sản phẩm + Highlight ưu điểm
Đánh giá & Bình luận Chưa hỗ trợ hỏi đáp trực tiếp Có đánh giá & hỏi đáp Đầy đủ Review & Rating Đánh giá phân tầng, kèm hình ảnh Đánh giá sao (chỉ sau mua) + Bình luận lồng nhau
Kênh hỗ trợ (Support) Hotline / Fanpage Hotline / Fanpage Live Agent / Chatbot Support Center đa kênh Chat trực tiếp Real-time với Admin (Socket.io)
Xuất báo giá nhanh Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ Tải bảng báo giá file PDF tức thì
Cổng thanh toán VNPAY, COD, Trả góp Thẻ ngân hàng, COD, Trả góp PayPal, Thẻ tín dụng Amazon Pay, Thẻ quốc tế PayPal SDK, COD

Ma trận ưu tiên yêu cầu người dùng (MoSCoW Prioritization)

  • Must-Have (Bắt buộc): Đăng ký/đăng nhập (Email + Google OAuth2), xác thực OTP/Token qua Email, danh mục sản phẩm, bộ lọc nâng cao, giỏ hàng, đặt hàng & thanh toán (COD/PayPal), quản lý đơn hàng, Dashboard thống kê cho Admin.
  • Should-Have (Nên có): Chat thời gian thực Client - Admin, công cụ so sánh sản phẩm highlight thuộc tính, xuất file PDF báo giá, phân quyền động (Role-based Authorization), quản lý đơn nhập hàng.
  • Could-Have (Có thể mở rộng): Đánh giá sao kèm xác thực đã mua hàng, hệ thống thích/bỏ thích và trả lời bình luận nhiều cấp.
  • Won't-Have (Chưa triển khai đợt này): Tích hợp AI gợi ý sản phẩm cá nhân hóa, thanh toán tiền mã hóa (Crypto payment).

Thiết kế hệ thống

Kiến trúc tổng thể (Architecture Design)

Hệ thống tuân thủ mô hình kiến trúc Client-Server 3 lớp (3-Tier Architecture):

  1. Presentation Layer (Frontend): Ứng dụng Single Page Application (SPA) xây dựng bằng ReactJS, quản lý luồng dữ liệu một chiều (One-way Data Binding), điều hướng client-side với React Router DOM và đồng bộ dữ liệu toàn cục với Redux.
  2. Application Logic Layer (Backend): RESTful Web API chạy trên nền tảng NodeJS với framework ExpressJS. Lớp này tiếp nhận HTTP Requests, kiểm tra tính hợp lệ (Validation), thực thi Business Logic, kiểm soát Authentication qua Middleware JWT và giao tiếp thời gian thực qua Socket.io Server.
  3. Data Storage Layer (Database): Cơ sở dữ liệu NoSQL MongoDB lưu trữ dữ liệu dưới dạng BSON Documents, được trừu tượng hóa và quản lý quan hệ thực thể qua Mongoose ODM.
graph TD
    subgraph Client_Side ["Client Layer (ReactJS 18.2 SPA)"]
        UI_User["Giao diện Người dùng (Storefront)"]
        UI_Admin["Giao diện Quản trị (Admin Dashboard)"]
        Redux_Store["Quản lý trạng thái tập trung (Redux Store)"]
        UI_User --> Redux_Store
        UI_Admin --> Redux_Store
    end

    subgraph Network_Gateway ["Giao thức truyền thông"]
        HTTP_REST["RESTful API (JSON Payload / Axios)"]
        WS_Socket["WebSocket (Socket.io Duplex)"]
    end

    Redux_Store --> HTTP_REST
    UI_User <--> WS_Socket

    subgraph Server_Side ["Backend Layer (NodeJS 18.17 / ExpressJS 4.18)"]
        Auth_Middleware["JWT Auth & Role Guard Middleware"]
        API_Controllers["Controllers (User, Product, Order, Import)"]
        Socket_Server["Socket.io Real-time Service"]
        
        HTTP_REST --> Auth_Middleware
        Auth_Middleware --> API_Controllers
        WS_Socket <--> Socket_Server
    end

    subgraph Data_Layer ["Data Layer (MongoDB 6.0 Enterprise)"]
        Mongoose_ODM["Mongoose ODM 7.4 Models"]
        MongoDB_DB[("MongoDB Database Collections")]
        
        API_Controllers --> Mongoose_ODM
        Mongoose_ODM --> MongoDB_DB
    end

    subgraph External_Services ["Dịch vụ tích hợp bên ngoài"]
        Google_OAuth["Google OAuth 2.0 API"]
        PayPal_Gateway["PayPal REST SDK Payment"]
        Mail_Service["Nodemailer (SMTP Gmail)"]
        
        API_Controllers --> Google_OAuth
        API_Controllers --> PayPal_Gateway
        API_Controllers --> Mail_Service
    end

Ngăn xếp công nghệ chi tiết (Technology Stack)

  • Frontend: ReactJS v18.2.0, Redux Toolkit v1.9.5, React Router DOM v6.14.0, Axios v1.4.0, TailwindCSS v3.3.0, jsPDF v2.5.1.
  • Backend: NodeJS v18.17.0 LTS, ExpressJS v4.18.2, Socket.io v4.7.2, JSONWebToken v9.0.1, BcryptJS v2.4.3, Nodemailer v6.9.4.
  • Database: MongoDB v6.0, Mongoose v7.4.0.
  • Testing & Tools: Postman (API Testing), Git/GitHub (Source Control), Draw.io (UML Modeling).

Thiết kế Cơ sở dữ liệu (Collections Schema)

Hệ thống sử dụng MongoDB với 7 Document Collections chính được tối ưu hóa chỉ mục (Indexes):

  1. User: _id, name, email (Unique Index), password (Hashed), role ('user' | 'admin'), avatar, addresses (Array of sub-documents: address, phone, isDefault), isVerified, status ('active' | 'banned').
  2. Brand: _id, name (Unique), image, description.
  3. Product: _id, name (Text Indexed), slug, brand (Ref: Brand), price, discountPrice, stockQuantity, cpu, ram, storage, vga, display, battery, weight, images (Array), description, ratingAverage, reviewCount.
  4. Order: _id, user (Ref: User), items (Array: product, quantity, price), shippingAddress, paymentMethod ('COD' | 'PAYPAL'), paymentStatus ('pending' | 'paid'), orderStatus ('processing' | 'confirmed' | 'shipping' | 'delivered' | 'cancelled'), totalAmount, createdAt.
  5. Import: _id, admin (Ref: User), items (Array: product, importPrice, quantity), totalCost, importDate.
  6. Review: _id, user (Ref: User), product (Ref: Product), rating (1-5), comment, isPurchased, createdAt.
  7. Comment: _id, user (Ref: User), product (Ref: Product), content, parentId (Ref: Comment, for nested replies), likes (Array of userId), createdAt.

Đặc tả RESTful API Endpoints tiêu biểu

Phương thức Endpoint URI Phân quyền (Auth) Mô tả chức năng Mã trạng thái
POST /api/v1/auth/register Public Đăng ký tài khoản và phát hành mã OTP xác thực email 201 Created
POST /api/v1/auth/login Public Xác thực đăng nhập, trả về Access Token (JWT) 200 OK
GET /api/v1/products Public Lấy danh sách sản phẩm có phân trang, lọc nâng cao, tìm kiếm 200 OK
GET /api/v1/products/:id Public Lấy chi tiết thông số kỹ thuật và bài viết review sản phẩm 200 OK
POST /api/v1/orders User Tạo mới đơn đặt hàng (COD hoặc chuẩn bị giao dịch PayPal) 201 Created
GET /api/v1/orders/my-orders User Lấy lịch sử giao dịch và trạng thái đơn hàng của người dùng 200 OK
POST /api/v1/reviews User (Purchased) Đăng đánh giá và xếp hạng sao cho sản phẩm đã mua 201 Created
POST /api/v1/admin/imports Admin Nhập hàng vào kho, tự động tăng số lượng tồn kho sản phẩm 201 Created
GET /api/v1/admin/analytics Admin Trích xuất báo cáo doanh thu, chi phí nhập, sản phẩm tồn kho 200 OK

Thiết kế An toàn thông tin và Hiệu năng

  • Bảo mật: Sử dụng cơ chế Stateless Authentication bằng JWT với thời gian sống xác thực ngắn hạn; mật khẩu được băm (hash) bằng giải thuật bcrypt với muối (salt factor = 10); lọc dữ liệu đầu vào chống tấn công NoSQL Injection và Cross-Site Scripting (XSS).
  • Hiệu năng: Đánh Text Index trên trường name và description của Collection Product; áp dụng kỹ thuật Cursor Pagination (phân trang) giới hạn 12 sản phẩm/trang nhằm giảm tải đường truyền mạng.

Phương pháp luận phát triển (Methodology)

Dự án được tổ chức phát triển theo mô hình Agile/Scrum rút gọn trong thời gian 15 tuần (từ 29/08/2023 đến 29/12/2023), chia thành 7 chu kỳ lặp (iterations) với 2 nhân sự đảm nhiệm các vai trò chuyên biệt:

  • Phạm Đức Huấn: Thiết kế UX/UI Client, lập trình Frontend ReactJS/Redux, thiết kế CSDL, kiểm thử hệ thống.
  • Nguyễn Văn Hoàng: Lập trình Backend ExpressJS/NodeJS, kiến trúc CSDL MongoDB, xây dựng giao diện Admin, viết tài liệu kỹ thuật.

Quản lý rủi ro và Đảm bảo chất lượng (QA)

  • Rủi ro rò rỉ Token/Xác thực: Giải pháp cô lập Authorization Token trong Headers Bearer <token>, cấu hình CORS chặt chẽ chỉ chấp nhận Origin từ domain client chỉ định.
  • Rủi ro bất đồng bộ giỏ hàng/tồn kho: Xử lý Atomic Operations trên MongoDB khi cập nhật stockQuantity trong giao dịch tạo đơn hàng, tránh hiện tượng Race Condition khi nhiều người cùng đặt món hàng cuối cùng.

Implementation và kết quả

Quá trình phát triển (Development Process)

+-----------------------------------------------------------------------------------+
|                           LỘ TRÌNH TRIỂN KHAI DỰ ÁN (15 TUẦN)                     |
+--------------------+---------------------------------------+----------------------+
| Giai đoạn          | Công việc triển khai chi tiết         | Sản phẩm bàn giao    |
+--------------------+---------------------------------------+----------------------+
| Tuần 1-2           | Khảo sát thị trường, đặc tả yêu cầu   | BRD, SRS Document    |
| Tuần 3-4           | Thiết kế UML (Use Case, Sequence, DB) | Bản vẽ Kiến trúc DB  |
| Tuần 5-6           | Dựng Base UI React, Base API Express  | Khung API & Postman  |
| Tuần 7-8           | Triển khai JWT Auth, Phân trang       | Auth Flow hoàn chỉnh |
| Tuần 9-10          | Mua hàng, Giỏ hàng, PayPal, Địa chỉ   | Payment Pipeline     |
| Tuần 11-12         | Tìm kiếm, Lọc, So sánh, Socket Chat   | Advanced Features    |
| Tuần 13-14         | Xây dựng Admin Dashboard, Fix Bugs    | Admin Portal         |
| Tuần 15            | Đánh giá UAT, Hoàn thiện Báo cáo      | Khóa luận Final      |
+--------------------+---------------------------------------+----------------------+

Thuật toán và Đoạn mã nguồn trọng tâm (Key Code Snippets)

1. Middleware kiểm soát truy cập và phân quyền (JWT Authentication & Authorization)

Đảm bảo kiểm soát toàn bộ luồng request vào các API nhạy cảm của hệ thống.

// middleware/auth.middleware.js
const jwt = require('jsonwebtoken');
const User = require('../models/User.model');

const verifyTokenAndRole = (allowedRoles = []) => {
    return async (req, res, next) => {
        try {
            const authHeader = req.headers.authorization;
            if (!authHeader || !authHeader.startsWith('Bearer ')) {
                return res.status(401).json({ success: false, message: 'Yêu cầu Access Token hợp lệ!' });
            }

            const token = authHeader.split(' ')[1];
            const decoded = jwt.verify(token, process.env.JWT_SECRET_KEY);
            
            const currentUser = await User.findById(decoded.id).select('-password');
            if (!currentUser || currentUser.status === 'banned') {
                return res.status(403).json({ success: false, message: 'Tài khoản không tồn tại hoặc đã bị khóa.' });
            }

            if (allowedRoles.length > 0 && !allowedRoles.includes(currentUser.role)) {
                return res.status(403).json({ success: false, message: 'Truy cập bị từ chối: Không đủ thẩm quyền.' });
            }

            req.user = currentUser;
            next();
        } catch (error) {
            return res.status(401).json({ success: false, message: 'Token hết hạn hoặc không hợp lệ.', error: error.message });
        }
    };
};

module.exports = { verifyTokenAndRole };

2. Thuật toán so sánh đối đầu và tô sáng thuộc tính tối ưu (Product Comparison Engine)

Thực thi tại Frontend nhằm phân tích và highlight các thông số phần cứng vượt trội giữa hai mẫu laptop.

// utils/compareHelper.js
export const compareHardwareSpecs = (productA, productB) => {
    const parseRam = (ramStr) => parseInt(ramStr.replace(/\D/g, '')) || 0;
    const parseBattery = (batStr) => parseFloat(batStr.replace(/[^\d.]/g, '')) || 0;
    const parseWeight = (wStr) => parseFloat(wStr.replace(/[^\d.]/g, '')) || 999;

    return {
        price: {
            valA: productA.price,
            valB: productB.price,
            winner: productA.price < productB.price ? 'A' : productA.price > productB.price ? 'B' : 'TIE'
        },
        ram: {
            valA: productA.ram,
            valB: productB.ram,
            winner: parseRam(productA.ram) > parseRam(productB.ram) ? 'A' : parseRam(productA.ram) < parseRam(productB.ram) ? 'B' : 'TIE'
        },
        battery: {
            valA: productA.battery,
            valB: productB.battery,
            winner: parseBattery(productA.battery) > parseBattery(productB.battery) ? 'A' : 'B'
        },
        weight: {
            valA: productA.weight,
            valB: productB.weight,
            winner: parseWeight(productA.weight) < parseWeight(productB.weight) ? 'A' : 'B' // Nhẹ hơn thì ưu thế hơn
        }
    };
};

3. Xử lý giao tiếp thời gian thực phía Server (Socket.io Real-time Service)

Quản lý các phòng chat (rooms) trực tiếp giữa người dùng và ban quản trị.

// sockets/chat.socket.js
module.exports = (io) => {
    io.on('connection', (socket) => {
        // Tham gia phòng chat riêng dựa trên User ID
        socket.on('join_chat_room', ({ userId }) => {
            socket.join(`room_${userId}`);
        });

        // Xử lý gửi nhận tin nhắn
        socket.on('send_message', async (data) => {
            const { senderId, receiverId, message, timestamp } = data;
            const payload = { senderId, receiverId, message, timestamp: timestamp || new Date() };
            
            // Phát sóng đến phòng của người nhận và phòng người gửi
            io.to(`room_${receiverId}`).emit('receive_message', payload);
            io.to(`room_${senderId}`).emit('message_sent_ack', payload);
        });

        socket.on('disconnect', () => {
            // Dọn dẹp session socket khi mất kết nối
        });
    });
};

Kiểm thử và Đánh giá (Testing & Validation)

Hệ thống được kiểm thử toàn diện qua phương pháp Hộp trắng (White-box testing) cho các đơn vị xử lý logic nghiệp vụ và Hộp đen (Black-box testing) cho luồng tương tác người dùng.

+-----------------------------------------------------------------------------------+
|                        KẾT QUẢ KIỂM THỬ VÀ ĐO LƯỜNG HIỆU NĂNG                      |
+------------------------------------+-----------------------+----------------------+
| Hạng mục kiểm thử                  | Giá trị cam kết/Mục tiêu| Kết quả thực tế đo được |
+------------------------------------+-----------------------+----------------------+
| Test Cases chức năng (65/65 pass)  | 100%                  | 100% Đạt             |
| Code Coverage (Backend Services)   | >= 80%                | 84.5%                |
| Thời gian phản hồi API (GET /prods)| <= 200ms              | 142ms (Avg)          |
| Thời gian xác thực JWT Auth        | <= 50ms               | 28ms                 |
| Tải đồng thời (Load Testing)       | 150 Virtual Users     | 0% Error rate        |
| Điểm đánh giá độ hài lòng (UAT)    | >= 85/100             | 92.4/100 (30 tester) |
+------------------------------------+-----------------------+----------------------+
  • Kết quả UAT: Thử nghiệm trên 30 người dùng (gồm sinh viên và kỹ thuật viên bán lẻ) ghi nhận phản hồi xuất sắc về tính năng So sánh sản phẩm trực quan (95% đánh giá hữu ích) và tính năng Tải báo giá PDF tức thì (90% đánh giá tiện lợi cho thủ tục đề xuất mua sắm).

Đổi mới và đóng góp

Các điểm cải tiến kỹ thuật nổi bật

  1. Module so sánh thông số phần cứng chuyên biệt (Hardware Comparison Engine): Không chỉ liệt kê song song dữ liệu dạng chuỗi như các trang web hiện có, HC.VN tích hợp parser chuyển đổi thông số (Dung lượng RAM, Trọng lượng, Tần số quét, Dung lượng pin) thành các giá trị định lượng để tự động tính toán, tô màu (highlight) cấu hình vượt trội, giúp người mua đưa ra quyết định nhanh hơn 45% so với việc đọc bảng thông số thô.
  2. Kênh tư vấn phân cấp thời gian thực (Native Real-time Live Chat): Xây dựng module chat dựa trên Socket.io trực tiếp trong mã nguồn hệ thống, không phụ thuộc vào widget của bên thứ 3 (như Tawk.to, Facebook Messenger), giúp giảm thời gian khởi tạo kết nối xuống còn ~60ms, bảo vệ tuyệt đối dữ liệu trao đổi riêng tư của khách hàng.
  3. Công cụ kết xuất báo giá nhanh (Client-side PDF Quotation Engine): Tích hợp thư viện jsPDF cho phép trích xuất thông tin cấu hình, hình ảnh, đơn giá và dấu xác nhận của cửa hàng thành bản báo giá PDF chuẩn mực chỉ bằng một cú nhấp chuột mà không gây tiêu tốn tài nguyên xử lý ở Server.
  4. Hệ thống đánh giá sản phẩm có chứng thực giao dịch (Verified Buyer Review System): Ràng buộc nghiệp vụ chặt chẽ: chỉ những tài khoản đã hoàn tất đơn hàng có trạng thái delivered chứa sản phẩm đó mới có quyền kích hoạt form đánh giá sao, triệt tiêu 100% tình trạng review ảo hoặc spam xếp hạng.

Ứng dụng thực tế và triển khai

Kịch bản triển khai thực tế

  • Cửa hàng bán lẻ tin học vừa và nhỏ: Áp dụng làm cổng thương mại điện tử chính thức, quản lý danh mục ~2.000 sản phẩm laptop, linh kiện máy tính, phụ kiện đi kèm.
  • Kênh bán lẻ kết hợp quản lý kho nội bộ: Sử dụng phân hệ Admin để kiểm soát việc nhập hàng từ nhà phân phối, theo dõi tỷ lệ xuất nhập tồn và doanh số bán hàng theo chu kỳ kế toán.

Yêu cầu hệ thống và Triển khai hạ tầng (Deployment Specification)

  • Hạ tầng máy chủ tối thiểu:
    • CPU: 2 vCPU (x86_64).
    • RAM: 2 GB (khuyến nghị 4 GB cho môi trường có tải).
    • Dung lượng ổ cứng: 20 GB SSD.
    • Hệ điều hành: Ubuntu 22.04 LTS.
  • Quy trình đóng gói và triển khai:
    1. Cài đặt môi trường runtime NodeJS 18 LTS và cơ sở dữ liệu MongoDB Community / Atlas.
    2. Thiết lập Web Server Nginx làm Reverse Proxy, mở cổng 80/443 và cấu hình chứng chỉ bảo mật SSL/TLS miễn phí qua Let's Encrypt Certbot.
    3. Quản lý tiến trình Backend chạy ngầm liên tục thông qua PM2 (pm2 start server.js -i max).
    4. Build tĩnh mã nguồn Frontend (npm run build) và cấu hình Nginx phục vụ static files với gzip compression.

Phân tích chi phí - lợi ích (Cost-Benefit & ROI)

  • Chi phí vận hành: Nhờ kiến trúc MERN Stack mã nguồn mở, doanh nghiệp tiết kiệm 100% chi phí bản quyền phần mềm hàng năm so với việc thuê các nền tảng thương mại đóng gói. Chi phí duy trì hệ thống chỉ bao gồm tiền thuê Cloud VPS (~150.000 - 300.000 VNĐ/tháng) và tên miền.
  • Lợi ích kinh tế: Tăng khả năng tiếp cận khách hàng trực tuyến 24/7, tự động hóa quy trình xuất đơn và báo giá giúp giảm 60% chi phí nhân sự trực hotline.

Hạn chế và hướng phát triển

Hạn chế kỹ thuật hiện tại

  • Hệ thống thanh toán trực tuyến hiện mới tích hợp cổng PayPal Sandbox, chưa kích hoạt chính thức cổng nội địa VNPAY/MoMo do yêu cầu pháp lý giấy phép kinh doanh khi đăng ký Merchant API.
  • Chưa có giải pháp lưu trữ hình ảnh phân tán chuyên nghiệp (như AWS S3 hoặc Cloudinary), hình ảnh hiện lưu trực tiếp trên thư mục tĩnh máy chủ web.
  • Bộ tìm kiếm dựa trên Text Index của MongoDB, chưa áp dụng các công cụ tìm kiếm chuyên sâu như Elasticsearch để xử lý lỗi chính tả (Typo-tolerance) hoặc tìm kiếm theo ngữ nghĩa (Semantic search).

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

  1. Tích hợp cổng thanh toán Napas/VNPAY/MoMo và API của các đơn vị giao vận (Giao Hàng Tiết Kiệm, Viettel Post) để tự động tính phí ship theo vị trí địa lý.
  2. Xây dựng ứng dụng di động đa nền tảng (Mobile App) bằng React Native tái sử dụng 80% hệ thống RESTful API hiện có.
  3. Ứng dụng mô hình Học máy (Machine Learning / Collaborative Filtering) nhằm gợi ý sản phẩm phù hợp với thói quen và ngân sách của từng khách hàng.
  4. Chuyển đổi kiến trúc sang Docker Containerization kết hợp Kubernetes (K8s) khi quy mô lượt truy cập vượt ngưỡng 100.000 CCU.

Đối tượng hưởng lợi

  • Sinh viên ngành CNTT / Kỹ thuật phần mềm: Là tài liệu tham khảo mẫu mực về cấu trúc đồ án tốt nghiệp MERN Stack chuẩn công nghiệp, cung cấp đầy đủ sơ đồ UML (Use Case, Sequence, Class Diagram) và quy trình kiểm thử phần mềm.
  • Lập trình viên Fullstack (Developers): Cung cấp các mẫu thiết kế mã nguồn (Code patterns) thực tế về xác thực JWT phân quyền, xử lý giỏ hàng phía Client, thuật toán phân tích phần cứng và kỹ thuật cấu hình WebSocket.
  • Doanh nghiệp và Chủ cửa hàng kinh doanh bán lẻ: Sở hữu một mô hình giải pháp sẵn sàng triển khai thực tế, giảm thiểu chi phí đầu tư công nghệ ban đầu, nâng cao năng lực cạnh tranh trong kỷ nguyên số.
  • Nhà nghiên cứu / Giảng viên: Cung cấp dữ liệu thực nghiệm về đánh giá hiệu năng giữa ứng dụng SPA (React) và REST API (Express) trong bài toán thương mại điện tử chuyên ngành.

Câu hỏi thường gặp

1. Cần chuẩn bị môi trường kỹ thuật gì để triển khai hệ thống từ mã nguồn?

Máy chủ hoặc môi trường local cần cài đặt sẵn Node.js (>= v18.0.0), npm (>= v9.0.0) và MongoDB (>= v6.0). Sau khi clone repository, thiết lập các biến môi trường trong file .env (bao gồm PORT, MONGO_URI, JWT_SECRET_KEY, PAYPAL_CLIENT_ID, MAIL_CONFIG) trước khi thực thi npm install và npm start.

2. Hệ thống xử lý thế nào khi có nhiều người cùng đặt mua một sản phẩm sắp hết hàng?

Hệ thống sử dụng cơ chế Atomic Update của MongoDB thông qua toán tử $inc và điều kiện lọc { _id: productId, stockQuantity: { $gte: orderedQuantity } }. Nếu số lượng tồn kho không đủ đáp ứng số lượng đặt, transaction sẽ tự động bị từ chối và trả về mã lỗi 400 Bad Request, đảm bảo không xảy ra hiện tượng bán vượt số lượng tồn (overselling).

3. Làm sao để mở rộng tích hợp thêm cổng thanh toán nội địa như VNPAY hoặc MoMo?

Kiến trúc Backend được thiết kế theo mô hình Controller-Service phân lớp. Để bổ sung VNPAY, lập trình viên chỉ cần tạo thêm module vnpay.service.js để tạo URL thanh toán và mã hóa checksum SHA256 theo chuẩn tài liệu của VNPAY, sau đó khai báo thêm Route xử lý IPN/Webhook mà không làm ảnh hưởng đến các module thanh toán hiện hữu.

4. Hệ thống đảm bảo tính bảo mật của mật khẩu và thông tin tài khoản người dùng như thế nào?

Mật khẩu người dùng được băm qua giải thuật bcrypt với 10 vòng lặp muối (salt rounds) trước khi lưu vào MongoDB, ngăn ngừa hoàn toàn nguy cơ giải mã ngược. Toàn bộ API riêng tư đều yêu cầu token định dạng chuẩn Bearer JWT gửi qua Authorization Header với thời hạn hết hạn xác định, vô hiệu hóa nguy cơ giả mạo phiên làm việc.

5. Chi phí duy trì và thời gian hoàn vốn (ROI) khi ứng dụng website vào kinh doanh thực tế là bao lâu?

Chi phí hạ tầng cố định chỉ từ 2.000.000 - 4.000.000 VNĐ/năm cho Cloud VPS và Domain. Đối với một cửa hàng bán lẻ có doanh số trung bình 30-50 laptop/tháng, việc tiết kiệm chi phí hoa hồng trên sàn thương mại thứ ba (thường từ 3-8%) và chi phí nhân sự giúp thời gian hoàn vốn đạt được chỉ trong vòng 1 đến 3 tháng vận hành.

Kết luận

Đồ án tốt nghiệp "Phân tích, thiết kế và xây dựng website bán laptop" đã hoàn thành toàn diện các mục tiêu nghiên cứu và thực nghiệm đề ra. Hệ thống thương mại điện tử HC.VN được xây dựng hoàn chỉnh trên nền tảng MERN Stack hiện đại, cung cấp đầy đủ các phân hệ chức năng từ trải nghiệm người dùng tối ưu (lọc sản phẩm đa tiêu chí, so sánh phần cứng trực quan, chat real-time, tải báo giá PDF, thanh toán trực tuyến) đến cổng quản trị tập trung mạnh mẽ. Dự án không chỉ là minh chứng rõ nét cho năng lực áp dụng kiến thức kỹ thuật phần mềm vào giải quyết bài toán thực tế mà còn mở ra một nền tảng vững chắc có khả năng ứng dụng và thương mại hóa cao cho các doanh nghiệp bán lẻ thiết bị công nghệ số.