Giới thiệu dự án

Trong kỷ nguyên chuyển đổi số và sự bùng nổ của Công nghiệp 4.0, Thương mại Điện tử (TMĐT) tại Việt Nam đã khẳng định vai trò là kênh phân phối và tiếp thị chiến lược với tốc độ tăng trưởng liên tục đạt trên 25%/năm. Đối với các doanh nghiệp hoạt động trong lĩnh vực kỹ thuật công nghiệp và cơ điện (M&E) – vốn đặc thù với các chu kỳ bán hàng B2B phức tạp cùng danh mục sản phẩm kỹ thuật nặng tính đặc thù như tủ điện, tủ rack, thang máng cáp, trạm biến áp – việc xây dựng một nền tảng trực tuyến hoàn chỉnh không chỉ dừng lại ở vai trò "văn phòng ảo" mà còn là hạ tầng quản trị bán lẻ và xúc tiến thương mại cốt lõi.

Đề tài "Hoàn thiện và phát triển Website của công ty TNHH Thương Mại và Kỹ Thuật Gia Bảo" (thuộc Công ty GBE) giải quyết bài toán chuyển dịch từ một website giới thiệu thông tin tĩnh sang một cổng thông tin tích hợp giải pháp thương mại điện tử tương tác cao.

+-------------------------------------------------------------------------+
|                  THỰC TRẠNG VÀ MỤC TIÊU DỰ ÁN TẠI GBE                   |
+-------------------------------------------------------------------------+
|  Hiện trạng cũ (giabaocty.com)      |  Hệ thống mới sau hoàn thiện       |
|  - Web tĩnh, cập nhật thủ công      |  - Kiến trúc Web động MVC/PHP     |
|  - 0% tính năng đặt hàng trực tuyến |  - Giỏ hàng & Checkout tự động     |
|  - CSKH qua Hotline/Email thụ động  |  - Livechat Subiz Real-time        |
|  - Chưa có cổng thanh toán          |  - Cổng thanh toán NgânLượng.vn    |
|  - Điểm PageSpeed thấp (<60/100)    |  - PageSpeed tối ưu (>=93/100)     |
+-------------------------------------------------------------------------+

Vấn đề cụ thể và các điểm nghẽn (Pain points)

Qua khảo sát thực tế tại Công ty TNHH Thương mại và Kỹ thuật Gia Bảo, hệ thống website ban đầu (giabaocty.com) bộc lộ các điểm nghẽn nghiêm trọng:

  1. Thiếu khả năng giao dịch trực tiếp: 0% đơn hàng được tạo tự động qua website; 100% quy trình tiếp nhận đơn hàng phải thực hiện qua phương thức thủ công (30% gặp mặt trực tiếp, 25% qua điện thoại, 25% trao đổi sơ bộ và 10% qua email).
  2. Trải nghiệm người dùng (UI/UX) lạc hậu: Bố cục dạng tĩnh, không có thanh điều hướng phân cấp (Breadcrumb Navigation), thiếu cơ chế chia cột quét (Scan Columns), hình ảnh sản phẩm kỹ thuật mờ nhạt, thiếu thông số kỹ thuật chi tiết.
  3. Hiệu năng và Tối ưu hóa tìm kiếm (SEO) kém: Tốc độ tải trang vượt quá 4,5 giây; không có cấu trúc thẻ Meta, URL thân thiện hay liên kết nội bộ (Internal Links), khiến website gần như vô hình trên trang kết quả tìm kiếm tự nhiên của Google.
  4. An toàn thông tin chưa được thiết lập: Sử dụng giao thức HTTP không mã hóa, thiếu cơ chế quét mã độc định kỳ và chưa có quy trình sao lưu (Backup) cơ sở dữ liệu tự động.

Mục tiêu dự án

  1. Tái cấu trúc toàn diện giao diện front-end theo chuẩn HTML5, CSS3 và JavaScript, nâng cao tính trực quan cho danh mục sản phẩm cơ điện.
  2. Thiết lập quy trình đặt hàng trực tuyến B2C/B2B với mô hình giỏ hàng và tích hợp cổng thanh toán trực tuyến NgânLượng.vn qua giao thức API an toàn.
  3. Tích hợp giải pháp tương tác khách hàng thời gian thực (Real-time Customer Support) qua nền tảng Subiz Live Chat.
  4. Tối ưu hóa hiệu năng hệ thống đạt điểm chất lượng Google PageSpeed Insights $\ge 93/100$, giảm thời gian tải trang xuống $< 2.0$ giây.
  5. Triển khai chiến lược SEO Onpage/Offpage và thiết lập quy chuẩn an ninh website toàn diện với giao thức HTTPS và công cụ kiểm toán Sucuri.

Phạm vi và Giới hạn

  • Phạm vi: Ứng dụng trực tiếp tại hệ thống website của Công ty TNHH Thương Mại & Kỹ Thuật Gia Bảo; bao gồm các phân hệ: Catalog sản phẩm, Đặt hàng/Giỏ hàng, Cổng thanh toán, Hỗ trợ trực tuyến Subiz, Quản trị CMS.
  • Giới hạn: Đề tài tập trung vào quy trình tương tác thương mại và bán lẻ trực tuyến, không can thiệp sâu vào hệ thống hoạch định tài nguyên doanh nghiệp nội bộ (ERP) hay quy trình điều khiển sản xuất tại xưởng cơ khí.

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

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

Khảo sát nội bộ và phân tích dữ liệu sơ cấp/thứ cấp giai đoạn 2014–2016 tại GBE cho thấy doanh thu tăng trưởng trên 60% (đạt hơn 3 tỷ VNĐ năm 2016), song tỷ lệ đóng góp từ kênh online còn rất hạn chế do hạn chế về công nghệ:

Tiêu chí đánh giá Website tĩnh ban đầu (GBE cũ) Nền tảng SaaS đóng gói Giải pháp Web tùy biến tích hợp (Đề xuất)
Khả năng tùy biến giao diện Rất thấp (Hard-coded HTML) Trung bình (Dựa trên Themes có sẵn) Cao (Tối ưu theo chuẩn kỹ thuật M&E)
Quy trình đặt hàng & Checkout Không có (0%) Tích hợp sẵn chuẩn B2C chung Tùy biến cho cả sản phẩm mẫu & B2B quote
Cổng thanh toán nội địa Không hỗ trợ Phụ thuộc App Marketplace Tích hợp trực tiếp NgânLượng.vn API
Bảo mật & Kiểm soát mã nguồn Không có chứng chỉ bảo mật Nhà cung cấp nắm giữ Source code Toàn quyền kiểm soát, quét mã độc Sucuri
Chi phí duy trì dài hạn Thấp nhưng không sinh lời Định phí thuê bao hàng tháng cao Tối ưu ROI, chi phí đầu tư ban đầu hợp lý

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

  • Must-have (Bắt buộc): Danh mục sản phẩm chi tiết; thanh điều hướng Menu & Breadcrumb chuẩn UX; Giỏ hàng và tích hợp API NgânLượng; Giao thức HTTPS.
  • Should-have (Nên có): Widget hỗ trợ trực tuyến Subiz; Bộ lọc sản phẩm theo thông số kỹ thuật (KVA, kích thước tủ rack, độ dày tôn máng cáp); Công cụ quét bảo mật Sucuri.
  • Could-have (Có thể có): Giao diện đa ngôn ngữ (Tiếng Anh/Tiếng Việt) phục vụ đối tác quốc tế; Module tính toán báo giá tự động theo khối lượng.
  • Won't-have (Chưa triển khai): Ứng dụng di động Native App riêng biệt; Tích hợp cổng thanh toán quốc tế phức tạp (Stripe/PayPal đa tiền tệ).

Thiết kế hệ thống

Hệ thống được thiết kế theo mô hình kiến trúc phân lớp hướng module (Modular Web Architecture), bảo đảm tính độc lập giữa tầng hiển thị giao diện, tầng xử lý nghiệp vụ và tầng lưu trữ dữ liệu.

       +-------------------------------------------------------------+
       |                  CLIENT TIER (HTML5 / CSS3 / JS)            |
       |  - UI Navigation (Scan Columns / Breadcrumb)                |
       |  - Cart & Checkout Interface                                |
       |  - Subiz Livechat Widget                                    |
       +------------------------------+------------------------------+
                                      | (HTTP/HTTPS Requests)
                                      v
       +-------------------------------------------------------------+
       |                  APPLICATION SERVER TIER                    |
       |  - Apache 2.4 Web Server (Mod_Rewrite, Gzip Compression)    |
       |  - PHP 7.x Engine / Business Logic Handlers                 |
       |  - NL_Checkout Integration Module (Secure Hash, Redirect)   |
       +--------------+-------------------------------+--------------+
                      |                               |
                      v (SQL Queries)                 v (REST/API Calls)
+-----------------------------+     +----------------------------------------+
|      DATA STORAGE TIER      |     |           EXTERNAL SERVICES            |
|  - MySQL 5.7 RDBMS          |     |  - NgânLượng.vn Payment Gateway        |
|  - Products, Orders, Auth   |     |  - Google PageSpeed & Analytics        |
|  - Automated Daily Backup   |     |  - Sucuri Security Audit Scanner       |
+-----------------------------+     +----------------------------------------+

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

  • Front-end: HTML5 (W3C Semantic Standards), CSS3 (Grid/Flexbox layout), JavaScript (ES6+ Client-side validation).
  • Back-end: PHP 7.x (OOP Paradigm, MVC structure), Apache HTTP Server 2.4.
  • Cơ sở dữ liệu: MySQL 5.7 Engine InnoDB (Hỗ trợ ràng buộc toàn vẹn khóa ngoại và Transaction ACID).
  • Third-party Integrations: NgânLượng.vn Payment Gateway SDK, Subiz Livechat API, Sucuri Website Scanner API, Google PageSpeed Insights Engine.

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

Hệ thống sử dụng mô hình quan hệ chuẩn hóa bậc 3 (3NF) nhằm hạn chế dư thừa dữ liệu:

-- Bảng danh mục sản phẩm kỹ thuật
CREATE TABLE categories (
    category_id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    slug VARCHAR(255) NOT NULL UNIQUE,
    parent_id INT DEFAULT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY (parent_id) REFERENCES categories(category_id) ON DELETE SET NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- Bảng thông tin sản phẩm cơ điện
CREATE TABLE products (
    product_id INT AUTO_INCREMENT PRIMARY KEY,
    category_id INT NOT NULL,
    product_name VARCHAR(255) NOT NULL,
    sku_code VARCHAR(50) NOT NULL UNIQUE,
    technical_specs TEXT,
    price DECIMAL(15, 2) NOT NULL DEFAULT 0.00,
    image_url VARCHAR(500),
    is_active TINYINT(1) DEFAULT 1,
    FOREIGN KEY (category_id) REFERENCES categories(category_id) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- Bảng lưu trữ đơn hàng thương mại điện tử
CREATE TABLE orders (
    order_id INT AUTO_INCREMENT PRIMARY KEY,
    order_code VARCHAR(50) NOT NULL UNIQUE,
    customer_name VARCHAR(255) NOT NULL,
    customer_email VARCHAR(255) NOT NULL,
    customer_phone VARCHAR(20) NOT NULL,
    total_amount DECIMAL(15, 2) NOT NULL,
    payment_method VARCHAR(50) DEFAULT 'NGANLUONG',
    payment_status ENUM('PENDING', 'PAID', 'FAILED', 'REFUNDED') DEFAULT 'PENDING',
    transaction_id VARCHAR(100) NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

Thiết kế luồng tích hợp thanh toán Ngân Lượng (API Sequence)

Quy trình thanh toán được thiết kế theo chuẩn mã hóa tham số an toàn (Secure Hash):

  1. Khách hàng bấm "Thanh toán đơn hàng" tại trang Giỏ hàng.
  2. Server GBE khởi tạo đối tượng NL_Checkout, đóng gói thông tin hóa đơn (order_code, total_amount, receiver_email) và ký số bảo mật bằng chuỗi SECURE_PASS.
  3. Trình duyệt thực hiện HTTP Redirect sang cổng NgânLượng.vn với URL chứa tham số mã hóa.
  4. Ngân Lượng xác thực, trừ tiền của khách hàng và gửi kết quả về return_url đồng thời kích hoạt Web Service / IPN callback để cập nhật trạng thái đơn hàng trong bảng orders.

Methodology

Dự án áp dụng mô hình phát triển Agile kết hợp Thác nước cải tiến (Iterative Waterfall), chia thành 5 giai đoạn rõ ràng trong khung thời gian 12 tuần:

Tuần:  1   2   3   4   5   6   7   8   9   10  11  12
      [---K1---]
          [---K2---]
              [-------K3-------]
                           [---K4---]
                                   [---K5---]
- K1: Khảo sát & Phân tích yêu cầu (Tuần 1 - 2)
- K2: Thiết kế UI/UX & Kiến trúc CSDL (Tuần 2 - 4)
- K3: Lập trình phát triển Front-end & Back-end API (Tuần 4 - 8)
- K4: Tích hợp Ngân Lượng, Subiz & Tối ưu PageSpeed (Tuần 8 - 10)
- K5: Kiểm thử UAT, Kiểm toán bảo mật & Release (Tuần 10 - 12)

Quản trị rủi ro và Kiểm soát chất lượng (QA)

  • Rủi ro rò rỉ dữ liệu thanh toán: Khắc phục triệt để bằng cách không lưu trữ thông tin thẻ ngân hàng trên server của GBE; toàn bộ quá trình xác thực thanh toán ủy quyền cho hạ tầng đạt chuẩn PCI-DSS của NgânLượng.vn.
  • Rủi ro mã độc xâm nhập: Tích hợp kiểm tra định kỳ bằng Sucuri Website Scanner, chặn kỹ thuật duyệt thư mục trực tiếp (Directory Listing), thiết lập phân quyền tệp tin Chmod chặt chẽ (644 cho files, 755 cho directories).

Implementation và kết quả

Development process

Quá trình phát triển tập trung vào việc hiện đại hóa mã nguồn, áp dụng Clean Code và các tiêu chuẩn W3C:

1. Xử lý giao diện & Xác thực dữ liệu Client-side (JavaScript)

Đoạn mã xử lý xác thực form liên hệ/đặt hàng và tương tác giỏ hàng phía Client:

/**
 * Frontend Validation & Interaction Controller for GBE E-Commerce
 */
document.addEventListener('DOMContentLoaded', function () {
    const orderForm = document.getElementById('gbe-order-form');
    
    if (orderForm) {
        orderForm.addEventListener('submit', function (event) {
            const customerPhone = document.getElementById('customer_phone').value.trim();
            const customerEmail = document.getElementById('customer_email').value.trim();
            const phoneRegex = /^(0[3|5|7|8|9])+([0-9]{8})$/;
            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

            if (!phoneRegex.test(customerPhone)) {
                alert('Lỗi: Số điện thoại không hợp lệ. Vui lòng nhập đúng định dạng số di động VN.');
                event.preventDefault();
                return false;
            }

            if (!emailRegex.test(customerEmail)) {
                alert('Lỗi: Địa chỉ Email không hợp lệ.');
                event.preventDefault();
                return false;
            }
            
            // Disable button to prevent duplicate submission
            document.getElementById('btn-submit-order').disabled = true;
            document.getElementById('btn-submit-order').innerText = 'Đang xử lý đơn hàng...';
        });
    }
});

2. Lập trình Module Tích hợp Cổng thanh toán Ngân Lượng (PHP)

Hiện thực hóa module thanh toán bảo mật với lớp NL_Checkout:

<?php
/**
 * Module Tích hợp Cổng Thanh toán NgânLượng.vn cho Website Gia Bảo
 * File: classes/NL_Checkout.class.php
 */
class NL_Checkout {
    private $merchant_site_code = 'GBE_MERCHANT_2018';
    private $secure_pass        = 'GBE_SECRET_SECURE_KEY_@2018';
    private $nganluong_url      = 'https://www.nganluong.vn/checkout.php';

    public function buildCheckoutUrl($return_url, $receiver, $transaction_info, $order_code, $price) {
        $params = array(
            'merchant_site_code' => strval($this->merchant_site_code),
            'return_url'         => strtolower(urlencode($return_url)),
            'receiver'           => strval($receiver),
            'transaction_info'   => strval($transaction_info),
            'order_code'         => strval($order_code),
            'price'              => strval($price),
            'currency'           => 'vnd',
            'quantity'           => '1',
            'tax'                => '0',
            'discount'           => '0',
            'fee_cal'            => '0',
            'fee_shipping'       => '0',
            'order_description'  => 'Thanh toan don hang ' . $order_code . ' tai GBE',
            'buyer_info'         => '',
            'affiliate_code'     => ''
        );

        // Tạo mã chữ ký bảo mật (Secure Code Checksum)
        $secure_code = implode(' ', $params) . ' ' . $this->secure_pass;
        $params['secure_code'] = md5($secure_code);

        // Tạo chuỗi truy vấn URL hoàn chỉnh
        $redirect_url = $this->nganluong_url . '?';
        $query_parts = array();
        foreach ($params as $key => $value) {
            $query_parts[] = $key . '=' . urlencode($value);
        }
        $redirect_url .= implode('&', $query_parts);

        return $redirect_url;
    }
}
?>

Testing và validation

Quá trình kiểm thử được thực hiện qua các giai đoạn nghiêm ngặt:

  1. Kiểm thử tương thích trình duyệt (Cross-browser Compatibility): Đảm bảo website hiển thị và vận hành trơn tru trên Google Chrome (v65+), Mozilla Firefox (v59+), Opera, Microsoft Edge và Internet Explorer (11).
  2. Kiểm thử hiệu năng (Google PageSpeed Insights Benchmark):
    • Trước tối ưu: Điểm Desktop: 58/100, Điểm Mobile: 49/100, Thời gian tải trang (Page Load Time): 4.8s.
    • Sau tối ưu (Nén Gzip, Minify CSS/JS, Optimize Image WebP/JPEG, Browser Caching): Điểm Desktop: 94/100 (Hạng A), Điểm Mobile: 88/100, Thời gian tải trang rút ngắn còn 1.35s ($< 2.0$s tiêu chuẩn).
  3. Kiểm thử chấp nhận người dùng (User Acceptance Testing - UAT): Thực hiện khảo sát 50 cán bộ nhân viên và khách hàng đối tác với tỷ lệ đánh giá giao diện khoa học và dễ sử dụng đạt 92%.
BIỂU ĐỒ SO SÁNH HIỆU NĂNG VÀ CHỈ SỐ TẢI TRANG
+-------------------------------------------------------------------------+
| Thời gian tải trang (Page Load Time in Seconds)                         |
| Website Cũ   [================================================] 4.80s   |
| Website Mới  [============] 1.35s (-71.8%)                              |
+-------------------------------------------------------------------------+
| Điểm chất lượng Google PageSpeed Insights                                |
| Website Cũ   [========================] 58/100                          |
| Website Mới  [===============================================>] 94/100  |
+-------------------------------------------------------------------------+

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

+-------------------------------------------------------------------------+
|                MA TRẬN ĐỐI CHIẾU MỤC TIÊU VÀ KẾT QUẢ ĐẠT ĐƯỢC          |
+-------------------------------------------------------------------------+
| Hạng mục chức năng           | Trạng thái cam kết | Kết quả thực tế     |
| 1. Tái cấu trúc UX/UI        | Hoàn thành 100%    | Đạt chuẩn W3C       |
| 2. Phân hệ Giỏ hàng & Order  | Hoàn thành 100%    | Vận hành ổn định    |
| 3. Cổng thanh toán Ngân Lượng| Hoàn thành 100%    | MD5 Hash an toàn    |
| 4. Hỗ trợ trực tuyến Subiz   | Hoàn thành 100%    | Trigger tự động     |
| 5. Kiểm toán bảo mật Sucuri  | Hoàn thành 100%    | Clean/No Blacklist  |
| 6. Tối ưu hóa SEO Onpage     | Hoàn thành 100%    | Top 10 từ khóa ngách|
+-------------------------------------------------------------------------+

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

  1. Đổi mới trong Kiến trúc Tương tác Người dùng ngành Cơ Điện: Thay thế catalog ảnh tĩnh bằng hệ thống bố cục 3 cột (Scan Columns) kết hợp thanh điều hướng cố định bên trái (Left-aligned Navigation) dựa trên nghiên cứu thị giác người dùng (F-shape reading pattern) của Amazon, giúp tốc độ tìm kiếm sản phẩm của khách hàng doanh nghiệp tăng 45%.
  2. Tự động hóa hoàn toàn luồng giao dịch B2C/B2B quy mô vừa: Giảm bớt 70% thời gian xử lý đơn hàng thủ công so với phương thức gọi điện thoại/gặp mặt truyền thống, đồng thời tích hợp cổng thanh toán nội địa Ngân Lượng có khả năng bảo lãnh tài chính tức thời.
  3. Ứng dụng giải pháp chăm sóc khách hàng thông minh (Smart Trigger Livechat): Cấu hình Subiz Live Chat tự động gửi lời chào theo ngữ cảnh trang truy cập (Trang tủ rack, trạm biến áp), giúp giữ chân khách hàng tiềm năng và tăng tỷ lệ chuyển đổi (Conversion Rate) thêm 28%.
  4. Đóng góp học thuật và thực tiễn: Khóa luận cung cấp một mô hình tham chiếu chuẩn mực cho việc ứng dụng TMĐT vào các doanh nghiệp kỹ thuật công nghiệp tại Việt Nam, kết hợp hài hòa giữa lý thuyết Hệ thống Thông tin Kinh tế và kỹ thuật công nghệ web hiện đại.

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

Tình huống sử dụng thực tế (Use Case Scenarios)

  • Kịch bản 1 (Khách hàng dự án / B2B): Kỹ sư mua hàng của nhà máy DENSO hoặc KCN Thăng Long truy cập website, tra cứu thông số kỹ thuật chuẩn của trạm biến áp hoặc thang máng cáp, xem hình ảnh phân giải cao và yêu cầu báo giá/tư vấn kỹ thuật ngay lập tức qua widget Subiz Live Chat mà không cần đợi gửi email văn bản.
  • Kịch bản 2 (Khách hàng đơn lẻ / B2C): Nhà thầu phụ mua các module tủ điện hoặc thiết bị điện dân dụng có thể chọn số lượng, thêm vào giỏ hàng, chọn thanh toán trực tuyến qua Ngân Lượng và nhận mã vận đơn xác nhận tự động trong vòng 2 phút.

Yêu cầu triển khai hạ tầng kỹ thuật (System Requirements)

  • Máy chủ Web (Server): Dedicated/Cloud Server cấu hình tối thiểu 2 vCPU, 4GB RAM, 50GB SSD Storage.
  • Môi trường hệ điều hành: CentOS 7.x / Ubuntu Server 18.04 LTS.
  • Web Stack: Apache 2.4 với các module kích hoạt: mod_rewrite, mod_headers, mod_deflate, mod_ssl.
  • PHP Environment: PHP 7.2+ với các extension bắt buộc: curl, mbstring, openssl, pdo_mysql, gd.
  • Bảo mật: Chứng chỉ SSL Let's Encrypt / Comodo SSL mã hóa 256-bit.
+-------------------------------------------------------------------------+
|                  ƯỚC TÍNH CHI PHÍ VÀ LỢI ÍCH ĐẦU TƯ (ROI)               |
+-------------------------------------------------------------------------+
| Hạng mục đầu tư                    | Chi phí ước tính (VNĐ)             |
| - Hosting/Server & SSL (1 năm)     | 3.500.000 VNĐ                      |
| - Tích hợp NgânLượng API           | Miễn phí thiết lập (Phí theo GD)   |
| - Bản quyền Subiz Chat (Gói cơ bản)| ~2.500.000 VNĐ/năm                 |
| - Tối ưu hóa SEO & Nội dung        | 6.000.000 VNĐ                      |
| TỔNG CHI PHÍ NÂNG CẤP BAN ĐẦU      | ~12.000.000 VNĐ                    |
+-------------------------------------------------------------------------+
| LỢI ÍCH KINH TẾ DỰ KIẾN:                                                |
| - Tăng trưởng đơn hàng trực tuyến: +30% đến +50% sau 6 tháng            |
| - Tiết kiệm chi phí in ấn catalogue & nhân sự trực hotline: 35.000.000đ |
| - Thời gian hoàn vốn đầu tư (ROI Payback Period): 3.5 tháng             |
+-------------------------------------------------------------------------+

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

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

  1. Giao diện Tiếng Anh chưa được bản địa hóa hoàn chỉnh: Theo khảo sát, 40% doanh nghiệp có định hướng giao diện tiếng Anh nhưng phiên bản hiện tại mới chỉ tối ưu cho thị trường nội địa Tiếng Việt.
  2. Hệ thống thanh toán: Chưa tích hợp cổng thanh toán quốc tế đa tiền tệ (USD/EUR) qua thẻ tín dụng quốc tế Visa/Mastercard trực tiếp không qua trung gian.
  3. Phụ thuộc bên thứ ba: Khả năng vận hành của livechat phụ thuộc vào chất lượng đường truyền của dịch vụ Subiz.

Hướng phát triển (Giai đoạn 2018–2023)

  • Nâng cấp website thành ứng dụng web lũy tiến (Progressive Web App - PWA), cho phép khách hàng tra cứu tài liệu thông số kỹ thuật tủ điện ngay cả khi mất kết nối mạng.
  • Xây dựng module tự động cấu hình báo giá (Custom Product Configurator) cho phép khách hàng tự chọn chiều cao, chiều rộng, độ dày kim loại của thang máng cáp và tủ điện để xuất file báo giá PDF thời gian thực.
  • Đồng bộ dữ liệu bán hàng trực tiếp với phần mềm Kế toán và Quản lý kho nội bộ của Gia Bảo qua giao thức RESTful API.

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

Nhóm đối tượng Giá trị cốt lõi mang lại Lợi ích định lượng cụ thể
Sinh viên & Học viên Tài liệu tham khảo toàn diện về phương pháp luận hoàn thiện website TMĐT Cung cấp bộ khung phân tích SPSS, code mẫu PHP Ngân Lượng và chuẩn kiến trúc MVC
Lập trình viên (Developers) Mã nguồn tích hợp module thanh toán và phương pháp tối ưu Google PageSpeed Giảm 50% thời gian nghiên cứu tích hợp API Ngân Lượng và chuẩn hóa tối ưu tốc độ
Doanh nghiệp Cơ Điện & Sản xuất Mô hình chuyển đổi số từ web tĩnh sang kênh TMĐT bán hàng thực tế Tăng 30% doanh số bán lẻ, cắt giảm 70% thời gian xử lý đơn hàng giấy tờ
Nhà nghiên cứu (Researchers) Dữ liệu thực nghiệm về mức độ sẵn sàng ứng dụng TMĐT tại SME Việt Nam Bộ dữ liệu khảo sát định lượng với 11 biến khảo sát về hành vi tiêu dùng B2B

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

1. Yêu cầu kỹ thuật tối thiểu để triển khai giải pháp website này là gì?

Hệ thống yêu cầu một máy chủ web chạy Apache 2.4 hoặc Nginx trên nền tảng Linux (CentOS/Ubuntu), hỗ trợ PHP từ phiên bản 7.0 trở lên cùng hệ quản trị cơ sở dữ liệu MySQL 5.6/5.7. Máy chủ bắt buộc phải hỗ trợ giao thức cURL và OpenSSL để thực hiện các cuộc gọi API bảo mật đến cổng thanh toán Ngân Lượng.

2. Giới hạn chịu tải của website và giải pháp nâng cấp khi lưu lượng truy cập tăng đột biến?

Với cấu hình máy chủ tiêu chuẩn (2 Core, 4GB RAM), hệ thống có thể phục vụ ổn định từ 200–300 người dùng truy cập đồng thời (Concurrent Users). Khi lưu lượng tăng mạnh trong các chiến dịch marketing, hệ thống có thể mở rộng nhanh chóng bằng cách tích hợp mạng phân phối nội dung (Cloudflare CDN), cấu hình Memcached/Redis để lưu đệm truy vấn CSDL và nâng cấp tài nguyên VPS chỉ trong 10 phút mà không làm gián đoạn dịch vụ.

3. Tích hợp cổng thanh toán NgânLượng.vn có gây rủi ro thất thoát dữ liệu người dùng không?

Hoàn toàn không. Giải pháp sử dụng mô hình tích hợp nâng cao với cơ chế chuyển hướng an toàn (Redirect Checkout). Mọi thông tin nhạy cảm liên quan đến tài khoản ngân hàng hoặc số thẻ của người mua đều được nhập trực tiếp trên hệ thống đạt chuẩn an toàn bảo mật thông tin tài chính của Ngân Lượng. Dữ liệu trao đổi giữa GBE và Ngân Lượng được ký số và xác thực 2 chiều bằng thuật toán băm bảo mật MD5 kèm khóa bí mật secure_pass.

4. Chi phí duy trì và chế độ bảo trì hệ thống hàng năm bao gồm những gì?

Chi phí vận hành định kỳ cho website bao gồm: gia hạn tên miền quốc tế/Việt Nam (khoảng 300.000 – 800.000 VNĐ/năm), duy trì Cloud Hosting chất lượng cao (khoảng 2.500.000 – 4.000.000 VNĐ/năm), và phí duy trì dịch vụ chăm sóc khách hàng Subiz (khoảng 2.500.000 VNĐ/năm). Hệ thống không phát sinh phí bản quyền phần mềm do sử dụng mã nguồn mở PHP/MySQL tùy biến.

5. Website mới đóng góp như thế nào vào mục tiêu doanh thu 50 tỷ VNĐ trước năm 2025 của Công ty Gia Bảo?

Website đóng vai trò là "phễu tiếp khách hàng đầu vào" quan trọng nhất trên không gian số. Bằng cách tối ưu hóa SEO để chiếm lĩnh các từ khóa kỹ thuật công nghiệp trọng điểm (tủ rack, thang máng cáp, trạm biến áp) kết hợp với kênh thanh toán trực tuyến và tư vấn 24/7 qua Subiz, website giúp Gia Bảo tiếp cận trực tiếp các nhà thầu phụ, các tập đoàn FDI (như Panasonic, Denso, Terumo) trên toàn quốc, ước tính đóng góp từ 15% đến 20% tổng giá trị đơn hàng thương mại của công ty trong lộ trình 2018–2025.

Kết luận

Đề tài "Hoàn thiện và phát triển Website của công ty TNHH Thương Mại và Kỹ Thuật Gia Bảo" do sinh viên Phạm Bá Chính thực hiện dưới sự hướng dẫn của ThS. Lê Việt Hà đã giải quyết trọn vẹn và thực chất bài toán số hóa quy trình kinh doanh tại một doanh nghiệp cơ điện đặc thù. Từ một trang web giới thiệu sơ sài, dự án đã chuyển hóa thành công giabaocty.com thành một nền tảng thương mại điện tử chuyên nghiệp, sở hữu hiệu năng kỹ thuật vượt trội (Google PageSpeed 94/100, tốc độ tải 1.35s), tích hợp hoàn chỉnh quy trình thanh toán trực tuyến Ngân Lượng an toàn và công cụ tương tác thời gian thực Subiz.

Công trình không chỉ mang lại giá trị gia tăng kinh tế trực tiếp cho Công ty TNHH Thương mại và Kỹ thuật Gia Bảo trong chiến lược mở rộng thị phần giai đoạn 2018–2023, mà còn là bản thiết kế mẫu mực cho việc ứng dụng công nghệ thông tin vào thương mại bán lẻ kỹ thuật. Quý độc giả, các nhà phát triển và doanh nghiệp quan tâm có thể áp dụng ngay khung giải pháp kiến trúc và mã nguồn tích hợp này để tối ưu hóa hạ tầng web thương mại của đơn vị mình.