Khóa Luận Tốt Nghiệp: Thiết Kế Website Bán Mỹ Phẩm Skin Care Bằng WordPress

Khóa luận tốt nghiệp công nghệ thông tin trình bày thiết kế website bán mỹ phẩm skin care bằng WordPress, hướng dẫn chi tiết và hiệu quả.

• Tác giả: Nguyễn Văn Thái
• Người hướng dẫn: ThS. Bùi Thị Thúy Quỳnh
• Trường học: Trường Đại Học Hải Phòng
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Thiết Kế Website Bán Mỹ Phẩm Skin Care Bằng WordPress
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2024
• Địa điểm: Hải Phòng

Mục lục chi tiết

• LỜI CAM ĐOAN
• LỜI CẢM ƠN
• 1. CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI
• 1.1. Giới thiệu chung
• 1.2. Lý do chọn đề tài Wordpress
• 1.3. Mục tiêu và nhiệm vụ đề tài
• 1.4. Đối tượng và phạm vi nghiên cứu đề tài
• 1.5. Cơ sở lý thuyết thiết kế website
• 1.5.1. Khái niệm về website
• 1.5.2. Thiết kế website tĩnh
• 1.5.3. Thiết kế website động
• 1.5.4. Cấu trúc trang website
• 1.5.5. Các trang cơ bản trong một trang website
• 1.5.6. Các yếu tố cần xác định khi tạo một website
• 1.5.7. Chất lượng trang web
• 1.5.8. Sự bảo mật và an toàn
• 1.5.9. Cơ sở dữ liệu
• 1.5.10. Phân loại cơ sở dữ liệu
• 1.5.11. Những yếu tố thành công của một trang web
• 1.6. Nghiên cứu về Wordpress
• 1.6.1. Wordpress là gì?
• 1.6.2. Thành tựu của Wordpress
• 2. CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE
• 2.1. Tổng quan về Mỹ Phẩm Skin Care
• 2.2. Mục tiêu xây dựng hệ thống
• 2.3. Đặc tả yêu cầu
• 2.3.1. Thu thập yêu cầu
• 2.3.2. Các giả định và phụ thuộc
• 2.3.3. Mô tả use case
• 2.3.4. Xác định use case của các tác nhân
• 2.3.5. Kịch bản usecase
• 2.3.6. Biểu đồ tuần tự
• 3. CHƯƠNG 3: THIẾT KẾ WEBSITE MỸ PHẨM SKIN CARE
• 3.1. Giao Diện Website Mỹ Phẩm
• 3.1.1. Giao diện trang chủ
• 3.1.2. Giao diện admin
• 3.2. Những phần mềm và plugin sử dụng khi thiết kế website
• 3.2.1. Phần mềm sử dụng
• TÀI LIỆU THAM KHẢO
• DANH MỤC CÁC HÌNH ẢNH
• DANH SÁCH CÁC BẢNG

Tóm tắt

I. Tổng quan về đề tài

Bài viết này tập trung vào việc thiết kế website bán mỹ phẩm skin care bằng WordPress cho sinh viên công nghệ thông tin. Việc này không chỉ giúp sinh viên có cơ hội thực hành kiến thức lý thuyết mà còn tạo ra một sản phẩm thực tiễn có giá trị. WordPress được chọn vì tính linh hoạt và dễ sử dụng, cho phép sinh viên dễ dàng tạo ra một website với giao diện thân thiện, phù hợp cho việc kinh doanh mỹ phẩm online. Mục tiêu của đề tài là xây dựng một nền tảng thương mại điện tử hiệu quả, nơi người dùng có thể dễ dàng tìm kiếm và mua sản phẩm. Đối tượng nghiên cứu là sinh viên và người tiêu dùng có nhu cầu sử dụng mỹ phẩm. Phạm vi nghiên cứu tập trung vào việc xây dựng website trên nền tảng WordPress, sử dụng các plugin phù hợp như WooCommerce để quản lý và bán hàng.

1.1. Lý do chọn đề tài WordPress

Việc chọn WordPress làm nền tảng thiết kế website là do những lợi ích vượt trội mà nó mang lại. WordPress không chỉ là một công cụ mạnh mẽ cho việc tạo dựng website mà còn hỗ trợ tối ưu hóa SEO cho website, giúp nâng cao khả năng hiển thị trên các công cụ tìm kiếm. Sự phổ biến và cộng đồng hỗ trợ lớn của WordPress cũng giúp sinh viên dễ dàng tìm kiếm tài liệu và giải pháp cho các vấn đề gặp phải. Hơn nữa, việc tích hợp các plugin như WooCommerce giúp đơn giản hóa quy trình kinh doanh mỹ phẩm online, từ quản lý sản phẩm đến xử lý đơn hàng. Điều này không chỉ giúp sinh viên nâng cao kỹ năng mà còn tạo ra giá trị thực tiễn cho người tiêu dùng.

II. Phân tích thiết kế hệ thống website

Trong quá trình thiết kế website, việc phân tích và xác định yêu cầu là rất quan trọng. Mục tiêu xây dựng hệ thống là tạo ra một website thân thiện với người dùng, giúp họ dễ dàng tìm kiếm và mua các sản phẩm mỹ phẩm. Các yêu cầu được thu thập từ người dùng cuối, bao gồm giao diện dễ sử dụng, khả năng tìm kiếm sản phẩm nhanh chóng và hỗ trợ thanh toán an toàn. Đặc tả yêu cầu cũng bao gồm việc xác định các chức năng như quản lý tài khoản người dùng, quản lý đơn hàng và quản lý sản phẩm. Việc mô tả use case giúp xác định các tác nhân và các kịch bản sử dụng, từ đó thiết kế biểu đồ tuần tự để mô phỏng quá trình tương tác giữa người dùng và hệ thống. Điều này không chỉ giúp đảm bảo rằng website hoạt động hiệu quả mà còn đáp ứng được nhu cầu của người dùng.

2.1. Tổng quan về Mỹ Phẩm Skin Care

Mỹ phẩm skin care đang trở thành một trong những ngành hàng phát triển nhanh chóng trong thị trường tiêu dùng hiện đại. Người tiêu dùng ngày càng chú trọng đến việc chăm sóc da, dẫn đến nhu cầu về các sản phẩm mỹ phẩm chất lượng cao tăng cao. Việc xây dựng một website bán hàng mỹ phẩm online không chỉ giúp doanh nghiệp tiếp cận với khách hàng một cách hiệu quả mà còn tạo ra một kênh phân phối thuận lợi. Đặc biệt, với sự phát triển của công nghệ thông tin, việc mua sắm trực tuyến đã trở nên phổ biến, và một website được thiết kế tốt sẽ tạo ra trải nghiệm mua sắm tốt cho người tiêu dùng. Do đó, việc nắm bắt xu hướng và nhu cầu của thị trường là rất quan trọng trong quá trình thiết kế và phát triển website.

III. Thiết kế website mỹ phẩm skin care

Giai đoạn thiết kế giao diện website là một trong những bước quan trọng nhất trong quá trình phát triển. Giao diện không chỉ cần đẹp mắt mà còn phải dễ sử dụng để người dùng có thể dễ dàng tìm kiếm và mua sắm. Thiết kế responsive là một yếu tố không thể thiếu, giúp website tự động điều chỉnh kích thước phù hợp với các thiết bị khác nhau. Phần mềm và plugin được sử dụng trong quá trình thiết kế cũng rất quan trọng. Các plugin như WooCommerce cho phép tích hợp tính năng bán hàng và quản lý đơn hàng một cách hiệu quả. Hơn nữa, việc sử dụng các theme đa dạng giúp tạo ra một giao diện độc đáo và phù hợp với thương hiệu của sản phẩm. Tất cả những yếu tố này đều góp phần tạo nên một website thương mại điện tử hiệu quả, thu hút người dùng và nâng cao trải nghiệm mua sắm.

3.1. Giao diện website mỹ phẩm

Giao diện của website bán mỹ phẩm cần phải thể hiện được sự chuyên nghiệp và hấp dẫn. Các yếu tố như màu sắc, hình ảnh sản phẩm và bố cục trang cần được thiết kế một cách hài hòa để thu hút người dùng ngay từ cái nhìn đầu tiên. Một giao diện thân thiện sẽ giúp người dùng dễ dàng điều hướng và tìm kiếm sản phẩm. Các phần mềm và plugin được sử dụng trong thiết kế cũng đóng vai trò quan trọng trong việc tạo ra một trải nghiệm mua sắm thuận lợi. Việc lựa chọn theme phù hợp và tối ưu hóa các yếu tố SEO sẽ giúp website có khả năng cạnh tranh cao hơn trong thị trường trực tuyến. Như vậy, việc chú trọng đến thiết kế giao diện không chỉ giúp nâng cao trải nghiệm người dùng mà còn góp phần vào thành công của doanh nghiệp trong lĩnh vực kinh doanh mỹ phẩm online.

Nội dung chính

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

Trong bối cảnh thị trường bán lẻ mỹ phẩm tại Việt Nam có mức độ cạnh tranh ngày càng quyết liệt, các cơ sở kinh doanh và doanh nghiệp buộc phải tối ưu hóa trải nghiệm của người tiêu dùng. Cửa hàng Mỹ Phẩm Skin Care trước khi thực hiện đề tài đang hoạt động dựa trên các phương thức truyền thống với nhiều hạn chế thực tiễn:

• Hoạt động tư vấn bán hàng và thu tiền chủ yếu thực hiện trực tiếp tại cửa hàng vật lý.
• Hoạt động tiếp thị phụ thuộc vào các nền tảng mạng xã hội nhưng hiệu quả chưa cao, thường xuyên gặp phải tình trạng tin nhắn rác (spam) và các đơn đặt hàng ảo.
• Chưa sở hữu một kênh bán hàng và quảng bá trực tuyến riêng biệt.
• Quy trình kiểm soát hàng tồn kho và tổng hợp báo cáo doanh thu còn thực hiện thủ công, gây tốn thời gian và dễ phát sinh sai sót trong khâu vận hành.

Để giải quyết các vấn đề trên, tác giả đã lựa chọn xây dựng hệ thống website thương mại điện tử dựa trên hệ quản trị nội dung WordPress. Nền tảng này sở hữu các đặc tính phù hợp với bài toán của cửa hàng: tính linh hoạt cao, giao diện quản trị thân thiện với người dùng không chuyên sâu về lập trình, hệ sinh thái giao diện (Theme) và phần mở rộng (Plugin) phong phú (đặc biệt là plugin WooCommerce), cộng đồng hỗ trợ lớn và tiết kiệm tối đa chi phí đầu tư ban đầu.

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

Mục tiêu của đề tài:

• Xây dựng một website bán hàng trực tuyến hoàn chỉnh cho thương hiệu Mỹ Phẩm Skin Care, tạo ra trải nghiệm mua sắm tiện lợi, hiện đại và hỗ trợ quản trị kinh doanh hiệu quả cho chủ cửa hàng.

Nhiệm vụ nghiên cứu (gồm 3 nhiệm vụ cụ thể):

1. Tạo lập website có khả năng thực hiện đầy đủ các giao dịch mua bán mỹ phẩm trực tuyến.
2. Nghiên cứu, tích hợp và cấu hình các plugin bán hàng chuyên dụng như WooCommerce, Easy Digital Downloads cùng các công cụ bổ trợ nhằm nâng cao trải nghiệm mua sắm.
3. Nghiên cứu và thiết lập quy trình quản trị sản phẩm, phân loại danh mục, theo dõi số lượng tồn kho và tối ưu hóa hoạt động vận hành kho hàng trên nền tảng WordPress.

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

• Đối tượng nghiên cứu: Nhóm khách hàng cá nhân có nhu cầu tìm hiểu, mua sắm và sử dụng các sản phẩm mỹ phẩm chăm sóc da trực tuyến.
• Phạm vi nghiên cứu:
  • Phạm vi công nghệ: Thiết kế và phát triển hệ thống website trên nền tảng mã nguồn mở WordPress.
  • Phạm vi nghiệp vụ: Triển khai các hoạt động bán hàng trực tuyến các mặt hàng mỹ phẩm cho người tiêu dùng trên môi trường mạng.

---

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

Khung lý thuyết và mô hình sử dụng

Đề tài hệ thống hóa các khái niệm và cơ sở khoa học liên quan đến công nghệ web và quản trị nội dung số:

• Phân loại website:
  • Website tĩnh: Xây dựng bằng ngôn ngữ HTML và CSS cố định, không có tính năng tương tác động với người dùng hoặc cơ sở dữ liệu, thích hợp cho việc hiển thị nội dung ít thay đổi nhưng hạn chế về tính năng quản trị.
  • Website động: Sử dụng các ngôn ngữ lập trình kịch bản máy chủ (PHP, JavaScript, ASP.NET, Python) kết nối với hệ quản trị cơ sở dữ liệu, cho phép tương tác hai chiều, xử lý biểu mẫu, cập nhật dữ liệu tự động và cá nhân hóa trải nghiệm người dùng.
• Cấu trúc trang web chuẩn: Bao gồm 4 khu vực chính: Đầu trang (Header chứa logo, menu điều hướng), Nội dung chính (Content), Thanh bên (Sidebar chứa widget, liên kết phụ) và Chân trang (Footer chứa thông tin bản quyền, liên hệ, mạng xã hội); kết hợp thiết kế đáp ứng (Responsive Design) và các yếu tố tối ưu hóa công cụ tìm kiếm (SEO Elements). Ba trang cơ bản gồm: Trang chủ, Trang chuyên mục và Trang chi tiết bài viết/sản phẩm.
• Yếu tố chất lượng và an ninh thông tin: Vận dụng lý thuyết của Araujo (2003) về tác động của thiết kế giao diện chuyên nghiệp, cấu trúc điều hướng rõ ràng và sự minh bạch thông tin giao dịch đối với việc gia tăng mức độ tin tưởng của người tiêu dùng trực tuyến; tích hợp các yêu cầu bảo mật thông tin cá nhân qua giao thức HTTPS.
• Hệ cơ sở dữ liệu: Phân loại và phân tích 3 dạng CSDL gồm CSDL dạng file (tiêu biểu như Foxpro *.mdb), CSDL quan hệ RDBMS (MySQL, MS SQL Server, Oracle) và CSDL bán cấu trúc (XML).
• Hệ sinh thái WordPress: Nghiên cứu mã nguồn mở viết bằng PHP và MySQL (tiền thân từ b2/cafelog do Michel Valdrighi phát triển, được Matt Mullenweg và Christine Selleck hoàn thiện tên gọi); phân biệt hai hình thức triển khai WordPress.com (dịch vụ lưu trữ máy chủ đóng, giới hạn tùy biến plugin/theme) và WordPress.org (mô hình Self-Hosted cho phép toàn quyền can thiệp mã nguồn, tùy biến hệ thống và quản trị cơ sở dữ liệu riêng).

Phương pháp nghiên cứu

• Phương pháp thu thập và phân tích yêu cầu: Khảo sát các quy trình nghiệp vụ bán hàng thực tế tại cửa hàng, phân loại các yêu cầu chức năng và phi chức năng theo từng nhóm đối tượng sử dụng.
• Phương pháp phân tích và thiết kế hệ thống hướng đối tượng (UML):
  • Xây dựng mô hình biểu đồ Use Case tổng quát và 7 mô hình Use Case phân rã.
  • Lập 17 bảng kịch bản Use Case chi tiết miêu tả điều kiện tiên quyết, luồng sự kiện chính, luồng ngoại lệ và trạng thái kết thúc của hệ thống.
  • Thiết kế 6 biểu đồ tuần tự (Sequence Diagram) để mô hình hóa sự tương tác theo thời gian giữa tác nhân, giao diện và cơ sở dữ liệu.
  • Xây dựng biểu đồ lớp (Class Diagram) phục vụ cấu trúc dữ liệu.
• Phương pháp thực nghiệm phát triển phần mềm: Cài đặt, cấu hình mã nguồn WordPress trên máy chủ cục bộ và tích hợp các plugin thương mại điện tử chuyên dụng.

Nguồn dữ liệu và số liệu tham chiếu

Tác giả sử dụng các số liệu thứ cấp do Automattic công bố nhằm chứng minh tính phổ biến và ổn định của nền tảng:

• Việt Nam nằm trong danh sách 10 quốc gia có số lượng người dùng WordPress nhiều nhất thế giới.
• 49% các trang blog nổi tiếng trên phạm vi toàn cầu lựa chọn nền tảng WordPress.
• Thống kê qua plugin JetPack vào tháng 11/2014 ghi nhận gần 65 triệu bài viết được đăng tải, tương ứng tốc độ xuất bản trung bình 1.499 bài/phút (khoảng 24 bài/giây).

---

Thiết kế và triển khai

Môi trường phát triển và công nghệ

• Môi trường giả lập máy chủ cục bộ: Ứng dụng gói phần mềm XAMPP chạy trên nền tảng hệ điều hành Windows, cung cấp đầy đủ các thành phần:
  • Máy chủ web (Web Server - Apache).
  • Trình biên dịch mã lệnh PHP (tạo môi trường thực thi các tệp tin script *.php và wp-config.php).
  • Hệ quản trị cơ sở dữ liệu quan hệ MySQL.
• Nền tảng mã nguồn: WordPress phiên bản Self-Hosted kết hợp với hệ quản trị CSDL MySQL.

Tích hợp Plugin thương mại điện tử WooCommerce

Hệ thống sử dụng plugin cốt lõi WooCommerce để thiết lập toàn bộ hạ tầng bán hàng trực tuyến. Sau khi cài đặt, hệ thống tạo ra 2 phân vùng quản trị chính trong bảng điều khiển (Dashboard):

1. Phân vùng Quản trị Sản phẩm:
   • Cho phép khởi tạo đa dạng loại hình sản phẩm: sản phẩm thông thường (Simple Product), sản phẩm có biến thể/thuộc tính (Variable Product), sản phẩm liên kết tiếp thị (Affiliate) và sản phẩm kỹ thuật số cho phép tải về (Digital Product).
   • Thiết lập cây danh mục sản phẩm đa cấp (category và sub-category).
2. Phân vùng Quản trị WooCommerce:
   • Cấu hình thanh toán: Tích hợp các hình thức thanh toán khi nhận hàng (CoD), chuyển khoản ngân hàng (Cash/Bank Transfer), thẻ tín dụng (Credit Card) và cổng thanh toán PayPal.
   • Quản trị vận chuyển và thuế: Tự động tính thuế đơn hàng; tính toán chi phí vận chuyển linh hoạt dựa theo khối lượng, kích thước hàng hóa hoặc phân vùng địa lý (tỉnh/thành phố).
   • Quản lý vòng đời đơn hàng: Tiếp nhận, tra cứu chi tiết, thay đổi và lọc đơn hàng theo từng trạng thái xử lý; hỗ trợ tạo và áp dụng mã ưu đãi giảm giá (Coupon).
   • Báo cáo thống kê: Tổng hợp số liệu hoạt động kinh doanh, doanh số theo giai đoạn và theo dõi lượt truy cập.

Thành phần kỹ thuật	Công cụ / Công nghệ sử dụng	Chức năng chính
Hạ tầng máy chủ	XAMPP (Apache, PHP, MySQL)	Giả lập Web Hosting cục bộ trên hệ điều hành Windows
Mã nguồn lõi	WordPress Self-Hosted	Quản trị cấu trúc dữ liệu, bài viết và giao diện website
Thương mại điện tử	WooCommerce Plugin	Xử lý giỏ hàng, thanh toán, vận chuyển, đơn hàng, danh mục
Tối ưu hóa & Tiện ích	JetPack, Easy Digital Downloads	Thống kê dữ liệu, hỗ trợ mở rộng phương thức xuất bản

---

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

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

Chương này tập trung trình bày tính cấp thiết của việc ứng dụng công nghệ web vào kinh doanh mỹ phẩm và xây dựng cơ sở lý thuyết nền tảng cho đồ án:

• Phân tích bối cảnh cạnh tranh thị trường và đưa ra 5 lý do chính chọn nền tảng WordPress (phổ biến - linh hoạt, dễ sử dụng, plugin - theme đa dạng, cộng đồng hỗ trợ lớn, chi phí thấp).
• Trình bày hệ thống lý thuyết về cấu trúc website tiêu chuẩn (Header, Content, Sidebar, Footer), nguyên lý thiết kế Responsive, các yếu tố chuẩn SEO và mô hình phân loại cơ sở dữ liệu (file, quan hệ, bán cấu trúc XML).
• Đánh giá vai trò của an ninh website, bảo mật dữ liệu khách hàng theo các tiêu chuẩn vận hành thương mại điện tử.
• So sánh chi tiết ưu - nhược điểm giữa hai mô hình triển khai WordPress.com và WordPress.org Self-Hosted; khẳng định WordPress là một công cụ mã nguồn mở mạnh mẽ, phù hợp cho cả lập trình viên lẫn người dùng quản trị không chuyên.

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

Chương 2 mô hình hóa toàn bộ cấu trúc và hành vi của hệ thống website Mỹ Phẩm Skin Care thông qua ngôn ngữ UML:

• Đặc tả tác nhân và yêu cầu chức năng: Phân định quyền hạn của 3 tác nhân gồm Quản trị viên (Admin), Nhân viên và Khách hàng.

Tác nhân	Quyền hạn và chức năng chính
Admin (Quản trị viên)	Phân quyền tài khoản (nâng cấp khách hàng thành nhân viên); quản lý, khóa hoặc xóa tài khoản; quản lý danh sách khuyến mại; sở hữu toàn bộ quyền hạn của nhân viên.
Nhân viên (Người bán hàng)	Đăng nhập hệ thống; quản lý loại danh mục sản phẩm; thêm, sửa, xóa thông tin và chi tiết sản phẩm; quản lý đơn hàng (thay đổi trạng thái, in, hủy đơn); theo dõi báo cáo thống kê.
Khách hàng (Người dùng)	Đăng ký tài khoản, đăng nhập, đăng xuất, xem/sửa thông tin cá nhân, đổi và khôi phục mật khẩu qua email; tìm kiếm sản phẩm theo tên; xem chi tiết sản phẩm; bình luận, chấm sao đánh giá; quản lý giỏ hàng (thêm, sửa số lượng, xóa); đặt hàng và thanh toán trực tuyến.

• Hệ thống Use Case phân rã và kịch bản chi tiết: Xây dựng biểu đồ Use Case tổng quát và 7 biểu đồ phân rã chức năng (quản lý thông tin cá nhân, đơn hàng, danh sách tài khoản, danh mục sản phẩm, sản phẩm/chi tiết sản phẩm, giỏ hàng, mua hàng). Thiết lập 17 bảng kịch bản chi tiết (từ Bảng 2.1 đến Bảng 2.17) quy định luồng xử lý chuẩn và luồng ngoại lệ cho từng tác vụ hệ thống.
• Biểu đồ tương tác và biểu đồ lớp: Thiết kế 6 biểu đồ tuần tự mô tả chi tiết dòng thông điệp giữa Actor, Boundary, Control và Entity cho các chức năng: Tìm kiếm (Hình 2.8), Thêm sản phẩm (Hình 2.9), Sửa sản phẩm (Hình 2.10), Xóa sản phẩm (Hình 2.11), Đặt hàng (Hình 2.12), Quản lý khách hàng (Hình 2.13) cùng Biểu đồ lớp hệ thống (Hình 2.14).

Chương 3: Thiết kế website mỹ phẩm Skin Care

Chương 3 trình bày kết quả hiện thực hóa hệ thống giao diện người dùng và bảng điều khiển quản trị:

• Giao diện phía người dùng (Front-end):
  • Trang chủ (Homepage): Tích hợp thanh điều hướng Header, hiển thị slide banner, phân khu "Hàng mới" (New Arrivals) và phân khu "Sản phẩm được mua nhiều".
  • Trang Menu điều hướng: Cung cấp cấu trúc danh mục phân tầng, giúp tối ưu hóa khả năng tìm kiếm và định hướng luồng di chuyển của khách hàng.
  • Trang Giới thiệu: Thể hiện thông tin thương hiệu, sứ mệnh, giá trị cốt lõi nhằm gia tăng uy tín doanh nghiệp.
  • Trang Đánh giá sản phẩm: Cho phép người mua gửi bình luận, nhận xét và chấm điểm thực tế về chất lượng mỹ phẩm.
  • Trang Giỏ hàng & Thanh toán (Checkout): Cung cấp bảng tổng hợp sản phẩm, tự động tính toán tổng giá trị đơn hàng, biểu mẫu nhập thông tin giao hàng và lựa chọn phương thức thanh toán.
• Giao diện phía quản trị (Back-end Dashboard): Phân quyền cho ban quản trị thực hiện các nghiệp vụ xuất bản thông báo, nhập liệu, cập nhật bảng giá, phân loại danh mục, lọc trạng thái đơn hàng và trích xuất báo cáo.
• Môi trường triển khai: Chi tiết hóa quy trình cấu hình công cụ giả lập XAMPP và cài đặt bộ plugin WooCommerce phục vụ vận hành.

---

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

Kết quả chính

• Hoàn thiện việc thiết kế và cài đặt hệ thống website thương mại điện tử Mỹ Phẩm Skin Care trên nền tảng mã nguồn mở WordPress kết hợp plugin WooCommerce.
• Xây dựng đầy đủ 3 phân hệ người dùng độc lập (Admin, Nhân viên, Khách hàng) với 17 chức năng nghiệp vụ được mô hình hóa qua hệ thống Use Case và biểu đồ tuần tự chuẩn UML.
• Thiết lập hoàn chỉnh giao diện mua sắm đa trang bao gồm Trang chủ, Menu, Giới thiệu, Chi tiết sản phẩm, Đánh giá sản phẩm, Giỏ hàng, Thanh toán và Bảng điều khiển quản trị hệ thống.
• Triển khai thành công các phương thức thanh toán phổ biến (CoD, Chuyển khoản, Thẻ tín dụng, PayPal) và cơ chế tự động tính thuế, phí vận chuyển theo khối lượng và khu vực địa lý.

Giải pháp và kiến nghị của tác giả

• Ứng dụng nền tảng WordPress Self-Hosted kết hợp WooCommerce như một giải pháp số hóa toàn diện quy trình bán hàng, thay thế phương thức ghi chép sổ sách và quản lý thủ công truyền thống.
• Đề xuất cửa hàng cần tuyển dụng thêm nhân viên chuyên trách mảng kinh doanh trực tuyến để đảm nhận các công việc đăng tin sản phẩm, cập nhật chương trình khuyến mại và kiểm tra duyệt hóa đơn đơn hàng hằng ngày nhằm nâng cao hiệu suất vận hành.

Đóng góp của đề tài

• Cung cấp một tài liệu phân tích thiết kế hệ thống chi tiết (từ khâu thu thập yêu cầu, xây dựng sơ đồ UML, kịch bản nghiệp vụ đến cài đặt môi trường) cho một bài toán thương mại điện tử thực tế trong ngành hàng mỹ phẩm.
• Chứng minh tính khả thi, hiệu quả về chi phí và thời gian triển khai của mô hình website bán hàng sử dụng WordPress kết hợp công cụ XAMPP dành cho các cửa hàng bán lẻ quy mô vừa và nhỏ.

---

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

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

• Hệ thống mới được thử nghiệm và vận hành trên môi trường máy chủ giả lập cục bộ (Localhost thông qua phần mềm XAMPP trên hệ điều hành Windows), chưa triển khai thực tế trên hệ thống Web Hosting công cộng có tên miền (domain) chính thức.
• Hoạt động bán hàng trực tuyến của hệ thống vẫn phụ thuộc vào mức độ thích nghi công nghệ và thói quen mua sắm online của nhóm khách hàng mục tiêu.
• Đội ngũ vận hành tại cửa hàng chưa có nhân sự chuyên trách quản trị nội dung trực tuyến, dẫn đến việc cập nhật bài viết và xử lý đơn hàng còn phụ thuộc vào thời gian của chủ cơ sở.

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

• Dựa trên phạm vi nghiên cứu, hướng mở rộng tự nhiên của đề tài là tiến hành đưa cơ sở dữ liệu và mã nguồn lên hệ thống Web Hosting thực tế có chứng chỉ bảo mật SSL/HTTPS.
• Xây dựng các chính sách chăm sóc và hướng dẫn thao tác nhằm gia tăng mức độ thích nghi của khách hàng mới đối với việc đặt hàng trên website.

---

Giá trị tham khảo

Đồ án tốt nghiệp này mang lại giá trị tham khảo thiết thực cho:

• Sinh viên ngành Công nghệ thông tin, Kỹ thuật phần mềm và Hệ thống thông tin quản lý: Có thể tham khảo cấu trúc chuẩn của một đồ án phân tích thiết kế hệ thống thương mại điện tử, đặc biệt là cách thức xây dựng 17 kịch bản Use Case chi tiết và hệ thống biểu đồ tuần tự UML (Sequence Diagrams).
• Sinh viên ngành Thương mại điện tử và Quản trị kinh doanh: Tham khảo phương pháp chuyển đổi mô hình bán hàng truyền thống sang kênh trực tuyến, cấu trúc luồng mua hàng (giỏ hàng, thanh toán, tính thuế, vận chuyển) trên nền tảng WooCommerce.
• Người phát triển web độc lập hoặc chủ doanh nghiệp nhỏ: Tham khảo quy trình cài đặt, cấu hình mã nguồn WordPress Self-Hosted và thiết lập môi trường máy chủ cục bộ bằng phần mềm XAMPP để xây dựng website bán hàng với chi phí tối ưu.

---

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

1. Hệ thống website Mỹ Phẩm Skin Care phân quyền cho những tác nhân nào và nhiệm vụ chính của từng tác nhân là gì?

Hệ thống phân quyền cho 3 tác nhân chính:

• Khách hàng: Đăng ký/đăng nhập, tìm kiếm, xem chi tiết sản phẩm, đánh giá/bình luận, quản lý giỏ hàng và tiến hành thanh toán đơn hàng.
• Nhân viên: Đăng nhập, quản lý danh mục, thêm/sửa/xóa sản phẩm, quản lý vòng đời đơn hàng và xem báo cáo thống kê.
• Admin (Quản trị viên): Sở hữu toàn bộ quyền hạn của nhân viên, đồng thời có đặc quyền quản trị tài khoản (khóa, xóa, nâng cấp tài khoản người dùng lên nhân viên) và quản lý danh sách khuyến mại.

2. Tác giả đã sử dụng môi trường nào để phát triển website và môi trường đó bao gồm những thành phần kỹ thuật gì?

Tác giả sử dụng phần mềm XAMPP cài đặt trên hệ điều hành Windows để giả lập môi trường Web Hosting cục bộ. Gói phần mềm này tích hợp sẵn 3 thành phần cốt lõi: máy chủ web (Web Server - Apache), môi trường thực thi ngôn ngữ lập trình PHP và hệ quản trị cơ sở dữ liệu quan hệ MySQL.

3. Plugin WooCommerce đóng vai trò gì trong đồ án và cung cấp những tính năng nghiệp vụ nào?

WooCommerce là plugin thương mại điện tử cốt lõi được tích hợp vào WordPress, cho phép:

• Quản lý và tạo các loại sản phẩm (sản phẩm thông thường, sản phẩm có thuộc tính, sản phẩm affiliate, sản phẩm số).
• Hỗ trợ các hình thức thanh toán trực tuyến và ngoại tuyến (CoD, Chuyển khoản ngân hàng, Credit Card, PayPal).
• Tự động tính thuế và tính cước phí vận chuyển dựa trên cân nặng, kích thước hoặc địa chỉ tỉnh/thành.
• Cung cấp trang quản lý đơn hàng với bộ lọc trạng thái và phân tách khu vực quản trị thành 2 mục chuyên biệt trên Dashboard ("Sản phẩm" và "WooCommerce").

4. Báo cáo đồ án dẫn chứng số liệu thống kê nào để minh chứng cho quy mô của nền tảng WordPress?

Tác giả trích dẫn số liệu thống kê do Automattic thu thập qua plugin JetPack (tháng 11/2014):

• Gần 65 triệu bài viết được đăng tải trong một tháng, đạt tốc độ trung bình 1.499 bài/phút (khoảng 24 bài/giây).
• 49% blog nổi tiếng trên thế giới sử dụng nền tảng WordPress.
• Việt Nam nằm trong danh sách top 10 quốc gia có số lượng người dùng WordPress nhiều nhất.

5. Những biểu đồ tuần tự (Sequence Diagram) nào đã được thiết kế trong đồ án?

Đồ án đã thiết kế 6 biểu đồ tuần tự mô hình hóa luồng tương tác của hệ thống, bao gồm:

1. Chức năng Tìm kiếm (Hình 2.8)
2. Chức năng Thêm sản phẩm (Hình 2.9)
3. Chức năng Sửa sản phẩm (Hình 2.10)
4. Chức năng Xóa sản phẩm (Hình 2.11)
5. Chức năng Đặt hàng (Hình 2.12)
6. Chức năng Quản lý khách hàng (Hình 2.13)

---

Kết luận

Đồ án tốt nghiệp "Thiết kế website bán mỹ phẩm Skin Care bằng WordPress" của tác giả Nguyễn Văn Thái đã giải quyết trọn vẹn bài toán xây dựng kênh bán hàng trực tuyến cho cơ sở kinh doanh mỹ phẩm thông qua việc kết hợp nền tảng mã nguồn mở WordPress, plugin WooCommerce và môi trường máy chủ XAMPP. Báo cáo thể hiện quy trình phân tích thiết kế hệ thống bài bản với 17 kịch bản Use Case, 6 biểu đồ tuần tự và đặc tả rõ ràng 3 phân hệ người dùng. Kết quả thực nghiệm đã tạo lập một hệ thống website hoàn chỉnh về cả giao diện người dùng lẫn chức năng quản trị, mang lại giá trị tham khảo học thuật và ứng dụng thực tiễn cao cho sinh viên ngành Công nghệ thông tin và Thương mại điện tử.

Trích đoạn nội dung tài liệu

CHƯƠNG 1 : TỔNG QUAN VỀ ĐỀ TÀI 1. Giới thiệu chung 1. Lý do chọn đề tài Wordpress Như chúng ta đã thấy trong thị trường hiện nay thì việc cạnh tranh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty lớn đều chú tâm đến việc thỏa mãn khách hàng một cách tốt nhất Phổ biến và linh hoạt: WordPress là một nền tảng phổ biến và linh hoạt, cho phép bạn tạo cửa hàng trực tuyến một cách dễ dàng. Sự linh hoạt của nó cho phép bạn tùy chỉnh và mở rộng cửa hàng của mình theo cách mà bạn muốn.

Dễ sử dụng: Giao diện người dùng thân thiện của WordPress làm cho việc quản lý cửa hàng trực tuyến trở nên đơn giản, kể cả với những người không có kiến thức chuyên sâu về lập trình. Plugin và Theme đa dạng: WordPress có nhiều plugin như WooCommerce (một trong những plugin bán hàng phổ biến nhất), cung cấp các tính năng mạnh mẽ để tạo và quản lý cửa hàng trực tuyến. Ngoài ra, có hàng nghìn theme (giao diện) khác nhau để tùy chỉnh giao diện của cửa hàng theo ý muốn. Cộng đồng và hỗ trợ lớn: Với cộng đồng lớn và nhiều nguồn tài nguyên hỗ trợ, bạn có thể dễ dàng tìm kiếm thông tin, hướng dẫn, và giải pháp cho các vấn đề mà bạn gặp phải khi xây dựng và quản lý cửa hàng.

Chi phí thấp: WordPress là miễn phí để sử dụng và có rất nhiều plugin và theme miễn phí hoặc có giá trị rất nhỏ, giúp bạn tiết kiệm chi phí trong việc xây dựng cửa hàng trực tuyến. Mục tiêu và nhiệm vụ đề tài  Mục tiêu : Chúng tôi là tạo ra một trải nghiệm mua sắm trực tuyến độc đáo, thú vị và tinh tế cho khách hàng của chúng tôi. Chúng tôi không chỉ đơn thuần muốn bán hàng, mà còn muốn xây dựng một không gian nơi mà sản phẩm của chúng tôi không chỉ là hàng hóa, mà còn là câu chuyện và trải nghiệm.  Nhiệm vụ : Tạo ra website có thể giao dịch mua bán mỹ phẩm Tích hợp và sử dụng plugin bán hàng: Nghiên cứu về các plugin bán hàng phổ biến như WooCommerce, Easy Digital Downloads, và các công cụ khác để hiểu cách tích hợp chúng, cấu hình, và tận dụng tối 1 đa tính năng để nâng cao trải nghiệm mua sắm Quản lý sản phẩm và kho hàng: Nghiên cứu về cách quản lý sản phẩm trong WordPress, bao gồm quản lý danh mục, quản lý số lượng hàng tồn kho, và tối ưu hóa quá trình quản lý sản phẩm.

Đối tượng và phạm vi nghiên cứu đề tài Đối tượng nghiên cứu : Nhắm đến những người có nhu cầu cần mỹ phẩm và sử dụng mỹ phẩm Phạm vi nghiên cứu : Xây dựng website dựa trên nền tảng wordpress. Mặc hàng trên website: bán online cho mọi người 1.Ý nghĩa đề tài Tạo Trải Nghiệm Người Dùng Tốt: Website bán hàng không chỉ là nơi để mua sắm, mà còn là một không gian để khách hàng trải nghiệm. Ý nghĩa ở đây là cung cấp một trải nghiệm mua sắm trực tuyến tốt, từ việc tìm kiếm sản phẩm dễ dàng đến quá trình thanh toán thuận lợi và hỗ trợ sau bán hàng. Xây Dựng Thương Hiệu và Tín Dụng: Một website bán hàng cũng đóng vai trò quan trọng trong việc xây dựng và duy trì thương hiệu.

Ý nghĩa ở đây không chỉ là về việc bán sản phẩm mà còn là việc xây dựng lòng tin và uy tín từ khách hàng thông qua chất lượng sản phẩm và dịch vụ. Giao Diện Đẹp và Thu Hút: Một website bán hàng cũng có ý nghĩa trong việc thể hiện vẻ đẹp, sự chuyên nghiệp và thu hút khách hàng ngay từ cái nhìn đầu tiên.Cơ sở lý thuyết thiết kế website 1. Khái niệm về website Khái niệm về website là một trang web được xây dựng với mục đích cung cấp thông tin, dịch vụ, hoặc nội dung đa dạng trực tuyến thông qua Internet. Đây có thể là một trang đơn lẻ hoặc một tập hợp các trang liên kết với nhau thông qua các liên kết nội dung.

Tính đa dạng: Website có thể chứa nhiều loại nội dung khác nhau, từ văn bản, hình ảnh, video, đến ứng dụng tương tác. Cấu trúc tổ chức: Websites thường được tổ chức theo cấu trúc có thứ tự, với các trang được sắp xếp và liên kết với nhau để người dùng có thể dễ dàng điều hướng. Mục đích đa dạng: Có thể có những website dành cho mục đích cá nhân, doanh nghiệp, giáo dục, thương mại điện tử, tin tức, giải trí, và nhiều mục đích khác. 2 Tính tương tác: Một số website cung cấp khả năng tương tác, cho phép người dùng thực hiện các hành động như điền biểu mẫu, tương tác với các ứng dụng web, hoặc thảo luận trực tuyến.

Truy cập từ mọi nơi: Websites có thể được truy cập thông qua Internet từ bất kỳ thiết bị nào có kết nối mạng, như máy tính cá nhân, điện thoại thông minh hoặc máy tính bảng. Trên tất cả, website thường được xây dựng với mục đích cung cấp thông tin, giải quyết nhu cầu hoặc mang lại giá trị cho người dùng trên Internet. Thiết kế website tĩnh Thiết kế website tĩnh cơ bản thường là việc tạo ra các trang web sử dụng mã HTML và CSS một cách cố định, không có tính năng tương tác động với người dùng hoặc dữ liệu động từ cơ sở dữ liệu. Các điểm chính của thiết kế website tĩnh cơ bản bao gồm: Mã HTML và CSS cứng: Trang web tĩnh được xây dựng với mã HTML và CSS không thay đổi theo thời gian hoặc hoạt động của người dùng.

Mỗi trang web tĩnh thường được tạo ra riêng lẻ và không thay đổi nội dung một cách tự động. Không có tính tương tác: Trang web tĩnh không có khả năng tương tác với người dùng, không có các chức năng như biểu mẫu liên hệ, bình luận hoặc đăng nhập. Thích hợp cho nội dung cố định: Trang web tĩnh thích hợp cho các trang có nội dung ổn định và ít thay đổi. Ví dụ: trang web giới thiệu công ty, trang tin tức cơ bản hoặc trang thông tin sản phẩm không cần cập nhật thường xuyên.

Dễ dàng triển khai và hiệu suất cao: Website tĩnh thường dễ triển khai và có thể có hiệu suất tải trang tốt hơn so với các trang web động do không cần tương tác với cơ sở dữ liệu. Mặc dù có những hạn chế về tính tương tác và khả năng cập nhật nội dung, thiết kế website tĩnh cơ bản vẫn được sử dụng trong những trường hợp đặc biệt khi cần một trang web đơn giản, ổn định và dễ triển khai. Thiết kế website động Thiết kế website động là quá trình xây dựng trang web sử dụng các ngôn ngữ lập trình (như PHP, JavaScript, ASP.NET, Python) và cơ sở dữ liệu để tạo ra trang web có khả năng tương tác động với người dùng và dữ liệu động từ cơ sở dữ liệu. Các điểm chính của thiết kế website động bao gồm: Sử dụng mã lập trình động: Trang web được tạo ra bằng mã lập trình có khả năng tương tác với người dùng và dữ liệu.

Điều này cho phép trang web thay đổi nội dung dựa trên hành 3 động của người dùng hoặc dữ liệu từ cơ sở dữ liệu. Tương tác người dùng: Website động có khả năng tương tác cao hơn, cho phép người dùng thực hiện các hành động như điền biểu mẫu, tìm kiếm, đăng nhập, và tương tác với các ứng dụng web. Dữ liệu động từ cơ sở dữ liệu: Trang web có thể lấy dữ liệu từ cơ sở dữ liệu để hiển thị thông tin mới nhất, ví dụ như thông tin sản phẩm, bài viết mới nhất, hoặc dữ liệu cá nhân hóa. Thích hợp cho các trang có nội dung thay đổi thường xuyên: Website động phù hợp cho các trang web chứa nội dung thường xuyên cập nhật hoặc cần tính tương tác cao như trang tin tức, blog, các trang web thương mại điện tử, vv.

Đòi hỏi kiến thức lập trình cao: Thiết kế website động yêu cầu kiến thức lập trình sâu hơn để tạo ra các chức năng tương tác và kết nối với cơ sở dữ liệu. Thiết kế website động cung cấp khả năng linh hoạt và tương tác cao hơn so với website tĩnh, nhưng đòi hỏi kiến thức lập trình và quản lý dữ liệu mạnh mẽ hơn để triển khai và duy trì. Cấu trúc trang website 1. Giới thiệu thành phần , cấu trúc một trang website Header (Đầu trang): Thường chứa logo của trang web, menu điều hướng, và thường là các liên kết quan trọng như liên hệ, về chúng tôi, hoặc các trang quan trọng khác.

Nội dung chính: Phần này chứa thông tin, nội dung, hoặc sản phẩm/dịch vụ mà trang web muốn chi a sẻ với người đọc. Có thể là bài viết, hình ảnh, video, sản phẩm, v. Sidebar (Thanh bên): Một khu vực có thể nằm bên trái hoặc bên phải của nội dung chính, thường chứa các liên kết phụ, widget, hoặc thông tin bổ sung như danh mục, tin tức, hoặc cửa sổ chat. Footer (Chân trang): Phần cuối trang web, thường chứa các liên kết đến các trang quan trọng khác, thông tin về bản quyền, các biểu tượng mạng xã hội, và thông tin liên hệ.

Responsive Design (Thiết kế đáp ứng): Các trang web hiện đại thường được thiết kế để tự động thích ứng với nhiều kích thước màn hình khác nhau, từ máy tính để bàn đến điện thoại di động và máy tính bảng. SEO Elements (Yếu tố tối ưu hóa công cụ tìm kiếm): Một số trang web bao gồm các yếu tố như tiêu đề trang, từ khóa, 1. Các trang cơ bản trong một trang website Khi tạo một website thì thường có 3 trang chính sau: 4 Trang chủ: Là bộ mặt của trang web, là phần đầu tiên khi người dùng vào website. Trang chủ là trang khi bạn gõ tên miền lên trình duyệt sẽ hiển thị ra.

Trang chuyên mục: Các bài viết trong trang web có cùng nội sẽ được nhóm vào với nhau thành chuyên mục. Trang chuyên mục là trang để thể hiện các nội dung được nhóm đó Trang chi tiết: Là trang thể hiện chi tiết nội dung bài viết. Các yếu tố cần xác định khi tạo một website 1. Chất lượng trang web Một website được đánh giá là có chất lượng, như dễ dàng tìm kiếm thông tin, dễ dàng điều hướng và dễ dàng liên lạc với các nhà cung cấp internet, thường tạo ra sự tin tưởng của khách hàng khi mua sắm.

Theo Araujo (2003), một trang web nên được thiết kế chuyên nghiệp và dễ dàng cho người tiêu dùng vì một trang web có giao diện thiết kế tốt sẽ có tác động tốt hơn đến mong muốn giao dịch của người tiêu dùng.