Giới thiệu dự án

Thương mại điện tử (E-Commerce) tại Việt Nam chứng kiến tốc độ tăng trưởng vượt bậc với mức tăng trung bình trên 25-30%/năm. Cùng với sự chuyển dịch hành vi tiêu dùng số, ngành hàng mỹ phẩm và chăm sóc sắc đẹp trực tuyến đang trở thành một trong những phân khúc có nhu cầu lớn nhất. Tuy nhiên, các cửa hàng bán lẻ truyền thống và nhiều nền tảng bán hàng nhỏ lẻ trên mạng xã hội (Facebook, Zalo) đang đối mặt với các điểm nghẽn nghiêm trọng: dữ liệu sản phẩm phân mảnh, quy trình xử lý đơn hàng thủ công dễ gây thất thoát, thiếu kênh tương tác trực tiếp với khách hàng và tốc độ phản hồi tư vấn chậm.

Đề tài "Tìm hiểu công nghệ Laravel và xây dựng website bán mỹ phẩm" được thực hiện bởi nhóm tác giả thuộc Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP.HCM (HCMUTE), dưới sự hướng dẫn của ThS. Nguyễn Trần Thi Văn. Đề tài tập trung giải quyết bài toán tự động hóa quy trình kinh doanh và tối ưu hóa trải nghiệm mua sắm mỹ phẩm trực tuyến thông qua nền tảng web hiện đại.

+-------------------------------------------------------------------------+
|                          MỤC TIÊU DỰ ÁN                                 |
+-------------------------------------------------------------------------+
| 1. Nghiên cứu chuyên sâu kiến trúc MVC và hệ sinh thái Laravel Framework|
| 2. Tích hợp giao tiếp thời gian thực (Full-duplex) qua Node.js & Socket.io|
| 3. Chuẩn hóa cơ sở dữ liệu quan hệ MySQL cho hệ thống bán lẻ mỹ phẩm    |
| 4. Xây dựng quy trình xử lý đơn hàng khép kín từ Guest đến Quản trị viên|
+-------------------------------------------------------------------------+

Mục tiêu dự án

  1. Nghiên cứu kiến trúc: Nắm vững nền tảng kiến trúc Model-View-Controller (MVC), cơ chế Dependency Injection, Eloquent Object-Relational Mapping (ORM) và Blade Template Engine trong Laravel PHP Framework.
  2. Xây dựng giải pháp thương mại điện tử hoàn chỉnh: Thiết kế và hiện thực hóa website bán mỹ phẩm B2C với đầy đủ phân hệ người dùng (Storefront) và quản trị (Back-office Admin).
  3. Hiện thực hóa tính năng thời gian thực: Ứng dụng công nghệ WebSocket thông qua Socket.io và Node.js nhằm xây dựng module Chatbox tư vấn tức thì giữa khách hàng và quản trị viên.
  4. Tối ưu hóa hiệu năng và bảo mật: Đáp ứng yêu cầu truy xuất dữ liệu nhanh, mã hóa mật khẩu an toàn và ngăn chặn các lỗ hổng web phổ biến như SQL Injection, Cross-Site Scripting (XSS), Cross-Site Request Forgery (CSRF).

Cách tiếp cận và phương pháp luận

Giải pháp lựa chọn kiến trúc lai (Hybrid Architecture) kết hợp giữa sức mạnh xử lý nghiệp vụ, quản lý dữ liệu toàn vẹn của Laravel (PHP) và khả năng xử lý bất đồng bộ, truyền tải dữ liệu tức thời qua cơ chế Event-driven của Socket.io (Node.js). Lựa chọn này giúp hệ thống vừa đảm bảo tính chặt chẽ trong xử lý transaction đơn hàng, vừa đảm bảo độ trễ phản hồi (latency) cực thấp (< 100ms) trong tính năng chat trực tuyến.

Kỳ vọng đầu ra và chỉ số đo lường (Measurable Metrics)

  • Thời gian phản hồi tìm kiếm: Thời gian tra cứu và hiển thị danh mục sản phẩm $\le 1.5\text{ giây}$ (với quy định tối đa không quá $4\text{ giây}$ theo yêu cầu phi chức năng).
  • Độ sẵn sàng của hệ thống: Đảm bảo xử lý đồng thời nhiều phiên đặt hàng của khách hàng mà không xảy ra xung đột dữ liệu (Race Condition).
  • Mức độ bao phủ chức năng: Hoàn thành $100%$ các ca sử dụng (Use Case) cho cả 2 nhóm tác nhân: Khách vãng lai/Thành viên (Guest/User) và Quản trị viên (Admin).

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

  • Phạm vi: Ứng dụng web phục vụ mô hình B2C bán lẻ mỹ phẩm; quản lý danh mục, đơn hàng, người dùng, giá sản phẩm, bình luận và phản hồi hỗ trợ trực tuyến.
  • Giới hạn: Hệ thống tập trung xử lý thanh toán khi nhận hàng (COD - Cash on Delivery) và xác nhận chuyển khoản ngân hàng; chưa tích hợp trực tiếp qua API cổng thanh toán trung gian (Payment Gateway) của các tổ chức tài chính bên thứ ba.

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

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

Khảo sát các nền tảng thương mại điện tử chuyên biệt về mỹ phẩm tại Việt Nam cho thấy những ưu và nhược điểm rõ rệt:

Nền tảng Ưu điểm kỹ thuật & nghiệp vụ Nhược điểm & Hạn chế Cơ hội cải tiến cho giải pháp
Hasaki.vn Danh mục đa dạng, quy trình xử lý đơn hàng nhanh, giao diện chuẩn hóa. Sản phẩm hết hàng vẫn xuất hiện trong kết quả tìm kiếm; mở rộng sang nhiều ngành hàng gây loãng thông tin chuyên biệt. Tối ưu bộ lọc tồn kho, tập trung 100% chuyên biệt cho mỹ phẩm, giao diện tinh gọn.
Thegioiskinfood.com Giá cạnh tranh, cập nhật xu hướng nhanh, mô tả chi tiết. Giới hạn nguồn hàng (chủ yếu mỹ phẩm Hàn Quốc); thời gian phản hồi tin nhắn hỗ trợ chậm. Tích hợp Real-time Chatbox trực tiếp trên web thay vì phụ thuộc hoàn toàn vào widget ngoài.
Epomi.com Nội dung chia sẻ kiến thức làm đẹp chất lượng, tư vấn tốt. Giá thành sản phẩm cao; tốc độ vận chuyển và cập nhật trạng thái đơn hàng phụ thuộc nhiều bên thứ ba. Tối ưu hóa bảng điều khiển (Admin Dashboard) theo dõi trạng thái đơn hàng tức thời.

Phân loại yêu cầu hệ thống theo mô hình MoSCoW

+-------------------------------------------------------------------------+
|                       MÔ HÌNH PHÂN HẠNG MOSCOW                          |
+-------------------------------------------------------------------------+
| [M] MUST HAVE:                                                          |
|  - Xác thực người dùng (Auth: Bcrypt hashing)                          |
|  - Danh mục sản phẩm đa tầng, Giỏ hàng (Session Cart), Đặt hàng        |
|  - Bảng điều khiển Admin: Quản lý sản phẩm, Duyệt/Hủy đơn hàng         |
|                                                                         |
| [S] SHOULD HAVE:                                                        |
|  - Real-time Chatbox (Node.js + Socket.io)                              |
|  - Phân quyền người dùng (Role-Based Access Control)                   |
|  - Chức năng điều chỉnh giá hàng loạt hoặc cục bộ                      |
|                                                                         |
| [C] COULD HAVE:                                                         |
|  - Bình luận, đánh giá sản phẩm (Product Review/Comment)                |
|  - Chia sẻ liên kết sản phẩm qua mạng xã hội (Facebook Share)          |
|  - Module tin tức làm đẹp                                               |
|                                                                         |
| [W] WON'T HAVE (Giai đoạn này):                                        |
|  - Cổng thanh toán quốc tế trực tuyến (Visa/Mastercard API)             |
|  - Ứng dụng di động native (iOS/Android)                                |
+-------------------------------------------------------------------------+

Thiết kế hệ thống

Kiến trúc tổng thể và luồng xử lý dữ liệu

Hệ thống được thiết kế theo mô hình 3 lớp (3-tier Architecture) tuân thủ nghiêm ngặt nguyên lý Model-View-Controller (MVC):

  1. Routing Layer (routes/web.php): Tiếp nhận Request từ trình duyệt, phân tích URI và điều hướng đến Controller tương ứng.
  2. Controller Layer (app/Http/Controllers): Chứa logic xử lý nghiệp vụ, tiếp nhận input từ Request, gọi Eloquent Model tương tác với Database, và truyền dữ liệu ra View.
  3. Model Layer (app/): Ánh xạ quan hệ cơ sở dữ liệu thông qua Eloquent ORM, thực hiện các truy vấn dữ liệu an toàn.
  4. View Layer (resources/views): Xây dựng dựa trên Blade Template Engine, kế thừa master.blade.php thông qua @extends, @section và @yield.
  5. Real-time Server (server.js): Một dịch vụ chạy độc lập bằng Node.js kết hợp Socket.io để xử lý Full-duplex WebSocket connections.
                    +--------------------------------+
                    |      Client (Web Browser)      |
                    +---------------+----------------+
                                    |
                    +---------------+---------------+
                    |                               |
       HTTP/HTTPS Requests                  WebSocket Events
                    |                               |
                    v                               v
    +---------------+---------------+   +-----------+-----------+
    |       Laravel Web Server      |   |   Node.js Socket.io   |
    |  (Routing -> Controller)      |   |       Server          |
    +-------+---------------+-------+   +-----------+-----------+
            |               |                       |
            v               v                       | Real-time
    +-------+-------+ +-----+-------+               | Events
    | Eloquent ORM  | | Blade Views |               |
    +-------+-------+ +-------------+               |
            |                                       |
            v                                       |
    +-------+-----------------------+               |
    |      MySQL Database           |<--------------+
    +-------------------------------+

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

  • Máy chủ Web & Ngôn ngữ chính: PHP 7.3+ / Laravel Framework v5.8.
  • Hệ quản trị cơ sở dữ liệu: MySQL Server 5.7 (InnoDB Engine, UTF-8 Unicode).
  • Hạ tầng Real-time: Node.js v10.15+, Express.js v4.16+, Socket.io v2.2.0.
  • Client-Side Frameworks: HTML5, CSS3, JavaScript (ES6), jQuery v3.3.1, Bootstrap v4.3.1.
  • Công cụ phát triển: Visual Studio Code, XAMPP/WAMP, Git, Composer, NPM.

Thiết kế cơ sở dữ liệu quan hệ (Database Schema)

Hệ thống sử dụng mô hình cơ sở dữ liệu chuẩn hóa cấp 3NF với 15 bảng liên kết:

+---------------+        +-------------------+        +-----------------+
|     roles     | 1    N |       users       | 1    1 |  user_details   |
+---------------+--------+-------------------+--------+-----------------+
| * id          |        | * id              |        | * id            |
|   name        |        |   role_id (FK)    |        |   user_id (FK)  |
+---------------+        |   email           |        |   fullname      |
                         |   password        |        |   phone         |
                         +---------+---------+        |   address       |
                                   | 1                +-----------------+
                                   |
                                   | N
                         +---------+---------+        +-----------------+
                         |       bills       | 1    N |   bill_detail   |
                         +-------------------+--------+-----------------+
                         | * id              |        | * id            |
                         |   user_id (FK)    |        |   bill_id (FK)  |
                         |   date_order      |        |   product_id(FK)|
                         |   total           |        |   quantity      |
                         |   status          |        |   price         |
                         +-------------------+        +--------+--------+
                                                               | N
+---------------+        +-------------------+                 |
| type_products | 1    N |     products      | 1               |
+---------------+--------+-------------------+-----------------+
| * id          |        | * id              |
|   name        |        |   type_id (FK)    |
|   description |        |   name            |
+---------------+        |   unit_price      |
                         |   promotion_price |
                         |   image           |
                         +---------+---------+
                                   | 1
                                   | N
                         +---------+---------+
                         |     comments      |
                         +-------------------+
                         | * id              |
                         |   product_id (FK) |
                         |   user_id (FK)    |
                         |   content         |
                         +-------------------+
  • users (id, email, password, role_id, created_at, updated_at) liên kết $1-N$ với roles (id, name).
  • user_details (id, user_id, fullname, address, phone) liên kết $1-1$ với users.
  • products (id, name, type_id, unit_price, promotion_price, unit, new, image, description) liên kết $N-1$ với type_products (id, name, description).
  • bills (id, customer_id/user_id, date_order, total, payment_method, note, status) liên kết $1-N$ với bill_detail (id, bill_id, product_id, quantity, unit_price).
  • comments (id, product_id, user_id, comment, created_at) và replies (id, comment_id, user_id, reply).
  • messages (id, sender_id, receiver_id, message, created_at).

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

Dự án áp dụng mô hình phát triển phần mềm lặp có kiểm soát (Iterative Waterfall), chia theo 15 tuần thực hiện chi tiết:

Tuần 01-03: Nghiên cứu lý thuyết Laravel, CSS/HTML/JS, Socket.io cơ bản
Tuần 04-05: Thiết kế Database MySQL, viết Migrations & Seeders
Tuần 06-07: Xây dựng Layout (Blade Master), hoàn thiện UI Khách & Admin
Tuần 08-09: Hiện thực hóa Controller & CRUD danh mục, sản phẩm, đơn hàng
Tuần 10-10: Kiểm thử chức năng phân hệ cốt lõi, fix bugs
Tuần 11-12: Tích hợp Node.js Socket.io Chatbox, comment, discount
Tuần 13-14: Kiểm thử tích hợp (Integration Test), nghiệm thu hiệu năng
Tuần 15-15: Đóng gói mã nguồn, hoàn thiện báo cáo khóa luận tốt nghiệp

Implementation và kết quả

Chi tiết hiện thực mã nguồn và thuật toán

1. Định tuyến và xử lý nghiệp vụ đơn hàng (Laravel Routing & Controller)

Quy trình định tuyến sử dụng Resource và Named Routes, kết hợp cơ chế kiểm soát dữ liệu đầu vào thông qua Request Validation:

<?php
// File: routes/web.php
Route::group(['prefix' => 'admin', 'middleware' => 'adminLogin'], function () {
    Route::get('don-hang', 'BillController@getListOrder')->name('admin.order.list');
    Route::get('duyet-don/{id}', 'BillController@approveOrder')->name('admin.order.approve');
    Route::get('huy-don/{id}', 'BillController@cancelOrder')->name('admin.order.cancel');
    Route::post('sua-gia-toan-bo', 'ProductController@updateBulkPrice')->name('admin.product.bulkPrice');
});

Logic duyệt đơn hàng và tự động cập nhật trạng thái trong BillController:

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Bill;

class BillController extends Controller 
{
    public function approveOrder($id) 
    {
        $bill = Bill::findOrFail($id);
        // Cập nhật trạng thái đơn hàng: 1 - Đã duyệt, 0 - Chờ xử lý, 2 - Đã hủy
        $bill->status = 1;
        $bill->save();
        
        return redirect()->route('admin.order.list')
                         ->with('thongbao', 'Đã duyệt đơn hàng #' . $id . ' thành công!');
    }
}

2. Kế thừa giao diện động với Blade Master Template

Hệ thống sử dụng cơ chế kế thừa layout để tối ưu hóa việc tái sử dụng mã HTML/CSS:

{{-- File: resources/views/master.blade.php --}}
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title') - Mỹ Phẩm Chính Hãng</title>
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
</head>
<body>
    @include('header')
    
    <main class="main-content">
        @yield('content')
    </main>

    @include('footer')
    @include('chatbox')

    <script src="{{ asset('js/jquery.min.js') }}"></script>
    <script src="{{ asset('js/socket.io.js') }}"></script>
    <script src="{{ asset('js/main.js') }}"></script>
</body>
</html>

3. Module truyền thông thời gian thực (Node.js & Socket.io Event Handling)

Thiết lập Server Socket lắng nghe cổng bất đồng bộ:

// File: server.js
const express = require('express');
const app = express();
const server = require('http').createServer(app);
const io = require('socket.io')(server);

const PORT = 3000;

io.on('connection', (socket) => {
    console.log('Client connected: ' + socket.id);

    // Lắng nghe sự kiện gửi tin nhắn từ khách hàng hoặc admin
    socket.on('client-send-message', (data) => {
        // Phổ biến tin nhắn (Broadcast) đến các client liên quan
        io.sockets.emit('server-send-message', {
            username: data.username,
            message: data.message,
            timestamp: new Date().toLocaleTimeString()
        });
    });

    socket.on('disconnect', () => {
        console.log('Client disconnected: ' + socket.id);
    });
});

server.listen(PORT, () => {
    console.log(`Socket.io server is running on port ${PORT}`);
});

Phía Client JavaScript (chatbox.blade.php):

// Client-side socket connection
const socket = io.connect('http://localhost:3000');

$('#btn-send-chat').click(function() {
    let msg = $('#chat-input').val();
    let user = $('#chat-user').val();
    if(msg.trim() !== '') {
        socket.emit('client-send-message', { username: user, message: msg });
        $('#chat-input').val('');
    }
});

socket.on('server-send-message', function(data) {
    let messageHtml = `<div class="msg-box"><strong>${data.username}:</strong> ${data.message} <span class="time">(${data.timestamp})</span></div>`;
    $('#chat-content').append(messageHtml);
    $('#chat-content').scrollTop($('#chat-content')[0].scrollHeight);
});

Kiểm thử và đánh giá hệ thống

Ma trận kiểm thử chức năng (Functional Test Coverage)

Hệ thống đã trải qua kiểm thử hộp đen (Black-box Testing) trên toàn bộ 19 kịch bản Use Case chính thức:

ID Kịch bản Ca kiểm thử (Use Case) Đầu vào (Test Input) Kết quả kỳ vọng Trạng thái
TC_01 Đăng ký tài khoản Email hợp lệ, Mật khẩu $\ge 6$ ký tự Tạo record trong DB, tự động hash Bcrypt PASS
TC_02 Đăng nhập hệ thống Sai mật khẩu 3 lần Báo lỗi, không khởi tạo Auth Session PASS
TC_03 Tìm kiếm sản phẩm Từ khóa "Son môi", bộ lọc giá Trả về danh sách chính xác trong $< 1.5\text{s}$ PASS
TC_04 Đặt hàng (Checkout) Giỏ có 2 sản phẩm, điền đủ địa chỉ Tạo bill (status=0), tạo 2 bill_detail PASS
TC_05 Duyệt đơn hàng (Admin) Chọn đơn #101, nhấn "Duyệt" Trạng thái chuyển thành status=1 PASS
TC_06 Sửa giá hàng loạt Nhập mức tăng $+10,000\text{ VNĐ}$ Toàn bộ sản phẩm cập nhật giá trong 1 transaction PASS
TC_07 Chat Real-time Gửi tin từ Guest Admin nhận tin tức thời không cần F5 trang PASS

Đánh giá hiệu năng và kết quả đạt được

  • Thời gian phản hồi trang (Page Load Time): Trung bình đạt $1.2\text{s} - 2.1\text{s}$ trên môi trường thử nghiệm cục bộ với cơ sở dữ liệu $> 500$ bản ghi sản phẩm.
  • Bảo mật: Cơ chế Eloquent ORM sử dụng PDO parameter binding giúp triệt tiêu $100%$ nguy cơ SQL Injection dạng string concatenation truyền thống.
  • Tương thích thiết bị: Layout Bootstrap 4 hiển thị đồng bộ trên các độ phân giải màn hình Desktop (1920x1080), Tablet (768x1024) và Mobile (375x667).

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

1. Kiến trúc kết hợp Laravel - Socket.io linh hoạt

Thay vì sử dụng phương pháp Ajax Polling (gửi request liên tục mỗi 3-5 giây gây lãng phí băng thông và quá tải tài nguyên máy chủ HTTP), đồ án đã tích hợp thành công mô hình WebSocket truyền thông hai chiều (Full-duplex).

$$\text{Băng thông tiết kiệm} \approx \left(1 - \frac{\text{Kích thước WebSocket Frame (2-6 bytes)}}{\text{Kích thước HTTP Request Header (500-800 bytes)}}\right) \times 100% \ge 95%$$

2. Cơ chế điều chỉnh giá sản phẩm 2 cấp độ (Dual-level Price Adjustment)

Đồ án xây dựng hai kịch bản quản lý giá sản phẩm linh hoạt cho quản trị viên:

  • Cấp độ cục bộ (Item-specific): Chỉnh sửa giá bán lẻ và giá khuyến mãi cho từng SKU sản phẩm cụ thể.
  • Cấp độ toàn cục (Bulk Update): Tăng hoặc giảm giá hàng loạt theo danh mục hoặc toàn cửa hàng, hỗ trợ tối đa việc triển khai các chiến dịch khuyến mãi chớp nhoáng (Flash Sale).

3. Đóng góp về mặt phương pháp và tài liệu học thuật

  • Chuẩn hóa quy trình phân tích và mô hình hóa hệ thống e-commerce bằng ngôn ngữ UML chuẩn với hệ thống 19 đặc tả Use Case và 7 Sequence Diagrams chi tiết.
  • Cung cấp tài liệu tham khảo hoàn chỉnh về việc tích hợp Node.js micro-service vào trong ứng dụng monolithic Laravel Framework dành cho sinh viên chuyên ngành Công nghệ phần mềm.

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

Kịch bản ứng dụng thực tế (Use Cases)

  1. Chuỗi cửa hàng mỹ phẩm bán lẻ: Ứng dụng làm cổng bán hàng chính thức, đồng bộ quản lý tồn kho và đơn hàng trực tuyến.
  2. Cửa hàng mỹ phẩm xách tay / phân phối độc quyền: Tận dụng module tin tức và chatbox để tư vấn chuyên sâu về routine chăm sóc da cho từng cá nhân khách hàng.

Hướng dẫn cài đặt và triển khai hệ thống (Deployment Manual)

+-------------------------------------------------------------------------+
|                  QUY TRÌNH TRIỂN KHAI HỆ THỐNG                          |
+-------------------------------------------------------------------------+
| Bước 1: Chuẩn bị môi trường máy chủ (PHP >= 7.3, MySQL 5.7, Node.js)   |
| Bước 2: Clone repository & Cài đặt PHP dependencies: composer install   |
| Bước 3: Cấu hình file môi trường .env (DB_DATABASE, DB_USERNAME,...)    |
| Bước 4: Tạo cấu trúc bảng: php artisan migrate --seed                   |
| Bước 5: Cài đặt Node dependencies: npm install express socket.io        |
| Bước 6: Khởi chạy Socket Server: node server.js (hoặc PM2 daemon)       |
| Bước 7: Khởi chạy Web Server: php artisan serve --port=8000             |
+-------------------------------------------------------------------------+

# Cấu hình môi trường máy chủ
git clone https://github.com/example/cosmetic-laravel.git
cd cosmetic-laravel

# Cài đặt thư viện phụ thuộc Laravel
composer install

# Cấu hình biến môi trường
cp .env.example .env
php artisan key:generate

# Thiết lập database và seed dữ liệu mẫu
php artisan migrate --seed

# Cài đặt Socket.io server
npm install
node server.js &

# Khởi chạy ứng dụng Web
php artisan serve

Phân tích hiệu quả kinh tế (Cost-Benefit & ROI Analysis)

  • Chi phí triển khai ban đầu: Tiết kiệm $100%$ chi phí bản quyền phần mềm nhờ khai thác hoàn toàn công nghệ mã nguồn mở (Laravel, MySQL, Node.js, Bootstrap).
  • Chi phí vận hành: Chỉ yêu cầu gói VPS cấu hình cơ bản (1 vCPU, 2GB RAM, 25GB SSD) với chi phí ước tính khoảng $150,000 - 250,000\text{ VNĐ/tháng}$.
  • Hiệu quả vận hành: Giảm $65%$ thời gian xử lý và phân loại đơn hàng thủ công; tăng $40%$ tỷ lệ chuyển đổi đơn hàng nhờ tính năng tư vấn trực tiếp qua Chatbox thời gian thực.

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

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

  • Hệ thống WebSocket Socket.io hiện đang cấu hình chạy đơn luồng trên bộ nhớ RAM cục bộ, chưa tích hợp Redis Adapter để phân tán tải khi chạy trên cụm nhiều server (Multi-node cluster).
  • Chưa tích hợp webhook tự động gửi email thông báo trạng thái đơn hàng khi quản trị viên phê duyệt đơn.
  • Giao diện Admin mới tập trung vào các bảng biểu CRUD cơ bản, chưa có biểu đồ trực quan hóa doanh thu theo tuần/tháng.

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

  1. Kiến trúc RESTful API: Tách biệt hoàn toàn Backend thành hệ thống API chuẩn RESTful để phục vụ phát triển ứng dụng di động đa nền tảng (Flutter / React Native).
  2. Cổng thanh toán tự động: Tích hợp các cổng thanh toán phổ biến tại Việt Nam như VNPay, MoMo, ZaloPay thông qua Payment Gateway SDK.
  3. Đề xuất sản phẩm thông minh (Recommendation Engine): Ứng dụng thuật toán lọc cộng tác (Collaborative Filtering) để gợi ý sản phẩm phù hợp dựa trên lịch sử xem hàng của người dùng.

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

+-------------------------------------------------------------------------+
|                        ĐỐI TƯỢNG HƯỞNG LỢI                              |
+-------------------------------------------------------------------------+
| SINH VIÊN CNTT:                                                         |
|  - Mã nguồn mẫu chuẩn MVC Laravel & thiết kế CSDL thực tế               |
|                                                                         |
| LẬP TRÌNH VIÊN WEB:                                                     |
|  - Mẫu tích hợp Laravel + Socket.io realtime không xung đột             |
|                                                                         |
| DOANH NGHIỆP BÁN LẺ MỸ PHẨM:                                            |
|  - Giải pháp website hoàn chỉnh, chi phí 0đ bản quyền, dễ tùy biến     |
|                                                                         |
| GIẢNG VIÊN & NGHIÊN CỨU VIÊN:                                           |
|  - Tài liệu tham khảo hoàn chỉnh về phân tích thiết kế hệ thống UML     |
+-------------------------------------------------------------------------+
  • Sinh viên ngành CNTT / Kỹ thuật phần mềm: Nắm vững tài liệu mẫu hoàn chỉnh về phân tích thiết kế hệ thống (UML, Use Case, Sequence Diagram) và cấu trúc thư mục chuẩn của framework hiện đại.
  • Lập trình viên (Web Developers): Tiếp cận phương pháp tích hợp Node.js micro-service cho WebSocket vào trong dự án PHP truyền thống một cách hiệu quả.
  • Chủ doanh nghiệp / Cửa hàng mỹ phẩm: Sở hữu giải pháp chuyển đổi số bán hàng với chi phí đầu tư thấp, khả năng tùy biến cao, không bị phụ thuộc vào các nền tảng tính phí thuê bao SaaS hàng tháng.
  • Nhà nghiên cứu / Giảng viên: Sử dụng làm học liệu mẫu trong giảng dạy các môn học "Công nghệ phần mềm", "Lập trình web nâng cao" và "Phân tích thiết kế hệ thống thông tin".

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

1. Yêu cầu phần cứng và môi trường tối thiểu để triển khai website là gì?

Máy chủ cần cài đặt hệ điều hành Linux (Ubuntu 18.04/20.04 LTS) hoặc Windows Server, cấu hình tối thiểu 1 vCPU, 1GB RAM. Môi trường phần mềm yêu cầu PHP $\ge 7.2$ (khuyến nghị 7.3+), MySQL $\ge 5.7$, Node.js $\ge 10.x$, Composer và Web Server Apache/Nginx.

2. Làm thế nào để mở rộng khả năng chịu tải của tính năng Chat Socket.io khi lượng người dùng tăng cao?

Cần cài đặt Redis và sử dụng package @socket.io/redis-adapter. Khi đó, nhiều instance Node.js Socket.io có thể chạy song song dưới sự điều phối của Nginx Load Balancer, giúp chia sẻ trạng thái kết nối và sự kiện broadcast xuyên suốt giữa các node.

3. Tại sao dự án lựa chọn Laravel Framework thay vì viết PHP thuần hoặc dùng CMS như WordPress/WooCommerce?

Laravel cung cấp kiến trúc MVC rõ ràng, bảo mật tích hợp sẵn (chống CSRF, XSS, SQL Injection), dễ dàng mở rộng các tính năng nghiệp vụ đặc thù (như thuật toán chỉnh sửa giá hàng loạt) và khả năng tích hợp linh hoạt với các công nghệ bên ngoài như Node.js, điều mà các CMS đóng gói sẵn gặp nhiều hạn chế.

4. Hệ thống đảm bảo tính toàn vẹn dữ liệu đơn hàng như thế nào khi nhiều người cùng đặt một sản phẩm?

Trong tầng Controller, các thao tác thêm đơn hàng và trừ tồn kho được đóng gói trong một Database Transaction (DB::beginTransaction() và DB::commit()). Nếu có bất kỳ lỗi xảy ra ở bảng chi tiết đơn hàng, hệ thống sẽ tự động DB::rollBack() để đảm bảo không phát sinh dữ liệu rác.

5. Chi phí duy trì và khả năng hoàn vốn (ROI) của hệ thống sau khi bàn giao ra sao?

Website sử dụng 100% công nghệ mã nguồn mở miễn phí nên không tốn chi phí bản quyền. Doanh nghiệp chỉ chi trả tiền thuê tên miền (.vn hoặc .com khoảng $250,000 - 750,000\text{ VNĐ/năm}$) và Hosting/VPS ($1,800,000 - 3,000,000\text{ VNĐ/năm}$). Nhờ tự động hóa quy trình chốt đơn và giảm nhân sự quản lý sổ sách, thời gian hoàn vốn ước tính chỉ từ 3 - 6 tháng sau khi vận hành.

Kết luận

Đồ án tốt nghiệp "Tìm hiểu công nghệ Laravel và xây dựng website bán mỹ phẩm" của sinh viên Phạm Thị Quà và Nguyễn Thị Thanh Thảo (Trường ĐH Sư phạm Kỹ thuật TP.HCM) đã hoàn thành xuất sắc các mục tiêu nghiên cứu và thực tiễn đề ra. Đề tài không chỉ chứng minh tính ưu việt của framework Laravel trong việc phát triển các ứng dụng thương mại điện tử chuyên nghiệp mà còn tạo ra một sản phẩm hoàn chỉnh, kết hợp linh hoạt giữa cơ chế xử lý dữ liệu chuẩn mực và công nghệ truyền thông thời gian thực Socket.io.

Giải pháp mang lại giá trị ứng dụng cao cho các doanh nghiệp bán lẻ mỹ phẩm trong việc số hóa quy trình kinh doanh, đồng thời là tài liệu tham khảo kỹ thuật giá trị cho cộng đồng lập trình viên và sinh viên công nghệ thông tin. Bạn đọc và các nhà phát triển có thể tham khảo cấu trúc dự án này để tiếp tục mở rộng, tích hợp thêm các API thanh toán hiện đại và trí tuệ nhân tạo trong tương lai.