Xây Dựng Website Kinh Doanh Thời Trang

Khám phá đồ án học phần xây dựng website thời trang, từ thiết kế giao diện đến tối ưu hóa SEO, giúp nâng cao trải nghiệm người dùng.

• Đề tài: Xây Dựng Website Kinh Doanh Thời Trang Hiện Đại

Mục lục chi tiết

• LỜI MỞ ĐẦU
• 1. CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI
• 1.1. Khảo sát thực trạng
• 1.2. Các chức năng của hệ thống
• 1.3. Đối tượng sử dụng
• 1.4. Yêu cầu chức năng
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 2.1. Ngôn ngữ và môi trường lập trình
• 2.1.1. Ngôn ngữ lập trình
• 2.1.2. Công nghệ sử dụng
• 2.1.3. Phần mềm sử dụng
• 2.2. Yêu cầu chức năng
• 3. CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM
• 3.1. Giao diện người dùng
• 3.1.1. Giao diện trang chủ
• 3.1.2. Danh mục thể loại sách
• 3.1.3. Chọn sản phẩm theo mục giá
• 3.1.4. Trang đăng nhập
• 3.1.5. Trang đăng ký
• 3.1.6. Sản phẩm theo loại
• 3.1.7. Kết quả tìm kiếm
• 3.1.8. Trang chi tiết sản phẩm
• 3.1.9. Trang giỏ hàng
• 3.1.10. Trang thanh toán
• 3.1.11. Trang thanh toán online bằng Momo
• 3.1.12. Trang thông tin tài khoản
• 3.1.13. Trang liên hệ
• 3.2. Giao diện quản lý
• 3.2.1. Trang đăng nhập
• 3.2.2. Giao diện nhân viên
• 3.2.3. Giao diện quản trị viên
• 3.2.4. Quản lý đơn hàng
• 3.2.5. Quản lý thể loại sách
• 3.2.6. Quản lý sản phẩm sách
• 3.2.7. Quản lý tài khoản
• 3.2.8. Liên hệ khách hàng
• 4. CHƯƠNG 4: KẾT LUẬN VÀ KIẾN NGHỊ
• 4.1. Kết quả đạt được
• 4.1.1. Giao diện người dùng
• 4.1.2. Giao diện người quản trị
• 4.2. Đánh giá website
• 4.3. Hướng mở rộng và phát triển
• 4.3.1. Người dùng – khách hàng
• 4.3.2. Nhân viên – quản trị viên
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Xây Dựng Website Kinh Doanh Thời Trang

Trong bối cảnh thương mại điện tử phát triển mạnh mẽ, việc xây dựng website kinh doanh thời trang hiện đại không còn là một lựa chọn mà đã trở thành yêu cầu bắt buộc để một thương hiệu tồn tại và phát triển. Một website không chỉ là một cửa hàng trực tuyến mà còn là bộ mặt, là kênh giao tiếp chính thức giữa thương hiệu và khách hàng. Theo khảo sát thực trạng được ghi nhận trong tài liệu nghiên cứu 'Xây dựng website thời trang ColoShop', nhu cầu mua sắm trực tuyến các mặt hàng thời trang ngày càng tăng, đòi hỏi các doanh nghiệp phải có một nền tảng vững chắc để giới thiệu sản phẩm, quản lý đơn hàng và chăm sóc khách hàng một cách hiệu quả. Một website thành công phải đáp ứng được cả yêu cầu về chức năng lẫn thẩm mỹ, từ việc thiết kế website thời trang bắt mắt đến hệ thống quản lý sản phẩm và quản lý kho hàng thông minh. Sự chuyển dịch này đặt ra yêu cầu về một giải pháp toàn diện, nơi giao diện người dùng (UI) và trải nghiệm người dùng (UX) được đặt lên hàng đầu. Các yếu-tố-cốt-lõi bao gồm tốc độ tải trang nhanh, thiết kế đáp ứng (responsive design), quy trình thanh toán đơn giản và bảo mật. Mục tiêu cuối cùng là tạo ra một hành trình mua sắm liền mạch, thúc đẩy tối ưu hóa tỉ lệ chuyển đổi (CRO) và xây dựng lòng trung thành của khách hàng đối với thương hiệu thời trang.

1.1. Khảo sát thực trạng và vai trò của E commerce

Thương mại điện tử (E-commerce) đã thay đổi hoàn toàn cách thức kinh doanh truyền thống. Việc sở hữu một website cho phép các thương hiệu thời trang (local brand) tiếp cận một lượng khách hàng khổng lồ mà không bị giới hạn bởi địa lý. Tài liệu gốc chỉ ra rằng, các cửa hàng truyền thống gặp nhiều khó khăn trong việc quản lý thông tin sản phẩm, cập nhật giá cả và tiếp cận khách hàng mới với chi phí thấp. Một website giải quyết triệt để những vấn đề này. Nó hoạt động như một trung tâm điều hành, cho phép quản lý tập trung từ thông tin sản phẩm, hình ảnh lookbook, đến các chương trình khuyến mãi. Vai trò của nền tảng e-commerce không chỉ dừng lại ở việc bán hàng, mà còn là công cụ xây dựng thương hiệu, thu thập dữ liệu khách hàng và triển khai các chiến dịch marketing số hiệu quả, tạo ra lợi thế cạnh tranh bền vững trong thị trường ngày càng khốc liệt.

1.2. Các yếu tố định hình một website thời trang hiện đại

Một website thời trang được coi là hiện đại khi hội tụ đủ ba yếu tố chính: Công nghệ, Thẩm mỹ và Chức năng. Về công nghệ, ưu tiên hàng đầu là kiến trúc mobile-first, đảm bảo trải nghiệm hoàn hảo trên thiết bị di động. Tốc độ tải trang và bảo mật thông tin giao dịch cũng là những yếu-tố-sống-còn. Về thẩm mỹ, thiết kế UX/UI phải tinh tế, phản ánh đúng tinh thần của thương hiệu và tạo cảm hứng cho người mua. Việc sử dụng hình ảnh chất lượng cao, video sản phẩm và bố cục tối giản giúp nâng cao giá trị sản phẩm. Về chức năng, website cần tích hợp đầy đủ các công cụ hỗ trợ mua sắm như bộ lọc sản phẩm thông minh (theo size, màu sắc, giá), chức năng tìm kiếm mạnh mẽ, quy trình thanh toán qua cổng thanh toán online và tích hợp đơn vị vận chuyển tự động. Đây là những nền tảng cơ bản để tạo ra một trải nghiệm mua sắm vượt trội.

II. Thách Thức Khi Làm Web Bán Quần Áo Cho Người Mới

Quá trình xây dựng website kinh doanh thời trang hiện đại tiềm ẩn nhiều thách thức, đặc biệt với các doanh nghiệp nhỏ hoặc người mới bắt đầu. Thách thức lớn nhất nằm ở việc lựa chọn công nghệ và nền tảng phù hợp với quy mô và ngân sách. Việc quyết định giữa các nền tảng e-commerce như Shopify cho thời trang, WooCommerce bán hàng, hay một giải pháp code tay riêng biệt đòi hỏi sự hiểu biết sâu sắc về kỹ thuật và định hướng kinh doanh dài hạn. Một sai lầm phổ biến khác là xem nhẹ tầm quan trọng của thiết kế UX/UI. Giao diện lộn xộn, khó điều hướng và quy trình thanh toán phức tạp là những nguyên nhân hàng đầu khiến khách hàng từ bỏ giỏ hàng. Nghiên cứu 'Xây dựng website thời trang ColoShop' cũng chỉ ra các nhược điểm ban đầu như hình thức thanh toán bị giới hạn, chưa có chức năng tìm kiếm sản phẩm, và trải nghiệm tải trang chưa tối ưu. Ngoài ra, việc vận hành sau khi ra mắt cũng là một bài toán khó, bao gồm quản lý kho hàng đồng bộ, xử lý đơn hàng, và đặc biệt là chiến lược SEO cho website thời trang để thu hút lưu lượng truy cập tự nhiên. Việc không có một kế hoạch rõ ràng cho những vấn đề này có thể dẫn đến một website hoạt động kém hiệu quả, lãng phí tài nguyên đầu tư.

2.1. Lựa chọn sai nền tảng và công nghệ phát triển

Việc lựa chọn nền tảng là quyết định mang tính chiến lược. Một nền tảng không phù hợp có thể gây ra các vấn đề về hiệu suất, khả năng mở rộng và chi phí vận hành. Ví dụ, một giải pháp code tay sử dụng ASP.NET MVC như trong tài liệu tham khảo mang lại sự tùy biến tối đa nhưng đòi hỏi chi phí phát triển và bảo trì cao. Ngược lại, các nền tảng SaaS như Shopify thì dễ sử dụng nhưng bị giới hạn về tùy chỉnh và có phí duy trì hàng tháng. Lựa chọn sai không chỉ lãng phí ngân sách ban đầu mà còn cản trở sự phát triển của doanh nghiệp trong tương lai khi cần tích hợp các tính năng phức tạp hơn.

2.2. Bỏ qua trải nghiệm người dùng UX và tối ưu CRO

Trải nghiệm người dùng là yếu tố quyết định trực tiếp đến doanh thu. Nhiều dự án quá tập trung vào tính năng mà bỏ qua hành trình của khách hàng. Một website có thiết kế UX/UI kém, ví dụ như nút kêu gọi hành động (CTA) không rõ ràng, quy trình thêm vào giỏ hàng và thanh toán nhiều bước, sẽ có tỷ lệ thoát trang cao. Tối ưu hóa tỉ lệ chuyển đổi (CRO) là một quá trình liên tục, đòi hỏi phải phân tích hành vi người dùng để cải thiện các điểm chạm trên website. Việc không đầu tư đúng mức vào UX và CRO sẽ khiến mọi nỗ lực marketing trở nên vô nghĩa, vì dù có thu hút được khách hàng truy cập, họ cũng sẽ không hoàn thành việc mua hàng.

III. Hướng Dẫn Thiết Kế Website Thời Trang Chuẩn SEO

Để xây dựng website kinh doanh thời trang hiện đại và hiệu quả, cần có một quy trình bài bản, bắt đầu từ việc lựa chọn nền tảng đến tối ưu hóa từng chi tiết nhỏ nhất. Nền tảng là xương sống của website. Các doanh nghiệp có thể cân nhắc giữa Shopify cho thời trang (nhanh, dễ quản lý), WooCommerce bán hàng (linh hoạt, mã nguồn mở), hoặc các giải pháp tùy chỉnh nếu có yêu cầu đặc thù. Dù chọn nền tảng nào, cấu trúc website phải được thiết kế thân thiện với công cụ tìm kiếm. Điều này bao gồm việc xây dựng cấu trúc URL rõ ràng, phân cấp danh mục hợp lý và đảm bảo tốc độ tải trang nhanh. Giao diện website (theme/template) cần được lựa chọn cẩn thận, ưu tiên các thiết kế sạch sẽ, tập trung vào sản phẩm và tuân thủ nguyên tắc responsive design. Yếu tố hình ảnh đặc biệt quan trọng trong ngành thời trang; do đó, việc đầu tư vào chụp ảnh sản phẩm (lookbook) chuyên nghiệp và tối ưu hóa hình ảnh cho web là không thể thiếu. Cuối cùng, một kế hoạch SEO cho website thời trang ngay từ đầu sẽ giúp website có thứ hạng tốt trên Google, thu hút khách hàng tiềm năng một cách bền vững mà không phụ thuộc hoàn toàn vào quảng cáo trả phí.

3.1. Phân tích mô hình cơ sở dữ liệu và kiến trúc hệ thống

Một hệ thống vững chắc bắt nguồn từ một cơ sở dữ liệu được thiết kế tốt. Theo mô hình liên kết thực thể (ERD) trong tài liệu 'Website Thời Trang Coloshop', các thực thể cốt lõi bao gồm Users (người dùng), Products (sản phẩm), ProductCategory (loại sản phẩm), và Orders (đơn hàng). Mối quan hệ giữa chúng phải được xác định rõ ràng để đảm bảo tính toàn vẹn dữ liệu. Ví dụ, mỗi sản phẩm chỉ thuộc về một loại sản phẩm, nhưng một đơn hàng có thể chứa nhiều sản phẩm. Việc thiết kế cơ sở dữ liệu quan hệ (ví dụ: SQL Server) một cách logic giúp cho việc quản lý sản phẩm và truy vấn thông tin trở nên nhanh chóng và hiệu quả, là nền tảng cho các tính năng phức tạp sau này.

3.2. Lựa chọn giao diện website theme template phù hợp

Giao diện không chỉ là vẻ bề ngoài mà còn ảnh hưởng trực tiếp đến trải nghiệm người dùng và SEO. Khi lựa chọn một giao diện website, cần ưu tiên các mẫu có thiết kế sạch, nhẹ và được tối ưu hóa cho di động (mobile-friendly). Một giao diện tốt phải cho phép tùy chỉnh linh hoạt để phù hợp với nhận diện thương hiệu. Đồng thời, cần kiểm tra xem theme có tuân thủ các tiêu chuẩn về code của Google hay không, có hỗ trợ các thẻ heading đúng cấu trúc, và không chứa các đoạn mã thừa gây chậm trang. Giao diện phải làm nổi bật được hình ảnh sản phẩm, yếu tố quan trọng nhất của một cửa hàng trực tuyến thời trang.

IV. Các Tính Năng Cần Có Của Một Web Kinh Doanh Thời Trang

Một website kinh doanh thời trang hiện đại phải được trang bị đầy đủ các tính năng để phục vụ cả khách hàng và người quản trị. Đối với người dùng, các chức năng cơ bản được mô tả trong tài liệu nghiên cứu bao gồm: đăng ký/đăng nhập, xem danh mục sản phẩm, xem chi tiết sản phẩm, và quản lý giỏ hàng (thêm, xóa, cập nhật số lượng). Nâng cao hơn, website cần có bộ lọc sản phẩm thông minh, chức năng so sánh, và danh sách sản phẩm yêu thích (wishlist). Quy trình thanh toán phải được tối ưu hóa, hỗ trợ nhiều cổng thanh toán online uy tín (Momo, VNPay) và tích hợp đơn vị vận chuyển để tự động tính phí và theo dõi đơn hàng. Về phía quản trị, hệ thống cần một trang quản trị (dashboard) trực quan. Các chức năng thiết yếu bao gồm: quản lý sản phẩm (thêm/sửa/xóa), quản lý kho hàng, xử lý đơn hàng, quản lý khách hàng và phân quyền cho nhân viên. Việc xây dựng một hệ thống với đầy đủ các tính năng này sẽ giúp tự động hóa quy trình vận hành, giảm thiểu sai sót và nâng cao trải nghiệm mua sắm của khách hàng, từ đó trực tiếp tác động đến hiệu quả kinh doanh.

4.1. Chức năng phía người dùng Từ xem sản phẩm đến thanh toán

Hành trình của khách hàng phải liền mạch và dễ dàng. Bắt đầu từ trang chủ, khách hàng cần có khả năng duyệt sản phẩm theo danh mục hoặc sử dụng thanh tìm kiếm. Trang chi tiết sản phẩm phải cung cấp đầy đủ thông tin: nhiều hình ảnh chất lượng cao, mô tả chi tiết, bảng size, và đánh giá từ người mua trước. Chức năng giỏ hàng phải cho phép khách hàng dễ dàng điều chỉnh số lượng hoặc xóa sản phẩm. Cuối cùng, trang thanh toán cần được thiết kế tối giản, yêu cầu ít thông tin nhất có thể và tích hợp các cổng thanh toán online phổ biến để tăng sự tiện lợi và tin cậy. Nghiên cứu 'Website Thời Trang Coloshop' nhấn mạnh tầm quan trọng của việc cho phép khách hàng quản lý đơn hàng đã đặt, bao gồm cả việc xem lại hoặc hủy đơn.

4.2. Chức năng phía quản trị Quản lý và vận hành cửa hàng

Hệ thống quản trị (Admin Panel) là trung tâm điều khiển của cửa hàng. Một hệ thống hiệu quả phải cho phép người quản trị thực hiện các tác vụ một cách nhanh chóng. Chức năng quản lý sản phẩm là cốt lõi, cho phép cập nhật thông tin, giá cả, và số lượng tồn kho. Quản lý đơn hàng cần hiển thị trạng thái của từng đơn (chờ xử lý, đang giao, đã hoàn thành) để tiện theo dõi. Ngoài ra, các tính năng như quản lý khách hàng, xem báo cáo doanh thu, và tạo mã giảm giá là rất cần thiết cho việc vận hành và marketing. Hệ thống phân quyền rõ ràng giữa quản trị viên và nhân viên, như đã được đề xuất trong tài liệu gốc, giúp đảm bảo an toàn dữ liệu và phân công công việc hiệu quả.

V. Bí Quyết Tối Ưu Hóa Tỉ Lệ Chuyển Đổi CRO Cho Web

Việc xây dựng website kinh doanh thời trang hiện đại không chỉ dừng lại ở việc ra mắt. Giai đoạn quan trọng tiếp theo là tối ưu hóa tỉ lệ chuyển đổi (CRO), tức là biến người truy cập thành người mua hàng. Yếu tố nền tảng của CRO là tốc độ. Một website tải chậm sẽ làm mất kiên nhẫn của khách hàng. Do đó, tối ưu hóa hình ảnh, sử dụng caching và chọn hosting chất lượng là việc làm bắt buộc. Tiếp theo, chất lượng hình ảnh và nội dung sản phẩm đóng vai trò quyết định. Đầu tư vào việc chụp ảnh sản phẩm (lookbook) chuyên nghiệp, đa góc cạnh và cung cấp video sản phẩm sẽ giúp khách hàng có cái nhìn chân thực nhất. Mô tả sản phẩm phải hấp dẫn, nêu bật được chất liệu, phom dáng và gợi ý phối đồ. Các yếu tố tạo dựng lòng tin như hiển thị đánh giá của khách hàng, chứng nhận bảo mật (SSL), và chính sách đổi trả rõ ràng cũng góp phần thúc đẩy quyết định mua hàng. Cuối cùng, quy trình thanh toán cần được đơn giản hóa tối đa, loại bỏ các bước không cần thiết và cung cấp nhiều phương thức thanh toán tiện lợi. Việc liên tục thử nghiệm A/B testing các yếu-tố-như màu sắc nút bấm, tiêu đề, và bố cục sẽ giúp tìm ra phiên bản hiệu quả nhất.

5.1. Tầm quan trọng của hình ảnh và nội dung sản phẩm

Trong kinh doanh thời trang online, hình ảnh chính là sản phẩm. Khách hàng không thể chạm hay thử đồ, vì vậy hình ảnh phải thay thế trải nghiệm đó. Cần có hình ảnh sản phẩm trên nền trắng để thể hiện chi tiết, hình ảnh mặc trên người mẫu để khách hàng hình dung phom dáng, và hình ảnh lookbook theo concept để truyền tải phong cách của thương hiệu. Video ngắn giới thiệu sản phẩm đang là xu hướng hiệu quả. Bên cạnh hình ảnh, mô tả sản phẩm chi tiết về chất liệu, hướng dẫn bảo quản, và thông số size chính xác là cực kỳ quan trọng để giảm tỷ lệ đổi trả.

5.2. Áp dụng chiến lược SEO cho website thời trang bền vững

SEO là kênh marketing mang lại hiệu quả dài hạn. Chiến lược SEO cho website thời trang bắt đầu bằng việc nghiên cứu từ khóa, nhắm đến cả những từ khóa ngắn và từ khóa đuôi dài (long-tail keywords). Tối ưu On-page bao gồm việc đặt từ khóa vào tiêu đề, mô tả meta, thẻ H1, và trong nội dung mô tả sản phẩm. Cấu trúc website phải logic, dễ dàng cho Googlebot thu thập dữ liệu. Tối ưu kỹ thuật như cải thiện tốc độ trang, đảm bảo tính thân thiện với di động (mobile-first), và sử dụng dữ liệu có cấu trúc (Schema Markup) cho sản phẩm sẽ giúp website được Google đánh giá cao hơn. Xây dựng liên kết từ các blog thời trang, tạp chí online uy tín cũng là một phần quan trọng để tăng thẩm quyền cho website.

Nội dung chính

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

Trong bối cảnh công nghệ thông tin và Internet phát triển nhanh chóng, thương mại điện tử đã trở thành phương thức kinh doanh phổ biến, làm thay đổi căn bản cách thức giao dịch truyền thống. Các nền tảng thương mại điện tử quy mô lớn như Amazon, Alibaba hay AliExpress định hướng phát triển mô hình kinh doanh đa ngành hàng. Mặc dù mô hình này mang lại sự đa dạng về chủng loại sản phẩm, song cũng tạo ra rào cản cho người tiêu dùng khi cần tìm kiếm chuyên sâu vào một nhóm mặt hàng cụ thể.

Đối với các cửa hàng kinh doanh truyền thống, việc quảng bá sản phẩm tới từng khách hàng thường tốn kém chi phí nhưng hiệu quả chưa cao. Bên cạnh đó, việc quản lý thủ công bộc lộ nhiều bất cập như khó theo dõi dữ liệu người dùng, quản lý thông tin nhà cung cấp, cập nhật biến động giá cả và phân loại sản phẩm. Xuất phát từ thực tế này, đồ án học phần Lập trình Web tại Trường Đại học Công nghệ TP. HCM (HUTECH) với đề tài "Xây dựng website kinh doanh thời trang ColoShop" được nhóm sinh viên thực hiện dưới sự hướng dẫn của ThS. Trịnh Công Nhựt vào tháng 03/2023.

Nhiệm vụ và mục tiêu nghiên cứu của đồ án bao gồm:

1. Khảo sát thực trạng kinh doanh thời trang và xác định các yêu cầu nghiệp vụ của một website bán hàng trực tuyến.
2. Thiết kế cấu trúc hệ thống, cơ sở dữ liệu quan hệ và các mô hình chức năng (Use Case, DFD, Sequence Diagram, Activity Diagram, Class Diagram, ERD).
3. Hiện thực hóa website thương mại điện tử ColoShop với đầy đủ phân hệ dành cho khách hàng, nhân viên và quản trị viên trên nền tảng ASP.NET MVC.
4. Đánh giá kết quả thực nghiệm, chỉ ra các hạn chế kỹ thuật hiện tại và đề xuất hướng nâng cấp, mở rộng hệ thống.

Đối tượng nghiên cứu của đề tài là quy trình quản lý và vận hành website thương mại điện tử chuyên ngành hàng thời trang, bao gồm luồng dữ liệu mua bán, giỏ hàng, phân quyền người dùng và kiểm soát đơn hàng. Phạm vi nghiên cứu tập trung vào mô hình ứng dụng web chạy trên môi trường cục bộ phục vụ các nghiệp vụ bán lẻ thời trang với các vai trò người dùng cụ thể.

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

Đề tài áp dụng mô hình phát triển phần mềm hướng đối tượng kết hợp kiến trúc phân tầng Model - View - Controller (MVC), sử dụng các công nghệ, ngôn ngữ và công cụ lập trình sau:

• Mô hình kiến trúc ASP.NET MVC: Phân chia ứng dụng thành 3 thành phần độc lập:
  • Model: Đại diện cho cấu trúc dữ liệu, trạng thái logic nghiệp vụ và tương tác với cơ sở dữ liệu.
  • View: Giao diện người dùng, hiển thị thông tin và nhận tương tác từ khách hàng hoặc quản trị viên (sử dụng cú pháp Razor/ASPX).
  • Controller: Tiếp nhận yêu cầu (requests) từ người dùng qua HTTP, xử lý dữ liệu thông qua Model và quyết định View phản hồi tương ứng.
• Ngôn ngữ lập trình C# (C Sharp): Ngôn ngữ lập trình hiện đại, hướng đối tượng, định kiểu tĩnh mạnh mẽ do Microsoft phát triển trên nền tảng Common Language Infrastructure (CLI), hỗ trợ xử lý logic phía máy chủ (backend).
• Ngôn ngữ đánh dấu và kịch bản phía máy khách (Frontend):
  • HTML/CSS: Xây dựng cấu trúc trang và định dạng giao diện, tối ưu hiển thị.
  • JavaScript & Thư viện jQuery: Xử lý tương tác động trên trình duyệt, đơn giản hóa các thao tác điều khiển DOM, xử lý sự kiện form và truyền nhận dữ liệu bất đồng bộ qua Ajax.
  • Bootstrap: Framework giao diện hỗ trợ thiết kế web tương thích đa màn hình (Responsive Web Design).
• Hệ quản trị cơ sở dữ liệu Microsoft SQL Server (SQL Server Express): Hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) sử dụng ngôn ngữ truy vấn Transact-SQL (T-SQL), hỗ trợ lưu trữ toàn vẹn, lập chỉ mục và phân quyền truy cập bảng dữ liệu.
• Môi trường phát triển tích hợp (IDE): Microsoft Visual Studio Community 2022 tích hợp trình biên dịch, công cụ gỡ lỗi (debugger), hỗ trợ IntelliSense và quản lý mã nguồn.

Công nghệ / Công cụ	Phiên bản / Đặc điểm kỹ thuật	Vai trò trong hệ thống
ASP.NET MVC	Nền tảng web application của Microsoft	Khung kiến trúc tổng thể, điều hướng luồng xử lý và kết nối dữ liệu
C# (C Sharp)	Ngôn ngữ gõ tĩnh, hướng đối tượng	Xử lý logic nghiệp vụ phía máy chủ (Backend Controller, Service)
SQL Server Express	RDBMS Microsoft, chuẩn T-SQL	Lưu trữ và quản trị cơ sở dữ liệu quan hệ
Visual Studio 2022	Bản Community	Môi trường lập trình, kiểm thử và thiết kế giản đồ cơ sở dữ liệu
Bootstrap & jQuery	Framework CSS Responsive & Thư viện JS	Xây dựng giao diện tương thích thiết bị và tương tác người dùng

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

Hệ thống được phân tích nghiệp vụ và thiết kế chi tiết thông qua các mô hình chuẩn:

1. Phân quyền người dùng và mô hình chức năng (Use Case)

Hệ thống phân định 3 nhóm tác nhân chính với các quyền hạn riêng biệt:

• Khách hàng (Customer): Đăng ký tài khoản, đăng nhập, tìm kiếm và xem danh mục sản phẩm thời trang, sắp xếp theo tên hoặc giá, xem chi tiết sản phẩm, quản lý giỏ hàng (thêm, sửa số lượng, xóa), đặt mua hàng, cập nhật địa chỉ giao hàng, thanh toán trực tiếp hoặc qua ví điện tử MoMo.
• Nhân viên (Employee): Đăng nhập hệ thống quản trị, xem danh sách và tiếp nhận xử lý trạng thái đơn hàng, quản lý danh mục và thông tin sản phẩm, quản lý thông tin tài khoản cá nhân.
• Quản trị viên (Admin): Toàn quyền quản trị hệ thống, quản lý thông tin và phân quyền tài khoản nhân viên/khách hàng, quản lý danh mục sản phẩm, quản trị bảng dữ liệu, cấu hình các chính sách và quy định hiển thị trên website.

Tác nhân	Nhóm chức năng chính	Mô tả chi tiết hành động
Khách hàng	Mua sắm & Tài khoản	Đăng ký, đăng nhập, tìm kiếm, lọc giá, quản lý giỏ hàng, đặt hàng, thanh toán
Nhân viên	Xử lý đơn & Sản phẩm	Tiếp nhận đơn hàng, cập nhật trạng thái đơn, quản lý số lượng và thông tin hàng
Quản trị viên	Quản trị toàn diện	Quản lý người dùng, phân quyền (Roles), cấu hình danh mục, thống kê tổng quan

2. Thiết kế cơ sở dữ liệu quan hệ (ERD)

Cơ sở dữ liệu của hệ thống ColoShop được chuẩn hóa gồm 8 bảng chính, lưu trữ đầy đủ các thực thể và ràng buộc toàn vẹn:

1. Bảng user (Tài khoản người dùng):
   • id (int, Khóa chính - PK)
   • Fullname (nvarchar(250)), username (varchar(250)), password (varchar(50)), email (varchar(100)), Phone (nvarchar(50))
   • EmailConfirmed (bit), SecurityStamp (varchar(250)), TwoFactorEnabled (bit), LockoutEndDateUtc (datetime), LockoutEnabled (bit), AccessFailedCount (int)
2. Bảng Productcategory (Loại sản phẩm):
   • id (int, PK), Title (nvarchar(150)), Description (nvarchar(MAX)), Icon (nvarchar(250)), Alias (nvarchar(250))
   • SeoTitle (nvarchar(250)), SeoDescription (nvarchar(250)), SeoKeywords (nvarchar(250))
   • CreatedBy (nvarchar(250)), CreatedDate (datetime), ModifiedBy (nvarchar(250)), ModifiedDate (datetime)
3. Bảng Product (Sản phẩm thời trang):
   • id (int, PK), ProductCategoryId (int, Khóa ngoại - FK liên kết với Productcategory)
   • title (nvarchar(200)), ProductCode (nvarchar(50)), description (nvarchar(4000)), Detail (nvarchar(MAX)), Image (nvarchar(200))
   • Price (decimal(18,2)), PriceSale (decimal(18,2)), Quantity (int)
   • IsHome (bit), IsSale (bit), IsFeature (bit), IsHot (bit), IsActive (bit), Alias (nvarchar(250))
   • SeoTitle (nvarchar(200)), SeoDescription (nvarchar(200)), SeoKeywords (nvarchar(200))
   • CreatedBy (nvarchar(MAX)), CreatedDate (datetime), ModifiedBy (nvarchar(MAX)), ModifiedDate (datetime)
4. Bảng orders (Đơn đặt hàng):
   • id (int, PK), Code (int), CustomerName (nvarchar(MAX)), Phone (nvarchar(MAX)), Address (nvarchar(MAX))
   • TotalAmount (decimal(18,2)), Quantity (int), TypePayment (int)
   • CreatedBy (nvarchar(MAX)), CreatedDate (datetime), ModifiedBy (nvarchar(MAX)), ModifiedDate (datetime)
5. Bảng orderdetail (Chi tiết đơn hàng):
   • id (int, PK), OrderId (int, FK liên kết orders), ProductId (int, FK liên kết Product), Quantity (int), Price (decimal(18,2))
6. Bảng category (Thể loại điều hướng chung):
   • id (int, PK), Title (nvarchar(150)), Description (nvarchar(250)), Position (nvarchar(250)), Alias (nvarchar(MAX)), IsActive (bit)
   • SeoTitle (nvarchar(250)), SeoDescription (nvarchar(250)), SeoKeywords (nvarchar(250))
   • CreatedBy (nvarchar(250)), CreatedDate (datetime), ModifiedBy (nvarchar(MAX)), ModifiedDate (datetime)
7. Bảng Roles (Nhóm quyền):
   • id (int, PK), Name (nvarchar(150))
8. Bảng UserRoles (Phân quyền người dùng):
   • UserId (int, PK), RolesId (int, PK)

3. Các mối quan hệ liên kết dữ liệu

• Quan hệ giữa Product và ProductCategory: Quan hệ 1 - N (Một danh mục có nhiều sản phẩm, mỗi sản phẩm thuộc một danh mục cụ thể).
• Quan hệ giữa orders và Product thông qua orderdetail: Quan hệ N - N (Một đơn hàng chứa nhiều sản phẩm và một sản phẩm có thể xuất hiện trong nhiều đơn hàng).
• Quan hệ giữa user và Roles thông qua UserRoles: Quan hệ N - N (Một người dùng có thể gán nhiều vai trò và một vai trò áp dụng cho nhiều người dùng).

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

Chương 1: Tổng quan

Chương 1 giới thiệu lý do chọn đề tài xây dựng website bán hàng thời trang trực tuyến. Nhóm tác giả tiến hành khảo sát thực trạng kinh doanh bán lẻ, chỉ ra các ưu điểm và hạn chế trong việc ứng dụng công nghệ thông tin vào quản lý cửa hàng. Nội dung chương phân tích chi tiết các nhóm đối tượng sử dụng hệ thống (Khách hàng, Nhân viên, Quản trị viên), đồng thời xác định cụ thể các yêu cầu chức năng nghiệp vụ của từng nhóm tác nhân và thiết lập cấu trúc tổng thể của đồ án gồm 4 chương.

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

Chương 2 trình bày tổng quan về nền tảng lý thuyết và môi trường công nghệ được ứng dụng trong quá trình phát triển dự án. Tác giả phân tích cú pháp và nguyên lý hoạt động của các ngôn ngữ lập trình web (HTML, CSS, JavaScript, C#), giải thích mô hình phân chia trách nhiệm Model - View - Controller trong ASP.NET MVC, vai trò của thư viện jQuery và framework Bootstrap trong tối ưu hóa giao diện. Đồng thời, chương này giới thiệu công cụ Visual Studio 2022, hệ quản trị cơ sở dữ liệu SQL Server Express, sau đó tiến hành phân tích thiết kế hệ thống thông qua các sơ đồ: BFD, Use Case, DFD, Sequence Diagram, Activity Diagram, Class Diagram, ERD và bảng chi tiết lược đồ cơ sở dữ liệu.

Chương 3: Kết quả thực nghiệm

Chương 3 trình bày toàn bộ kết quả giao diện và chức năng đã hiện thực hóa của hệ thống ColoShop:

• Phân hệ khách hàng: Bố cục 3 phần (Header, Container, Footer), trang chủ, trang đăng ký/đăng nhập (có kiểm tra dữ liệu đầu vào - validate form), trang hiển thị danh mục sản phẩm, bộ lọc sắp xếp giá từ thấp đến cao/từ cao đến thấp, trang chi tiết sản phẩm, module giỏ hàng với các thao tác thêm/xóa/điều chỉnh số lượng, trang thanh toán đơn hàng và module thanh toán trực tuyến qua MoMo.
• Phân hệ quản trị: Trang đăng nhập bảo mật phân quyền cho nhân viên và quản trị viên, giao diện Dashboard hiển thị số lượng danh mục và đơn hàng chờ xử lý, module quản lý danh sách đơn hàng sắp xếp theo thời gian, module quản trị thể loại sản phẩm (thêm/sửa/xóa), module quản lý thông tin sản phẩm (phân trang, cập nhật giá, hình ảnh, trạng thái hiển thị) và trang quản lý tài khoản nhân viên.

Chương 4: Kết luận và kiến nghị

Chương 4 tổng kết các kết quả đạt được sau quá trình triển khai thực tế của cả hai phân hệ người dùng và quản trị. Nhóm tác giả đưa ra đánh giá khách quan về ưu điểm của hệ thống như giao diện thân thiện, vận hành thuận tiện, phân quyền chặt chẽ; đồng thời thẳng thắn chỉ ra các khuyết điểm kỹ thuật còn tồn tại. Từ đó, tác giả xây dựng định hướng mở rộng, nâng cấp các tính năng cho khách hàng và bộ phận quản trị trong giai đoạn phát triển tiếp theo.

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

Sau quá trình nghiên cứu và thực hiện, đồ án đã đạt được các kết quả cụ thể sau:

• Về mặt thiết kế hệ thống:
  • Xây dựng hoàn chỉnh tài liệu phân tích thiết kế phần mềm với 8 bảng dữ liệu quan hệ chuẩn hóa, đầy đủ các biểu đồ phân tích chức năng (BFD, Use Case, DFD, Activity, Sequence, Class Diagram).
  • Thiết kế cơ chế phân quyền bảo mật 3 cấp độ: Customer (khách hàng thông thường không thể truy cập trang quản trị), Employee (nhân viên quản lý đơn hàng và danh mục sản phẩm) và Admin (quản trị toàn quyền hệ thống).
• Về mặt triển khai phần mềm:
  • Xây dựng thành công ứng dụng web thương mại điện tử ColoShop hoạt động ổn định trên nền tảng ASP.NET MVC kết hợp SQL Server.
  • Hoàn thiện luồng mua sắm trực tuyến khép kín: Tìm kiếm/lọc sản phẩm $\rightarrow$ Giỏ hàng $\rightarrow$ Xác thực thông tin giao hàng $\rightarrow$ Tạo đơn hàng $\rightarrow$ Tiếp nhận và xử lý trạng thái đơn hàng từ phía quản trị viên.
  • Tích hợp thành công giao diện tương thích responsive bằng Bootstrap và các thao tác động qua jQuery, hỗ trợ xử lý dữ liệu đơn hàng và phân trang danh mục sản phẩm phía quản trị.

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

Dựa trên nội dung được trình bày trong báo cáo, đồ án còn tồn tại các hạn chế kỹ thuật và đề xuất hướng nghiên cứu hoàn thiện như sau:

Hạn chế kỹ thuật hiện tại

• Hệ thống chưa có tính năng khôi phục/quên mật khẩu tự động cho tài khoản người dùng và quản trị viên.
• Phương thức thanh toán còn hạn chế, chủ yếu dựa trên thanh toán tiền mặt khi nhận hàng (COD), mô hình kết nối MoMo mới dừng ở mức thử nghiệm nhóm.
• Trải nghiệm tải trang (page loading/reloading) còn gây gián đoạn do chưa tối ưu hóa hoàn toàn bằng các kỹ thuật Single Page Application hoặc Ajax nâng cao.
• Hệ thống quản trị chưa tích hợp module thống kê báo cáo doanh thu tự động theo mốc thời gian.
• Chưa hỗ trợ tính năng bình luận, đánh giá chất lượng sản phẩm từ khách hàng.
• Thiếu công cụ tạo mã giảm giá, chương trình khuyến mãi tự động và tính năng gợi ý tìm kiếm thông minh.
• Giao diện và luồng trao đổi của tính năng chat thời gian thực (realtime) chưa được hoàn thiện đồng bộ.
• Website chưa được triển khai (deploy) hoàn chỉnh lên môi trường máy chủ lưu trữ (hosting) thực tế.

Hướng phát triển và mở rộng

• Tích hợp các giao thức xác thực và đăng nhập thông qua bên thứ ba (OAuth: Facebook, Google).
• Xây dựng module khôi phục mật khẩu bảo mật qua email và nâng cao các cơ chế an toàn thông tin.
• Mở rộng các cổng thanh toán điện tử phổ biến tại Việt Nam như VNPAY, ViettelPay.
• Xây dựng phân hệ báo cáo thống kê trực quan doanh thu theo ngày/tháng/năm và quản lý lịch sử giao dịch toàn hệ thống.
• Bổ sung module đánh giá, bình luận sản phẩm, hệ thống gợi ý sản phẩm thông minh và thông báo tự động cho người dùng.

Giá trị tham khảo

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

• Sinh viên chuyên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm và Hệ thống Thông tin đang học các học phần Lập trình Web, Công nghệ Phần mềm hoặc thực hiện đồ án môn học, đồ án tốt nghiệp liên quan đến thương mại điện tử.
• Người học cần tìm hiểu quy trình xây dựng ứng dụng web theo mô hình ASP.NET MVC và hệ quản trị cơ sở dữ liệu Microsoft SQL Server từ bước phân tích yêu cầu, thiết kế giản đồ cơ sở dữ liệu quan hệ đến hiện thực hóa mã nguồn giao diện và chức năng.
• Các nhà phát triển đang tìm kiếm cấu trúc thiết kế cơ sở dữ liệu chuẩn cho website bán hàng (gồm bảng sản phẩm, danh mục, đơn hàng, chi tiết đơn hàng, người dùng và phân quyền User-Roles).

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

1. Đồ án sử dụng công nghệ và kiến trúc nền tảng nào để phát triển website?

Website ColoShop được phát triển trên nền tảng ASP.NET MVC của Microsoft với ngôn ngữ lập trình chính là C#. Giao diện người dùng sử dụng HTML, CSS, thư viện JavaScript jQuery và framework Bootstrap. Cơ sở dữ liệu của hệ thống được quản trị trên Microsoft SQL Server (SQL Server Express), môi trường phát triển chính là Visual Studio Community 2022.

2. Cơ chế phân quyền trong hệ thống ColoShop được tổ chức như thế nào?

Hệ thống phân chia 3 cấp độ người dùng thông qua hai bảng dữ liệu Roles và UserRoles:

• Customer: Chỉ có quyền thao tác trên giao diện người dùng bên ngoài (xem sản phẩm, quản lý giỏ hàng, đặt hàng), không thể đăng nhập vào trang quản trị.
• Employee: Đăng nhập trang quản trị nội bộ để quản lý thông tin đơn hàng, tiếp nhận đơn và quản lý thông tin sản phẩm/thể loại.
• Admin: Nắm toàn quyền hệ thống, quản lý tài khoản nhân viên, phân quyền người dùng, quản lý toàn bộ danh mục sản phẩm và cập nhật các nội dung, quy định của website.

3. Cơ sở dữ liệu của đồ án gồm những bảng nào và mối quan hệ chính ra sao?

Cơ sở dữ liệu gồm 8 bảng: user, Productcategory, Product, orders, orderdetail, category, Roles và UserRoles. Các mối quan hệ cốt lõi gồm:

• Quan hệ 1 - N giữa Productcategory và Product.
• Quan hệ N - N giữa orders và Product được kết nối qua bảng trung gian orderdetail.
• Quan hệ N - N giữa user và Roles được kết nối qua bảng trung gian UserRoles.

4. Những hạn chế kỹ thuật lớn nhất được nhóm tác giả ghi nhận trong báo cáo là gì?

Các hạn chế chính gồm: chưa có tính năng khôi phục mật khẩu; hình thức thanh toán trực tuyến còn hạn chế; hiện tượng tải lại trang gây ảnh hưởng trải nghiệm; thiếu chức năng thống kê doanh thu theo thời gian; chưa có module đánh giá/bình luận sản phẩm; giao diện chat realtime chưa hoàn thiện và chưa triển khai chính thức lên web hosting công cộng.

Kết luận

Đồ án "Xây dựng website kinh doanh thời trang ColoShop" của sinh viên Khoa Công nghệ Thông tin - HUTECH đã hoàn thành đầy đủ quy trình phân tích, thiết kế và hiện thực hóa một hệ thống thương mại điện tử chuyên ngành bán lẻ thời trang trên nền tảng ASP.NET MVC và SQL Server. Hệ thống đã triển khai thành công các tính năng mua sắm cho khách hàng, xử lý đơn hàng cho nhân viên và quản trị phân quyền cho người quản lý. Dù còn một số khuyết điểm về phương thức thanh toán, thống kê doanh thu và triển khai hosting, đồ án đã giải quyết tốt bài toán nghiệp vụ bán hàng trực tuyến cơ bản và định hình rõ lộ trình nâng cấp công nghệ trong tương lai.

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

Chương 1: Tyng quan - Giới thiệu đề t>i: Khảo s.t thực tI v> xây dựng đề t>i “Website Thời Trang Coloshop” - Nhiệm vụ đồ .n: Xây dựng mục tiêu nghiên cứu, đối tượng sử dụng v> phạm vi của đề t>i.n: Trình b>y cấu tr@c của đồ .c chương v> tBm tắt từng chương. Chương 2: Cơ sm ly thuyht - C.i niệm v> phương ph.c công nghệ, hệ thống, c.c r>ng buô 6c, mô hình đồ. Chương 3: Kht quả thực nghiêm  - Giao diện, đặc điểm v> c.c chức năng của chương trình. Chương 4: Kht luân và kihn nghị - Những kIt luận chung, kIt quả đạt được v> hướng mD rô 6 ng ph.t triển sản phẩm.

Tài liê u tham khảo CHƯƠNG 2.1 Ngôn ngư và môi trư]ng lâ p tr nh 2.1 Ngôn ngư lâ *p tr4nh 2.1 HTML HTML (viIt tắt của từ Hypertext Markup Language, hay l> “Ngôn ngữ Đ.nh dấu Siêu văn bản”) l> mô 6 t ngôn ngữ đ.nh dấu được thiIt kI ra để tạo nên c.c trang web trên World Wide Web. NB cB thể được trợ gi@p bDi c.c công nghệ như CSS v> c.c ngôn ngữ kịch bản giống như JavaScript. Cấu tr@c của HTML C`u trac HTML  <!DOCTYPE html>: khai b.o kiểu dữ liệu hiển thị.  <html> v> </html>: cặp thẻ bắt buô 6c, element cấp cao nhất, cB nhiệm vụ đBng gBi tất cả nôi 6dung của trang HTML.

 <head> v> </head>: khai b.c thông tin meta của trang web như: tiêu đề trang, charset.  <title> v> </title>: cặp thẻ nằm bên trong thẻ <head>, dùng để khai b.o tiêu đề của trang.  <body> v> </body>: cặp thẻ dùng để đBng gBi tất cả c.c nôi6 dung sẽ hiển thị trên trang.  <h1></h1>, <h2></h2>: định dạng dữ liệu dạng heading.

Thông thường cB 6 cấp đô 6 heading trong HTML, trải d>i từ <h1> tới <h6>. Trong đB, <h1> l> cấp đô 6 heading cao nhất v> <h6> l> cấp đô 6 heading thấp nhất.  <p> v> </p>: cặp thẻ chứa c.c đoạn văn bản của trang web.2 CSS CSS l> chữ viIt tắt của Cascading Style Sheets, nB l> mô 6t ngôn ngữ được sử dụng để tìm v> định dạng lại c.c phần tử được tạo ra bDi c. Bạn cB thể hiểu đơn giản rằng, nIu HTML đBng vai trò định dạng c.c phần tử trên website như việc tạo ra c.c tiêu đề, bảng,…thì CSS sẽ gi@p ch@ng ta cB thể thêm mô 6t ch@t “phong c.c phần tử HTML đB như đổi m>u sắc trang, đổi m>u chữ, thay đổi cấu tr@c,… Phương thức hoạt đô 6ng của CSS l> nB sẽ tìm dựa v>o c.c vùng chon, vùng chon cB thể l> tên môt6 thẻ HTML, tên mô 6t ID, class hay nhiều kiểu kh.

Sau đB l> nB sẽ .c thuô 6 c tính cần thay đổi lên vùng chon đB.  Tác dung c•a CSS - Hạn chI tối thiểu việc l>m rối mã HTML của trang Web bằng c.c thẻ quy định kiểu d.ng (chữ đậm, chữ in nghiêng, chữ cB gạch chân, chữ m>u), khiIn mã nguồn của trang Web được gon g>ng hơn, t.ch nô 6 i dung của trang Web v> định dạng hiển thị, dx d>ng cho việc cập nhật nô 6i dung.ng cB thể .p dụng cho nhiều trang Web, gi@p tr.nh phải lặp lại việc định dạng cho c.c trang Web giống nhau.3 C# (C Sharp) C# (hay C sharp) l> mô 6t ngôn ngữ lập trình đơn giản, được ph.t triển bDi đôi6 ngu kỹ sư của Microsoft v>o năm 2000. C# l> ngôn ngữ lập trình hiện đại, hướng đối tượng v> được xây dựng trên nền tảng của hai ngôn ngữ mạnh nhất l> C++ v> Java.t triển bDi Anders Hejlsberg v> team của ông trong khi ph. C# được thiIt kI cho Common Language Infrastructure (CLI), m> gồm Executable Code v> Runtime Environment, cho phép ch@ng ta sử dụng c.c ngôn ngữ high-level đa dạng trên c.c nền tảng v> cấu tr@c m.