Giới thiệu dự án

Sự bùng nổ của cuộc Cách mạng Công nghiệp 4.0 và chuyển đổi số đã tái định hình hành vi tiêu dùng toàn cầu. Theo báo cáo e-Conomy SEA, thị trường thương mại điện tử (TMĐT) Việt Nam duy trì tốc độ tăng trưởng kép hàng năm (CAGR) trên 20%, đạt quy mô hơn 20 tỷ USD. Song song với đó, xu hướng tiêu dùng sản phẩm hữu cơ (Organic Food), thực phẩm sạch và mỹ phẩm tự nhiên tăng trưởng ấn tượng (CAGR đạt 13,8%) do nhận thức về sức khỏe và bảo vệ môi trường của người dân ngày càng nâng cao.

Tuy nhiên, các doanh nghiệp vừa và nhỏ (SMEs) cùng các cửa hàng bán lẻ truyền thống khi chuyển đổi số sang mô hình TMĐT đối mặt với nhiều rào cản kỹ thuật và chi phí:

  • Chi phí đầu tư ban đầu cao: Phát triển hệ thống TMĐT từ đầu (from scratch) bằng các framework như Laravel, Spring Boot hay ASP.NET tiêu tốn từ 3.000 – 10.000 USD với thời gian triển khai kéo dài từ 3 đến 6 tháng.
  • Rào cản vận hành: Các nền tảng SaaS thương mại đóng gói như Shopify, BigCommerce tạo ra áp lực chi phí định kỳ cố định kèm phí giao dịch (transaction fee từ 0.5% - 2%) và hạn chế quyền sở hữu cơ sở dữ liệu (Database Vendor Lock-in).
  • Trải nghiệm quản trị phức tạp: Đòi hỏi nhân sự có chuyên môn IT chuyên sâu để cập nhật sản phẩm, bảo trì hạ tầng và tùy biến giao diện.

Đồ án tốt nghiệp "Ứng dụng phần mềm mã nguồn mở WordPress và một số plugin vào thiết kế website bán hàng" do sinh viên Cầm Bá Thắng (Khoa CNTT – ĐTVT, Trường Đại học Hòa Bình; Cán bộ hướng dẫn: TS. Nguyễn Đăng Minh) thực hiện đã giải quyết triệt để các bài toán trên thông qua giải pháp xây dựng hệ thống website thương mại điện tử chuyên ngành Organic Store trên nền tảng phần mềm tự do và mã nguồn mở (F/OSS - Free and Open Source Software).

mindmap
  root((Hệ sinh thái Website Organic))
    Nền tảng Cốt lõi
      WordPress 6.2+ CMS
      PHP 8.2 Engine
      MariaDB Database
    Engine Thương mại
      WooCommerce Core
      Cart & Checkout Engine
      User Role & Perms
    Giao diện & Trải nghiệm
      Elementor Page Builder
      Starter Templates Engine
      Customizer Framework
    Môi trường Cục bộ
      XAMPP Server Stack
      Apache HTTP Server 2.4
      phpMyAdmin Database Tools

Mục tiêu dự án

  1. Xây dựng giải pháp kỹ thuật TMĐT tối ưu: Thiết lập hệ thống website bán hàng hoàn chỉnh cho ngành hàng Organic, đáp ứng đầy đủ chu trình: Duyệt danh mục $\rightarrow$ Xem chi tiết $\rightarrow$ Giỏ hàng $\rightarrow$ Đặt hàng & Thanh toán.
  2. Khai thác kiến trúc Plugin & Theme Engine: Tích hợp sâu các plugin cốt lõi bao gồm WooCommerce, Elementor Page Builder và Starter Templates nhằm tùy biến giao diện kéo thả trực quan không cần can thiệp sâu vào mã nguồn cứng.
  3. Phân quyền và bảo mật dữ liệu: Thiết lập hệ thống xác thực người dùng, bảo mật cơ sở dữ liệu MySQL/MariaDB và phân quyền vai trò (Role-Based Access Control - RBAC) chuẩn xác.
  4. Đo lường và đánh giá hiệu năng: Đảm bảo hệ thống đạt chỉ số tải trang dưới 2.0s trên môi trường cục bộ và tối ưu hóa cấu trúc chuẩn SEO on-page.

Phạm vi và giới hạn hệ thống

  • Phạm vi: Triển khai thử nghiệm hệ thống website TMĐT Organic Food trên môi trường máy chủ cục bộ (Localhost) thông qua gói phần mềm XAMPP; hoàn thiện toàn bộ chức năng front-end dành cho người mua và back-end dành cho quản trị viên.
  • Giới hạn: Hệ sinh thái thanh toán trực tuyến sử dụng các cổng mặc định (COD, Chuyển khoản ngân hàng); chưa tích hợp cổng API trực tiếp với VNPay/Momo Sandbox hay API đơn vị vận chuyển bên thứ ba (GHTK, GHN).

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

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

Để xác định tính khả thi và ưu thế kỹ thuật, đồ án tiến hành phân tích ma trận so sánh giữa các giải pháp xây dựng website TMĐT phổ biến hiện nay:

Tiêu chí so sánh WordPress + WooCommerce Nền tảng SaaS (Shopify) Custom Code (Laravel / React)
Chi phí bản quyền Miễn phí (GPLv2 License) 29 - 299 USD/tháng + Phí % đơn hàng Miễn phí framework (tốn phí dev)
Thời gian triển khai 3 - 7 ngày 2 - 5 ngày 60 - 120 ngày
Quyền kiểm soát mã nguồn 100% (Tự host, can thiệp code) 0% (Hệ thống đóng của nhà cung cấp) 100%
Khả năng mở rộng (Scale) Rất cao qua Hook/Filter & REST API Giới hạn trong App Store của platform Không giới hạn
Độ khó quản trị Thấp - Giao diện trực quan Rất thấp Cao (Cần đội ngũ kỹ thuật riêng)
Hỗ trợ tối ưu SEO Kiểm soát toàn diện cấu trúc thẻ/URL Bị giới hạn cấu trúc URL mặc định Tùy biến hoàn toàn bằng code

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

  • Must-Have (Bắt buộc): Hiển thị danh mục sản phẩm Organic, trang chi tiết sản phẩm chuẩn Responsive, bộ lọc theo giá/danh mục, module Giỏ hàng (Cart), module Thanh toán (Checkout), hệ thống quản lý đơn hàng cho Admin.
  • Should-Have (Cần có): Phân quyền người dùng (Administrator, Shop Manager, Customer), chức năng tìm kiếm sản phẩm realtime, trang Giới thiệu (About Us), trang Liên hệ & FAQ.
  • Could-Have (Có thể mở rộng): Tích hợp live chat, hệ thống mã giảm giá (Coupons), đánh giá/bình luận sản phẩm kèm hình ảnh.
  • Won't-Have (Giai đoạn này chưa làm): Đa ngôn ngữ tự động thời gian thực, tích hợp hệ thống đa chi nhánh kho hàng (Multi-inventory).

Thiết kế hệ thống

Kiến trúc website tuân thủ mô hình Model-View-Controller (MVC) mở rộng của WordPress:

  • Model: Cơ sở dữ liệu quan hệ MariaDB quản lý bảng wp_posts, wp_postmeta, wp_users, wp_usermeta, wp_woocommerce_order_items.
  • View: Giao diện dựng từ Theme tích hợp hệ thống template của Elementor và dynamic CSS/JS.
  • Controller: Lớp lõi WordPress Core xử lý HTTP Request, định tuyến qua Rewrite Rules, kích hoạt các Action Hooks và Filter Hooks.
graph TD
    Client[Web Browser / Mobile Client] -->|HTTP/HTTPS Request| Apache[Apache Web Server 2.4]
    Apache -->|Process PHP Script| PHP[PHP 8.2 Runtime Engine]
    PHP -->|MVC Controller Router| WPCore[WordPress 6.2 Core System]
    
    subgraph Plugin & Extension Layer
        WPCore <--> WC[WooCommerce Engine]
        WPCore <--> EL[Elementor Page Builder]
        WPCore <--> ST[Starter Templates Asset]
    end
    
    subgraph Data Persistence Layer
        WPCore <-->|SQL Queries / PDO| MariaDB[(MariaDB 10.4 Database: workpressmeta)]
    end
    
    WPCore -->|Render HTML5 / CSS3 / JSON| Apache
    Apache -->|Response Payload| Client

Bảng thông số công nghệ (Technology Stack)

  • CMS Platform: WordPress Core (Phiên bản 6.2+)
  • Server Stack: XAMPP v8.2.4 (Apache 2.4.56, OpenSSL 1.1.1t)
  • Programming Engine: PHP v8.2.4 (Hỗ trợ JIT Compiler, OPcache kích hoạt)
  • Database Management System: MariaDB v10.4.28 (Collation: utf8mb4_general_ci)
  • Page Builder Framework: Elementor v3.14.0 Core
  • E-Commerce Extension: WooCommerce v7.8.0
  • Theme Foundation: Astra / Starter Templates v3.2.0

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

Hệ thống sử dụng cơ sở dữ liệu workpressmeta với cấu trúc bảng tiêu chuẩn:

-- Trích xuất lược đồ cấu trúc các bảng cốt lõi của WooCommerce
CREATE TABLE `wp_posts` (
  `ID` bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT,
  `post_author` bigint(20) UNSIGNED NOT NULL DEFAULT 0,
  `post_date` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
  `post_content` longtext NOT NULL,
  `post