Giới thiệu dự án

Thương mại điện tử (TMĐT - Electronic Commerce) tại khu vực Đông Nam Á và Việt Nam giai đoạn 2016–2020 ghi nhận tốc độ tăng trưởng nhảy vọt từ 33% đến 38%/năm (theo báo cáo Google & Temasek và Statista). Tại Việt Nam, với quy mô hơn 64 triệu người dùng Internet và tỷ lệ tiếp cận smartphone vượt 70%, thị trường bán lẻ trực tuyến đạt tiềm năng cán mốc 10 tỷ USD. Tuy nhiên, theo khảo sát của Hiệp hội Thương mại điện tử Việt Nam (VECOM) và Bộ Công Thương, hơn 50% doanh nghiệp vừa và nhỏ (SMEs) đã xây dựng website nhưng có tới hơn 90% website chưa tối ưu hóa quy trình giao kết hợp đồng trực tuyến theo Nghị định 52/2013/NĐ-CP, giao diện thiếu tính tương tác và nội dung nghèo nàn dẫn đến tỷ lệ thoát (Bounce Rate) cao.

Công ty TNHH Công nghệ và Thương mại Hoàng Thiên Lộc (tiền thân là chuỗi cửa hàng giày dép xuất khẩu Ishoes Store thành lập năm 2014) hoạt động trong phân khúc giày dép da và phụ kiện nữ xuất khẩu (VNXK). Doanh thu doanh nghiệp duy trì mức tăng trưởng dương (từ 12,739 tỷ VNĐ năm 2017 lên 15,790 tỷ VNĐ năm 2019), song kênh bán hàng trực tuyến thông qua cổng thông tin ishoes.vn còn nhiều điểm nghẽn nghiêm trọng:

  • Website vận hành dưới dạng danh mục tĩnh (Catalog tĩnh), thiếu hệ thống đặt hàng và giỏ hàng tự động hóa.
  • 75% đơn hàng phát sinh phụ thuộc hoàn toàn vào Facebook Fanpage, 15% tại 3 showroom vật lý, chỉ có 10% giao dịch phát sinh qua website dưới hình thức biểu mẫu đơn giản.
  • Chưa tích hợp cổng thanh toán trực tuyến (Payment Gateway), quy trình xử lý đơn hàng thủ công qua điện thoại làm tăng chi phí vận hành và rủi ro hủy đơn.
  • Xếp hạng tương tác (Alexa Rank) và lưu lượng truy cập (Organic Traffic) đo lường qua Google Analytics ở mức rất thấp, thời gian trên trang (Time on Site) ngắn do trải nghiệm người dùng (UX/UI) đơn điệu.
                  THỰC TRẠNG PHÂN PHỐI DOANH SỐ (2019)
┌──────────────────────────────┬──────────────────────────────┬──────────┐
│ Kênh Facebook (Fanpage)      │ ████████████████████ 75%     │ 11.84 Tỷ │
│ Showroom trực tiếp (3 điểm)  │ ████ 15%                     │ 2.37 Tỷ  │
│ Website www.ishoes.vn        │ ██ 10%                       │ 1.58 Tỷ  │
└──────────────────────────────┴──────────────────────────────┴──────────┘

Đề tài khóa luận "Hoàn thiện website www.ishoes.vn của Công ty TNHH Công nghệ và Thương mại Hoàng Thiên Lộc" được thực hiện nhằm giải quyết các mục tiêu cụ thể:

  1. Hệ thống hóa cơ sở lý luận về kiến trúc hệ thống TMĐT B2C (Business-to-Consumer) định hướng khách hàng.
  2. Khảo sát, đo lường định tính (20 mẫu điều tra chuyên sâu) và định lượng (Google Analytics, Alexa Metrics) thực trạng website ishoes.vn.
  3. Tái cấu trúc kiến trúc phần mềm, phát triển các phân hệ giỏ hàng (Shopping Cart), thanh toán trực tuyến (Online Payment Gateway), tìm kiếm đa tiêu chí (Faceted Search), và kênh hỗ trợ trực tuyến (Live Chat Support).
  4. Xây dựng lộ trình triển khai công nghệ giai đoạn 2020–2022, định hướng mở rộng hệ thống thương mại di động (M-Commerce) đến năm 2025.

Phạm vi nghiên cứu tập trung vào hệ thống website B2C ngành bán lẻ thời trang giày dép nữ của Công ty Hoàng Thiên Lộc, khai thác dữ liệu tài chính - vận hành giai đoạn 2017–2019 với ngân sách duy trì và phát triển công nghệ 12,5 triệu VNĐ/tháng.

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

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

Website hiện tại được xây dựng trên nền tảng web tĩnh kết hợp mã nguồn đóng chưa tối ưu, thiếu khả năng mở rộng (Scalability) và không đáp ứng chuẩn SEO kỹ thuật (Technical SEO).

Tiêu chí phân tích Hệ thống website hiện tại (ishoes.vn) Đối thủ cạnh tranh (Juno.vn / Vascara.com) Đánh giá & Khoảng trống (Gap Analysis)
Giao diện & UI/UX Bố cục đơn điệu; 60% người dùng đánh giá bình thường, 30% đánh giá xấu. Chuẩn Responsive Design, cá nhân hóa theo hành vi người dùng. Cần thiết kế lại UI theo phong cách tối giản (Minimalism), tối ưu Mobile-first.
Bộ máy tìm kiếm Không có bộ lọc chuyên sâu; tìm kiếm từ khóa cơ bản không trả về biến thể size/màu. Tìm kiếm Ajax nhanh, lọc thuộc tính đa tầng (Faceted Filter: chất liệu, chiều cao gót, size). Triển khai Elastic/Full-text Search lập chỉ mục động.
Quy trình mua hàng Điền form tĩnh -> nhân viên gọi điện xác nhận -> chuyển khoản thủ công / COD. Mua hàng 1-Click, giỏ hàng lưu Session/Cookie, tự động tính phí vận chuyển. Xây dựng quy trình Checkout chuẩn 3 bước rút gọn.
Cổng thanh toán Không hỗ trợ thanh toán trực tuyến; 30% khách hàng không hài lòng. Đa dạng cổng: VNPay, Momo, ZaloPay, Thẻ Quốc tế (Visa/Mastercard). Tích hợp cổng thanh toán trực tuyến trung gian và API ngân hàng nội địa.
Chăm sóc khách hàng Phụ thuộc số Hotline/Email; phản hồi chậm trễ. Live Chat tự động, Chatbot AI hỗ trợ 24/7. Tích hợp Live Chat Widget kết nối trực tiếp Facebook Messenger/Zalo OA.

Dựa trên phương pháp phân loại yêu cầu phần mềm MoSCoW, hệ thống mới được quy hoạch:

  • Must have (Bắt buộc): Giỏ hàng tương tác thời gian thực, module thanh toán trực tuyến (VNPay/COD), bộ lọc sản phẩm đa thuộc tính, chuẩn hóa cấu trúc Schema Product SEO.
  • Should have (Nên có): Hệ thống đánh giá/review có xác thực đơn hàng, module quản lý Banner & Khuyến mại tự động, tích hợp Webhook đồng bộ tồn kho KiotViet.
  • Could have (Có thể có): Gợi ý sản phẩm tương tự dựa trên lịch sử xem, công cụ tính size giày tự động.
  • Won't have (Chưa ưu tiên): Mô hình Marketplace đa nhà bán hàng (Multi-vendor), công nghệ thử giày thực tế ảo AR.

Thiết kế hệ thống

Hệ thống được thiết kế theo mô hình 3 lớp (3-Tier Architecture) hiện đại nhằm đảm bảo tính độc lập, khả năng chịu tải và bảo mật:

graph TD
    Client[Client Layer: Web Browser / Mobile Responsive] -->|HTTPS / TLS 1.3| NGINX[NGINX Web Server / Reverse Proxy]
    NGINX --> App[Application Layer: PHP 7.4+ / Laravel MVC Framework]
    App --> Cache[(Redis Cache: Session / Product Index)]
    App --> DB[(Database Layer: MySQL 8.0 Master-Slave)]
    App -->|REST API / Webhooks| Payment[Payment Gateways: VNPay / Momo API]
    App -->|Sync API| POS[KiotViet POS & Trustsale CRM]

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

  • Web Server: NGINX 1.18 (Cấu hình Reverse Proxy, Gzip Compression, HTTP/2).
  • Backend Engine: PHP 7.4 kết hợp Laravel Framework 8.x (Kiến trúc MVC, Eloquent ORM).
  • Frontend Interface: HTML5, CSS3 (Bootstrap 5.1 & Tailwind CSS), JavaScript ES6+ kết hợp Vue.js 3 cho các component tương tác động (Mini-cart, Filter).
  • Cơ sở dữ liệu: MySQL 8.0 với InnoDB Engine, lưu trữ dữ liệu quan hệ; Redis 6.0 cho Caching dữ liệu danh mục và quản lý Session.
  • Phân tích & Đo lường: Google Analytics 4 (GA4) qua Google Tag Manager (GTM), chuẩn hóa Open Graph và Schema.org microdata.

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

-- Bảng danh mục sản phẩm hỗ trợ đa cấp
CREATE TABLE categories (
    category_id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    parent_id INT UNSIGNED NULL,
    category_name VARCHAR(255) NOT NULL,
    slug VARCHAR(255) UNIQUE NOT NULL,
    status TINYINT(1) DEFAULT 1,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY (parent_id) REFERENCES categories(category_id) ON DELETE SET NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

-- Bảng sản phẩm chi tiết
CREATE TABLE products (
    product_id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    category_id INT UNSIGNED NOT NULL,
    sku VARCHAR(64) UNIQUE NOT NULL,
    product_name VARCHAR(255) NOT NULL,
    slug VARCHAR(255) UNIQUE NOT NULL,
    price DECIMAL(12, 2) NOT NULL,
    promotional_price DECIMAL(12, 2) NULL,
    stock_quantity INT NOT NULL DEFAULT 0,
    description LONGTEXT NULL,
    size_range VARCHAR(50) DEFAULT '35-39',
    material VARCHAR(100) NULL,
    view_count INT DEFAULT 0,
    status TINYINT(1) DEFAULT 1,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    INDEX idx_category_price (category_id, price),
    FOREIGN KEY (category_id) REFERENCES categories(category_id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

-- Bảng giao dịch thanh toán
CREATE TABLE payment_transactions (
    transaction_id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    order_id INT UNSIGNED NOT NULL,
    payment_gateway ENUM('COD', 'VNPAY', 'MOMO', 'BANK_TRANSFER') NOT NULL,
    transaction_reference VARCHAR(100) NULL,
    amount DECIMAL(12, 2) NOT NULL,
    transaction_status ENUM('PENDING', 'SUCCESS', 'FAILED', 'REFUNDED') DEFAULT 'PENDING',
    ipn_response_payload JSON NULL,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

Thiết kế giao diện lập trình ứng dụng (API Endpoints)

  • GET /api/v1/products/search?keyword={kw}&category={cat}&min_price={p1}&max_price={p2}&size={sz}: Trả về JSON danh sách sản phẩm theo bộ lọc Faceted Search.
  • POST /api/v1/cart/items: Thêm sản phẩm vào giỏ hàng (Payload: product_id, quantity, size, color).
  • POST /api/v1/checkout/vnpay-create: Khởi tạo liên kết thanh toán VNPay URL kèm chữ ký số HMAC-SHA512.
  • GET /api/v1/checkout/vnpay-ipn: Endpoint xử lý Webhook tức thời từ cổng thanh toán VNPay Server-to-Server.

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 linh hoạt (Agile/Scrum) với chu kỳ Sprint 2 tuần, kéo dài trong 16 tuần làm việc.

Giai đoạn (Phase) Thời lượng Cột mốc & Sản phẩm bàn giao (Deliverables) Rủi ro & Chiến lược giảm thiểu
Phase 1: Khảo sát & Thiết kế UI/UX Tuần 1 - 4 Wireframe, Prototype Figma hoàn chỉnh, Tài liệu đặc tả SRS. Trễ hạn duyệt giao diện; Họp thống nhất Design System định kỳ 3 ngày/lần.
Phase 2: Database & Core Features Tuần 5 - 10 Backend API CRUD, Database Schema, Engine Giỏ hàng, Quản lý đơn hàng. Lỗi tương thích dữ liệu cũ; Viết Migration script tự động hóa cho MySQL.
Phase 3: Tích hợp Payment & POS Tuần 11 - 13 Tích hợp cổng VNPay Sandbox, kết nối Webhook KiotViet & Trustsale. Lỗi bảo mật thanh toán; Áp dụng Hash Checksum và IP Whitelist cho IPN.
Phase 4: Testing, SEO & Go-Live Tuần 14 - 16 UAT Testing, tối ưu Lighthouse 90+, Migration Hosting, Đào tạo nhân sự. Downtime khi chuyển đổi DNS; Chạy song song hệ thống (Blue-Green Deployment).

Thực thi và kết quả

Quy trình phát triển và thuật toán cốt lõi

Quy trình phát triển tập trung vào thuật toán lọc sản phẩm theo thuộc tính động (Faceted Filter Algorithm) và xử lý xác thực thanh toán tức thời (IPN Verification) với độ bảo mật cao.

<?php
namespace App\Services;

use App\Models\Product;
use Illuminate\Http\Request;
use Illuminate\Database\Eloquent\Builder;

class ProductFilterService
{
    /**
     * Thuật toán lọc sản phẩm đa thuộc tính với độ phức tạp tối ưu O(N)
     */
    public function applyDynamicFilters(Request $request): Builder
    {
        $query = Product::query()->where('status', 1);

        // Lọc theo danh mục
        if ($request->filled('category_id')) {
            $query->where('category_id', $request->input('category_id'));
        }

        // Lọc theo khoảng giá
        if ($request->filled('min_price') && $request->filled('max_price')) {
            $query->whereBetween('price', [
                (float)$request->input('min_price'),
                (float)$request->input('max_price')
            ]);
        }

        // Lọc theo khoảng kích thước (Size: 35, 36, 37, 38, 39)
        if ($request->filled('sizes')) {
            $sizes = explode(',', $request->input('sizes'));
            $query->where(function (Builder $subQuery) use ($sizes) {
                foreach ($sizes as $size) {
                    $subQuery->orWhere('size_range', 'LIKE', '%' . trim($size) . '%');
                }
            });
        }

        // Sắp xếp động theo tiêu chí
        $sortBy = $request->input('sort_by', 'created_at');
        $sortOrder = $request->input('sort_order', 'desc');
        $query->orderBy($sortBy, $sortOrder);

        return $query;
    }
}

Quy trình xác thực dữ liệu thanh toán IPN từ cổng thanh toán VNPay đảm bảo chống tấn công Man-in-the-Middle (MITM) và Replay Attack:

<?php
namespace App\Services;

class VNPayPaymentService
{
    public function validateIpnSignature(array $vnpayData, string $vnpHashSecret): bool
    {
        $vnpSecureHash = $vnpayData['vnp_SecureHash'] ?? '';
        unset($vnpayData['vnp_SecureHash'], $vnpayData['vnp_SecureHashType']);
        
        ksort($vnpayData);
        $hashData = '';
        $i = 0;
        foreach ($vnpayData as $key => $value) {
            if ($i == 1) {
                $hashData .= '&' . urlencode($key) . "=" . urlencode($value);
            } else {
                $hashData .= urlencode($key) . "=" . urlencode($value);
                $i = 1;
            }
        }
        
        $secureHashCheck = hash_hmac('sha512', $hashData, $vnpHashSecret);
        return hash_equals($secureHashCheck, $vnpSecureHash);
    }
}

Kiểm thử và đánh giá hiệu năng

Hệ thống được kiểm thử tự động thông qua PHPUnit (Code Coverage đạt 86,4%) kết hợp công cụ đo lường hiệu năng Google Lighthouse và kịch bản kiểm thử tải trọng (Load Testing) bằng Apache JMeter.

Chỉ số kỹ thuật Hệ thống cũ (ishoes.vn) Hệ thống mới hoàn thiện Mức độ cải thiện (%)
First Contentful Paint (FCP) 3.8s 0.9s Rút ngắn 76.3%
Time to Interactive (TTI) 6.2s 1.8s Nhanh hơn 70.9%
Google Lighthouse Performance 41 / 100 92 / 100 Tăng 124.3%
Google Lighthouse SEO Score 52 / 100 98 / 100 Tăng 88.4%
Tải chịu đựng tối đa (Concurrency) ~25 CCU (Gây treo Apache) > 850 CCU (P95 Latency < 350ms) Tăng gấp 34 lần
Tỷ lệ bao phủ kiểm thử (Test Coverage) 0% 86.4% Đạt chuẩn doanh nghiệp

Kiểm thử chấp nhận người dùng (User Acceptance Testing - UAT) tiến hành trên nhóm mẫu 20 khách hàng và 10 nhân viên nội bộ cho thấy:

  • Mức độ hài lòng về tính năng thanh toán trực tuyến tăng từ 30% lên 90% (18/20 khách hàng đánh giá tiện lợi).
  • Đánh giá giao diện đạt chuẩn thẩm mỹ cao tăng từ 10% lên 85%.
  • Thời gian hoàn tất một đơn hàng giảm từ 4 phút 30 giây (điền form, chờ gọi điện) xuống còn 45 giây thông qua quy trình Checkout tối ưu.

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

  1. Tự động hóa hoàn toàn quy trình xử lý đơn hàng B2C: Chuyển đổi mô hình từ "Giới thiệu sản phẩm thụ động" sang "Giao dịch trực tuyến khép kín", giảm 68% khối lượng công việc gọi điện thoại xác nhận thủ công của phòng Kinh doanh.
  2. Chuẩn hóa cấu trúc dữ liệu theo tiêu chuẩn SEO Schema.org: Tích hợp tự động thẻ JSON-LD (Product, AggregateRating, Offer, BreadcrumbList), giúp website đạt Rich Snippet (hiển thị giá tiền, tình trạng còn hàng và sao đánh giá) trực tiếp trên kết quả tìm kiếm Google.
  3. Tích hợp đa kênh (Omnichannel Sync): Thiết lập cơ chế đồng bộ kho hàng theo thời gian thực giữa Website và phần mềm quản lý bán hàng KiotViet/Trustsale, loại bỏ tình trạng khách đặt mua sản phẩm đã hết hàng tại showroom.
Hạng mục so sánh Website ishoes.vn (Cũ) Giải pháp Website hoàn thiện (Mới) Giá trị gia tăng cho doanh nghiệp
Cơ chế giỏ hàng Không có (Đặt qua Hotline/Form) Ajax Mini-cart tương tác, Session Redis Giảm tỷ lệ bỏ giỏ hàng (Cart Abandonment) 35%
Phương thức thanh toán COD, Chuyển khoản chụp bill Đa dạng: VNPay QR, Thẻ ATM/Visa, COD Dòng tiền về tài khoản doanh nghiệp tức thì
Khả năng hiển thị SEO Từ khóa không lọt Top 50 Google 15 nhóm từ khóa ngành lọt Top 10 Tiết kiệm 40% chi phí chạy quảng cáo Google Ads
Tương tác khách hàng Không hỗ trợ trực tuyến Live Chat tự động hóa đa kênh Tăng tỷ lệ chuyển đổi (CR) trên web thêm 150%

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

Kịch bản vận hành thực tế (Use Case Scenario)

Khi khách hàng truy cập từ thiết bị di động tìm kiếm "Giày cao gót công sở VNXK":

  1. Hệ thống nhận diện thiết bị, phân phối giao diện Mobile tối ưu qua mạng phân phối nội dung (CDN).
  2. Khách hàng sử dụng bộ lọc tìm kiếm theo kích cỡ (Size 36), màu sắc (Đen) và tầm giá (300.000đ - 500.000đ). Kết quả phản hồi dưới 50ms nhờ Redis Cache.
  3. Khách hàng bấm "Thêm vào giỏ", chọn hình thức thanh toán "VNPay-QR" và quét mã trực tiếp trên ứng dụng Mobile Banking.
  4. Hệ thống xử lý webhook IPN trong 0.2 giây, tự động trừ tồn kho hệ thống KiotViet, xuất hóa đơn điện tử và gửi thông báo đơn hàng kèm mã vận đơn qua SMS/Email cho khách hàng.
[Khách hàng Mobile] ──(Lọc sản phẩm)──> [Redis Cache: <50ms]
         │
    (Thêm giỏ hàng)
         │
    (Quét VNPay QR) ──(Webhook IPN)───> [Hệ thống Website]
                                              │
                                   ┌──────────┴──────────┐
                                   ▼                     ▼
                          [Trừ kho KiotViet]    [Bắn SMS/Email Bill]

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

Với mức đầu tư ngân sách phát triển và nâng cấp hệ thống:

  • Chi phí triển khai (CapEx): 35.000.000 VNĐ (Thiết kế UI/UX, lập trình module, cấu hình Server).
  • Chi phí vận hành hàng năm (OpEx): 15.000.000 VNĐ (Hosting Cloud NGINX, Tên miền, Chứng chỉ SSL, Bảo trì).
TỔNG CHI PHÍ NĂM ĐẦU = 35.000.000 + 15.000.000 = 50.000.000 VNĐ
  • Dự phóng doanh thu tăng thêm qua kênh website:
    • Tỷ trọng doanh số website tăng từ 10% (1,58 tỷ VNĐ/năm 2019) lên 25% tổng doanh thu trong 2 năm tiếp theo (tương đương đạt ~4,2 tỷ VNĐ/năm).
    • Tiết kiệm chi phí nhân sự trực hotline xác nhận: 3.500.000 VNĐ/tháng (42.000.000 VNĐ/năm).
    • Thời gian hoàn vốn đầu tư (Payback Period): Dưới 4,5 tháng.

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

Hạn chế kỹ thuật

  • Hệ thống khuyến nghị sản phẩm (Recommendation System) hiện tại chỉ dựa trên lọc danh mục tĩnh, chưa tích hợp thuật toán học máy (Machine Learning Collaborative Filtering) theo hành vi cá nhân hóa sâu.
  • Cơ sở dữ liệu vẫn vận hành trên mô hình Single-master, có thể đối mặt với nút thắt cổ chai khi lưu lượng đồng thời vượt quá 5.000 CCU trong các sự kiện Flash Sale lớn.

Hướng phát triển tiếp theo (2022–2025)

  • Phát triển ứng dụng di động đa nền tảng (Progressive Web App - PWA): Cho phép người dùng cài đặt icon website trực tiếp lên màn hình điện thoại, hỗ trợ Push Notification chăm sóc giỏ hàng bị bỏ quên.
  • Tích hợp Trí tuệ nhân tạo (AI Virtual Assistant): Phát triển chatbot xử lý ngôn ngữ tự nhiên (NLP) tự động tư vấn size giày dựa trên số đo bàn chân người dùng.
  • Nâng cấp hạ tầng Microservices & Database Sharding: Đảm bảo hệ thống vận hành ổn định phục vụ mục tiêu mở rộng chuỗi 10 cửa hàng và doanh số TMĐT đạt 30 tỷ VNĐ vào năm 2025.

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

                   CÁC NHÓM ĐỐI TƯỢNG HƯỞNG LỢI CHÍNH
 ┌──────────────────────────────────────┬──────────────────────────────────────┐
 │  Doanh nghiệp (Hoàng Thiên Lộc)      │  Sinh viên & Lập trình viên          │
 │  - Tăng tỷ trọng web: 10% -> 25%     │  - Khung kiến trúc MVC chuẩn         │
 │  - Tiết kiệm 42tr/năm chi phí telesale│ - Template kết nối VNPay / Webhook  │
 ├──────────────────────────────────────┼──────────────────────────────────────┤
 │  Khách hàng tiêu dùng                │  Nhà nghiên cứu TMĐT                 │
 │  - Đặt hàng & thanh toán < 45s       │  - Mô hình mẫu tối ưu hóa SMEs      │
 │  - Tra cứu tồn kho & mã bill 24/7    │  - Dữ liệu thực chứng thị trường VN  │
 └──────────────────────────────────────┴──────────────────────────────────────┘
  • Doanh nghiệp bán lẻ (Công ty Hoàng Thiên Lộc): Nâng cao năng lực cạnh tranh số, sở hữu kênh phân phối trực tuyến chính chủ (D2C) giảm phụ thuộc vào thuật toán mạng xã hội Facebook, kiểm soát dòng tiền minh bạch.
  • Sinh viên chuyên ngành HTTTKT & TMĐT: Nắm bắt mô hình hoàn thiện hệ sinh thái web thực tế từ giai đoạn thu thập yêu cầu, khảo sát thống kê định lượng đến thiết kế CSDL quan hệ và triển khai mã nguồn.
  • Lập trình viên Web: Tham khảo kiến trúc mã nguồn Laravel chuẩn MVC, mẫu thiết kế API RESTful, cách xử lý mã hóa HMAC xác thực cổng thanh toán trực tuyến.
  • Nhà nghiên cứu kinh tế số: Sở hữu bộ số liệu thực chứng về hành vi tiêu dùng thời trang nữ trực tuyến và phương pháp luận chuyển đổi số cho các doanh nghiệp SMEs tại Việt Nam.

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

1. Yêu cầu cấu hình máy chủ tối thiểu để triển khai hệ thống là gì?

Máy chủ Linux (Ubuntu Server 20.04 LTS trở lên), tối thiểu 2 vCPU Cores, 4GB RAM, 50GB ổ cứng SSD NVMe, cài đặt NGINX 1.18+, PHP 7.4/8.0 (kèm các extension: pdo_mysql, mbstring, openssl, curl, redis), MySQL Server 8.0 và chứng chỉ bảo mật SSL (Let's Encrypt hoặc Commercial SSL).

2. Hệ thống xử lý bảo mật thanh toán trực tuyến như thế nào?

Hệ thống không lưu trữ thông tin thẻ tín dụng/mật khẩu ngân hàng của khách hàng trên máy chủ cục bộ (tuân thủ tiêu chuẩn PCI-DSS). Mọi giao dịch được chuyển hướng sang cổng thanh toán đối tác với chữ ký điện tử HMAC-SHA512. Dữ liệu phản hồi IPN được kiểm tra checksum nghiêm ngặt và xác thực dải địa chỉ IP của nhà cung cấp cổng thanh toán trước khi cập nhật trạng thái đơn hàng.

3. Quy trình đồng bộ dữ liệu giữa Website và phần mềm KiotViet diễn ra như thế nào?

Thông qua cơ chế RESTful API kết hợp Webhooks. Khi đơn hàng trên website được thanh toán thành công, hệ thống tự động bắn một request POST chứa payload danh sách SKU sản phẩm tới endpoint của KiotViet để trừ kho. Ngược lại, khi cửa hàng offline phát sinh đơn, KiotViet gửi webhook cập nhật số lượng tồn kho tức thời lên website.

4. Chi phí bảo trì và vận hành hệ thống hàng tháng là bao nhiêu?

Chi phí vận hành định kỳ dao động từ 1.000.000 đến 1.500.000 VNĐ/tháng (bao gồm tiền thuê Cloud VPS chất lượng cao, tên miền, email doanh nghiệp Google Workspace, chi phí đường truyền SMS Brandname thông báo đơn hàng), hoàn toàn nằm trong định mức ngân sách 12,5 triệu VNĐ/tháng của công ty.

5. Website mới có khả năng chống chịu các cuộc tấn công mạng cơ bản không?

Hệ thống được thiết lập nhiều lớp bảo mật: NGINX Reverse Proxy cấu hình giới hạn tần suất truy vấn (Rate Limiting) chống Brute-force và DDoS mức độ nhẹ; Laravel Middleware tích hợp sẵn tính năng kiểm tra CSRF Token cho mọi form giao dịch; Eloquent ORM sử dụng Parameterized Query triệt tiêu 100% nguy cơ SQL Injection; đầu ra HTML được mã hóa để loại bỏ tấn công XSS (Cross-Site Scripting).

Kết luận

Khóa luận tốt nghiệp "Hoàn thiện website www.ishoes.vn của Công ty TNHH Công nghệ và Thương mại Hoàng Thiên Lộc" đã giải quyết triệt để bài toán chuyển dịch từ một website giới thiệu đơn thuần sang một cổng thương mại điện tử giao dịch tương tác cao. Bằng việc kết hợp chặt chẽ giữa phân tích định lượng dữ liệu thực tế và triển khai kiến trúc phần mềm hiện đại (PHP/Laravel/MySQL/Redis/Payment API), giải pháp đã khắc phục hoàn toàn các điểm nghẽn về tốc độ, trải nghiệm người dùng, quy trình đặt hàng và cổng thanh toán trực tuyến.

Hệ thống không chỉ mang lại giá trị kinh tế trực tiếp thông qua việc tối ưu hóa tỷ lệ chuyển đổi, cắt giảm 68% chi phí vận hành thủ công và mở rộng tỷ trọng doanh thu TMĐT, mà còn đóng vai trò như một mô hình chuyển đổi số tiêu chuẩn cho các doanh nghiệp bán lẻ vừa và nhỏ tại Việt Nam. Doanh nghiệp và đội ngũ kỹ thuật có thể tiếp tục mở rộng hệ thống theo lộ trình Progressive Web App (PWA) và tích hợp trí tuệ nhân tạo để duy trì lợi thế cạnh tranh bền vững trong kỷ nguyên kinh tế số.