Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ và nhu cầu mua sắm trực tuyến của người tiêu dùng ngày càng gia tăng, việc phát triển các nền tảng thương mại điện tử giúp tối ưu hóa quá trình giao dịch hàng hóa qua Internet mà không bị giới hạn bởi khoảng cách địa lý. Người mua có thể tiếp cận sản phẩm từ bất kỳ địa điểm nào có kết nối mạng và tiếp nhận đơn hàng thông qua các dịch vụ vận chuyển chuyên nghiệp trên toàn quốc. Để đáp ứng yêu cầu xây dựng một hệ thống bán hàng thông minh, nền tảng mã nguồn mở WordPress kết hợp với plugin thương mại điện tử WooCommerce (được phát triển bởi WooThemes) được tác giả lựa chọn làm giải pháp kỹ thuật chính cho đề tài "Xây dựng website bán đồ thể thao dựa trên nền tảng WordPress" (trong nội dung còn được đề cập với tên gọi "Xây dựng website bán hàng bằng Wordpress").

Đề tài đặt ra bốn mục tiêu nghiên cứu và phát triển cụ thể:

  1. Xây dựng giao diện thân thiện, trực quan đối với người dùng cuối.
  2. Thiết lập hệ thống trang web với đầy đủ các chức năng bán hàng và giao dịch cơ bản.
  3. Tích hợp chức năng thống kê doanh số bán hàng và quản lý số lượng sản phẩm tồn kho.
  4. Cung cấp chức năng quản lý thông tin khách hàng phục vụ công tác quản trị của chủ cửa hàng.

Về đối tượng và phạm vi nghiên cứu:

  • Đối tượng nghiên cứu: Quy trình phân tích, thiết kế và triển khai hệ thống website thương mại điện tử phục vụ bán lẻ trực tuyến; các chức năng quản lý danh mục sản phẩm, đơn hàng, người dùng và báo cáo thống kê.
  • Phạm vi không gian và thời gian: Đề tài được thực hiện trong khuôn khổ đồ án tốt nghiệp chuyên ngành Công nghệ thông tin tại Khoa Công nghệ thông tin, Trường Đại học Hải Phòng, hoàn thành vào năm 2024.

Cơ sở lý thuyết và phương pháp

Khóa luận kết hợp giữa khung lý thuyết về kỹ nghệ phần mềm và các giải pháp công nghệ mã nguồn mở phục vụ xây dựng ứng dụng web:

1. Khung lý thuyết và công nghệ nền tảng

  • Hệ quản trị nội dung WordPress: Phần mềm mã nguồn mở viết bằng ngôn ngữ lập trình PHP, sử dụng hệ quản trị cơ sở dữ liệu MySQL. Ra mắt lần đầu ngày 27/05/2003 bởi Matt Mullenweg và Mike Little, hiện thuộc sở hữu và phát triển bởi công ty Automattic (San Francisco, California, Hoa Kỳ). Theo thống kê được tác giả trích dẫn, WordPress đã phát triển thành hệ quản trị nội dung (CMS) hỗ trợ đa dạng loại hình website và chiếm khoảng 25% trong danh sách 100 website lớn nhất thế giới (như TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz...).
  • Plugin thương mại điện tử WooCommerce: Công cụ mở rộng chuyên dụng cho WordPress phát triển bởi WooThemes, cung cấp hệ thống chức năng bán hàng toàn diện: tạo sản phẩm (thông thường, có thuộc tính, affiliate, sản phẩm số tải về), tích hợp phương thức thanh toán (PayPal, Credit Card, CoD, Cash), tự động tính thuế, tính phí chuyển phát theo khối lượng, kích thước, tỉnh thành và hệ thống quản trị đơn hàng theo trạng thái.
  • Hệ quản trị cơ sở dữ liệu MySQL: Hệ thống quản lý cơ sở dữ liệu quan hệ mã nguồn mở, đảm nhiệm vai trò định nghĩa dữ liệu, thao tác dữ liệu (thêm, sửa, xóa, tìm kiếm) và kiểm soát truy cập nhằm duy trì tính an toàn và tính toàn vẹn dữ liệu trên môi trường Internet.
  • Phương pháp phân tích và thiết kế hướng đối tượng (OOAD): Áp dụng 5 nguyên tắc thiết kế hướng đối tượng nhằm đảm bảo tính module hóa và khả năng mở rộng:
    • Một lớp chỉ đảm nhận một lý do thay đổi duy nhất (Single Responsibility).
    • Mở cho việc mở rộng, đóng cho việc sửa đổi (Open/Closed).
    • Lớp dẫn xuất có thể thay thế được lớp cha (Liskov Substitution).
    • Không ép buộc cài đặt interface không sử dụng (Interface Segregation).
    • Module cấp cao không phụ thuộc module cấp thấp; cả hai phụ thuộc vào trừu tượng (Dependency Inversion).
  • Ngôn ngữ mô hình hóa thống nhất (UML): Văn bản liệt kê 11 loại sơ đồ mô hình hóa hệ thống gồm: Sơ đồ lớp (Class Diagram), sơ đồ đối tượng (Object Diagram), sơ đồ use case (Use Case Diagram), sơ đồ tuần tự (Sequence Diagram), sơ đồ cộng tác (Composite Structure Diagram), sơ đồ trạng thái (State machine Diagram), sơ đồ thành phần (Component Diagram), sơ đồ hoạt động (Activity Diagram), sơ đồ triển khai (Deployment Diagram), sơ đồ gói (Package Diagram) và sơ đồ tương tác (Interaction Overview Diagram).

2. Phương pháp nghiên cứu và nguồn dữ liệu

  • Phương pháp thực hiện: Phân tích yêu cầu chức năng và phi chức năng; mô hình hóa quy trình nghiệp vụ thông qua hệ thống biểu đồ UML (Use Case, Activity, Sequence, Collaboration, Class Diagram); cấu hình và tùy biến hệ thống dựa trên mã nguồn mở WordPress/WooCommerce.
  • Nguồn tài liệu: Tài liệu kỹ thuật về HTML/CSS, ngôn ngữ PHP, JavaScript, cấu trúc dữ liệu plugin WordPress, tài liệu lập trình cơ sở dữ liệu SQL và các tài liệu hướng dẫn phân tích thiết kế hệ thống bằng UML.
Thành phần hệ thống Công nghệ / Phương pháp áp dụng Vai trò trong đồ án
Nền tảng cốt lõi WordPress (CMS mã nguồn mở) Quản trị nội dung và khung làm việc chính của website
Ngôn ngữ & Dữ liệu PHP, MySQL Xử lý logic phía máy chủ và lưu trữ cơ sở dữ liệu
Module thương mại WooCommerce (Plugin từ WooThemes) Xử lý nghiệp vụ giỏ hàng, thanh toán, vận chuyển, đơn hàng
Thiết kế hệ thống OOAD & Ngôn ngữ UML Đặc tả kiến trúc, luồng hoạt động và tương tác đối tượng

Thiết kế và triển khai hệ thống

Đồ án tập trung xây dựng kiến trúc hệ thống phục vụ hai nhóm tác nhân chính: Khách hàng (bao gồm khách xem vãng lai và thành viên đã đăng ký) và Người quản lý (Admin / Quản lý bán hàng).

1. Phân rã chức năng và đặc tả Use Case

Hệ thống được thiết kế thành 9 nhóm ca sử dụng chính, được đặc tả chi tiết về tiền điều kiện, luồng sự kiện chính, luồng rẽ nhánh và hậu điều kiện:

Tên Use Case Tác nhân Tiền điều kiện Luồng sự kiện chính / Kết quả
Đăng nhập Khách hàng, Người quản lý Thành viên chưa đăng nhập Nhập tên và mật khẩu; kiểm tra thông tin; tạo phiên làm việc nếu thành công (rẽ nhánh A1 nếu sai mật khẩu).
Đăng ký Khách xem Chưa có tài khoản Nhập thông tin biểu mẫu đăng ký; hệ thống cập nhật vào danh sách thành viên (rẽ nhánh A1 nếu dữ liệu không hợp lệ).
Tìm kiếm Khách hàng Không yêu cầu Nhập từ khóa vào form tìm kiếm; hệ thống truy vấn và trả về danh sách sản phẩm phù hợp.
Xem thông tin cá nhân Khách hàng Đã đăng nhập Hiển thị thông tin cá nhân hiện tại; cung cấp liên kết chuyển sang chức năng chỉnh sửa.
Sửa thông tin cá nhân Khách hàng Đã đăng nhập Nhập thông tin mới; nhấn lưu dữ liệu; hệ thống cập nhật vào cơ sở dữ liệu (rẽ nhánh A1 nếu dữ liệu lỗi).
Thêm sản phẩm vào giỏ Khách hàng Đã chọn sản phẩm Chọn thêm vào giỏ; kiểm tra trạng thái tồn tại trong giỏ (rẽ nhánh A1/A2); cập nhật cơ sở dữ liệu giỏ hàng.
Xóa sản phẩm trong giỏ Khách hàng Giỏ hàng có sản phẩm Chọn sản phẩm cần xóa; xác nhận thao tác; hệ thống loại bỏ sản phẩm khỏi giỏ hàng.
Đặt hàng Khách hàng Đã đăng nhập Thêm sản phẩm vào giỏ, chọn mua hàng, điền thông tin giao hàng, xác nhận đặt hàng (rẽ nhánh A1 cho phép hủy trước khi xác nhận).
Quản lý sản phẩm Người quản lý Admin đã đăng nhập Thực hiện các thao tác: Thêm sản phẩm mới, sửa đổi thông tin sản phẩm hoặc xóa sản phẩm khỏi danh mục hệ thống.
Quản lý đơn đặt hàng Người quản lý Admin đã đăng nhập Xem danh sách đơn hàng, cập nhật trạng thái đơn hàng hoặc xóa bỏ đơn hàng khỏi cơ sở dữ liệu.

2. Mô hình hóa động và tĩnh

Tác giả đã xây dựng hệ thống biểu đồ mô hình hóa chi tiết bao gồm:

  • Biểu đồ hoạt động (Activity Diagram): Mô tả quy trình đăng nhập, sửa thông tin cá nhân, thêm sản phẩm vào giỏ hàng và cập nhật trạng thái đơn hàng.
  • Biểu đồ tuần tự (Sequence Diagram): Mô tả trình tự gửi thông điệp giữa các đối tượng trong 6 ca sử dụng: Đăng nhập, Đăng ký, Tìm kiếm, Đặt hàng, Thêm sản phẩm và Cập nhật trạng thái.
  • Biểu đồ cộng tác (Collaboration Diagram): Mô tả mối quan hệ tương tác trực tiếp giữa các đối tượng trong các chức năng: Đăng nhập, Sửa thông tin cá nhân, Tìm kiếm sản phẩm và Đặt hàng.
  • Biểu đồ lớp (Class Diagram): Xác định cấu trúc các lớp thực thể và mối quan hệ liên kết dữ liệu trong hệ thống.

3. Quy trình cấu hình và triển khai WooCommerce

Quá trình thiết lập kỹ thuật trên môi trường thực tế được thực hiện theo các bước chuẩn hóa:

  1. Cài đặt và kích hoạt plugin WooCommerce (WooCommerce – excelling eCommerce) từ thư viện WordPress Dashboard.
  2. Cài đặt gói ngôn ngữ bản dịch tiếng Việt phù hợp với cấu hình website.
  3. Tạo lập tự động hệ thống các trang chức năng bắt buộc: Cửa hàng, Giỏ hàng, Thanh toán.
  4. Cấu hình thông tin vị trí cửa hàng tại Việt Nam, thiết lập đơn vị tiền tệ và định dạng tiền tệ tương ứng.
  5. Cấu hình các thiết lập về phương thức giao hàng, tính thuế và quản lý trạng thái đơn hàng.

Nội dung chính theo từng chương

Chương 1: Giới thiệu đề tài và WordPress

Chương này trình bày lý do chọn đề tài dựa trên sự phát triển của công nghệ thông tin và nhu cầu mua sắm trực tuyến. Tác giả giới thiệu tổng quan về 4 mục tiêu của đề tài; phân tích lịch sử, nguồn gốc, kiến trúc kỹ thuật của hệ quản trị nội dung WordPress và cơ sở dữ liệu MySQL; giới thiệu chi tiết các tính năng của plugin WooCommerce từ WooThemes. Đồng thời, chương 1 ghi lại quy trình từng bước cài đặt, cấu hình ban đầu cho WooCommerce bao gồm cài bản dịch tiếng Việt, tạo trang hệ thống và thiết lập tiền tệ phù hợp với thị trường Việt Nam.

Chương 2: Phân tích, thiết kế hệ thống

Chương 2 tập trung vào cơ sở lý luận và thiết kế kỹ thuật. Tác giả định nghĩa phương pháp phân tích thiết kế hướng đối tượng (OOAD), làm rõ 5 nguyên tắc thiết kế và giới thiệu 11 dạng sơ đồ UML. Tiếp đó, chương trình bày kiến trúc và vai trò của hệ quản trị cơ sở dữ liệu MySQL. Phần trọng tâm của chương là việc xây dựng hệ thống biểu đồ UML hoàn chỉnh: biểu đồ Use Case tổng quát, Use Case cho khách hàng và người bán hàng; 9 bảng đặc tả Use Case chi tiết; các biểu đồ hoạt động (đăng nhập, sửa thông tin, thêm giỏ, cập nhật đơn hàng); các biểu đồ tuần tự và biểu đồ cộng tác cho từng chức năng chính; cùng biểu đồ lớp của hệ thống.

Chương 3: Thực nghiệm xây dựng trang web

Chương 3 trình bày các kết quả trực quan thu được sau khi triển khai hệ thống lên môi trường thực nghiệm. Tác giả chụp lại và mô tả chi tiết 10 giao diện chức năng chính của website:

  • Giao diện trang chủ và phần footer;
  • Giao diện đăng nhập và giao diện hiển thị kết quả tìm kiếm sản phẩm;
  • Giao diện giỏ hàng và giao diện đặt hàng dành cho khách hàng;
  • Các giao diện quản trị dành cho Admin: Quản lý tài khoản, Báo cáo thống kê bán hàng, Quản lý danh mục sản phẩm, và Quản lý trạng thái đơn đặt hàng.

Kết quả và đóng góp

1. Kết quả chính đạt được

  • Về phân quyền và giao diện: Hoàn thiện website có sự phân định rõ ràng giữa giao diện, chức năng dành cho người dùng (khách xem, khách hàng thành viên) và giao diện quản trị dành cho người quản lý hệ thống.
  • Về quản trị nghiệp vụ bán hàng: Triển khai thành công các module quản lý danh mục sản phẩm, lưu trữ và xử lý thông tin khách hàng, ghi nhận các giao dịch mua hàng và quản lý đơn đặt hàng trực tuyến.
  • Về chức năng nâng cao: Tích hợp công cụ theo dõi báo cáo thống kê doanh số bán hàng và kiểm soát số lượng sản phẩm tồn kho cho người quản trị.

2. Đóng góp của đồ án

Đồ án đã chuẩn hóa quy trình phân tích và thiết kế một website thương mại điện tử quy mô vừa và nhỏ bằng cách kết hợp chặt chẽ phương pháp luận hướng đối tượng (sử dụng đầy đủ hệ thống biểu đồ Use Case, Activity, Sequence, Collaboration, Class) với việc triển khai thực tế trên nền tảng mã nguồn mở WordPress và WooCommerce.

Hạn chế và hướng nghiên cứu tiếp

1. Hạn chế tồn tại

Theo tự đánh giá của tác giả trong phần kết luận:

  • Do hạn chế về kiến thức thực tế, việc xây dựng phần mềm áp dụng vào thực tiễn còn nhiều thiếu sót và mức độ khả quan chưa cao.
  • Giao diện thiết kế của website chưa thật sự bắt mắt.
  • Một số chức năng trong hệ thống vẫn còn tồn tại những điểm hạn chế nhất định.

2. Hướng nghiên cứu và phát triển tiếp theo

Tác giả định hướng cải tiến hệ thống trong tương lai thông qua ba nội dung chính:

  • Nâng cao và tăng cường tính bảo mật cho toàn bộ trang web.
  • Cải tiến thiết kế giao diện theo hướng sinh động hơn nhằm thu hút sự chú ý của khách hàng.
  • Bổ sung nhiều hiệu ứng trực quan, đẹp mắt trong giao diện tương tác của người dùng cuối.

Giá trị tham khảo

Báo cáo đồ án tốt nghiệp này mang lại giá trị tham khảo thiết thực cho các nhóm đối tượng:

  • Sinh viên ngành Công nghệ thông tin: Là tài liệu tham khảo trực tiếp về cấu trúc một đồ án tốt nghiệp ứng dụng, cách thức vận dụng phương pháp phân tích thiết kế hướng đối tượng (OOAD) và ngôn ngữ UML để mô hình hóa một hệ thống phần mềm web.
  • Người nghiên cứu và phát triển website thương mại điện tử mã nguồn mở: Cung cấp tài liệu hướng dẫn thực tế về các bước cài đặt, cấu hình bản dịch, thiết lập đơn vị tiền tệ, trang hệ thống và quản trị bán hàng trên nền tảng WordPress kết hợp WooCommerce.
  • Phần có giá trị tham khảo cao nhất: Chương 2 với hệ thống bảng đặc tả ca sử dụng chi tiết cùng các biểu đồ phân tích tuần tự và cộng tác, giúp người học nắm vững quy trình chuyển đổi từ yêu cầu nghiệp vụ sang thiết kế kỹ thuật.

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

1. Đề tài sử dụng những công nghệ và nền tảng chính nào để xây dựng website?
Website được xây dựng trên hệ quản trị nội dung WordPress (viết bằng PHP, sử dụng hệ quản trị cơ sở dữ liệu MySQL) kết hợp với plugin thương mại điện tử WooCommerce của WooThemes.

2. Tác giả áp dụng những nguyên tắc nào trong phân tích thiết kế hướng đối tượng (OOAD)?
Tác giả áp dụng 5 nguyên tắc thiết kế hướng đối tượng: Một lớp chỉ xử lý một chức năng đơn lẻ (Single Responsibility); Mở cho việc thêm chức năng mới và đóng cho việc thay đổi (Open/Closed); Lớp dẫn xuất có khả năng thay thế lớp cha (Liskov Substitution); Không ép buộc cài đặt interface không dùng (Interface Segregation); Module cấp cao không phụ thuộc module cấp thấp mà phụ thuộc qua lớp trừu tượng (Dependency Inversion).

3. Những loại biểu đồ UML nào được xây dựng chi tiết trong Chương 2 của đồ án?
Đồ án xây dựng chi tiết các biểu đồ: Biểu đồ Use Case (tổng quát, khách hàng, người bán hàng), Biểu đồ hoạt động (4 biểu đồ), Biểu đồ tuần tự (6 biểu đồ), Biểu đồ cộng tác (4 biểu đồ) và Biểu đồ lớp.

4. Plugin WooCommerce hỗ trợ những phương thức thanh toán và tính năng cốt lõi nào theo mô tả trong văn bản?
WooCommerce hỗ trợ các hình thức thanh toán trực tuyến gồm PayPal, Credit Card, CoD, Cash; tự động tính thuế theo sản phẩm/đơn hàng; tính phí chuyển phát theo cân nặng, kích thước, tỉnh thành; quản lý đơn hàng theo từng trạng thái và hỗ trợ cấu hình template hiển thị riêng.

5. Tác giả tự nhìn nhận những hạn chế chính nào của sản phẩm và đề xuất hướng khắc phục ra sao?
Tác giả chỉ ra hạn chế về việc thiếu kiến thức thực tế dẫn đến phần mềm chưa thật tối ưu, giao diện chưa bắt mắt và một số chức năng còn giới hạn. Hướng khắc phục được đề xuất là tăng cường bảo mật, cải tiến giao diện sinh động và bổ sung các hiệu ứng trực quan cho người dùng.

Kết luận

Đồ án tốt nghiệp "Xây dựng website bán đồ thể thao dựa trên nền tảng WordPress" của sinh viên Đoàn Xuân Bách (Trường Đại học Hải Phòng) đã hoàn thành mục tiêu thiết lập một website thương mại điện tử cơ bản với đầy đủ các phân hệ quản lý sản phẩm, đơn hàng, khách hàng và thống kê doanh số. Báo cáo thể hiện rõ nét phương pháp phân tích thiết kế hướng đối tượng thông qua hệ thống đặc tả use case và các biểu đồ UML chuẩn hóa trước khi tiến hành thực nghiệm trên nền tảng WordPress và WooCommerce. Mặc dù còn những hạn chế về mặt giao diện và tính năng thực tế, công trình là tài liệu học thuật hoàn chỉnh, đáp ứng yêu cầu của một đồ án tốt nghiệp chuyên ngành Công nghệ thông tin.