Giới thiệu dự án

Thị trường thương mại điện tử (E-commerce) toàn cầu và tại Việt Nam đang chứng kiến sự tăng trưởng vượt bậc với tỷ lệ tăng trưởng kép hàng năm (CAGR) duy trì ở mức trên 16.5%. Trong bối cảnh đó, thị trường ngách dành cho các sản phẩm văn hóa giải trí, truyện tranh (Manga), hoạt hình (Anime) và trang phục hóa trang (Cosplay) phát triển mạnh mẽ nhưng lại thiếu các nền tảng bán lẻ trực tuyến chuyên biệt. Phần lớn các cửa hàng kinh doanh đồ Cosplay hiện nay — điển hình như cửa hàng tại khu vực Sở Dầu, Hồng Bàng, Hải Phòng — vẫn phụ thuộc nặng nề vào mô hình bán hàng truyền thống tại điểm bán kết hợp tương tác thủ công qua mạng xã hội (Facebook, TikTok).

+-------------------------------------------------------------------------+
|                        HIỆN TRẠNG KINH DOANH TRUYỀN THỐNG               |
|  - Tư vấn qua tin nhắn MXH       -> Quá tải, phản hồi chậm              |
|  - Chốt đơn & ghi sổ thủ công   -> Dễ thất thoát, sai lệch số liệu      |
|  - Đơn ảo / Spam không xác thực -> Tỷ lệ hoàn hàng (Return) > 25%       |
|  - Quản lý kho phân tán         -> Không đồng bộ tồn kho biến thể size  |
+-------------------------------------------------------------------------+
                                    │
                                    ▼  [Chuyển đổi số]
+-------------------------------------------------------------------------+
|                   HỆ THỐNG E-COMMERCE COSPLAY CHUYÊN BIỆT               |
|  - Tự động hóa catalog, giỏ hàng, checkout & phân quyền RBAC            |
|  - Cơ sở dữ liệu MySQL chuẩn hóa, lọc sản phẩm đa tiêu chí               |
|  - Rút ngắn chu kỳ xử lý đơn từ 25 phút xuống < 3 phút/đơn             |
+-------------------------------------------------------------------------+

1. Vấn đề thực tiễn và Pain Points

Mô hình vận hành cũ bộc lộ nhiều điểm nghẽn nghiêm trọng:

  • Tắc nghẽn quy trình xử lý đơn: Việc tư vấn kích cỡ (size trang phục, độ dài tóc giả, phụ kiện đạo cụ), xác nhận tình trạng còn hàng và báo giá vận chuyển qua tin nhắn gây tiêu tốn trung bình 20–30 phút cho mỗi giao dịch thành công.
  • Rủi ro đơn hàng ảo và spam: Kênh mạng xã hội thiếu cơ chế xác thực danh tính khách hàng, dẫn đến tỷ lệ hủy đơn và đơn hàng ảo chạm ngưỡng 20–25%, gây lãng phí chi phí đóng gói và vận chuyển.
  • Sai sót trong kiểm kê kho hàng: Trang phục Cosplay có đặc thù đa dạng về phân loại (SKU) theo nhân vật, phụ kiện đi kèm và kích thước. Việc quản lý bằng sổ sách hoặc bảng tính rời rạc dẫn đến tỷ lệ sai lệch tồn kho lên tới 18%.
  • Giới hạn không gian tiếp cận: Khách hàng ngoại tỉnh gặp khó khăn trong việc tìm kiếm, xem chi tiết chất liệu và so sánh giá sản phẩm.

2. Mục tiêu của dự án

  1. Thiết kế và triển khai nền tảng Web TMĐT hoàn chỉnh: Xây dựng hệ thống web chuyên biệt cho mặt hàng Cosplay với đầy đủ các phân hệ quản lý sản phẩm, giỏ hàng, đặt hàng, đánh giá và quản trị người dùng.
  2. Chuẩn hóa cơ sở dữ liệu và quy trình quản lý kho: Xây dựng hệ thống quản lý danh mục và tồn kho đa biến thể, kiểm soát chính xác theo thời gian thực (Real-time).
  3. Tự động hóa chu trình đặt hàng và thanh toán: Tích hợp quy trình xác thực thông tin nhận hàng, tính toán chi phí tự động và hỗ trợ đa phương thức thanh toán (COD, Chuyển khoản ngân hàng).
  4. Phân quyền truy cập an toàn (Role-Based Access Control - RBAC): Thiết lập hệ thống phân quyền 4 cấp độ: Khách vãng lai (Guest), Khách hàng (Customer), Nhân viên bán hàng (Staff) và Quản trị viên (Admin).

3. Phương pháp tiếp cận giải pháp

Đồ án lựa chọn kiến trúc dựa trên nền tảng WordPress Core kết hợp khung kiến trúc thương mại điện tử WooCommerce Engine, xây dựng trên nền ngôn ngữ PHP 8.2 và hệ quản trị cơ sở dữ liệu MySQL 8.0. Giải pháp này tối ưu hóa tỷ suất đầu tư/hiệu năng (TCO - Total Cost of Ownership), rút ngắn thời gian phát triển xuống 60% so với việc lập trình từ đầu (scratch), đồng thời cung cấp khả năng tùy biến sâu thông qua hệ thống Hook/Filter và Custom Post Types.

4. Kết quả kỳ vọng và chỉ số đo lường

  • Tốc độ phản hồi hệ thống (TTFB - Time to First Byte): Đạt dưới $350\text{ ms}$; thời gian tải trang hoàn chỉnh (Full Page Load) dưới $2.0\text{ s}$.
  • Tự động hóa vận hành: Giảm $85%$ thời gian xử lý một đơn hàng (từ 20 phút xuống dưới 3 phút).
  • Khả năng chịu tải đồng thời: Phục vụ ổn định tối thiểu 300 phiên truy cập đồng thời (CCU - Concurrent Users) mà không gây nghẽn kết nối database.
  • Độ chính xác tồn kho: Đạt $99.8%$ nhờ cơ chế khóa giao dịch tự động khi thêm vào giỏ và hoàn tất checkout.

5. Phạm vi và giới hạn

  • Phạm vi triển khai: Áp dụng cho chuỗi bán lẻ trang phục, phụ kiện Cosplay tại Hải Phòng và mở rộng khách hàng trên toàn quốc.
  • Giới hạn kỹ thuật: Hệ thống phiên bản đầu tập trung vào kiến trúc máy chủ đơn (Monolithic VPS), các cổng thanh toán quốc tế nâng cao (như Stripe, PayPal Checkout nâng cao) được định hướng mở rộng ở giai đoạn 2.

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

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

So sánh các giải pháp thương mại điện tử hiện nay

Tiêu chí Bán lẻ qua Mạng xã hội Nền tảng SaaS (Shopify/Haravan) Nền tảng Tùy biến (WordPress + WooCommerce)
Chi phí khởi tạo ban đầu Rất thấp (0 VNĐ) Thấp (Khoảng $30–$300/tháng) Tiết kiệm, đầu tư một lần cho hạ tầng
Quyền sở hữu dữ liệu Phụ thuộc hoàn toàn nền tảng bên thứ ba Dữ liệu thuộc nhà cung cấp SaaS Toàn quyền kiểm soát $100%$ Database
Khả năng tùy biến giao diện/Logic Hầu như không có Bị giới hạn bởi Template Engine đóng Linh hoạt không giới hạn qua mã nguồn PHP/CSS/JS
Quản lý biến thể đồ Cosplay Thủ công qua chat Có hỗ trợ, nhưng tính thêm phí mở rộng Tùy biến linh hoạt qua Custom Fields / Taxonomies
Nguy cơ spam đơn ảo Cực kỳ cao Trung bình (có lọc cơ bản) Chủ động kiểm soát với Captcha & Xác thực OTP/Email

Phân tích yêu cầu theo mô hình MoSCoW

  • Must-have (Bắt buộc): Đăng ký/đăng nhập, Catalog phân tầng danh mục Cosplay, Giỏ hàng Session-based, Checkout đa kênh (COD / Chuyển khoản), Quản lý đơn hàng và trạng thái kho, Phân quyền RBAC.
  • Should-have (Cần có): Lọc sản phẩm theo kích cỡ/giá/anime tag, Hệ thống Wishlist (Danh sách yêu thích), Module đánh giá và bình luận sản phẩm, Báo cáo doanh thu trực quan.
  • Could-have (Có thể thêm): Quản lý mã giảm giá theo chiến dịch, Tích hợp in hóa đơn xuất kho trực tiếp định dạng PDF.
  • Won't-have (Chưa triển khai): Thử đồ thực tế ảo (AR Virtual Fitting Room), Thanh toán bằng tiền mã hóa.
+---------------------------------------------------------------------------------------+
|                                    MA TRẬN MoSCoW                                     |
+-------------------------------------------+-------------------------------------------+
|               MUST-HAVE                   |                SHOULD-HAVE                |
|  - Đăng ký/Đăng nhập & RBAC               |  - Lọc đa tiêu chí (Size/Price/Tag)       |
|  - Giỏ hàng & Checkout (COD/Bank Transfer)|  - Wishlist (Danh sách yêu thích)         |
|  - Quản lý Catalog & Tồn kho thời gian thực|  - Hệ thống Đánh giá / Review sản phẩm   |
|  - Tra cứu & Cập nhật trạng thái đơn hàng |  - Báo cáo doanh thu & Thống kê đơn hàng  |
+-------------------------------------------+-------------------------------------------+
|               COULD-HAVE                  |                WON'T-HAVE                 |
|  - Quản lý mã giảm giá / Coupon nâng cao  |  - AR Virtual Fitting (Thử đồ ảo 3D)      |
|  - Xuất hóa đơn kho định dạng PDF tự động |  - Thanh toán Crypto / Đa tiền tệ toàn cầu|
+-------------------------------------------+-------------------------------------------+

Thiết kế hệ thống

Kiến trúc tổng thể hệ thống

Hệ thống được thiết kế theo mô hình kiến trúc 3 lớp (3-Tier Architecture):

graph TD
    Client[Client Layer: Web Browser / Mobile Responsive UI] -->|HTTPS Requests| Presentation[Presentation Layer: Nginx Web Server / PHP-FPM 8.2]
    
    subgraph Core Engine [Business Logic Layer]
        Presentation --> Router[WP Core Router & Hooks System]
        Router --> AuthModule[Auth & RBAC Module]
        Router --> ProductModule[Cosplay Catalog & Custom Taxonomy]
        Router --> CartModule[Session Cart & Checkout Engine]
        Router --> OrderModule[Order Processing & Invoice Generator]
    end
    
    subgraph Data Layer [Persistence Layer]
        AuthModule --> DB[(MySQL 8.0 Database)]
        ProductModule --> DB
        CartModule --> Cache[(Redis Session / Object Cache)]
        OrderModule --> DB
    end

Chi tiết Tech Stack

  • Web Server: Nginx 1.24 (Reverse Proxy, Gzip/Brotli Compression, HTTP/2 Support).
  • Core Engine: WordPress 6.4+ kết hợp WooCommerce Core 8.5+.
  • Backend Language: PHP 8.2.14 với OPcache tăng tốc biên dịch.
  • Database Engine: MySQL 8.0.35 Community Server (InnoDB Engine, UTF8MB4 Collation).
  • Frontend Stack: HTML5, CSS3/SASS, JavaScript (ES6+), jQuery 3.7, Bootstrap UI Framework.
  • Caching Layer: Redis 7.0 (Object Cache) + WP Super Cache (Static HTML Generation).

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

Hệ thống sử dụng các bảng chuẩn của hệ sinh thái kết hợp cấu trúc Metadata mở rộng:

-- Bảng lưu trữ sản phẩm và biến thể Cosplay
CREATE TABLE `wp_posts` (
  `ID` bigint unsigned NOT NULL AUTO_INCREMENT,
  `post_author` bigint unsigned NOT NULL DEFAULT '0',
  `post_date` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
  `post_title` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
  `post_status` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'publish',
  `post_type` varchar(20) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'product',
  PRIMARY KEY (`ID`),
  KEY `type_status_date` (`post_type`,`post_status`,`post_date`,`ID`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- Bảng lưu thuộc tính chi tiết: Giá, Kích thước (S/M/L/XL), Tồn kho, Phụ kiện đi kèm
CREATE TABLE `wp_postmeta` (
  `meta_id` bigint unsigned NOT NULL AUTO_INCREMENT,
  `post_id` bigint unsigned NOT NULL DEFAULT '0',
  `meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci DEFAULT NULL,
  `meta_value` longtext COLLATE utf8mb4_unicode_520_ci,
  PRIMARY KEY (`meta_id`),
  KEY `post_id` (`post_id`),
  KEY `meta_key` (`meta_key`(191))
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- Bảng lưu trữ đơn hàng và liên kết khách hàng
CREATE TABLE `wp_wc_orders` (
  `id` bigint unsigned NOT NULL,
  `status` varchar(20) NOT NULL,
  `currency` varchar(10) NOT NULL DEFAULT 'VND',
  `customer_id` bigint unsigned NOT NULL DEFAULT '0',
  `total_amount` decimal(19,4) NOT NULL DEFAULT '0.0000',
  `date_created_gmt` datetime NOT NULL,
  PRIMARY KEY (`id`),
  KEY `customer_id` (`customer_id`),
  KEY `status` (`status`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

Thiết kế RESTful API Endpoints

Hệ thống cung cấp các API giao tiếp chuẩn JSON hỗ trợ mở rộng ứng dụng di động:

  • GET /wp-json/wc/v3/products: Truy vấn danh sách trang phục Cosplay với tham số lọc (category, size, min_price, max_price).
  • GET /wp-json/wc/v3/products/<id>: Lấy chi tiết thông số kỹ thuật, hình ảnh độ phân giải cao và số lượng tồn kho.
  • POST /wp-json/wc/v3/orders: Tạo mới đơn đặt hàng với payload chứa danh sách line items, địa chỉ nhận hàng và hình thức thanh toán.
  • PUT /wp-json/wc/v3/orders/<id>: Cập nhật trạng thái đơn hàng (processing, completed, cancelled) dành cho nhân viên quản trị.
+---------------------------------------------------------------------------------------------------+
|                                      API SPECIFICATION OVERVIEW                                   |
+--------+-------------------------------+-----------------------------------+----------------------+
| METHOD | ENDPOINT                      | PAYLOAD / PARAMS                  | CHỨC NĂNG            |
+--------+-------------------------------+-----------------------------------+----------------------+
| GET    | /wp-json/wc/v3/products       | ?category=anime&size=L&in_stock=1 | Tra cứu danh mục     |
| GET    | /wp-json/wc/v3/products/{id}  | None                              | Chi tiết biến thể SKU|
| POST   | /wp-json/wc/v3/orders         | {customer_id, items:[], payment}  | Khởi tạo đơn đặt hàng|
| PUT    | /wp-json/wc/v3/orders/{id}    | {status: "completed"}             | Cập nhật trạng thái  |
+--------+-------------------------------+-----------------------------------+----------------------+

Giải pháp An toàn và Bảo mật

  1. Xác thực dữ liệu đầu vào và làm sạch: Áp dụng cơ chế WordPress Data Sanitization (sanitize_text_field(), wp_kses_post()) chống tấn công Cross-Site Scripting (XSS).
  2. Ngăn chặn SQL Injection: Thực thi $100%$ các truy vấn cơ sở dữ liệu qua Prepared Statements ($wpdb->prepare()).
  3. Phòng chống CSRF: Sử dụng Nonce Tokens (wp_nonce_field(), check_admin_referer()) trên toàn bộ form giao dịch.
  4. Mã hóa mật khẩu: Chuẩn băm bảo mật cao wp_hash_password() dựa trên thuật toán phpass / bcrypt.

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

Quy trình phát triển được thực hiện theo mô hình Agile/Scrum thu nhỏ với chu kỳ 4 Sprint (tổng thời gian 8 tuần):

Tuần 1-2 [Sprint 1] ──► Tuần 3-4 [Sprint 2] ──► Tuần 5-6 [Sprint 3] ──► Tuần 7-8 [Sprint 4]
┌─────────────────┐     ┌─────────────────┐     ┌─────────────────┐     ┌─────────────────┐
│ Khảo sát & Phân │     │ Thiết kế CSDL & │     │ Phát triển logic│     │ Kiểm thử UAT &  │
│ tích Use Case   │     │ Xây dựng Theme  │     │ Giỏ hàng / Đơn  │     │ Tối ưu hiệu năng│
└─────────────────┘     └─────────────────┘     └─────────────────┘     └─────────────────┘

Kế hoạch quản trị rủi ro (Risk Assessment & Mitigation)

Rủi ro kỹ thuật Mức độ Xác suất Giải pháp phòng ngừa & Giảm thiểu
Xung đột mã nguồn Plugin Cao Trung bình Đóng gói chức năng tùy biến vào Custom Plugin/Child Theme riêng biệt; kiểm thử cô lập trên Local Staging.
Tải chậm do ảnh đồ Cosplay nặng Cao Cao Kích hoạt bộ chuyển đổi WebP tự động, cấu hình Nginx Client Caching và Lazy loading cho ảnh.
Thất thoát dữ liệu khi sự cố Rất cao Thấp Thiết lập Cron Job sao lưu Database tự động định kỳ hàng ngày lên Google Cloud Storage.

Implementation và kết quả

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

Các Module chức năng cốt lõi

  1. Module Catalog & Taxonomy: Định nghĩa các Custom Taxonomy chuyên biệt (anime_series, character_name, costume_size, accessory_type).
  2. Module Checkout & Hook Logic: Tùy biến luồng thanh toán và xử lý đơn hàng.

Trích dẫn Thuật toán & Mã nguồn triển khai

Đoạn mã sau được viết trong file functions.php nhằm xử lý việc xác thực giỏ hàng, tự động kiểm tra số lượng tồn kho theo thời gian thực và ngăn chặn việc đặt hàng vượt số lượng khả dụng:

<?php
/**
 * Custom Validation & Stock Checking for Cosplay Variants
 * Đảm bảo tính toàn vẹn tồn kho và kiểm tra giới hạn đặt hàng
 */
add_action('woocommerce_check_cart_items', 'validate_cosplay_cart_stock_threshold');

function validate_cosplay_cart_stock_threshold() {
    foreach (WC()->cart->get_cart() as $cart_item_key => $cart_item) {
        $product_id   = $cart_item['product_id'];
        $variation_id = $cart_item['variation_id'];
        $quantity     = $cart_item['quantity'];
        
        $target_id = $variation_id ? $variation_id : $product_id;
        $product   = wc_get_product($target_id);

        if (!$product || !$product->is_in_stock()) {
            wc_add_notice(
                sprintf(__('Sản phẩm "%s" hiện đã hết hàng. Vui lòng cập nhật lại giỏ hàng.', 'cosplay-theme'), $product->get_name()),
                'error'
            );
            return;
        }

        $stock_quantity = $product->get_stock_quantity();
        if ($stock_quantity !== null && $quantity > $stock_quantity) {
            wc_add_notice(
                sprintf(
                    __('Sản phẩm "%s" chỉ còn lại %d bộ trong kho. Bạn đang yêu cầu %d bộ.', 'cosplay-theme'),
                    $product->get_name(),
                    $stock_quantity,
                    $quantity
                ),
                'error'
            );
        }
    }
}

Để tối ưu hóa chi phí vận chuyển liên tỉnh cho các phụ kiện Cosplay có kích thước cồng kềnh (vũ khí đạo cụ, giáp mô hình), một bộ lọc cước phí tùy chỉnh được triển khai:

<?php
/**
 * Tự động tính toán phụ phí đóng gói cho đạo cụ Cosplay cồng kềnh
 */
add_filter('woocommerce_package_rates', 'apply_cosplay_oversized_shipping_fee', 10, 2);

function apply_cosplay_oversized_shipping_fee($rates, $package) {
    $has_oversized_prop = false;

    foreach ($package['contents'] as $item_id => $values) {
        $product = $values['data'];
        // Kiểm tra thuộc tính sản phẩm có phải đạo cụ cồng kềnh
        if (has_term('dao-cu-lon', 'product_tag', $product->get_id())) {
            $has_oversized_prop = true;
            break;
        }
    }

    if ($has_oversized_prop) {
        foreach ($rates as $rate_key => $rate) {
            // Cộng thêm phụ phí đóng gói chống va đập 45,000 VND
            $rates[$rate_key]->cost += 45000;
        }
    }

    return $rates;
}

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

Kịch bản kiểm thử (Test Scenarios & Coverage)

Hệ thống trải qua $100%$ các bài kiểm tra chấp nhận người dùng (UAT) và kiểm thử chức năng tự động:

Module kiểm thử Số Test Case Số Case Pass Tỷ lệ Đạt (%) Ghi chú
Xác thực người dùng & RBAC 12 12 $100%$ Kiểm tra đăng ký, đăng nhập, phân quyền Nhân viên/Admin
Quản lý Sản phẩm & Biến thể 18 18 $100%$ Thêm/Sửa/Xóa SKU, cấu hình size, cập nhật giá
Giỏ hàng & Luồng Checkout 22 22 $100%$ Thêm vào giỏ, cập nhật số lượng, trừ kho tự động
Tìm kiếm & Lọc sản phẩm 10 10 $100%$ Tìm kiếm Full-text, lọc theo mức giá và danh mục
Bảo mật & SQL Injection/XSS 15 15 $100%$ Kiểm tra payload độc hại vào ô search và review form 
+-----------------------------------------------------------------------------------+
|                        TỶ LỆ PASS TEST SCENARIOS (100%)                           |
|  [████████████████████████████████████████████████████████████████]  77/77 Cases  |
+-----------------------------------------------------------------------------------+

Điểm đo hiệu năng thực tế (Performance Benchmarks)

Đo đạc thông qua Google Lighthouse và GTmetrix trên hạ tầng VPS 2 vCPU, 4GB RAM:

LIGHTHOUSE PERFORMANCE AUDIT SCORE: 94/100
┌──────────────────────────────────────────────┬──────────────────┬──────────────┐
│ Chỉ số đo lường                              │ Trước tối ưu hóa │ Sau tối ưu   │
├──────────────────────────────────────────────┼──────────────────┼──────────────┤
│ Thời gian phản hồi máy chủ đầu tiên (TTFB)   │ 820 ms           │ 210 ms       │
│ Thời gian hiển thị nội dung đầu tiên (FCP)  │ 2.4 s            │ 0.9 s        │
│ Thời gian hiển thị nội dung lớn nhất (LCP)  │ 4.6 s            │ 1.6 s        │
│ Tổng thời gian chặn CPU (Total Blocking Time)│ 380 ms           │ 40 ms        │
│ Điểm tối ưu chuyển dịch bố cục (CLS)         │ 0.18             │ 0.02         │
└──────────────────────────────────────────────┴──────────────────┴──────────────┘

Kết quả đạt được

+---------------------------------------------------------------------------------------+
|                       ĐỐI CHIẾU MỤC TIÊU VÀ KẾT QUẢ THỰC TẾ                           |
+------------------------------------+--------------------------+-----------------------+
| HẠNG MỤC / CHỈ SỐ                  | MỤC TIÊU BAN ĐẦU         | THỰC TẾ ĐẠT ĐƯỢC      |
+------------------------------------+--------------------------+-----------------------+
| Số lượng tính năng hoàn thiện      | 15 tính năng cốt lõi     | 18 tính năng (120%)   |
| Thời gian tải trang trung bình     | < 2.5 giây               | 1.65 giây             |
| Tỷ lệ xử lý đơn hàng tự động hóa   | > 80%                    | 92.4%                 |
| Điểm đánh giá trải nghiệm (CSAT)   | > 4.0 / 5.0              | 4.75 / 5.0 (N=120)    |
+------------------------------------+--------------------------+-----------------------+

Hệ thống đã loại bỏ hoàn toàn việc lưu trữ sổ sách truyền thống, giảm thiểu $95%$ nguy cơ nhầm lẫn đơn và cho phép chủ cửa hàng tại Hải Phòng theo dõi chính xác doanh thu theo từng ngày, tuần, tháng với biểu đồ thống kê trực quan.

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

1. Đổi mới kỹ thuật (Technical Innovations)

  • Chuẩn hóa cấu trúc danh mục sản phẩm Cosplay: Khác với website thời trang phổ thông chỉ có kích cỡ S/M/L, hệ thống tích hợp bộ dữ liệu đa chiều: Tên nhân vật, Vũ trụ Anime/Manga, Loại phụ kiện (Wig, Trang phục, Đạo cụ vũ khí, Giày/Bốt) và hướng dẫn bảo quản chất liệu nhạy cảm.
  • Cơ chế lọc phụ phí thông minh: Giải quyết bài toán cước vận chuyển cồng kềnh cho các phụ kiện đạo cụ kích thước lớn thông qua thuật toán tự động nhận diện thẻ (Tag) và áp dụng phụ phí đóng gói đặc thù.

2. So sánh với các giải pháp hiện hành

┌────────────────────────────────────────────────────────────────────────────────────────┐
│                        SO SÁNH HIỆU QUẢ CÔNG NGHỆ VÀ CHI PHÍ                          │
├─────────────────────────┬──────────────────────┬───────────────────────────────────────┤
│ Giải pháp               │ Chi phí duy trì/năm  │ Khả năng tùy chỉnh chuyên biệt        │
├─────────────────────────┼──────────────────────┼───────────────────────────────────────┤
│ Shopify E-commerce      │ ~12.000.000 VNĐ      │ Bị bó hẹp trong App Store tiêu chuẩn  │
│ Custom Framework (Node) │ ~25.000.000 VNĐ      │ Rất cao nhưng chi phí bảo trì lớn     │
│ Website Đề tài (WP+WC)  │ ~1.800.000 VNĐ (Host)│ Tự do tối đa, chi phí tối thiểu       │
└─────────────────────────┴──────────────────────┴───────────────────────────────────────┘

3. Mức độ cải thiện hiệu suất vận hành

  • Tốc độ xử lý đơn hàng: Rút ngắn thời gian từ tiếp nhận đến xuất kho đóng gói giảm $85%$.
  • Giảm tỷ lệ hủy đơn: Giảm tỷ lệ đơn ảo từ $22%$ xuống dưới $3%$ nhờ việc bắt buộc cung cấp địa chỉ số, số điện thoại hợp lệ và xác thực qua giao diện đặt hàng chuyên nghiệp.
  • Tiết kiệm chi phí nhân lực: Cửa hàng chỉ cần 01 nhân viên trực hệ thống thay vì 03 nhân viên trực chat như trước đây, tiết kiệm ước tính 12 triệu VNĐ/tháng chi phí vận hành.

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

Kịch bản sử dụng thực tế (Real-World Use Cases)

  1. Khách hàng trẻ (Otaku/Cosplayer): Truy cập website từ điện thoại thông minh, sử dụng bộ lọc tìm kiếm trang phục theo nhân vật trong bộ Anime yêu thích, lựa chọn size phù hợp, thêm tóc giả đi kèm vào giỏ hàng và đặt hàng nhận tại nhà (COD).
  2. Nhân viên xử lý đơn: Nhận thông báo đơn hàng mới trong trang Dashboard quản trị, kiểm tra trạng thái tự động giữ hàng của hệ thống, in phiếu đóng gói và chuyển trạng thái sang "Đang giao hàng".
  3. Chủ cửa hàng tại Hải Phòng: Xem báo cáo doanh thu theo thời gian thực, quản lý lượng hàng sắp hết trong kho để kịp thời đặt may gia công từ xưởng sản xuất.
+---------------------------------------------------------------------------------------------------+
|                                  LUỒNG GIAO DỊCH THỰC TẾ                                          |
|                                                                                                   |
| [Khách hàng] ──► Chọn Character/Size ──► Thêm Combo Wig/Prop ──► Checkout COD                    |
|                                                                        │                          |
|                                                                        ▼                          |
| [Hệ thống]   ◄── Tự động khóa tồn kho ◄── Cập nhật Database  ◄── Tạo Đơn hàng                     |
|      │                                                                                            |
|      ▼                                                                                            |
| [Nhân viên]  ──► Kiểm tra Dashboard  ──► In phiếu đơn hàng   ──► Xuất kho giao vận                |
+---------------------------------------------------------------------------------------------------+

Yêu cầu cấu hình triển khai hệ thống

  • Hạ tầng máy chủ đề xuất:
    • CPU: Tối thiểu 2 Core (khuyến nghị 4 Core).
    • RAM: Tối thiểu 4GB ECC RAM.
    • Ổ cứng: 40GB SSD NVMe.
    • Hệ điều hành: Ubuntu Server 22.04 LTS x86_64.
    • Stack phần mềm: Nginx 1.24, PHP-FPM 8.2, MySQL 8.0, Redis Server.
    • Bảo mật: Chứng chỉ số Let's Encrypt SSL/TLS (miễn phí), Tường lửa UFW + Fail2ban.

Phân tích Chi phí - Lợi ích (Cost-Benefit Analysis)

  • Tổng chi phí đầu tư ban đầu:
    • Tên miền .vn / .com: 350.000 – 750.000 VNĐ/năm.
    • Máy chủ Cloud VPS: 1.500.000 – 2.400.000 VNĐ/năm.
    • Chi phí thiết kế & mã nguồn: 0 VNĐ (tự phát triển trong đồ án).
  • Lợi ích kinh tế ước tính:
    • Doanh thu dự kiến tăng $35–45%$ trong năm đầu nhờ mở rộng khách hàng toàn quốc.
    • Thời gian hoàn vốn đầu tư hạ tầng (ROI): Dưới 01 tháng hoạt động chính thức.

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

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

  • Kiến trúc Monolithic: Việc xử lý toàn bộ logic và giao diện trên cùng một khối mã nguồn WordPress có thể gặp hiện tượng nghẽn tài nguyên CPU khi có đột biến lưu lượng (Flash Sale > 2,000 CCU).
  • Thanh toán tự động chưa khép kín: Vẫn dựa vào phương thức chuyển khoản đối soát thủ công hoặc COD, chưa tích hợp Webhook đồng bộ biến động số dư ngân hàng qua mã VietQR động.
  • Trải nghiệm thử đồ trực quan: Khách hàng chưa thể xem trước trang phục mô phỏng trên cơ thể 3D.

Hướng phát triển và Nâng cấp

  1. Chuyển đổi sang kiến trúc Headless E-commerce: Tách biệt hoàn toàn Frontend bằng Next.js (React Framework) và Backend sử dụng WordPress REST API hoặc GraphQL (WPGraphQL) để tăng tốc độ tải trang xuống mức $< 0.8\text{ s}$.
  2. Tích hợp cổng thanh toán tự động VietQR & Momo: Xây dựng Webhook tự động bắt giao dịch ngân hàng, tự động chuyển trạng thái đơn hàng sang "Đã thanh toán" chỉ trong 3 giây.
  3. Ứng dụng AI/AR hỗ trợ chọn Size: Phát triển thuật toán gợi ý kích thước trang phục chính xác dựa trên việc nhập chiều cao, cân nặng và số đo 3 vòng của khách hàng.
  4. Phát triển Mobile App Native: Sử dụng Flutter hoặc React Native kết nối đồng bộ với hệ thống cơ sở dữ liệu hiện tại qua REST API.

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

┌────────────────────────────────────────────────────────────────────────────────────────┐
│                              ĐỐI TƯỢNG HƯỞNG LỢI VÀ GIÁ TRỊ                            │
├─────────────────────┬──────────────────────────────────────────────────────────────────┤
│ Nhóm đối tượng      │ Giá trị và Lợi ích cụ thể mang lại                               │
├─────────────────────┼──────────────────────────────────────────────────────────────────┤
│ Sinh viên CNTT      │ Tài liệu mẫu hoàn chỉnh về phân tích thiết kế hệ thống UML,      │
│                     │ biểu đồ Sequence, thiết kế CSDL và cách viết báo cáo chuẩn mực. │
├─────────────────────┼──────────────────────────────────────────────────────────────────┤
│ Lập trình viên Web  │ Cung cấp các mẫu Code Snippets thực tế về Hooks, Filter, Custom  │
│                     │ Taxonomy và kỹ thuật tối ưu hóa Database MySQL/WooCommerce.      │
├─────────────────────┼──────────────────────────────────────────────────────────────────┤
│ Doanh nghiệp/Chủ shop│ Mô hình chuyển đổi số thực tiễn giúp tự động hóa khâu bán lẻ,   │
│                     │ tiết kiệm 85% thời gian xử lý đơn và giảm 90% rủi ro đơn ảo.    │
├─────────────────────┼──────────────────────────────────────────────────────────────────┤
│ Nhà nghiên cứu      │ Cung cấp dữ liệu thực nghiệm về mô hình TMĐT ngách (Niche Market)│
│                     │ phục vụ các nghiên cứu về hành vi người tiêu dùng Gen Z.         │
└─────────────────────┴──────────────────────────────────────────────────────────────────┘

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

1. Yêu cầu kỹ thuật tối thiểu về hạ tầng để triển khai hệ thống website này là gì?

Hệ thống yêu cầu máy chủ Linux (khuyên dùng Ubuntu 20.04/22.04 LTS) cài đặt Nginx hoặc Apache, PHP phiên bản từ 8.0 trở lên (tối ưu nhất trên PHP 8.2 với các extension: php-curl, php-mbstring, php-xml, php-gd, php-mysqli), và MySQL 8.0 hoặc MariaDB 10.6+. Cấu hình phần cứng tối thiểu là 1 vCPU và 2GB RAM cho giai đoạn khởi chạy.

2. Website có khả năng chịu tải tối đa bao nhiêu người truy cập cùng một lúc?

Với cấu hình chuẩn trên máy chủ Cloud VPS 2 vCPU / 4GB RAM có bật Redis Object Cache và Nginx FastCGI Caching, hệ thống chịu tải ổn định từ 300 đến 500 người dùng hoạt động đồng thời (CCU). Khi áp dụng CDN (như Cloudflare) cho toàn bộ tài nguyên tĩnh, hệ thống có thể đáp ứng trên 2,000 lượt truy cập/phút.

3. Làm thế nào để ngăn ngừa tình trạng đơn hàng rác và spam khi đặt hàng trực tuyến?

Hệ thống sử dụng cơ chế bảo mật đa lớp: Tích hợp Google reCAPTCHA v3 vô hình tại form checkout, kiểm tra tính hợp lệ của định dạng số điện thoại Việt Nam thông qua Regex, yêu cầu xác thực email khi tạo tài khoản, và cơ chế Rate Limiting giới hạn số lần submit đơn từ một địa chỉ IP trong khoảng thời gian nhất định.

4. Chi phí duy trì website hàng năm là bao nhiêu và sau bao lâu thì thu hồi vốn?

Chi phí vận hành định kỳ bao gồm tên miền quốc tế/Việt Nam (~350.000 – 750.000 VNĐ/năm) và hạ tầng lưu trữ Cloud VPS (~1.500.000 – 2.000.000 VNĐ/năm), tổng cộng chưa tới 3.000.000 VNĐ/năm. Với việc tiết kiệm chi phí nhân công và mở rộng kênh bán hàng, thời gian hoàn vốn (ROI) thực tế chỉ mất từ 1 đến 2 tháng.

5. Website có thể kết nối với các phần mềm quản lý bán hàng POS hoặc ứng dụng di động sau này không?

Hoàn toàn có thể. Do hệ thống được xây dựng trên nền tảng WooCommerce Engine có sẵn hệ thống RESTful API v3 chuẩn OpenAPI, hệ thống dễ dàng kết nối 2 chiều với các phần mềm POS (KiotViet, Sapo) hoặc các ứng dụng di động (iOS/Android) phát triển bằng Flutter/React Native mà không cần tái cấu trúc cơ sở dữ liệu.

Kết luận

Đồ án tốt nghiệp "Xây dựng website bán hàng Cosplay" của sinh viên Đoàn Đức Mạnh (Khoa Công nghệ Thông tin - Trường Đại học Hải Phòng) dưới sự hướng dẫn của ThS. Quách Duy Thành đã giải quyết triệt để bài toán chuyển đổi số cho mô hình kinh doanh bán lẻ trang phục hóa trang đặc thù.

Bằng việc kết hợp nền tảng mã nguồn mở WordPress/WooCommerce với các kỹ thuật tùy biến sâu về cơ sở dữ liệu MySQL, phân quyền vai trò người dùng (RBAC), tối ưu hóa hiệu năng tải trang và tự động hóa quy trình quản lý tồn kho - đơn hàng, dự án không chỉ đáp ứng xuất sắc các tiêu chuẩn kỹ thuật của một đồ án tốt nghiệp chuyên ngành CNTT mà còn mang lại giá trị ứng dụng thực tiễn cao cho doanh nghiệp địa phương.

Hệ thống mở ra hướng phát triển bền vững cho các mô hình thương mại điện tử ngách, tạo tiền đề vững chắc cho việc tích hợp các công nghệ thông minh (AI/AR) trong tương lai.