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

Đồ án tốt nghiệp chuyên ngành Công nghệ Thông tin tại Trường Đại học Hải Phòng của sinh viên Bùi Trọng Đức (năm 2024, do ThS. Nguyễn Thị Lanh hướng dẫn) tập trung vào việc thiết kế và xây dựng website cho Cửa hàng rau mầm Hải Phòng. Đề tài xuất phát từ sự phát triển mạnh mẽ của thị trường thương mại điện tử và thói quen mua sắm trực tuyến ngày càng phổ biến của người tiêu dùng. Việc ứng dụng công nghệ web giúp cửa hàng tiếp cận đối tượng khách hàng tiềm năng tại Hải Phòng và các khu vực lân cận, đồng thời nâng cao tính tiện lợi, tiết kiệm thời gian cho người mua hàng.

Website được xây dựng nhằm giải quyết bài toán quảng bá sản phẩm rau mầm sạch, minh bạch hóa thông tin dinh dưỡng, quy trình sản xuất và hỗ trợ quy trình đặt hàng, thanh toán trực tuyến.

Các mục tiêu và nhiệm vụ nghiên cứu cụ thể của đề tài bao gồm:

  1. Xây dựng giao diện web thân thiện, trực quan và dễ sử dụng để thu hút khách hàng.
  2. Trình bày thông tin chi tiết về các loại rau mầm, hướng dẫn sử dụng cùng các giá trị dinh dưỡng tương ứng.
  3. Cung cấp tính năng đặt hàng trực tuyến và hỗ trợ các hình thức thanh toán an toàn.
  4. Thiết lập hệ thống quản trị nội dung, quản lý danh mục sản phẩm, đơn hàng và phản hồi của người dùng.
  5. Hỗ trợ khách hàng qua các kênh tương tác (form liên hệ, thông tin cửa hàng, công cụ nhận xét và đánh giá sản phẩm).

Đố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à hiện thực hóa website thương mại điện tử bán sản phẩm rau mầm.
  • Phạm vi không gian: Triển khai thử nghiệm trên môi trường máy chủ cục bộ (Localhost) cho Cửa hàng rau mầm Hải Phòng.
  • Phạm vi thời gian và công nghệ: Nghiên cứu và thực hiện trong năm 2024, sử dụng hệ quản trị nội dung WordPress kết hợp hệ quản trị cơ sở dữ liệu MySQL và môi trường XAMPP trên hệ điều hành Windows.

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

Đồ án tổng hợp các khái niệm nền tảng trong phát triển web và các công cụ mã nguồn mở phục vụ quá trình triển khai hệ thống:

Khái niệm nền tảng về Web và Mạng

  • Domain (Tên miền): Chuỗi ký tự định danh địa chỉ IP của máy chủ trên Internet, gồm phần tên và phần đuôi (như .com, .net, .org, .vn), độ dài không quá 63 ký tự, chỉ chứa các ký tự a-z, 0-9 và dấu gạch nối "-".
  • Web Hosting: Không gian lưu trữ dữ liệu trên máy chủ có kết nối Internet liên tục với địa chỉ IP cố định, được xác định bởi hai thông số chính là Dung lượng lưu trữ và Băng thông truyền tải dữ liệu hàng tháng.
  • Localhost: Môi trường máy chủ cục bộ vận hành ngay trên máy tính cá nhân, tích hợp máy chủ web Apache, bộ xử lý kịch bản PHP và cơ sở dữ liệu MySQL phục vụ kiểm thử ứng dụng.

Nền tảng công nghệ và ngôn ngữ lập trình

  • PHP (Hypertext Preprocessor): Ngôn ngữ lập trình kịch bản phía máy chủ (server-side) mã nguồn mở, hỗ trợ xử lý logic web, nhúng trực tiếp vào mã HTML và tương thích cao với cơ sở dữ liệu quan hệ.
  • MySQL: Hệ thống quản lý cơ sở dữ liệu quan hệ đa người dùng, đa luồng, hỗ trợ xử lý truy vấn bằng ngôn ngữ SQL, thích hợp cho việc lưu trữ dữ liệu sản phẩm, đơn hàng và người dùng.
  • XAMPP: Bộ phần mềm tích hợp đa nền tảng do Apache Friends phát triển, bao gồm Apache HTTP Server, cơ sở dữ liệu MySQL/MariaDB, PHP và công cụ quản trị phpMyAdmin.

Hệ quản trị nội dung WordPress

WordPress là hệ quản trị nội dung (CMS) mã nguồn mở viết bằng PHP và MySQL, được Matt Mullenweg sáng lập từ năm 2003 (tiền thân là b2/cafelog). Đồ án phân tích các thành phần kiến trúc của WordPress:

  • Theme (Giao diện): Bộ mẫu định hình cấu trúc hiển thị và thẩm mỹ của website.
  • Plugin (Trình cắm): Thành phần mở rộng bổ sung các tính năng chuyên biệt như giỏ hàng, thanh toán, quản trị.
  • Widget và Tag: Các khối chức năng tùy biến vị trí hiển thị và hệ thống từ khóa phân loại nội dung.
  • Bộ quản trị (Dashboard): Gồm các phân hệ Updates, Posts (All posts, Add new, Categories, Tags), Appearance, Plugins và Settings.
  • Phân quyền người dùng: Hệ thống hỗ trợ các cấp độ người dùng gồm Administrator, Editor, Author, Contributor và Subscriber.
Tiêu chí WordPress.com WordPress.org (Self-Hosted)
Bản chất Dịch vụ lưu trữ trọn gói do WordPress vận hành Mã nguồn mở tự tải về và cài đặt trên máy chủ riêng
Quyền tùy biến Theme/Plugin Hạn chế, chỉ dùng mẫu có sẵn, không tự cài plugin ngoài Toàn quyền cài đặt theme, plugin và can thiệp mã nguồn
Quản trị hạ tầng Không cần quản lý hosting, máy chủ, sao lưu Đòi hỏi kiến thức quản trị web hosting và máy chủ web
Tên miền & Chi phí Chi phí tối thiểu, phụ thuộc gói dịch vụ Chi phí hosting, tên miền riêng; mở rộng chức năng linh hoạt

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

Phân tích Actor và Danh mục Use Case

Hệ thống xác định 2 tác nhân chính tham gia tương tác:

  • Bộ phận quản trị (Admin): Thực hiện quản lý toàn bộ hệ thống, quản lý sản phẩm, tin tức và đơn đặt hàng.
  • Khách hàng: Truy cập website, xem thông tin sản phẩm, quản lý giỏ hàng, đặt hàng, gửi liên hệ và đánh giá.
STT Tên Use Case Tác nhân chính Mô tả chức năng
1 Admin đăng nhập Quản trị viên Đăng nhập hệ thống để kiểm soát toàn bộ chức năng quản trị
2 Xem sản phẩm Khách hàng Hiển thị danh sách các sản phẩm rau mầm trên hệ thống
3 Xem chi tiết sản phẩm Khách hàng Xem thông tin chi tiết, công dụng, giá cả khi bấm vào sản phẩm
4 Quản lý sản phẩm Quản trị viên Thêm mới, chỉnh sửa, xóa và tìm kiếm thông tin sản phẩm
5 Xem tin tức Khách hàng Xem các bài viết, kiến thức dinh dưỡng do admin đăng tải
6 Quản lý tin tức Quản trị viên Thêm, sửa, xóa các bài viết tin tức và sự kiện trên website
7 Quản lý giỏ hàng Khách hàng Thêm sản phẩm vào giỏ, cập nhật số lượng hoặc xóa sản phẩm
8 Đặt hàng Khách hàng Thực hiện đặt mua hàng trực tiếp trên giao diện website
9 Thanh toán Khách hàng Lựa chọn thanh toán chuyển khoản ngân hàng hoặc khi nhận hàng
10 Liên hệ Khách hàng, Admin Gửi thông tin đóng góp, ý kiến phản hồi đến ban quản trị

Đặc tả luồng xử lý các chức năng cốt lõi

  • Chức năng Đăng nhập Admin:
    1. Người dùng truy cập đường dẫn quản trị của hệ thống.
    2. Nhập thông tin tài khoản và mật khẩu, nhấn nút đăng nhập.
    3. Hệ thống xác thực tính hợp lệ; nếu thành công sẽ chuyển hướng vào trang quản trị (Dashboard), nếu thất bại sẽ thông báo lỗi.
  • Chức năng Đặt hàng và Thanh toán:
    1. Khách hàng xem danh mục, tìm kiếm và chọn sản phẩm thêm vào giỏ hàng.
    2. Kiểm tra lại danh sách món hàng, cập nhật số lượng hoặc loại bỏ sản phẩm không mong muốn.
    3. Chuyển sang giao diện thanh toán, nhập thông tin cá nhân và địa chỉ giao hàng.
    4. Lựa chọn phương thức thanh toán: chuyển khoản ngân hàng trực tiếp hoặc thanh toán khi nhận hàng.
    5. Xác nhận gửi đơn hàng; dữ liệu đơn hàng được lưu trữ vào cơ sở dữ liệu và gửi thông báo qua email của quản trị viên.
    6. Xử lý ngoại lệ: Nếu khách hàng nhập thiếu trường bắt buộc hoặc kho không đủ số lượng, hệ thống sẽ cảnh báo lỗi và ngăn gửi đơn.
  • Chức năng Quản lý Sản phẩm (Admin):
    • Quản trị viên thực hiện các thao tác: Thêm hàng, Sửa thông tin sản phẩm, Xóa sản phẩm và Tìm kiếm sản phẩm trong cơ sở dữ liệu. Dữ liệu sau khi cập nhật được đồng bộ hiển thị ngoài trang người dùng.

Quy trình cài đặt và cấu hình kỹ thuật

  1. Thiết lập môi trường XAMPP: Kích hoạt hai module dịch vụ Apache và MySQL trên bảng điều khiển XAMPP Control Panel.
  2. Khởi tạo cơ sở dữ liệu: Truy cập công cụ phpMyAdmin qua đường dẫn http://localhost/phpmyadmin/, tạo cơ sở dữ liệu MySQL mới phục vụ website.
  3. Cài đặt mã nguồn WordPress:
    • Tải gói cài đặt mã nguồn từ wordpress.org.
    • Giải nén mã nguồn vào thư mục lưu trữ cục bộ: htdocs\athena.
    • Truy cập trình duyệt web qua địa chỉ http://localhost/athena để tiến hành cài đặt.
    • Nhập thông số kết nối cơ sở dữ liệu (Database Name, Username, Password, Database Host).
    • Thiết lập tiêu đề trang web, thông tin tài khoản quản trị (tên đăng nhập, mật khẩu, email) và hoàn tất cài đặt.

Thiết kế các phân hệ giao diện website

  • Trang chủ và Header: Bao gồm thanh menu điều hướng, logo nhận diện thương hiệu, liên kết đến các trang danh mục bài viết và sản phẩm.
  • Khối sản phẩm rau mầm ưa chuộng: Giới thiệu các loại rau mầm tiêu biểu của cửa hàng, hình ảnh thực tế và mô tả nguồn gốc hạt giống.
  • Khối giá trị dinh dưỡng: Cung cấp thông tin chuyên đề về độ dinh dưỡng, công dụng của từng loại rau mầm đối với sức khỏe.
  • Khối thông tin liên hệ và giờ hoạt động: Hiển thị địa chỉ cửa hàng tại Hải Phòng và khung thời gian mở cửa phục vụ.
  • Trang Giỏ hàng & Sản phẩm: Hiển thị danh mục mặt hàng đã chọn, đơn giá, số lượng, tổng tiền và các trường cập nhật đơn hàng.
  • Form Đặt hàng và Thanh toán: Hỗ trợ nhập thông tin nhận hàng và tùy chọn phương thức thanh toán (bao gồm biểu mẫu hướng dẫn chuyển khoản ngân hàng).
  • Trang Đánh giá & Liên hệ: Tiếp nhận phản hồi, đóng góp ý kiến từ khách hàng để quản trị viên theo dõi và nâng cao chất lượng dịch vụ.
  • Giao diện Quản trị (Admin Dashboard): Nơi quản trị viên kiểm soát cấu hình website, bài viết, trang nội dung, đơn hàng và các plugin hỗ trợ.

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

Chương 1: Cơ sở lý thuyết

Chương 1 hệ thống hóa các kiến thức nền tảng về mạng máy tính và phát triển ứng dụng web. Tác giả trình bày chi tiết về khái niệm Tên miền (Domain), Web Hosting (dung lượng, băng thông), và môi trường máy chủ cục bộ (Localhost). Tiếp đó, chương phân tích sâu về ngôn ngữ kịch bản PHP, hệ quản trị cơ sở dữ liệu quan hệ MySQL cùng phần mềm tích hợp máy chủ XAMPP. Phần trọng tâm của chương dành cho hệ quản trị nội dung WordPress, làm rõ lịch sử hình thành, cấu trúc bộ quản trị, các thành phần Theme, Plugin, Widget, Tag và hệ thống phân quyền 5 cấp độ của WordPress.

Chương 2: Tổng quan về đề tài

Chương 2 trình bày lý do lựa chọn đề tài xây dựng website cho Cửa hàng rau mầm Hải Phòng dựa trên nhu cầu thực tiễn của thị trường nông sản sạch và thương mại điện tử. Tác giả phân biệt rõ hai hình thức sử dụng WordPress (WordPress.com và WordPress.org Self-Hosted), đồng thời đưa ra các lập luận lựa chọn nền tảng này: dễ sử dụng, cộng đồng lớn, kho theme/plugin phong phú, hỗ trợ đa ngôn ngữ và dễ phát triển mở rộng. Chương này cũng giải tỏa những hiểu lầm phổ biến về WordPress và xác lập các yêu cầu chức năng cần có trên website bán hàng.

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

Chương 3 tập trung vào công tác phân tích thiết kế hệ thống thông tin bằng sơ đồ UML và mô hình Use Case. Nội dung xác định cụ thể 2 nhóm Actor (Bộ phận quản trị, Khách hàng) và danh mục 10 Use Case tổng quát. Tác giả xây dựng các biểu đồ Use Case chi tiết, biểu đồ trình tự (Sequence Diagram) cho chức năng đăng ký, và đặc tả tường minh các luồng sự kiện chính/phụ của Use Case Đăng nhập, Đổi mật khẩu, Đăng xuất, Liên hệ, Đặt hàng, Quản lý giỏ hàng, Thanh toán và Phân rã chức năng quản trị sản phẩm của Admin.

Chương 4: Xây dựng website đặt rau mầm

Chương 4 mô tả chi tiết quá trình hiện thực hóa website trên môi trường thực nghiệm. Tác giả trình bày từng bước thao tác kỹ thuật từ việc khởi chạy Apache và MySQL trên XAMPP, tạo cơ sở dữ liệu trên phpMyAdmin, giải nén mã nguồn WordPress vào thư mục htdocs\athena, cấu hình kết nối database và hoàn tất cài đặt ban đầu. Chương này minh họa toàn bộ các giao diện thành phẩm của website gồm Trang chủ, Thanh menu, Khối sản phẩm ưa chuộng, Khối thông tin dinh dưỡng, Địa chỉ/giờ hoạt động, Trang giỏ hàng, Trang sản phẩm, Biểu mẫu đánh giá/liên hệ, Biểu mẫu đặt hàng chuyển khoản ngân hàng và Trang quản trị Admin.

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

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

  • Hoàn thành việc phân tích và thiết kế hệ thống Use Case cho một website bán hàng nông sản trực tuyến với đầy đủ 2 nhóm tác nhân và 10 chức năng thành phần.
  • Xây dựng thành công website hoàn chỉnh cho Cửa hàng rau mầm Hải Phòng chạy trên môi trường cục bộ thông qua máy chủ XAMPP và cơ sở dữ liệu MySQL.
  • Hiện thực hóa quy trình mua hàng trực tuyến khép kín: từ khâu tìm kiếm, xem thông tin dinh dưỡng rau mầm, thêm vào giỏ hàng, điền thông tin giao nhận đến xác nhận đặt hàng với hai phương thức thanh toán (tiền mặt khi nhận hàng và chuyển khoản ngân hàng).
  • Thiết lập trang quản trị nội dung WordPress cho phép quản trị viên đăng tải, cập nhật thông tin sản phẩm, quản lý bài viết tin tức và tiếp nhận thông tin đơn hàng qua email và cơ sở dữ liệu.

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

Đề tài cung cấp một giải pháp ứng dụng công nghệ web vào mô hình kinh doanh bán lẻ rau mầm sạch tại địa phương Hải Phòng. Bằng việc tích hợp các chuyên mục giới thiệu giá trị dinh dưỡng và công dụng sản phẩm, website không chỉ đóng vai trò là một kênh phân phối trực tuyến mà còn là cổng thông tin giúp người tiêu dùng hiểu rõ hơn về lợi ích sức khỏe của rau mầm, góp phần gia tăng độ tin cậy và nhận diện thương hiệu cho cửa hàng.

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

Hạn chế

  • Hệ thống mới chỉ được cài đặt, cấu hình và thử nghiệm trên môi trường máy chủ cục bộ (Localhost: http://localhost/athena) thông qua phần mềm XAMPP, chưa được đưa lên máy chủ Web Hosting và Tên miền Internet thực tế.
  • Các tính năng bảo mật mới chỉ dừng lại ở các cơ chế mặc định của WordPress và XAMPP, chưa có các giải pháp bảo mật nâng cao hoặc chứng chỉ mã hóa SSL công khai.
  • Chức năng thanh toán chuyển khoản ngân hàng hoạt động dưới hình thức form hướng dẫn thông tin tài khoản chuyển tiền thủ công, chưa tích hợp cổng thanh toán trực tuyến tự động qua API của các ngân hàng hay ví điện tử.

Hướng nghiên cứu tiếp

  • Mua tên miền riêng và thuê hạ tầng Web Hosting chính thức để xuất bản website lên môi trường Internet.
  • Tối ưu hóa hiệu năng tải trang, tăng cường các giải pháp bảo mật chống tấn công web và sao lưu dữ liệu tự động.
  • Tích hợp các cổng thanh toán điện tử tự động và kết nối dịch vụ vận chuyển chuyên nghiệp để hoàn thiện chu trình thương mại điện tử.

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 đối tượng:

  • Sinh viên ngành Công nghệ Thông tin, Hệ thống Thông tin: Tài liệu tham khảo hữu ích cho việc xây dựng đồ án tốt nghiệp hoặc tiểu luận chuyên ngành về thiết kế website thương mại điện tử dựa trên mã nguồn mở WordPress.
  • Người học lập trình và phát triển web: Cung cấp hướng dẫn trực quan, chi tiết từng bước về quy trình cài đặt XAMPP, tạo cơ sở dữ liệu MySQL bằng phpMyAdmin, kết nối và cấu hình mã nguồn WordPress trên thư mục cục bộ.
  • Chủ cửa hàng hoặc cá nhân kinh doanh bán lẻ: Cung cấp mô hình tham khảo về cấu trúc giao diện, cách thức bố trí nội dung giới thiệu sản phẩm nông sản sạch, thực phẩm dinh dưỡng kết hợp bán hàng trực tuyến.

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

1. Hệ thống website Cửa hàng rau mầm Hải Phòng phân chia những tác nhân nào và bao nhiêu Use Case?
Hệ thống xác định 2 tác nhân chính gồm: Bộ phận quản trị (Admin) và Khách hàng, tương tác thông qua danh mục 10 Use Case: Admin đăng nhập, Xem sản phẩm, Xem chi tiết sản phẩm, Quản lý sản phẩm, Xem tin tức, Quản lý tin tức, Quản lý giỏ hàng, Đặt hàng, Thanh toán và Liên hệ.

2. Website được triển khai trên môi trường kỹ thuật nào và đường dẫn truy cập cục bộ là gì?
Website được triển khai trên môi trường máy chủ cục bộ XAMPP (chạy Apache, PHP, MySQL) trên hệ điều hành Windows. Mã nguồn WordPress được giải nén vào thư mục htdocs\athena và truy cập qua đường dẫn http://localhost/athena, cơ sở dữ liệu quản lý qua phpMyAdmin tại http://localhost/phpmyadmin/.

3. Khách hàng có thể thực hiện những hình thức thanh toán nào khi đặt mua rau mầm?
Khách hàng có 2 phương thức thanh toán: thanh toán khi nhận hàng (COD) hoặc chuyển khoản trực tiếp qua ngân hàng thông qua biểu mẫu hiển thị thông tin số tài khoản của cửa hàng.

4. Quy trình xử lý đơn hàng diễn ra như thế nào sau khi khách hàng nhấn đặt hàng?
Sau khi khách hàng điền đầy đủ thông tin giao hàng và xác nhận đặt hàng, hệ thống sẽ kiểm tra tính hợp lệ và số lượng kho. Nếu hợp lệ, thông tin đơn đặt hàng sẽ được lưu trực tiếp vào cơ sở dữ liệu và gửi thông báo đến email của quản trị viên hệ thống.

5. Tại sao tác giả lựa chọn WordPress Self-Hosted thay vì WordPress.com cho đề tài?
Tác giả lựa chọn phiên bản WordPress Self-Hosted (tải từ WordPress.org) vì nền tảng này cho phép toàn quyền quản trị dữ liệu, tự do cài đặt và tùy biến các gói giao diện (Theme), bổ sung các trình cắm mở rộng (Plugin) phục vụ đúng yêu cầu bán hàng mà không bị giới hạn tính năng như gói miễn phí của WordPress.com.

Kết luận

Đồ án tốt nghiệp "Thiết kế website Cửa hàng rau mầm Hải Phòng" của sinh viên Bùi Trọng Đức đã hoàn thành đầy đủ mục tiêu xây dựng một trang web thương mại điện tử chuyên biệt cho sản phẩm rau mầm sạch. Bằng việc áp dụng quy trình phân tích thiết kế hệ thống Use Case kết hợp nền tảng mã nguồn mở WordPress, PHP và MySQL trên môi trường XAMPP, đồ án đã hiện thực hóa các chức năng bán hàng, quản lý sản phẩm, giỏ hàng và tư vấn giá trị dinh dưỡng. Công trình là tài liệu tham khảo thực tiễn cho sinh viên công nghệ thông tin trong việc nghiên cứu và triển khai các ứng dụng web bán lẻ trên nền tảng CMS.