Giới thiệu dự án

Thương mại điện tử (E-Commerce) tại Việt Nam duy trì tốc độ tăng trưởng ấn tượng bình quân trên 20%/năm, đạt quy mô 16,4 tỷ USD vào năm 2022. Cùng với tỷ lệ thâm nhập smartphone vượt mức 73,5% dân số, hành vi người tiêu dùng đã chuyển dịch mạnh mẽ từ mua sắm truyền thống sang các kênh trực tuyến có tích hợp thanh toán không tiền mặt. Tuy nhiên, các chuỗi bán lẻ thiết bị công nghệ vừa và nhỏ (SMEs) đang đối mặt với bài toán chi phí đầu tư hạ tầng phần mềm đắt đỏ (từ 3.000 – 10.000 USD cho hệ thống may đo riêng) cùng sự phân mảnh trong việc tích hợp các cổng thanh toán nội địa và quản lý tồn kho đa biến thể.

Đồ án tốt nghiệp chuyên ngành Công nghệ Thông tin với đề tài "Xây dựng Website bán điện thoại di động và phụ kiện" (Hệ thống HĐ STORE) của sinh viên Đỗ Đăng Hoan (Khoa CNTT - Trường Đại học Công nghệ Đông Á, GVHD: Th.S Trần Xuân Thanh) giải quyết trực tiếp các điểm nghẽn kỹ thuật và chi phí vận hành. Dự án xây dựng một hệ thống thương mại điện tử chuyên biệt cho ngành bán lẻ công nghệ, sở hữu hiệu năng cao, chi phí tối ưu và khả năng tương thích toàn diện với hạ tầng số tại Việt Nam.

+-----------------------------------------------------------------------+
|                              HĐ STORE                                 |
|               Nền tảng E-Commerce Bán lẻ Thiết bị Số                  |
+-----------------------------------------------------------------------+
|  Khách hàng                   Ban Quản trị                Hạ tầng     |
|  - UI/UX Flatsome             - Quản trị SKU/Attributes   - XAMPP/LAMP|
|  - Lọc sản phẩm đa tiêu chí   - Phân quyền RBAC 3 cấp     - PHP 7.4/8 |
|  - Checkout 4 bước            - Báo cáo đơn hàng Realtime - MySQL 5.7 |
|  - VNPAY / QR MoMo / ZaloPay  - Quản lý kho & khuyến mại  - Apache 2.4|
+-----------------------------------------------------------------------+

Mục tiêu dự án

  1. Thiết kế kiến trúc hệ thống bán lẻ trực tuyến: Xây dựng danh mục dữ liệu đa cấp cho các dòng sản phẩm smartphone (Apple, Samsung, Xiaomi) và phụ kiện (Pin sạc, ốp lưng, tai nghe) với cấu trúc phân loại theo thuộc tính (ROM, RAM, Màu sắc).
  2. Chuẩn hóa quy trình đặt hàng và thanh toán điện tử: Giảm thiểu tỷ lệ bỏ giỏ hàng (Cart Abandonment) thông qua quy trình thanh toán rút gọn, tích hợp trực tiếp cổng thanh toán VNPAY (chuẩn mã hóa HMAC-SHA512) và quét mã QR động (MoMo, ZaloPay, AirPay/ShopeePay).
  3. Phân quyền và quản trị cơ sở dữ liệu tập trung: Xây dựng module quản trị phân cấp dựa trên Role-Based Access Control (RBAC) cho 3 nhóm đối tượng: Administrator, Staff (Quản lý kho/bán hàng), Customer.
  4. Tối ưu hóa trải nghiệm đa nền tảng (Responsive UI/UX): Đảm bảo thời gian tải trang trung bình dưới 2 giây trên kết nối di động 4G, tích hợp công cụ hỗ trợ trực tuyến tức thì (Facebook Live Chat, Call Now Button).
  5. Đảm bảo chuẩn SEO On-Page và cấu trúc dữ liệu: Tự động sinh thẻ định danh Open Graph, tối ưu Schema Product/Breadcrumbs nhằm nâng cao thứ hạng từ khóa trên Google Search Engine.

Phương pháp tiếp cận và phạm vi

  • Phương pháp: Ứng dụng giải pháp CMS mã nguồn mở WordPress kết hợp nhân lõi WooCommerce 6.x và bộ khung giao diện Flatsome UI/UX Builder. Cách tiếp cận này giúp rút ngắn 65% thời gian phát triển so với mô hình Native Framework mà vẫn đảm bảo tính module hóa và bảo mật.
  • Kết quả kỳ vọng: Hệ thống đạt chỉ số Google PageSpeed Insights trên 85 điểm cho Desktop và 80 điểm cho Mobile, xử lý trơn tru tối thiểu 100 người dùng đồng thời (Concurrent Users), sai số giao dịch tài chính bằng 0%.
  • Phạm vi & Giới hạn: Áp dụng cho mô hình bán lẻ B2C thiết bị số; tích hợp VNPAY tại môi trường Sandbox Testing; hệ thống quản lý kho đơn điểm (Single-store Inventory).

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

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

Thị trường giải pháp thương mại điện tử hiện nay chia làm ba xu hướng chính: Tự phát triển hoàn toàn (Custom Code Framework), nền tảng dịch vụ đám mây đóng gói (SaaS), và hệ quản trị nội dung mã nguồn mở linh hoạt (Open-source CMS).

Tiêu chí phân tích Custom Framework (Laravel/Node.js) SaaS Platform (Shopify/Haravan) Giải pháp Đề tài (WordPress + WooCommerce)
Chi phí triển khai ban đầu Rất cao ($3.000 – $10.000) Thấp ($30 – $100/tháng ban đầu) Rất thấp (Tối ưu hạ tầng lưu trữ riêng)
Thời gian ra mắt (Time-to-Market) 3 - 6 tháng 1 - 2 tuần 2 - 4 tuần
Khả năng kiểm soát mã nguồn 100% toàn quyền sở hữu 0% (Phụ thuộc nhà cung cấp SaaS) 100% quyền truy cập và tùy biến mã nguồn
Tích hợp cổng thanh toán VN Phải tự xây dựng API Client Phụ thuộc App Marketplace có sẵn Linh hoạt qua Plugin & SDK chuẩn (VNPAY, MoMo)
Mức độ phức tạp bảo trì Đòi hỏi đội ngũ kỹ sư chuyên môn cao Nhà cung cấp tự động xử lý Dễ dàng quản trị thông qua Dashboard trực quan

Ma trận ưu tiên yêu cầu người dùng (Mô hình MoSCoW)

  • Must Have (Bắt buộc có): Đăng ký/đăng nhập tài khoản; Catalog lọc theo giá, hãng, cấu hình; Giỏ hàng đa phiên bản (màu/dung lượng); Cổng thanh toán VNPAY & QR MoMo; Module quản lý trạng thái đơn hàng.
  • Should Have (Nên có): Danh sách sản phẩm yêu thích (YITH Wishlist); Nút gọi nhanh hotline trên giao diện Mobile; Tự động điền danh mục địa giới hành chính Việt Nam (Woo Viet).
  • Could Have (Có thể có): Widget Live Chat Facebook Messenger; Blog tin tức công nghệ hỗ trợ SEO; Bảng đánh giá và bình luận sao sản phẩm.
  • Won't Have (Chưa phát triển đợt này): Đồng bộ tự động với sàn TMĐT (Shopee/Lazada API); Thuật toán AI gợi ý hành vi chuyên sâu; Ứng dụng Native di động (iOS/Android).

Thiết kế hệ thống

Kiến trúc hệ thống HĐ STORE xây dựng theo mô hình 3 tầng (3-Tier Architecture), kết hợp chặt chẽ giữa tầng trình diễn, tầng xử lý nghiệp vụ của nhân WordPress Core và tầng dữ liệu quan hệ MySQL.

[ TẦNG TRÌNH DIỄN - CLIENT LAYER ]
  Desktop Browser / Mobile Browser (Flatsome UX, Responsive CSS3, JavaScript/AJAX)
[ TẦNG NGHIỆP VỤ - APPLICATION LOGIC LAYER ]
  Web Server (Apache 2.4 / PHP 7.4 - 8.0)
[ TẦNG DỮ LIỆU - DATA PERSISTENCE LAYER ]
  MySQL 5.7 / MariaDB 10.4 Engine (InnoDB Tables, B-Tree Indexes)

Chi tiết công nghệ và phiên bản (Technology Stack)

  • Hệ điều hành máy chủ: Linux Ubuntu 20.04 LTS / Windows Server (Local dev trên XAMPP v8.1).
  • Web Server: Apache HTTP Server v2.4.52 (Kích hoạt mod_rewrite, mod_ssl, mod_headers).
  • Ngôn ngữ xử lý backend: PHP 7.4.28 / 8.0.15 (Hỗ trợ mở rộng curl, mbstring, openssl, gd, mysqli).
  • Cơ sở dữ liệu: MySQL 5.7 Community Edition (Engine: InnoDB, Character set: utf8mb4_unicode_ci).
  • E-Commerce Core: WooCommerce v6.2.1.
  • Giao diện & Trình dựng layout: Flatsome Theme v3.15.3 tích hợp UX Builder.
  • Tích hợp thanh toán: VNPAY Gateway API v2.0.0, QR Code Payment Engine.

Thiết kế cơ sở dữ liệu quan hệ

WordPress lưu trữ thông tin sản phẩm và đơn vị biến thể (SKU) theo kiến trúc Entity-Attribute-Value (EAV) thông qua hai bảng chính:

  • wp_posts: Lưu trữ thực thể sản phẩm (loại post_type = 'product') và biến thể (post_type = 'product_variation').
  • wp_postmeta: Lưu trữ các thuộc tính mở rộng như _regular_price, _sale_price, _sku, _stock_status, _thumbnail_id.
  • wp_woocommerce_order_items & wp_woocommerce_order_itemmeta: Quản lý danh sách chi tiết các mặt hàng trong đơn hàng, liên kết chặt chẽ với mã đơn hàng order_id.

Thiết kế giao thức bảo mật và xác thực thanh toán

  1. Kiểm soát tính toàn vẹn (Data Integrity): Toàn bộ dữ liệu giao dịch chuyển hướng sang VNPAY được ký mã hóa bằng thuật toán HMAC-SHA512 dựa trên Secret Key bảo mật do đối tác cung cấp.
  2. Chống giả mạo tham số (Anti-Tampering): Giao thức IPN (Instant Payment Notification) từ cổng thanh toán thực hiện xác minh mã Checksum độc lập tại máy chủ backend trước khi tự động cập nhật trạng thái đơn hàng sang Processing (Đã thanh toán) hoặc Completed.
  3. Phòng chống lỗ hổng Web tiêu chuẩn: Áp dụng cơ chế WordPress Nonce (wp_create_nonce, wp_verify_nonce) cho toàn bộ form đặt hàng nhằm triệt tiêu tấn công CSRF, chuẩn hóa chuỗi đầu vào bằng sanitize_text_field() và ràng buộc câu truy vấn qua Prepared Statements của $wpdb.

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

Dự án triển khai theo quy trình linh hoạt (Agile Framework) với chu kỳ phát triển 4 giai đoạn rõ ràng:

[ Tuần 1-2 ] Khảo sát, thu thập yêu cầu, phân tích Actor/Usecase và Data Flow.
[ Tuần 3-5 ] Cài đặt hạ tầng XAMPP, chuẩn hóa Database, cấu hình Flatsome & Core WooCommerce.
[ Tuần 6-9 ] Lập trình module tùy biến, tích hợp cổng VNPAY/QR, cài đặt plugin mở rộng.
[ Tuần 10-12] Kiểm thử Black-box, đo kiểm hiệu năng, UAT và đóng gói triển khai.

Ma trận đánh giá và giảm thiểu rủi ro kỹ thuật

Mã rủi ro Mô tả rủi ro Mức độ Biện pháp giảm thiểu & Kiểm soát
R-01 Lỗi Timeout / Mất kết nối khi nhận webhook IPN từ cổng thanh toán Cao Xây dựng cơ chế Logging chi tiết; cấu hình hệ thống tái kiểm tra đối soát tự động qua VNPAY QueryDR API.
R-02 Xung đột Hooks/Filters giữa các Plugin bên thứ ba Trung bình Sử dụng Child Theme chuẩn; cô lập môi trường staging để kiểm tra độ tương thích trước khi nạp vào production.
R-03 Tắc nghẽn cơ sở dữ liệu khi lượng truy vấn đọc biến thể tăng cao Trung bình Tối ưu hóa chỉ mục (Indexes) trên wp_postmeta; triển khai cơ chế Transients Cache của WordPress để đệm kết quả truy vấn.

Implementation và kết quả

Quá trình phát triển kỹ thuật

Hệ thống xử lý luồng thực thi yêu cầu (Request Lifecycle) bắt đầu từ việc phân tích URL qua $wp->parse_request(), nạp các Hook xử lý nghiệp vụ và hoàn trả giao diện chuẩn định dạng HTML/JSON.

[ Người dùng gửi HTTP Request ]
   [ Nạp file index.php & wp-config.php ]
   [ Thực thi các Plugin nghiệp vụ ]
   [ Nạp tập tin functions.php của Theme Flatsome ]
   [ Phân tích truy vấn qua $wp_query->get_posts() ]
   [ Trả về Template hiển thị tương ứng ]

Xây dựng Module tích hợp cổng thanh toán VNPAY (Thuật toán ký mã hóa)

Quá trình gửi yêu cầu thanh toán yêu cầu sắp xếp các trường dữ liệu theo thứ tự bảng chữ cái (Alphabetical Order), sau đó tạo chuỗi băm bảo mật sử dụng khóa bí mật vnp_HashSecret:

<?php
// Module xử lý khởi tạo URL thanh toán VNPAY Sandbox - HĐ STORE
function hdstore_create_vnpay_payment($order_id, $amount, $return_url) {
    $vnp_TmnCode = "HDSTORE01"; // Terminal ID cấu hình
    $vnp_HashSecret = "SECRET_KEY_VNPAY_SECURE_HASH"; // Chuỗi bảo mật
    $vnp_Url = "https://sandbox.vnpayment.vn/paymentv2/vpcpay.html";

    $inputData = array(
        "vnp_Version"        => "2.1.0",
        "vnp_TmnCode"        => $vnp_TmnCode,
        "vnp_Amount"         => $amount * 100, // Đơn vị tính bằng VNĐ (nhân 100 theo chuẩn VNPAY)
        "vnp_Command"        => "pay",
        "vnp_CreateDate"     => date('YmdHis'),
        "vnp_CurrCode"       => "VND",
        "vnp_IpAddr"         => $_SERVER['REMOTE_ADDR'],
        "vnp_Locale"         => "vn",
        "vnp_OrderInfo"      => "Thanh toan don hang #" . $order_id . " tai HD STORE",
        "vnp_OrderType"      => "billpayment",
        "vnp_ReturnUrl"      => $return_url,
        "vnp_TxnRef"         => (string)$order_id,
    );

    // Sắp xếp mảng tham số theo thứ tự alphabet bắt buộc
    ksort($inputData);
    $query = "";
    $i = 0;
    $hashdata = "";
    foreach ($inputData as $key => $value) {
        if ($i == 1) {
            $hashdata .= '&' . urlencode($key) . "=" . urlencode($value);
        } else {
            $hashdata .= urlencode($key) . "=" . urlencode($value);
            $i = 1;
        }
        $query .= urlencode($key) . "=" . urlencode($value) . '&';
    }

    // Tạo mã băm an toàn HMAC-SHA512
    $vnpSecureHash = hash_hmac('sha512', $hashdata, $vnp_HashSecret);
    $vnp_PaymentUrl = $vnp_Url . "?" . $query . 'vnp_SecureHash=' . $vnpSecureHash;

    return $vnp_PaymentUrl;
}
?>

Tùy biến Hook xử lý tiền tệ và địa giới hành chính Việt Nam

Sử dụng hệ thống Actions và Filters của WooCommerce để chuẩn hóa định dạng hiển thị đơn vị tiền tệ VNĐ và đồng bộ cấu trúc tỉnh thành trong giỏ hàng:

<?php
// Tùy biến ký hiệu tiền tệ và loại bỏ phần thập phân không cần thiết
add_filter('woocommerce_currency_symbol', 'hdstore_custom_currency_symbol', 10, 2);
function hdstore_custom_currency_symbol($currency_symbol, $currency) {
    if ($currency === 'VND') {
        return ' ₫';
    }
    return $currency_symbol;
}

// Bổ sung các bước kiểm tra địa chỉ bắt buộc chuẩn Việt Nam
add_filter('woocommerce_default_address_fields', 'hdstore_custom_checkout_fields');
function hdstore_custom_checkout_fields($fields) {
    $fields['city']['label'] = 'Tỉnh / Thành phố';
    $fields['city']['required'] = true;
    $fields['address_1']['label'] = 'Địa chỉ chi tiết (Số nhà, Tên đường, Phường/Xã)';
    $fields['address_1']['placeholder'] = 'Ví dụ: Số 12 Đường Trần Phú, Phường Đình Bảng';
    return $fields;
}
?>

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

Quá trình kiểm thử bao gồm kiểm thử chức năng (Functional Black-box Testing), kiểm thử hiệu năng chịu tải (Performance Testing) và đánh giá độ hài lòng người dùng (User Acceptance Testing - UAT).

Bảng thông số kiểm thử hiệu năng chi tiết (Benchmarks)

Chỉ số đo lường (Metrics) Tiêu chuẩn kỹ thuật Kết quả đạt được (Desktop) Kết quả đạt được (Mobile 4G) Đánh giá
First Contentful Paint (FCP) < 1.8s 0.82s 1.15s Xuất sắc
Largest Contentful Paint (LCP) < 2.5s 1.42s 1.85s Đạt chuẩn
Time to First Byte (TTFB) < 0.6s 0.28s 0.42s Tối ưu cao
Cumulative Layout Shift (CLS) < 0.1 0.02 0.04 Không giật khung hình
Tỷ lệ giao dịch lỗi khi Checksum 0.00% 0.00% (50/50 test cases) 0.00% (50/50 test cases) Tuyệt đối an toàn

Thống kê kết quả kiểm thử chức năng và xử lý lỗi (Bug Tracking)

  • Tổng số ca kiểm thử thực hiện: 48 test cases bao quát toàn bộ 6 use cases cốt lõi.
  • Tỷ lệ vượt qua (Pass Rate): 100% các ca kiểm thử chính tuyến (Đăng ký, Duyệt lọc danh mục, Đặt hàng đa biến thể, Thanh toán VNPAY, Cập nhật trạng thái đơn hàng).
  • Lỗi phát hiện và xử lý: Ghi nhận 24 lỗi trong giai đoạn Beta (18 lỗi hiển thị CSS/Layout trên Safari Mobile, 4 lỗi phân tích phản hồi URL VNPAY do thiếu tham số vnp_ResponseCode, 2 lỗi xung đột cache font chữ). Toàn bộ 24 lỗi đã được vá triệt để trước khi nghiệm thu.

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

Hệ thống hoàn thành 100% các hạng mục chức năng theo đề cương nghiên cứu:

  • Xây dựng hoàn chỉnh 7 phân trang cốt lõi: Trang chủ, Danh mục iPhone, Samsung, iPad, MacBook, Phụ kiện và Tin tức công nghệ.
  • Tích hợp thành công 3 phương thức thanh toán: COD (Tiền mặt khi nhận hàng), Chuyển khoản qua Cổng VNPAY (Hỗ trợ thẻ ATM 32 ngân hàng nội địa, thẻ Quốc tế Visa/Mastercard) và Cổng quét mã QR Ví điện tử (MoMo, ZaloPay).
  • Triển khai thành công module tương tác đa kênh: Widget Chat Messenger trực tiếp với tư vấn viên và Nút bấm gọi điện thoại nhanh (Call Now Button) hiển thị tối ưu trên giao diện Mobile.

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

  1. Chuẩn hóa giải pháp thanh toán không dùng tiền mặt cho doanh nghiệp vừa và nhỏ: Thay vì phụ thuộc vào các module thanh toán quốc tế mặc định của WooCommerce (như PayPal hay Stripe vốn có phí giao dịch cao từ 2.9% - 4.4%), đồ án đã tích hợp thành công giải pháp VNPAY Sandbox và cổng QR động nội địa, giảm phí xử lý giao dịch xuống chỉ còn 1% - 1.5%.
  2. Kiến trúc trải nghiệm mua hàng tức thì (Frictionless Commerce): Tinh gọn quy trình đặt hàng từ 6 bước phức tạp xuống còn 4 bước trên một luồng trực quan (Single-page Checkout logic), giúp giảm tỷ lệ bỏ rơi giỏ hàng ước tính lên đến 42%.
  3. Mô hình lọc sản phẩm động hiệu năng cao: Tận dụng triệt để cơ chế WooSidebars và bộ lọc AJAX của Flatsome, cho phép truy vấn tức thời sản phẩm theo nhà sản xuất, tầm giá và dung lượng bộ nhớ mà không cần tải lại toàn bộ trang, giúp tiết kiệm 60% băng thông máy chủ.
So sánh Hiệu quả Kiến trúc:

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

Kịch bản vận hành thực tế (Real-World Use Cases)

  • Kịch bản Khách hàng: Người dùng truy cập từ điện thoại di động -> Tìm kiếm "iPhone 13 Pro Max" qua thanh tìm kiếm AJAX -> Lựa chọn màu Xanh (Sierra Blue) và dung lượng 256GB -> Thêm vào giỏ hàng -> Chọn thanh toán quét mã QR ZaloPay -> Hệ thống tự sinh mã QR với số tiền chính xác -> Khách hàng quét mã trên app ngân hàng -> Đơn hàng tự động chuyển sang trạng thái "Đang xử lý".
  • Kịch bản Quản trị viên: Đăng nhập trang quản trị /wp-admin -> Nhận thông báo âm thanh có đơn hàng mới -> Kiểm tra mã giao dịch VNPAY đã khớp -> Xuất phiếu đóng gói -> Thay đổi trạng thái sang "Đang giao hàng" -> Hệ thống tự động gửi email thông báo mã vận đơn cho khách.
[ Khách hàng ]                                          [ HĐ STORE Server ]                                   [ Cổng VNPAY / Ngân hàng ]

Chiến lược triển khai và Yêu cầu phần cứng

  • Cấu hình máy chủ tối thiểu (Production Server):
    • CPU: 2 Core vCPU (2.4 GHz trở lên).
    • RAM: 2 GB (Khuyến nghị 4 GB khi bật Redis Object Cache).
    • Ổ cứng: 30 GB SSD NVMe.
    • Web Server: Nginx hoặc Apache 2.4 có kích hoạt giao thức HTTP/2 và chứng chỉ bảo mật SSL Let's Encrypt.
  • Phân tích hiệu quả đầu tư (Cost-Benefit & ROI Analysis):
    • Chi phí xây dựng hệ thống: ~0 VNĐ tiền bản quyền mã nguồn; Chi phí máy chủ & Domain: 1.500.000 – 2.500.000 VNĐ/năm.
    • So với chi phí thuê nền tảng SaaS (từ 6.000.000 – 15.000.000 VNĐ/năm), giải pháp của đề tài giúp tiết kiệm tới 75% - 85% chi phí vận hành phần mềm trong năm đầu tiên, thời gian thu hồi vốn kỹ thuật (ROI) dưới 3 tháng sau khi ra mắt.

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

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

  1. Ràng buộc mô hình dữ liệu WordPress: Cơ chế lưu dữ liệu thuộc tính sản phẩm trong bảng wp_postmeta (EAV model) có thể gây chậm truy vấn khi quy mô danh mục vượt quá 50.000 SKU nếu không có hệ thống Caching chuyên dụng.
  2. Môi trường thử nghiệm cổng thanh toán: Việc tích hợp cổng VNPAY dừng lại ở môi trường Sandbox của nhà cung cấp, cần thực hiện ký hợp đồng thương mại và kiểm duyệt bảo mật PCI-DSS khi chính thức đưa vào sản xuất (Production).
  3. Thiếu liên kết tự động với đơn vị vận chuyển: Quy trình tính phí vận chuyển và đẩy đơn sang các hãng vận chuyển (Giao Hàng Nhanh, Giao Hàng Tiết Kiệm, Viettel Post) hiện vẫn phải thao tác thủ công một phần.

Kế hoạch nâng cấp và mở rộng (Roadmap)

  • Giai đoạn 1 (Quý tới): Tích hợp REST API của các đơn vị vận chuyển (GHN/GHTK API v2) để tự động tính phí ship theo khoảng cách địa lý và đẩy mã vận đơn thời gian thực.
  • Giai đoạn 2: Chuyển đổi mô hình kiến trúc sang Headless Commerce (Sử dụng Next.js/React cho Frontend và WordPress WP-GraphQL làm Backend headless), nâng điểm PageSpeed lên mức 98-100 điểm tuyệt đối.
  • Giai đoạn 3: Xây dựng thuật toán gợi ý phụ kiện đi kèm dựa trên kỹ thuật Collaborative Filtering (Gợi ý ốp lưng, kính cường lực tương thích chính xác theo mẫu điện thoại mà khách hàng đang chọn mua).

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

  • Sinh viên & Người học CNTT: Cung cấp tài liệu tham khảo thực tế về quy trình phân tích thiết kế hệ thống thương mại điện tử hoàn chỉnh từ biểu đồ Use Case, DFD đến kỹ thuật lập trình Hook/Filter trong PHP.
  • Lập trình viên Web (Developers): Nắm bắt phương pháp ký mã hóa bảo mật HMAC-SHA512 để tích hợp an toàn các cổng thanh toán nội địa VNPAY, MoMo vào hệ thống mã nguồn mở.
  • Chủ cửa hàng & Doanh nghiệp bán lẻ (SMEs): Tiếp cận giải pháp website kinh doanh công nghệ độc lập với chi phí đầu tư hạ tầng ban đầu cực thấp, làm chủ 100% dữ liệu khách hàng mà không chịu phí hoa hồng định kỳ.
  • Nhà nghiên cứu ứng dụng: Sở hữu mô hình thực nghiệm mẫu về việc tối ưu hóa hiệu năng và chuyển đổi số cho ngành bán lẻ thiết bị di động tại thị trường Việt Nam.

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

1. Yêu cầu kỹ thuật tối thiểu để triển khai website HĐ STORE lên môi trường Internet là gì?

Hệ thống yêu cầu máy chủ (Hosting hoặc VPS) cài đặt hệ điều hành Linux (khuyên dùng Ubuntu 20.04/22.04 LTS), chạy Web Server Apache 2.4 hoặc Nginx, ngôn ngữ PHP phiên bản tối thiểu 7.4 (khuyến nghị PHP 8.0/8.1) với các extension bắt buộc (mysqli, curl, gd, mbstring, openssl), và cơ sở dữ liệu MySQL từ phiên bản 5.7 trở lên (hoặc MariaDB 10.3+).

2. Hệ thống có thể mở rộng xử lý bao nhiêu sản phẩm và lượt truy cập cùng lúc?

Với kiến trúc hiện tại kết hợp bộ đệm Opcode Cache và cơ chế Transients Cache, hệ thống vận hành mượt mà với quy mô 5.000 – 10.000 sản phẩm và chịu tải ổn định 100 – 150 người dùng thao tác đồng thời. Khi mở rộng vượt mức này, hệ thống cần kích hoạt Redis Object Cache, lưu trữ ảnh trên Cloudflare CDN và chuyển sang Web Server Nginx để tối ưu bộ nhớ.

3. Quy trình bảo mật khi khách hàng thanh toán qua VNPAY được đảm bảo như thế nào?

Dữ liệu nhạy cảm liên quan đến tài khoản ngân hàng và thẻ thanh toán được thực hiện trực tiếp 100% trên cổng bảo mật đạt chuẩn quốc tế PCI-DSS của VNPAY. Website HĐ STORE hoàn toàn không lưu trữ thông tin thẻ của người dùng, chỉ thực hiện truyền nhận các tham số đơn hàng qua giao thức HTTPS có mã hóa kiểm tra tính toàn vẹn bằng chữ ký số HMAC-SHA512.

4. Chi phí duy trì hệ thống bán hàng này hàng năm ước tính là bao nhiêu?

Chi phí duy trì bao gồm: Tên miền quốc tế/Việt Nam (khoảng 250.000 – 750.000 VNĐ/năm), dịch vụ lưu trữ Web Hosting/Cloud VPS cấu hình tiêu chuẩn (khoảng 1.200.000 – 2.000.000 VNĐ/năm), chứng chỉ bảo mật SSL (miễn phí với Let's Encrypt). Tổng chi phí vận hành cố định chỉ dao động trong khoảng 1.500.000 – 2.750.000 VNĐ/năm.

5. Website có hỗ trợ tối ưu hóa hiển thị khi khách hàng truy cập bằng điện thoại không?

Có. Giao diện website xây dựng trên nền tảng Responsive Design của framework Flatsome, tự động co giãn và tái bố cục các thành phần giao diện phù hợp với mọi kích thước màn hình điện thoại (iOS, Android). Hệ thống còn tích hợp sẵn các tính năng chuyên biệt cho thiết bị di động như menu điều hướng trượt (Off-canvas Menu) và nút gọi nhanh Hotline trực tiếp trên màn hình.

Kết luận

Đồ án tốt nghiệp "Xây dựng Website bán điện thoại di động và phụ kiện" (HĐ STORE) của tác giả Đỗ Đăng Hoan dưới sự hướng dẫn của Th.S Trần Xuân Thanh đã giải quyết thành công bài toán số hóa quy trình kinh doanh cho cửa hàng bán lẻ công nghệ. Bằng việc kết hợp sức mạnh quản trị nội dung của WordPress, năng lực xử lý giao dịch chuyên nghiệp từ WooCommerce và tính thẩm mỹ cao của giao diện Flatsome, dự án đã mang lại một sản phẩm có tính hoàn thiện kỹ thuật cao, đáp ứng đầy đủ các tiêu chuẩn về bảo mật, tốc độ tải trang và khả năng thanh toán trực tuyến linh hoạt tại Việt Nam.

Công trình không chỉ là minh chứng rõ nét cho năng lực phân tích, thiết kế và lập trình hệ thống thông tin của sinh viên công nghệ thông tin mà còn là một mô hình giải pháp thực tiễn, có giá trị ứng dụng cao cho các doanh nghiệp vừa và nhỏ trong xu thế chuyển đổi số mạnh mẽ hiện nay.