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

Lý do chọn đề tài và bối cảnh thực tiễn

Sự phát triển nhanh chóng của công nghệ thông tin cùng xu hướng thương mại điện tử tại Việt Nam đã thúc đẩy nhu cầu mua sắm trực tuyến đối với các mặt hàng công nghệ. Người tiêu dùng ngày càng tìm kiếm các giải pháp mua hàng thông minh kết hợp thanh toán điện tử linh hoạt mà không bị giới hạn bởi không gian địa lý. Xuất phát từ bối cảnh thực tiễn này, tác giả Đỗ Đăng Hoan đã thực hiện đề tài đồ án tốt nghiệp: "Xây dựng website bán điện thoại di động và phụ kiện" cho thương hiệu mang tên HĐ STORE. Đề tài hướng đến việc ứng dụng nền tảng hệ quản trị nội dung mã nguồn mở nhằm xây dựng một hệ thống bán hàng trực tuyến vừa tiết kiệm chi phí, vừa đảm bảo tính ổn định, dễ vận hành và đáp ứng đầy đủ các nghiệp vụ thương mại điện tử cơ bản.

Mục tiêu và nhiệm vụ nghiên cứu

Mục tiêu tổng quát và các nhiệm vụ cụ thể được xác định trong văn bản đồ án bao gồm:

  1. Gia tăng tệp khách hàng: Tiếp cận các nhóm khách hàng mới trên môi trường mạng và nâng cao tỷ lệ chuyển đổi thành khách hàng tiềm năng.
  2. Nâng cao tương tác: Thiết lập kênh giao tiếp và tương tác trực tiếp, hiệu quả giữa cửa hàng với khách hàng và các đối tác liên quan.
  3. Cung cấp giải pháp mua sắm tiện ích: Tạo môi trường cho phép người dùng tìm kiếm, lựa chọn sản phẩm và thanh toán điện tử trực tuyến mà không cần đến trực tiếp cửa hàng.
  4. Quản lý đơn hàng hiệu quả: Thiết lập quy trình tiếp nhận, xử lý và theo dõi trạng thái đơn hàng (từ khi tạo đơn, thanh toán đến giao hàng) một cách nhanh chóng, chính xác.
  5. Tối ưu hóa quản trị nội bộ: Quản lý tập trung dữ liệu sản phẩm, khách hàng, nhân viên và các báo cáo doanh thu, tồn kho từ xa.

Đối tượng và phạm vi nghiên cứu

  • Đối tượng nghiên cứu: Quy trình khảo sát, phân tích, thiết kế và triển khai website thương mại điện tử chuyên doanh mặt hàng điện thoại thông minh và phụ kiện công nghệ.
  • Phạm vi không gian: Đề tài triển khai mô hình cửa hàng trực tuyến HĐ STORE, phục vụ giao dịch và giao hàng trên phạm vi toàn quốc (tích hợp dữ liệu địa giới hành chính Việt Nam).
  • Phạm vi thời gian: Đồ án được nghiên cứu và nghiệm thu tại Khoa Công nghệ Thông tin, Trường Đại học Công nghệ Đông Á vào năm 2022.

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

Cơ sở công nghệ và khung lý thuyết

Đồ án tiếp cận việc phát triển ứng dụng web dựa trên hệ sinh thái mã nguồn mở phổ biến:

  • Hệ quản trị nội dung WordPress: Được phát triển bằng ngôn ngữ PHP kết hợp hệ quản trị cơ sở dữ liệu MySQL. Tác giả phân tích cơ chế xử lý truy vấn 5 bước của WordPress khi người dùng truy cập:
    1. Khởi động mã nguồn: Nạp tập tin index.php, cấu hình wp-config.php, thiết lập kết nối cơ sở dữ liệu và nạp các hàm hệ thống (/wp-includes/functions.php).
    2. Kích hoạt plugin: Nạp các plugin thông qua điểm neo hookinit.
    3. Thực thi giao diện (theme): Nạp tập tin functions.php của theme được kích hoạt (xác định qua trường current_theme trong bảng cơ sở dữ liệu wp_options).
    4. Phân tích và khởi tạo truy vấn: Sử dụng lớp WP và phương thức $wp->parse_request(), xử lý biến $wp_query để tạo câu truy vấn SQL gửi đến MySQL qua $wp_query->get_posts(), đồng thời khởi tạo đối tượng dữ liệu $post.
    5. Thực thi khuôn mẫu (template): Điều hướng và hiển thị nội dung ra trình duyệt thông qua cấu trúc template tags bằng mã HTML.
  • Môi trường cục bộ XAMPP: Nền tảng máy chủ ảo cục bộ tích hợp Apache, MariaDB/MySQL, PHP và Perl trên môi trường máy tính cá nhân.
  • Plugin thương mại điện tử WooCommerce: Nền tảng cốt lõi cung cấp các chức năng quản lý danh mục sản phẩm (sản phẩm đơn, sản phẩm có thuộc tính, sản phẩm kỹ thuật số), giỏ hàng, tính toán thuế, phí vận chuyển và quản lý trạng thái đơn hàng.

Phương pháp nghiên cứu và thiết kế hệ thống

  • Phương pháp khảo sát và thu thập yêu cầu: Phân tích nhu cầu thực tế của người dùng trực tuyến và người quản trị hệ thống bán lẻ thiết bị di động.
  • Phương pháp phân tích - thiết kế hướng chức năng và đối tượng:
    • Xây dựng sơ đồ phân cấp chức năng.
    • Thiết kế biểu đồ luồng dữ liệu (DFD - Data Flow Diagram) ở mức đỉnh.
    • Phân tích tương tác hệ thống bằng sơ đồ Use Case và biểu đồ trình tự (Sequence Diagram) chuẩn UML cho các tác vụ: đăng ký, đăng nhập, quản lý bán hàng và thanh toán.

Thiết kế và triển khai

Kiến trúc công nghệ và các thành phần phần mềm

Website HĐ STORE được xây dựng trên nền tảng WordPress kết hợp giao diện chuyên dụng và các plugin chức năng mở rộng nhằm hoàn thiện quy trình kinh doanh trực tuyến.

Thành phần Tên công nghệ / Plugin Mục đích sử dụng
Giao diện (Theme) Flatsome (kèm Flatsome Studio) Thiết kế giao diện bán hàng đáp ứng (responsive), tối ưu tốc độ tải trang và tùy biến bố cục linh hoạt
Lõi thương mại điện tử WooCommerce Quản lý sản phẩm, giỏ hàng, thông tin đặt hàng và theo dõi đơn hàng
Tiện ích hiển thị WooSidebars Tùy biến các thanh tiện ích điều hướng (sidebar) tại trang cửa hàng
Danh mục yêu thích YITH WooCommerce Wishlist Cho phép khách hàng lưu trữ các sản phẩm quan tâm vào tài khoản
Kiểu chữ Fonts Plugin | Google Fonts Typography Định dạng và đồng bộ hệ thống phông chữ hiển thị trên toàn trang
Tương tác trực tuyến Insert Headers and Footers / Facebook Chat Plugin Tích hợp tiện ích trò chuyện trực tiếp (Live Chat) qua Facebook Messenger
Địa giới hành chính Woo Viet - WooCommerce for Vietnam Bổ sung danh mục các tỉnh/thành phố và quận/huyện tại Việt Nam vào biểu mẫu thanh toán
Thanh toán QR Thanh Toán Quét Mã QR Tích hợp cổng thanh toán qua mã QR cho các ví điện tử MoMo, ZaloPay, Moca Grab, AirPay
Hỗ trợ di động Call Now Button Tạo nút gọi điện nhanh tới hotline cửa hàng khi duyệt web trên thiết bị di động
Cổng thanh toán điện tử Plugin thanh toán VNPAY Kết nối môi trường thử nghiệm (Sandbox) VNPAY qua thông tin Terminal ID và mã kiểm tra (Checksum)

Mô hình phân quyền người dùng

Hệ thống xác định 3 nhóm tác nhân (Actors) chính với các quyền hạn cụ thể:

  1. Quản trị viên (Admin): Có quyền cao nhất trong hệ thống; quản lý danh mục sản phẩm, cấu hình toàn trang, phân quyền tài khoản, quản lý nhân sự và trích xuất báo cáo thống kê doanh số.
  2. Nhân viên (Staff): Truy cập khu vực quản trị để cập nhật thông tin sản phẩm, quản lý kho, tiếp nhận và đổi trạng thái đơn đặt hàng, kiểm tra thông tin khách hàng; không có quyền xóa hay can thiệp vào cấu trúc hệ thống.
  3. Khách hàng (Customer): Đăng ký tài khoản, tìm kiếm sản phẩm theo tiêu chí (tên, giá cả, nhà cung cấp), thêm vào giỏ hàng, quản lý danh sách yêu thích và thực hiện thanh toán trực tuyến.

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

Chương 1: Khảo sát hệ thống và xác định yêu cầu

Chương này tập trung vào việc mô tả bối cảnh ra đời của hệ thống thương mại điện tử HĐ STORE, phân tích nhu cầu thị trường và xác định các yêu cầu kỹ thuật đối với website.

  • Yêu cầu chức năng: Hệ thống phải đảm bảo việc cập nhật thông tin sản phẩm trực tuyến (hình ảnh, giá bán, cấu hình kỹ thuật), cho phép đặt hàng thông qua giỏ hàng tự động tính toán chi phí, và hỗ trợ quản lý trạng thái đơn hàng từ xa.
  • Yêu cầu phi chức năng: Đảm bảo giao diện trực quan, tốc độ xử lý nhanh, hỗ trợ đầy đủ thông tin bảo hành, chính sách khuyến mại và tương thích trên nhiều thiết bị.
  • Khảo sát nền tảng: Tác giả trình bày chi tiết về lịch sử phát triển của WordPress (ra mắt ngày 27/5/2003 bởi Matt Mullenweg và Mike Little), các module cấu thành của XAMPP, cấu trúc cơ sở dữ liệu MySQL, cùng các ưu điểm (dễ sử dụng, tối ưu SEO, hỗ trợ đa ngôn ngữ) và nhược điểm (nguy cơ xung đột plugin, hạn chế bảo mật, phù hợp hơn với doanh nghiệp vừa và nhỏ). Đồng thời, chương 1 giới thiệu vai trò của theme Flatsome và các plugin mở rộng như Woo Viet, VNPAY, Call Now Button, Facebook Live Chat.

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

Chương 2 mô hình hóa toàn bộ cấu trúc dữ liệu và luồng nghiệp vụ của hệ thống bằng các biểu đồ kỹ thuật:

  • Phân tích người dùng: Xác định chi tiết các luồng nghiệp vụ tương ứng với từng tác nhân (Khách hàng, Nhân viên, Quản trị viên).
  • Biểu đồ phân cấp chức năng & DFD: Sơ đồ hóa luồng dữ liệu mức đỉnh, thể hiện sự tương tác giữa khách hàng, quản trị viên với các tiến trình xử lý thông tin sản phẩm, xử lý đơn hàng và cơ sở dữ liệu.
  • Hệ thống Use Case: Xây dựng biểu đồ Use Case tổng quát và các Use Case chi tiết gồm: Tra cứu thông tin, Quản lý chung, Bán hàng, Thống kê - Báo cáo, và Thanh toán.
  • Biểu đồ trình tự: Thiết lập các Sequence Diagram cho 4 tiến trình trọng tâm: Đăng ký tài khoản, Đăng nhập hệ thống, Quản lý bán hàng, và Quy trình thanh toán điện tử.

Chương 3: Cài đặt và kiểm thử website

Chương 3 trình bày việc hiện thực hóa các thiết kế vào môi trường thực nghiệm và kiểm tra hoạt động thực tế của website HĐ STORE:

  • Cài đặt quản trị: Thiết lập giao diện đăng nhập và các khu vực quản lý chức năng trong trang quản trị WordPress (Quản trị Trang, Quản trị Bài viết tin tức, Quản trị Sản phẩm và thuộc tính biến thể).
  • Cấu trúc giao diện demo: Hoàn thiện 7 trang nội dung chính gồm: Trang chủ (banner khuyến mại, danh mục sản phẩm bán chạy, sản phẩm giảm giá, phụ kiện nổi bật, chính sách đổi trả/bảo hành), Cửa hàng, iPhone, Samsung, iPad, Macbook, Phụ kiện và Tin tức công nghệ.
  • Tính năng mở rộng và tương tác: Tích hợp tiện ích hỗ trợ khách hàng gồm nút gọi điện trực tiếp trên di động, khung chat Facebook Messenger, và hiển thị vị trí cơ sở qua Google Maps.
  • Quy trình mua hàng và xử lý đơn: Kiểm tra thực tế luồng thao tác của khách hàng từ khâu lựa chọn màu sắc/phiên bản thiết bị, kiểm tra giỏ hàng, điền thông tin giao nhận (theo dữ liệu tỉnh thành Việt Nam), chọn phương thức thanh toán (quét mã QR ZaloPay, VNPAY, tiền mặt), cho đến việc hệ thống ghi nhận đơn hàng vào trang quản trị để nhân viên chuyển đổi trạng thái đơn hàng.

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

Kết quả chính của đồ án

  • Xây dựng hoàn chỉnh website thương mại điện tử: Triển khai thành công website HĐ STORE trên nền tảng WordPress và WooCommerce với đầy đủ các phân hệ chức năng dành cho cửa hàng bán lẻ thiết bị di động.
  • Đa dạng hóa phương thức thanh toán: Tích hợp thành công nhiều kênh thanh toán bao gồm tiền mặt (CoD), quét mã QR ví điện tử (MoMo, ZaloPay, AirPay, Moca) và cổng thanh toán điện tử VNPAY (môi trường Sandbox).
  • Tối ưu hóa trải nghiệm người dùng tại Việt Nam: Tích hợp dữ liệu địa chỉ hành chính trong nước (qua Woo Viet), tích hợp nút gọi điện trực tiếp (Call Now Button) tối ưu cho giao diện điện thoại và hộp thoại hỗ trợ trực tuyến qua Facebook Live Chat.
  • Quy trình quản trị tập trung: Xây dựng cơ chế phân quyền rõ ràng giữa 3 cấp tài khoản (Quản trị viên, Nhân viên, Khách hàng) và quản lý vòng đời đơn hàng trực tiếp trên hệ thống web.

Đóng góp thực tiễn

Đề tài cung cấp một mô hình ứng dụng thực tế về việc triển khai website thương mại điện tử chuyên ngành bán lẻ công nghệ sử dụng CMS mã nguồn mở. Đồ án chứng minh tính khả thi của việc kết hợp các plugin chuyên biệt để giải quyết bài toán nghiệp vụ bán hàng, thanh toán và giao vận tại thị trường Việt Nam mà không đòi hỏi chi phí đầu tư hạ tầng phần mềm quá lớn.

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

Hạn chế của đề tài

Dựa trên nội dung phân tích trong văn bản, đồ án tồn tại một số điểm hạn chế:

  • Phạm vi triển khai: Hệ thống chủ yếu được cấu hình và kiểm thử trên môi trường máy chủ cục bộ (Localhost thông qua XAMPP) và môi trường thử nghiệm thanh toán (VNPAY Sandbox), chưa triển khai trên môi trường máy chủ Internet (Hosting/VPS thực tế).
  • Tính ổn định của mã nguồn mở: Như tác giả đã nêu trong phần nhược điểm của WordPress, hệ thống phụ thuộc nhiều vào các plugin bên thứ ba, tiềm ẩn nguy cơ xung đột khi cập nhật và chỉ phù hợp với quy mô doanh nghiệp vừa và nhỏ.
  • Kiểm thử hệ thống: Báo cáo chưa trình bày các số liệu đo lường hiệu năng chuyên sâu về tải lượng truy cập đồng thời hoặc các kịch bản kiểm thử bảo mật nâng cao.

Hướng phát triển tiếp theo

  • Triển khai website lên môi trường máy chủ thực tế (Cloud/Hosting) với tên miền và chứng chỉ bảo mật SSL chính thức.
  • Tối ưu hóa cơ sở dữ liệu và tích hợp các biện pháp bảo mật nâng cao cho nền tảng WordPress nhằm ngăn ngừa các lỗ hổng tấn công phổ biến.
  • Kết nối tự động với API của các đơn vị vận chuyển chuyên nghiệp tại Việt Nam để tự động hóa khâu tính cước và theo dõi lộ trình giao vận.

Giá trị tham khảo

Tài liệu đồ án này có giá trị tham khảo hữu ích đối với:

  • Sinh viên ngành Công nghệ thông tin và Hệ thống thông tin: Làm tài liệu tham khảo về quy trình phân tích thiết kế hệ thống thương mại điện tử, cách xây dựng các biểu đồ UML (Use Case, Sequence Diagram) và biểu đồ luồng dữ liệu (DFD).
  • Người phát triển ứng dụng WordPress/WooCommerce: Cung cấp hướng dẫn thực tế về việc lựa chọn, phối hợp các plugin đặc thù cho thị trường Việt Nam (tích hợp cổng thanh toán VNPAY, thanh toán QR ví điện tử, xử lý dữ liệu địa giới hành chính nội địa).

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

1. Website HĐ STORE sử dụng nền tảng và bộ giao diện nào để xây dựng?

Website được phát triển trên hệ quản trị nội dung WordPress kết hợp plugin thương mại điện tử WooCommerce, sử dụng theme bán hàng Flatsome và công cụ Flatsome Studio để tùy biến giao diện.

2. Các phương thức thanh toán nào được tích hợp trong đồ án?

Hệ thống hỗ trợ thanh toán tiền mặt trực tiếp, quét mã QR qua các ví điện tử (MoMo, ZaloPay, Moca Grab, AirPay) và thanh toán qua cổng điện tử VNPAY (được cấu hình qua môi trường Sandbox).

3. Hệ thống phân chia quyền hạn người dùng như thế nào?

Hệ thống phân cấp thành 3 nhóm tài khoản: Tài khoản Quản lý (Admin - có toàn quyền cấu hình và chỉnh sửa), Tài khoản Thành viên (Nhân viên - theo dõi đơn hàng, thống kê, cập nhật sản phẩm nhưng không được can thiệp tính năng hệ thống) và Tài khoản Khách hàng (đăng nhập, tìm kiếm và đặt mua sản phẩm).

4. Tác giả đã sử dụng plugin nào để giải quyết vấn đề địa chỉ giao hàng tại Việt Nam?

Tác giả sử dụng plugin Woo Viet - WooCommerce for Vietnam để tự động hóa việc cập nhật danh sách các tỉnh, thành phố tại Việt Nam vào biểu mẫu thanh toán khi khách hàng tạo đơn hàng.

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" của sinh viên Đỗ Đăng Hoan đã trình bày toàn diện quá trình xây dựng website thương mại điện tử HĐ STORE trên nền tảng WordPress và WooCommerce. Tác giả đã hoàn thành các mục tiêu đề ra từ việc khảo sát yêu cầu, mô hình hóa hệ thống bằng các biểu đồ UML/DFD đến cài đặt hoàn chỉnh các phân hệ quản trị, thanh toán điện tử và hỗ trợ khách hàng. Mặc dù còn hạn chế do chủ yếu thử nghiệm trong môi trường cục bộ, công trình vẫn mang lại giá trị tham khảo thực tiễn cao cho việc triển khai các giải pháp thương mại điện tử quy mô vừa và nhỏ.