Báo Cáo Đồ Án Phần Mềm: Thiết Kế Website Bán Mỹ Phẩm Cho Cửa Hàng Q2T Beauty

Báo cáo môn đồ án phần mềm thiết kế website bán mỹ phẩm cho cửa hàng Q2T Beauty, cung cấp giải pháp tối ưu cho kinh doanh trực tuyến.

• Trường học: Trường Đại Học Kinh Tế
• Chuyên ngành: Thiết Kế Website
• Đề tài: Thiết Kế Website Bán Mỹ Phẩm Cho Cửa Hàng Q2T Beauty
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2023
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. CHƯƠNG 1: GIỚI THIỆU CHUNG
• 1.1. Giới thiệu về .NET FRAMEWORK, MVC, ngôn ngữ Html, Css, Javascript
• 1.2. Tìm hiểu về HTML
• 1.3. Tìm hiểu về CSS
• 1.4. Tìm hiểu về Javascript
• 1.5. Giới thiệu đề tài
• 2. CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
• 2.1. Đặt tả hệ thống
• 2.2. Đối tượng người dùng của hệ thống
• 2.3. Phạm vi hệ thống
• 2.4. Ma trận Actors và usecase
• 2.5. Ma trận Actors
• 2.6. Usecase Khách Hàng
• 2.7. Usecase Admin
• 2.8. Đặc tả usecase
• 2.8.1. Đăng ký
• 2.8.2. Đăng nhập
• 2.8.3. Tìm kiếm sản phẩm
• 2.8.4. Quản lý đơn hàng
• 2.8.5. Quản lý mật khẩu
• 3. CHƯƠNG 3: CÁC TÍNH NĂNG HOÀN THÀNH
• 3.1. Các chức năng dành cho khách hàng
• 3.2. Các chức năng dành cho ADMIN
• 3.3. Các tính năng chưa hoàn thành. Tính năng mở rộng
• 3.4. Phân công công việc

Tóm tắt

I. Phân tích tầm quan trọng của thiết kế website bán mỹ phẩm

Trong bối cảnh thị trường làm đẹp cạnh tranh gay gắt, việc sở hữu một kênh bán hàng trực tuyến chuyên nghiệp không còn là lựa chọn mà là yêu cầu bắt buộc. Một website được đầu tư bài bản không chỉ giúp cửa hàng Q2T Beauty tiếp cận một lượng khách hàng khổng lồ mà còn là công cụ xây dựng thương hiệu, khẳng định uy tín và chất lượng sản phẩm. Đây là nền tảng để triển khai các chiến dịch marketing số, thu thập dữ liệu khách hàng và tạo ra một quy trình bán hàng tự động, hiệu quả. Phân tích sâu hơn cho thấy, một website chuyên nghiệp là tài sản số giá trị, đóng vai trò trung tâm trong hệ sinh thái kinh doanh của doanh nghiệp.

1.1. Bối cảnh cạnh tranh trong ngành thương mại điện tử mỹ phẩm

Thị trường mỹ phẩm Việt Nam chứng kiến sự tăng trưởng vượt bậc, đặc biệt trên nền tảng số. Người tiêu dùng ngày càng có xu hướng tìm kiếm thông tin và mua sắm trực tuyến. Điều này tạo ra một môi trường cạnh tranh khốc liệt, nơi các thương hiệu từ lớn đến nhỏ đều phải nỗ lực để thu hút sự chú ý. Theo báo cáo dự án cho cửa hàng Q2T Beauty, việc xây dựng một e-commerce website for beauty products không chỉ là mở rộng kênh phân phối mà còn là phương thức để tồn tại và phát triển. Một website bán hàng cho shop nhỏ như Q2T Beauty cần phải tạo ra sự khác biệt thông qua trải nghiệm người dùng và tính chuyên nghiệp. Việc thiếu một website hoặc sở hữu một trang web kém chất lượng sẽ khiến doanh nghiệp mất đi lợi thế cạnh tranh, giảm sút doanh thu và không thể xây dựng được tệp khách hàng trung thành.

1.2. Vai trò của website đối với thương hiệu Q2T Beauty

Đối với cửa hàng Q2T Beauty, website không chỉ là một cửa hàng trực tuyến. Nó là bộ mặt thương hiệu trên không gian mạng. Một giao diện website mỹ phẩm được thiết kế đẹp mắt, chuyên nghiệp sẽ ngay lập tức tạo dựng niềm tin và sự tin cậy trong tâm trí khách hàng. Đây là nơi Q2T Beauty có thể hoàn toàn kiểm soát thông điệp, hình ảnh sản phẩm và câu chuyện thương hiệu của mình. Thông qua website, cửa hàng có thể trực tiếp tương tác với khách hàng qua các tính năng đánh giá, bình luận và blog chia sẻ kiến thức làm đẹp. Hơn nữa, việc xây dựng website thương mại điện tử mỹ phẩm cho phép Q2T Beauty thu thập dữ liệu về hành vi mua sắm, từ đó đưa ra các chiến lược kinh doanh và marketing phù hợp, cá nhân hóa trải nghiệm và gia tăng lòng trung thành của khách hàng.

II. Xác định yêu cầu cốt lõi khi thiết kế web bán mỹ phẩm

Để xây dựng một website thành công, việc phân tích và xác định các yêu cầu hệ thống là bước nền tảng không thể bỏ qua. Một website bán mỹ phẩm hiệu quả phải cân bằng giữa hai yếu tố: trải nghiệm người dùng phía trước (frontend) và hệ thống quản trị mạnh mẽ phía sau (backend). Điều này đòi hỏi sự nghiên cứu kỹ lưỡng về đối tượng khách hàng mục tiêu, các hành trình mua sắm điển hình và các chức năng quản trị cần thiết để vận hành cửa hàng một cách trơn tru. Báo cáo đồ án về Q2T Beauty đã chỉ ra một cách chi tiết các module chức năng cần có, từ quản lý sản phẩm, đơn hàng cho đến các tương tác cơ bản của người dùng.

2.1. Phân tích đối tượng và hành vi người dùng trực tuyến

Đối tượng người dùng chính của hệ thống web bán mỹ phẩm là những cá nhân quan tâm đến làm đẹp và chăm sóc da, có thói quen mua hàng trực tuyến. Tài liệu nghiên cứu cho thấy, nhóm khách hàng này có những yêu cầu đặc thù. Họ tìm kiếm thông tin chi tiết về sản phẩm, bao gồm thành phần, công dụng, và đặc biệt là các đánh giá từ người dùng khác. Do đó, hệ thống phải cung cấp chức năng tìm kiếm và lọc sản phẩm thông minh. Khách hàng cũng mong muốn một quy trình mua hàng đơn giản, nhanh chóng. Việc tối ưu UX/UI cho website mỹ phẩm là cực kỳ quan trọng để giữ chân khách hàng và khuyến khích họ hoàn tất đơn hàng. Các tính năng như 'Thêm vào giỏ hàng nhanh', 'So sánh sản phẩm' hay 'Danh sách yêu thích' đều góp phần nâng cao trải nghiệm mua sắm.

2.2. Đặc tả các chức năng cần thiết cho khách hàng và quản trị viên

Dựa trên phân tích hệ thống trong đề tài, một website bán mỹ phẩm toàn diện cần hai nhóm chức năng chính. Đối với khách hàng, các Usecase thiết yếu bao gồm: Đăng ký/Đăng nhập (UC01, UC02), Tìm kiếm sản phẩm (UC03), Quản lý giỏ hàng (UC07, UC12, UC21), Thanh toán (UC08), và Quản lý đơn hàng (UC04). Đối với quản trị viên (Admin), hệ thống cần các công cụ mạnh mẽ để vận hành. Các chức năng quan trọng nhất là Quản lý sản phẩm (UC19), Quản lý đơn hàng (UC14), Quản lý tài khoản khách hàng (UC17), và Quản lý chương trình khuyến mãi (UC13). Việc lập trình web bán mỹ phẩm phải đảm bảo các chức năng này hoạt động ổn định, bảo mật và dễ dàng sử dụng cho cả hai đối tượng người dùng.

III. Bí quyết tối ưu UX UI cho website bán mỹ phẩm chuyên nghiệp

Trong ngành mỹ phẩm, yếu tố thị giác và cảm xúc đóng vai trò quyết định đến hành vi mua hàng. Một website có thể có đầy đủ tính năng nhưng nếu giao diện (UI) lộn xộn và trải nghiệm người dùng (UX) kém, tỷ lệ chuyển đổi sẽ rất thấp. Do đó, việc đầu tư vào thiết kế là một chiến lược thông minh. Mục tiêu là tạo ra một không gian mua sắm trực tuyến không chỉ đẹp mắt, sang trọng mà còn phải trực quan, dễ điều hướng và mang lại cảm giác tin cậy cho khách hàng. Sự kết hợp hài hòa giữa hình ảnh chất lượng cao, màu sắc thương hiệu và bố cục thông minh sẽ là chìa khóa để thu hút và giữ chân người dùng.

3.1. Nguyên tắc thiết kế giao diện website mỹ phẩm thu hút

Giao diện người dùng (UI) là điểm chạm đầu tiên của khách hàng với thương hiệu. Một mẫu web shop mỹ phẩm đẹp thường tuân thủ các nguyên tắc sau: Sử dụng hình ảnh sản phẩm chất lượng cao, sắc nét và đồng bộ. Bảng màu trang nhã, phù hợp với định vị thương hiệu (ví dụ: các tông màu pastel cho sản phẩm thiên nhiên, màu đen/vàng gold cho sản phẩm cao cấp). Font chữ dễ đọc, phân cấp thông tin rõ ràng giữa tiêu đề và nội dung. Bố cục sạch sẽ, có nhiều không gian trắng để làm nổi bật sản phẩm. Các nút kêu gọi hành động (Call-to-action) như 'Mua ngay', 'Thêm vào giỏ' phải được thiết kế nổi bật và đặt ở vị trí dễ thấy. Một giao diện website mỹ phẩm tốt sẽ dẫn dắt thị giác của người dùng một cách tự nhiên đến các thông tin quan trọng nhất.

3.2. Phương pháp tối ưu UX cho hành trình mua sắm online

Trải nghiệm người dùng (UX) là cảm nhận tổng thể của khách hàng khi tương tác với website. Để tối ưu UX, cần đơn giản hóa tối đa hành trình mua sắm. Quy trình từ tìm kiếm sản phẩm đến thanh toán phải diễn ra trong ít bước nhất có thể. Cung cấp bộ lọc sản phẩm chi tiết (theo loại da, thương hiệu, mức giá, công dụng). Trang chi tiết sản phẩm cần hiển thị đầy đủ thông tin, hình ảnh từ nhiều góc độ, và đặc biệt là đánh giá của khách hàng cũ. Quá trình thanh toán phải minh bạch, cho phép khách hàng lựa chọn nhiều phương thức và thấy rõ các chi phí. Việc tích hợp cổng thanh toán online uy tín và đa dạng là một yếu tố bắt buộc. Tốc độ tải trang nhanh cũng là một phần quan trọng của UX, ảnh hưởng trực tiếp đến sự hài lòng và tỷ lệ thoát trang của người dùng.

3.3. Tầm quan trọng của thiết kế web responsive đa thiết bị

Phần lớn người dùng hiện nay truy cập internet và mua sắm qua thiết bị di động. Do đó, thiết kế web responsive cho shop mỹ phẩm không còn là một lựa chọn thêm mà là tiêu chuẩn bắt buộc. Một website responsive đảm bảo giao diện và các tính năng hiển thị tối ưu trên mọi kích thước màn hình, từ máy tính để bàn, máy tính bảng đến điện thoại thông minh. Điều này mang lại trải nghiệm liền mạch cho khách hàng, dù họ truy cập từ bất kỳ thiết bị nào. Google cũng ưu tiên xếp hạng các trang web thân thiện với di động, vì vậy đây cũng là một yếu tố then chốt trong việc thiết kế web chuẩn SEO ngành mỹ phẩm. Bỏ qua thiết kế responsive đồng nghĩa với việc bỏ lỡ một lượng lớn khách hàng tiềm năng và ảnh hưởng tiêu cực đến thứ hạng tìm kiếm.

IV. Hướng dẫn xây dựng các tính năng cốt lõi cho web mỹ phẩm

Bên cạnh giao diện và trải nghiệm người dùng, sức mạnh của một website thương mại điện tử nằm ở hệ thống các tính năng được tích hợp. Các tính năng này không chỉ phục vụ quá trình mua sắm của khách hàng mà còn hỗ trợ đắc lực cho việc quản trị và vận hành của cửa hàng. Việc lựa chọn đúng nền tảng và công nghệ sẽ quyết định khả năng mở rộng và sự ổn định của website trong tương lai. Đề tài về website Q2T Beauty đã đề xuất sử dụng nền tảng .NET Framework và kiến trúc MVC, một lựa chọn phổ biến cho các ứng dụng web đòi hỏi sự tùy biến và hiệu suất cao.

4.1. Xây dựng hệ thống quản lý sản phẩm và danh mục hiệu quả

Hệ thống quản lý sản phẩm mỹ phẩm là xương sống của website. Giao diện quản trị phải cho phép Admin dễ dàng thực hiện các thao tác như Thêm, Sửa, Xóa sản phẩm (UC42, UC43). Mỗi sản phẩm cần có các trường thông tin chi tiết: tên, mô tả, hình ảnh, giá, số lượng tồn kho, thương hiệu, thành phần. Hệ thống cũng cần hỗ trợ quản lý danh mục đa cấp, giúp phân loại sản phẩm một cách khoa học (ví dụ: Chăm sóc da -> Sữa rửa mặt). Chức năng quản lý thuộc tính sản phẩm (ví dụ: dung tích, màu sắc) cũng rất quan trọng, cho phép khách hàng lựa chọn các phiên bản khác nhau của cùng một sản phẩm. Một hệ thống quản lý sản phẩm tốt sẽ giúp việc cập nhật và duy trì cửa hàng trở nên đơn giản và tiết kiệm thời gian.

4.2. Tích hợp giỏ hàng và quy trình thanh toán an toàn tiện lợi

Giỏ hàng và thanh toán là hai giai đoạn quyết định tỷ lệ chuyển đổi. Chức năng giỏ hàng phải cho phép khách hàng dễ dàng thêm, xóa, cập nhật số lượng sản phẩm. Giỏ hàng cần hiển thị rõ ràng tổng giá trị đơn hàng, chi phí vận chuyển và các mã giảm giá được áp dụng. Về thanh toán, việc cung cấp nhiều lựa chọn là rất cần thiết. Báo cáo nghiên cứu cho thấy các phương thức phổ biến bao gồm: thanh toán khi nhận hàng (COD), chuyển khoản ngân hàng, và thanh toán qua ví điện tử hoặc thẻ quốc tế. Do đó, việc tích hợp cổng thanh toán online an toàn, bảo mật thông tin thẻ của khách hàng là ưu tiên hàng đầu. Quy trình cần được thiết kế để giảm thiểu các bước nhập liệu, có thể tích hợp đăng nhập qua mạng xã hội để tự động điền thông tin.

V. Phương pháp triển khai và thiết kế web chuẩn SEO cho Q2T

Việc hoàn thành website mới chỉ là bước khởi đầu. Để website thực sự mang lại hiệu quả kinh doanh, nó cần được người dùng tiềm năng tìm thấy trên các công cụ tìm kiếm như Google. Đây là lúc tối ưu hóa công cụ tìm kiếm (SEO) phát huy vai trò. Một chiến lược SEO toàn diện cần được triển khai ngay từ giai đoạn thiết kế và xây dựng website. Việc này bao gồm tối ưu cấu trúc, nội dung, và các yếu tố kỹ thuật để đảm bảo website thân thiện với cả người dùng và các thuật toán tìm kiếm, từ đó thu hút lưu lượng truy cập tự nhiên và chất lượng.

5.1. Tối ưu cấu trúc website và các yếu tố On page SEO

Quá trình thiết kế web chuẩn SEO ngành mỹ phẩm bắt đầu từ cấu trúc. Cấu trúc URL cần ngắn gọn, rõ ràng và chứa từ khóa (ví dụ: /danh-muc/sua-rua-mat). Các thẻ tiêu đề (Title), mô tả (Meta Description) phải được tối ưu cho mỗi trang, chứa từ khóa chính và hấp dẫn người dùng nhấp chuột. Các thẻ heading (H1, H2, H3) cần được sử dụng hợp lý để phân cấp nội dung. Tối ưu hóa hình ảnh (nén dung lượng, đặt tên file và thẻ ALT chứa từ khóa) cũng rất quan trọng để cải thiện tốc độ tải trang và xếp hạng trên Google Images. Xây dựng liên kết nội bộ (internal link) một cách logic giữa các trang sản phẩm, danh mục và bài viết blog sẽ giúp điều hướng người dùng và tăng cường sức mạnh SEO cho toàn bộ trang web.

5.2. Lựa chọn nền tảng và chi phí làm website mỹ phẩm phù hợp

Việc lựa chọn nền tảng website bán mỹ phẩm sẽ ảnh hưởng đến chi phí và khả năng tùy biến. Các nền tảng phổ biến bao gồm WordPress (với plugin WooCommerce), Shopify, hoặc xây dựng tùy chỉnh bằng các framework như .NET được đề cập trong tài liệu gốc. Mỗi nền tảng có ưu và nhược điểm riêng. WordPress linh hoạt và có chi phí ban đầu thấp, trong khi Shopify dễ sử dụng nhưng có phí duy trì hàng tháng. Xây dựng tùy chỉnh mang lại sự độc đáo và khả năng mở rộng tốt nhất nhưng chi phí làm website mỹ phẩm sẽ cao hơn. Cửa hàng Q2T Beauty cần cân nhắc giữa ngân sách, yêu cầu kỹ thuật và kế hoạch phát triển dài hạn để chọn ra giải pháp tối ưu nhất. Một công ty làm web bán mỹ phẩm uy tín sẽ tư vấn chi tiết về các lựa chọn này.

Nội dung chính

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

Đồ án phần mềm "Thiết kế website bán mỹ phẩm cho cửa hàng Q2T Beauty" được thực hiện bởi nhóm tác giả Nguyễn Quý Quốc (MSSV: 21DH112850), Phạm Minh Toàn (MSSV: 21DH111938) và Đặng Võ Minh Trường (MSSV: 20DH111104) dưới sự hướng dẫn của giảng viên Đinh Minh Hoà tại Khoa Công nghệ Thông tin, Trường Đại học Ngoại ngữ - Tin học TP.HCM (HUFLIT) vào tháng 11 năm 2023.

Bối cảnh thực tiễn của đề tài xuất phát từ nhu cầu thương mại điện tử hóa hoạt động kinh doanh của doanh nghiệp tư nhân Q2T Beauty — đơn vị chuyên kinh doanh các dòng sản phẩm mỹ phẩm cao cấp, đa dạng bao gồm son môi, kem dưỡng da, nước hoa và dụng cụ làm đẹp. Để tối ưu hóa trải nghiệm mua sắm trực tuyến cho khách hàng và nâng cao hiệu quả quản trị, doanh nghiệp cần một nền tảng website chuyên nghiệp, hỗ trợ quản lý sản phẩm, đơn hàng, khách hàng và quy trình vận hành trực tuyến.

Mục tiêu nghiên cứu và phát triển hệ thống được xác định cụ thể trong văn bản:

1. Xây dựng và phát triển một trang web bán mỹ phẩm uy tín, chuyên nghiệp và trực quan nhằm cung cấp các sản phẩm mỹ phẩm chất lượng cao, an toàn qua mạng Internet.
2. Thiết lập 04 nhóm chức năng nền tảng phục vụ giao dịch trực tuyến bao gồm: Đăng ký/đăng nhập, Tìm kiếm sản phẩm, Giỏ hàng, và Thanh toán.
3. Cung cấp công cụ quản trị tập trung hỗ trợ doanh nghiệp quản lý danh mục sản phẩm, theo dõi đơn đặt hàng, kiểm soát thông tin tài khoản người dùng và thiết lập các chương trình tiếp thị.

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

• Đối tượng người dùng: Người tiêu dùng cá nhân có nhu cầu làm đẹp, chăm sóc da; các chuyên gia trang điểm, thẩm mỹ viện và các cửa hàng bán lẻ mỹ phẩm có nhu cầu đặt hàng trực tuyến.
• Phạm vi hệ thống: Cửa hàng trực tuyến Q2T Beauty; tập trung vào quy trình duyệt sản phẩm, đặt hàng, quản lý đơn hàng, xử lý thông tin tài khoản, cấu hình thanh toán và phân quyền quản trị theo mô hình phân tích thiết kế phần mềm.

---

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

Đồ án ứng dụng các nền tảng công nghệ và phương pháp luận kỹ thuật phần mềm để khảo sát, phân tích và mô hình hóa hệ thống thông tin:

• Khung kiến trúc và nền tảng phát triển:
  • .NET Framework: Nền tảng phát triển phần mềm của Microsoft, cung cấp các công cụ, thư viện, cơ chế quản lý bộ nhớ tự động, quản lý tài nguyên và mã hóa dữ liệu, hỗ trợ các ngôn ngữ lập trình như C# và VB.NET.
  • Kiến trúc MVC (Model - View - Controller): Mô hình phân tách cấu trúc ứng dụng thành 3 thành phần chính nhằm tách biệt dữ liệu nghiệp vụ, giao diện hiển thị và logic điều hướng.
  • ASP.NET: Công nghệ xây dựng ứng dụng web tích hợp trong hệ sinh thái .NET.
  • Bộ công nghệ Front-end: Ngôn ngữ đánh dấu siêu văn bản HTML (tuân thủ tiêu chuẩn W3C), CSS định dạng giao diện hiển thị trên nhiều thiết bị và JavaScript xử lý tương tác động phía máy khách (client-side) cũng như trao đổi dữ liệu không đồng bộ với máy chủ.
• Phương pháp nghiên cứu và mô hình hóa:
  • Phương pháp phân tích thiết kế hệ thống hướng đối tượng bằng ngôn ngữ mô hình hóa hợp nhất (UML).
  • Xây dựng ma trận phân quyền tác tử và ca sử dụng (Actors - Use Cases Matrix).
  • Thiết kế luồng xử lý bằng biểu đồ hoạt động (Activity Diagrams) và biểu đồ trình tự (Sequence Diagrams).
  • Mô hình hóa cấu trúc dữ liệu tĩnh và quan hệ thực thể bằng biểu đồ lớp (Class Diagram) và biểu đồ quan hệ thực thể (ERD).
• Nguồn dữ liệu và tài liệu tham khảo: Tài liệu hướng dẫn môn học đồ án phần mềm của Trường Đại học Ngoại ngữ - Tin học TP.HCM năm 2023 và các hệ thống thương mại điện tử thực tế trong lĩnh vực mỹ phẩm (như Hasaki).

---

Thiết kế và triển khai

Hệ thống được thiết kế dựa trên 2 tác tử chính (Actors): Khách hàng (người dùng cuối) và Admin (quản trị viên hệ thống). Kiến trúc ca sử dụng gồm 45 use case phân định rõ ràng giữa hai nhóm người dùng.

Nhóm chức năng	Mã Use Case	Tác tử thực hiện	Mục đích nghiệp vụ
Xác thực & Người dùng	UC01, UC02, UC05, UC11	Khách hàng, Admin	Đăng ký, đăng nhập, đổi mật khẩu và quản lý thông tin tài khoản (quy định cố định email không được sửa đổi).
Duyệt & Tìm kiếm	UC03, UC10	Khách hàng, Admin	Tìm kiếm sản phẩm theo tên/từ khóa, lọc điều kiện và xem danh sách danh mục.
Mua sắm & Giỏ hàng	UC07, UC12, UC21, UC29	Khách hàng	Thêm sản phẩm, xem giỏ hàng, xóa mặt hàng, tăng/giảm số lượng có kiểm tra tồn kho.
Đặt hàng & Thanh toán	UC04, UC08, UC30, UC34	Khách hàng	Chọn phương thức thanh toán (COD, chuyển khoản ngân hàng, thẻ tín dụng), nhập thông tin giao nhận và gửi đơn hàng.
Quản trị hệ thống	UC14, UC15, UC16, UC17, UC25, UC26, UC27, UC28	Admin	Quản lý danh sách đơn hàng, duyệt/hủy đơn, thêm/sửa/xóa/vô hiệu hóa tài khoản người dùng.
Quản trị danh mục & Đối tác	UC18, UC19, UC31, UC32, UC33, UC35, UC36, UC37, UC38, UC42, UC43, UC44, UC45	Admin	CRUD sản phẩm, thương hiệu mỹ phẩm và các đơn vị vận chuyển đối tác.
Khuyến mãi & Đánh giá	UC09, UC13, UC20, UC23, UC24, UC39, UC40, UC41	Khách hàng, Admin	Xem/gửi đánh giá sản phẩm; quản lý mã khuyến mãi, gán/lọc/xóa sản phẩm trong chương trình khuyến mãi.

Mô hình thiết kế chi tiết được thể hiện qua các sơ đồ:

• Biểu đồ trình tự (Sequence Diagram): Mô tả quy trình Tìm kiếm sản phẩm và quy trình Đặt hàng từ giao diện người dùng qua các tầng xử lý dữ liệu.
• Biểu đồ hoạt động (Activity Diagram): Chi tiết hóa 06 quy trình chính gồm Đăng nhập, Hiển thị thông tin cá nhân, Quản lý khách hàng, Đơn hàng và thanh toán, Thêm sản phẩm, và Xóa sản phẩm.
• Biểu đồ cấu trúc: Class Diagram mô tả quan hệ thuộc tính - phương thức giữa các đối tượng và sơ đồ ERD đặc tả các bảng dữ liệu trong hệ thống.

---

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

CHƯƠNG I. GIỚI THIỆU CHUNG

Chương này tập trung trình bày nền tảng lý thuyết công nghệ phần mềm và xác lập mục tiêu cho đề tài. Về mặt công nghệ, nhóm tác giả tổng hợp khái niệm và vai trò của:

• Nền tảng .NET Framework và các ngôn ngữ liên kết (C#, VB.NET);
• Mô hình kiến trúc MVC trong việc chuẩn hóa cấu trúc ứng dụng web;
• Bộ ba công nghệ giao diện web bao gồm HTML (cấu trúc tài liệu), CSS (định dạng, bố cục hiển thị đa thiết bị) và JavaScript (xử lý logic tương tác phía client và kết nối server).

Đồng thời, chương giới thiệu tổng quan về đề tài xây dựng website bán mỹ phẩm cho cửa hàng Q2T Beauty, định vị 4 tính năng cơ bản cần xây dựng: Giỏ hàng, Thanh toán, Tìm kiếm sản phẩm, Đăng ký/đăng nhập.

CHƯƠNG II. PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Đây là chương trọng tâm của báo cáo, trình bày chi tiết toàn bộ quá trình phân tích và thiết kế hệ thống thông tin:

• Đặc tả hệ thống và phạm vi nghiệp vụ: Phân tích nhu cầu nghiệp vụ của Q2T Beauty với các danh mục mỹ phẩm (son môi, kem dưỡng da, nước hoa, dụng cụ làm đẹp); xác định quy tắc quản lý dữ liệu như không cho phép người dùng thay đổi email đăng ký nhằm bảo đảm tính định danh; xác định các hình thức thanh toán (giao hàng thu tiền tại nhà - COD, chuyển khoản ngân hàng).
• Phân tích đối tượng người dùng: Phân loại nhu cầu của người tiêu dùng cá nhân và các chuyên gia làm đẹp khi tìm kiếm sản phẩm theo tiêu chí (loại da, thương hiệu, mục đích sử dụng, mức giá).
• Ma trận Actors và 45 Use Cases: Bảng tổng hợp ánh xạ chi tiết 45 ca sử dụng với 2 tác tử Khách hàng và Quản trị viên.
• Đặc tả chi tiết Use Case: Cung cấp đầy đủ cấu trúc đặc tả cho từng ca sử dụng gồm Mã use case, Tên, Mô tả, Tác tử, Sự kiện kích hoạt (Trigger), Tiền điều kiện (Precondition), Hậu điều kiện (Postcondition), Luồng sự kiện chuẩn (Standard flow), Luồng sự kiện thay thế (Alternative flow), Tình huống lỗi (Error situations) và Trạng thái hệ thống khi có lỗi.
• Hệ thống sơ đồ thiết kế UML: Trình bày 2 Sequence Diagrams (Tìm kiếm, Đặt hàng), 6 Activity Diagrams (Đăng nhập, Hiển thị thông tin cá nhân, Quản lý khách hàng, Đơn hàng và thanh toán, Thêm sản phẩm, Xóa sản phẩm), cùng Class Diagram và sơ đồ quan hệ thực thể ERD.

CHƯƠNG III. Các tính năng hoàn thành

Chương cuối tổng kết mức độ đáp ứng mục tiêu đề tài, phân định giữa các phần đã hoàn thiện và các phần còn tồn đọng:

• Các chức năng dành cho khách hàng: 10 tính năng đã hoàn thiện bao gồm xem danh mục sản phẩm, xem chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng, xem giỏ hàng, điều chỉnh số lượng (thêm/giảm/xóa) trong giỏ hàng, thanh toán sản phẩm, đổi mật khẩu tài khoản, quản lý đơn hàng, xem thông tin liên hệ và xem thông tin giới thiệu.
• Các chức năng dành cho ADMIN: 04 nhóm nghiệp vụ quản trị CRUD hoàn thành gồm quản lý sản phẩm (thêm/sửa/xóa), quản lý loại sản phẩm (thêm/sửa/xóa), quản lý khách hàng (thêm/sửa/xóa), và quản lý đơn hàng (thêm/sửa/xóa).
• Các tính năng chưa hoàn thành: 04 nhóm nghiệp vụ gồm các tính năng liên quan đến đánh giá sản phẩm, các tính năng liên quan đến khuyến mãi, các tính năng liên quan đến đơn vị vận chuyển, và chức năng cập nhật trạng thái đơn hàng.
• Bảng phân công công việc: Chi tiết hóa nhiệm vụ thực hiện của 3 thành viên trong nhóm.

---

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

Đồ án đã xây dựng được hồ sơ phân tích thiết kế phần mềm hoàn chỉnh và hiện thực hóa một phần các chức năng cốt lõi cho website thương mại điện tử Q2T Beauty:

1. Kết quả xây dựng chức năng hệ thống:

   • Hoàn thành đầy đủ luồng nghiệp vụ mua sắm cơ bản của khách hàng (10 chức năng) từ duyệt sản phẩm, thao tác giỏ hàng, thanh toán đến xem lịch sử đơn hàng và thông tin cá nhân.
   • Hoàn thành 4 phân hệ quản trị nền tảng cho Admin (Sản phẩm, Loại sản phẩm, Khách hàng, Đơn hàng).
   • Thiết lập tài liệu phân tích thiết kế chi tiết gồm 45 use cases có ma trận phân quyền, đặc tả luồng xử lý và các biểu đồ UML bổ trợ.

2. Kết quả phân công và phối hợp nhóm:

Thành viên	Vai trò	Nội dung phụ trách theo văn bản
Nguyễn Quý Quốc (21DH112850)	Trưởng nhóm	Giới thiệu .NET Framework, MVC, HTML, CSS, JavaScript; Giới thiệu đề tài; Phân công công việc; Xây dựng giao diện khách hàng; Xây dựng giao diện Admin.
Phạm Minh Toàn (21DH111938)	Thành viên	Đặc tả hệ thống; Phạm vi hệ thống; Xây dựng Actors và Use cases; Thiết kế Class Diagram; Xây dựng giao diện liên hệ; Xây dựng giao diện giới thiệu.
Đặng Võ Minh Trường (20DH111104)	Thành viên	Xác định đối tượng người dùng của hệ thống; Xây dựng toàn bộ Đặc tả Use Case chi tiết (UC01 - UC45).

---

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

Báo cáo môn học tự ghi nhận các hạn chế và các nội dung chưa hoàn thành trong quá trình thực nghiệm:

• Hạn chế và tính năng chưa hoàn thành:
  • Phân hệ đánh giá và nhận xét sản phẩm từ khách hàng chưa được kết nối hoàn chỉnh.
  • Phân hệ quản lý chương trình khuyến mãi và mã giảm giá chưa hoàn thiện.
  • Phân hệ tích hợp và quản lý đơn vị vận chuyển chưa được triển khai đầy đủ.
  • Chức năng tự động cập nhật và thay đổi trạng thái đơn hàng (từ đã duyệt sang đang giao, hoàn tất) chưa hoàn tất trong hệ thống thực thi.
• Hướng phát triển mở rộng:
  • Hoàn thiện mã nguồn và kiểm thử cho 4 nhóm chức năng còn tồn đọng (Khuyến mãi, Đánh giá, Vận chuyển, Cập nhật trạng thái đơn hàng).
  • Hoàn thiện mục tính năng mở rộng theo phạm vi kinh doanh trực tuyến của cửa hàng.

---

Giá trị tham khảo

Báo cáo đồ án là tài liệu tham khảo phù hợp cho:

• Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Cung cấp tài liệu mẫu về quy trình phân tích thiết kế phần mềm hướng đối tượng (OOAD) cho một đề tài thương mại điện tử quy mô vừa và nhỏ.
• Người nghiên cứu và xây dựng website thương mại điện tử: Tham khảo trực tiếp cấu trúc ma trận Actors - Use Cases (45 use cases), bộ đặc tả use case chuẩn hóa từng bước (luồng chính, luồng phụ, xử lý lỗi) và cách thức chuyển đổi từ yêu cầu kinh doanh thực tế (cửa hàng mỹ phẩm) sang các mô hình thiết kế UML (Activity, Sequence, Class Diagram, ERD).

---

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

1. Đề tài được xây dựng nhằm giải quyết bài toán nghiệp vụ cho đơn vị nào và có bao nhiêu tác tử chính?
Đề tài thiết kế website cho doanh nghiệp tư nhân Q2T Beauty kinh doanh mỹ phẩm cao cấp. Hệ thống được phân quyền cho 2 tác tử chính (Actors) là Khách hàng (người mua hàng trực tuyến) và Admin (quản trị viên hệ thống).

2. Quy tắc nghiệp vụ nào được đặt ra đối với việc cập nhật thông tin cá nhân của người dùng?
Theo đặc tả hệ thống ở Chương II, người dùng có thể cập nhật thông tin cá nhân như địa chỉ giao hàng và số điện thoại liên lạc, nhưng hệ thống quy định tuyệt đối không được thay đổi địa chỉ email đã đăng ký.

3. Kiến trúc và công nghệ nào được báo cáo lựa chọn để phát triển hệ thống?
Báo cáo sử dụng nền tảng .NET Framework của Microsoft, mô hình kiến trúc MVC, công nghệ ASP.NET kết hợp ngôn ngữ C#/VB, cùng bộ công nghệ giao diện web gồm HTML, CSS và JavaScript.

4. Trong 45 ca sử dụng được thiết kế, những nhóm chức năng quản trị nào chưa được hoàn thành trong đợt báo cáo này?
Theo công bố tại Chương III, 04 nhóm tính năng chưa hoàn thành gồm: tính năng liên quan đến đánh giá sản phẩm, tính năng liên quan đến khuyến mãi, tính năng liên quan đến đơn vị vận chuyển, và chức năng cập nhật trạng thái đơn hàng.

5. Nhóm tác giả phân chia trách nhiệm xây dựng các biểu đồ thiết kế và đặc tả use case như thế nào?
Sinh viên Đặng Võ Minh Trường phụ trách toàn bộ phần viết Đặc tả Use case chi tiết; sinh viên Phạm Minh Toàn phụ trách thiết kế Actors, Use cases, Class diagram, đặc tả hệ thống và giao diện phụ; sinh viên Nguyễn Quý Quốc (Trưởng nhóm) phụ trách phần công nghệ nền tảng, thiết kế giao diện Khách hàng và giao diện Admin.

---

Kết luận

Đồ án phần mềm "Thiết kế website bán mỹ phẩm cho cửa hàng Q2T Beauty" của nhóm sinh viên Trường Đại học Ngoại ngữ - Tin học TP.HCM đã hoàn thành việc mô hình hóa bài toán thương mại điện tử với hệ thống 45 ca sử dụng và các biểu đồ UML đồng bộ. Nhóm tác giả đã hiện thực hóa được các chức năng mua sắm cơ bản cho khách hàng cùng các phân hệ quản trị danh mục cốt lõi cho quản trị viên trên nền tảng công nghệ web và .NET Framework. Mặc dù vẫn còn 4 phân hệ phụ trợ chưa hoàn thiện, tài liệu đồ án cung cấp một khung phân tích thiết kế hoàn chỉnh và phương pháp triển khai có hệ thống cho các bài toán phát triển phần mềm bán hàng tương tự.

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

CHƯƠNG I. GIỚI THIỆU CHUNG 1. Giới thiệu về .NET FRAMEWORK, MVC, ngôn ngữ Html, Css, Javascript 1. Tìm hiểu về HTML HTML, viết tắt của Hypertext Markup Language, là ngôn ngữ được tạo ra để xây dựng trang web trên World Wide Web.

Nó có khả năng kết hợp với công nghệ như CSS và các ngôn ngữ kịch bản như JavaScript để tạo ra trải nghiệm web đa dạng. HTML cho phép nhúng các chương trình viết bằng JavaScript vào trang web, từ đó thay đổi hành vi và nội dung của trang. Đồng thời, CSS được sử dụng để định rõ giao diện và cấu trúc của nội dung trang web. Từ năm 1997, World Wide Web Consortium (W3C), tổ chức duy trì tiêu chuẩn web, đã khuyến khích việc sử dụng CSS để trình bày nội dung HTML một cách rõ ràng và hiệu quả hơn.

Tìm hiểu về CSS CSS (Cascading Style Sheets) là một ngôn ngữ mạnh mẽ được sử dụng để điều chỉnh cách trang web hiển thị. Nó cho phép bạn kiểm soát định dạng và bố cục nội dung trên trang web bằng cách áp dụng các quy tắc về màu sắc, kích thước, font chữ và khoảng cách. CSS đóng vai trò quan trọng trong việc tạo ra giao diện trực quan và linh hoạt trên nhiều thiết bị và trình duyệt khác nhau, cung cấp trải nghiệm tốt hơn cho người dùng khi họ truy cập trang web. Tìm hiểu về Javascript JavaScript là một ngôn ngữ lập trình quan trọng trong phát triển web, đặc biệt là ở phía máy khách.

Được tích hợp trực tiếp vào trình duyệt, JavaScript cho phép tạo ra các trang web động và tương tác, làm cho trải nghiệm web trở nên phong phú hơn. Nó giúp thêm các tính năng như xử lý biểu mẫu, tạo hiệu ứng hình ảnh, tích hợp bản đồ tương tác và phát triển các ứng dụng web đa phương tiện. Không chỉ có khả năng làm việc trên trình duyệt, JavaScript còn có khả năng giao tiếp với máy chủ để trao đổi dữ liệu mà không cần tải lại trang. Điều này làm cho ứng dụng web trở nên nhanh chóng và mượt mà hơn.

Đáng chú ý là JavaScript không chỉ hoạt động ở phía máy khách, mà còn có thể sử dụng ở phía máy chủ thông qua các framework 9 Báo cáo môn đồ án phần mềm năm học 2023-2024 như Node.js, giúp đảm bảo tính thống nhất trong quá trình phát triển ứng dụng web từ phía máy chủ đến phía máy khách.NET Framework là một nền tảng phát triển phần mềm của Microsoft dùng để xây dựng ứng dụng Windows và web. Nó cung cấp các công cụ và thư viện để lập trình viên tạo ứng dụng chạy trên nhiều phiên bản Windows.NET Framework có thể được viết bằng nhiều ngôn ngữ như C#, VB.NET, và nó cung cấp tính năng quản lý bộ nhớ tự động, quản lý tài nguyên, mã hóa dữ liệu, và nhiều chức năng khác.NET Framework cung cấp các công cụ và thư viện để phát triển ứng dụng web, bao gồm ASP.NET, hỗ trợ các ngôn ngữ như C#, VB. Nó được sử dụng rộng rãi trong lĩnh vực lập trình cá nhân, doanh nghiệp, web và game, và có sẵn trên nhiều phiên bản Windows khác nhau từ XP đến Windows 10. Giới thiệu đề tài "Trang web bán mỹ phẩm" là một đề tài thú vị và hữu ích trong lĩnh vực thương mại điện tử và làm đẹp.

Đề tài này tập trung vào việc xây dựng và phát triển một trang web để cung cấp các sản phẩm mỹ phẩm chất lượng cao, an toàn và phù hợp với nhu cầu của từng đối tượng qua mạng internet. Mục tiêu của đề tài là xây dựng một trang web bán mỹ phẩm uy tín, chuyên nghiệp và hấp dẫn, góp phần nâng cao chất lượng cuộc sống của người tiêu dùng. Trang web sẽ có những tính năng sau: • Giỏ hàng • Thanh toán • Tìm kiếm sản phẩm • Đăng kí đăng nhập. 10 Báo cáo môn đồ án phần mềm năm học 2023-2024 CHƯƠNG II.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2. Đặt tả hệ thống Doanh nghiệp tư nhân Q2T Beauty là một cửa hàng chuyên bán các loại mỹ phẩm cao cấp, uy tín và chất lượng. Q2T Beauty mong muốn mang đến cho khách hàng những trải nghiệm tuyệt vời khi mua sắm và sử dụng các sản phẩm của mình. Vì vậy, Q2T Beauty đã xây dựng một hệ thống website bán mỹ phẩm online, với nhiều tính năng tiện lợi và hấp dẫn.

Trên website của Q2T Beauty, bạn có thể thoải mái lựa chọn và xem thông tin chi tiết về các sản phẩm mỹ phẩm, từ son môi, kem dưỡng da, nước hoa, đến các dụng cụ làm đẹp. Bạn cũng có thể đăng ký tài khoản để mua hàng nhanh chóng và dễ dàng. Bạn có thể cập nhật thông tin cá nhân của mình, như địa chỉ giao hàng, số điện thoại liên lạc,. nhưng không được thay đổi email đã đăng ký.

Website của Q2T Beauty cũng giúp bạn quản lý đơn hàng một cách hiệu quả. Bạn có thể chọn phương thức thanh toán phù hợp với bạn, như giao hàng và thanh toán tại nhà, thanh toán qua ngân hàng,. Bạn có thể theo dõi trạng thái của đơn hàng, từ khi đặt hàng thành công, cho đến khi nhận hàng và hoàn tất giao dịch. Bạn cũng có thể hủy đơn hàng nếu chưa được giao.

Ngoài ra, website của Q2T Beauty còn có tính năng cho phép bạn đánh giá các sản phẩm mà bạn đã mua, để chia sẻ cảm nhận và góp ý cho Q2T Beauty và các khách hàng khác. Bạn cũng có thể tham gia các chương trình khuyến mãi và giảm giá hấp dẫn của Q2T Beauty, để mua sắm tiết kiệm hơn. Hãy ghé thăm website của Q2T Beauty ngay hôm nay, để khám phá và sở hữu những sản phẩm mỹ phẩm tuyệt vời nhất. Q2T Beauty luôn sẵn sàng phục vụ bạn với sự nhiệt tình và chuyên nghiệp.

Q2T Beauty - Đẹp từ trong ra ngoài! 11 Báo cáo môn đồ án phần mềm năm học 2023-2024 2. Đối tượng người dùng của hệ thống − Trong hệ thống web bán mỹ phẩm, đối tượng của người dùng có thể là những người quan tâm đến mỹ phẩm và muốn mua hàng trực tuyến. Đây có thể là những người tiêu dùng cá nhân, những người yêu thích làm đẹp và chăm sóc da, hoặc những người làm nghề chuyên về mỹ phẩm như các chuyên gia trang điểm, thẩm mỹ viện, hoặc các cửa hàng bán lẻ mỹ phẩm. − Đối tượng người dùng có thể có các yêu cầu và nhu cầu khác nhau khi sử dụng hệ thống web bán mỹ phẩm.

Một số người có thể tìm kiếm thông tin về các sản phẩm mỹ phẩm, đánh giá và nhận xét từ người dùng khác để có thể lựa chọn sản phẩm phù hợp. Các người dùng khác có thể muốn mua hàng trực tuyến và tìm kiếm các ưu đãi, khuyến mãi hoặc chương trình giảm giá. Ngoài ra, có thể có những người dùng muốn tìm hiểu về các xu hướng làm đẹp mới nhất, các bí quyết chăm sóc da, hoặc các bài viết về làm đẹp và trang điểm. − Hệ thống web bán mỹ phẩm cần cung cấp thông tin chi tiết về các sản phẩm mỹ phẩm, bao gồm hình ảnh, mô tả, thành phần, cách sử dụng và giá cả.

Ngoài ra, hệ thống cần có chức năng tìm kiếm và lọc sản phẩm theo các tiêu chí như loại da, mục đích sử dụng, thương hiệu và giá cả. Hệ thống cũng cần hỗ trợ quy trình đặt hàng và thanh toán trực tuyến để người dùng có thể mua hàng dễ dàng và thuận tiện. Giả định Trong việc kinh doanh mỹ phẩm, trợ giúp quản lý đơn hàng, tạo chương trình khuyến mãi, thêm người dùng, tạo và quản lý sản phẩm, xem xét phản hồi và đánh giá của khách hàng là các hoạt động quan trọng. Thông qua việc thực hiện các nhiệm vụ này, chúng ta có thể dần hoàn thiện chất lượng sản phẩm và tạo dấu ấn tích cực trong lòng khách hàng về công ty mỹ phẩm của chúng tôi.

Phạm vi hệ thống Cửa hàng mỹ phẩm và sản phẩm điện tử trực tuyến Q2T Beauty cam kết cung cấp sự đa dạng cho nhu cầu tiêu dùng của khách hàng. Trang web được thiết kế với giao diện dễ nhìn, dễ sử dụng, và tập trung vào trải nghiệm tối ưu cho khách hàng. 12 Báo cáo môn đồ án phần mềm năm học 2023-2024 Trang chủ giới thiệu cửa hàng và tự tin hiển thị các sản phẩm mỹ phẩm cùng với thông tin về các chương trình khuyến mãi hấp dẫn. Khách hàng dễ dàng tìm thấy sản phẩm qua danh mục sản phẩm và chi tiết sản phẩm.

Khách hàng có thể đăng ký tài khoản hoặc đăng nhập để mua hàng, quản lý thông tin cá nhân và thanh toán bằng nhiều phương thức tiện lợi. Tính năng giỏ hàng cho phép mua sắm thuận tiện, và khách hàng có thể theo dõi đơn hàng, xem chi tiết và đánh giá sản phẩm. Cửa hàng Q2T Beauty thường xuyên tổ chức các chương trình khuyến mãi và giảm giá để khách hàng có cơ hội mua sắm tiết kiệm. Tuân thủ nghiêm ngặt các quy định về bảo mật dữ liệu và luật pháp thương mại điện tử để đảm bảo sự bảo vệ thông tin cá nhân của khách hàng.

Luôn lắng nghe phản hồi của khách hàng để không ngừng cải thiện trải nghiệm của họ, cửa hàng Q2T Beauty đặt sự hài lòng và vui vẻ của tất cả khách hàng lên hàng đầu. Ma trận Actors và usecase 2. Ma trận Actors Bảng 2.