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

Đồ án tốt nghiệp "Thiết kế website bán đồng hồ và phụ kiện bằng công nghệ ASP.NET MVC" do sinh viên Trần Thị Hải Hậu thực hiện dưới sự hướng dẫn của ThS. Hà Trọng Thắng tại Khoa Công nghệ thông tin, Trường Đại học Công nghệ Đông Á (Bắc Ninh, 2022).

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

Sự phát triển của công nghệ thông tin và Internet đã biến máy tính điện tử thành công cụ làm việc và giải trí phổ biến. Trong môi trường cạnh tranh kinh doanh, các doanh nghiệp thúc đẩy việc tin học hóa quy trình tác nghiệp và ứng dụng thương mại điện tử nhằm tối ưu hóa cung cầu, cắt giảm chi phí và tiếp cận người tiêu dùng nhanh chóng.

Tại Việt Nam, nhiều đơn vị đã triển khai thương mại hóa trên nền tảng Internet; tuy nhiên, do những rào cản về cơ sở hạ tầng viễn thông và dịch vụ thanh toán điện tử qua ngân hàng thời điểm đó chưa thực sự đồng bộ, phần lớn hệ thống chỉ dừng lại ở mức độ giới thiệu sản phẩm và tiếp nhận đơn đặt hàng trực tuyến. Đặc thù của hình thức mua sắm trực tuyến là khách hàng và người bán không gặp mặt trực tiếp, người mua không thể kiểm tra hàng hóa trước khi đặt. Do đó, việc xây dựng một website bán hàng có giao diện trực quan, cung cấp đầy đủ thông tin sản phẩm đồng hồ, phụ kiện dây da và tích hợp quy trình mua hàng rõ ràng là giải pháp thực tiễn cấp thiết.

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

Văn bản xác định các mục tiêu và yêu cầu cụ thể cần giải quyết bao gồm:

  1. Cho phép khách hàng tìm kiếm thông tin về các sản phẩm của cửa hàng và thực hiện đặt hàng trực tuyến qua website.
  2. Xây dựng cơ chế cập nhật thông tin đơn hàng vào cơ sở dữ liệu và phân quyền cho người quản trị thực hiện các tác vụ: tìm kiếm đơn hàng (đã xác nhận hoặc chưa xác nhận), xác nhận đơn hàng hợp lệ, chỉnh sửa thông tin khách hàng và thông tin đặt hàng, thống kê số lượng mua hàng.
  3. Hỗ trợ thay đổi, thêm mới hoặc xóa bỏ thông tin, hình ảnh về các sản phẩm mà cửa hàng muốn giới thiệu đến khách hàng.
  4. Tổ chức lưu trữ dữ liệu tập trung phục vụ công tác quản lý sản phẩm, đơn hàng và thống kê tình hình hoạt động kinh doanh.

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

  • Đối tượng nghiên cứu: Quy trình kinh doanh, quản lý và bán hàng trực tuyến các sản phẩm đồng hồ chính hãng (nam, nữ), phụ kiện dây da thật và bài viết chia sẻ kinh nghiệm chăm sóc đồ da; mô hình phân tích thiết kế hệ thống thương mại điện tử.
  • Phạm vi nghiệp vụ: Phục vụ tương tác giữa khách hàng và 3 bộ phận chức năng của cửa hàng:
    • Bộ phận quản lý (Admin): Cập nhật sản phẩm, duyệt đơn hàng, chuyển giao đơn cho bộ phận kho - giao hàng, đăng bài viết mới, quản trị website.
    • Bộ phận bán hàng: Tư vấn, giải đáp thắc mắc, phản hồi bình luận của khách hàng, thống kê doanh số.
    • Bộ phận kho và giao hàng: Báo cáo số lượng hàng tồn kho cho quản lý, tiếp nhận hóa đơn và thực hiện giao hàng đến địa chỉ người nhận.

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

Khung kiến trúc và nền tảng lý thuyết

Đồ án xây dựng dựa trên các nền tảng kỹ thuật và mô hình phát triển phần mềm chuẩn của Microsoft:

  • Mô hình kiến trúc MVC (Model - View - Controller): Kiến trúc phân tách ứng dụng web thành ba tầng độc lập nhằm nâng cao khả năng quản lý mã nguồn, hỗ trợ kiểm thử và gỡ lỗi (debugging):
    • Model: Đại diện cho các đối tượng dữ liệu trong hệ thống, tương ứng với các bảng trong cơ sở dữ liệu quan hệ (ví dụ: bảng Product tương ứng với Product model).
    • View: Tầng giao diện hiển thị dữ liệu cho người dùng, sử dụng cú pháp Razor (.cshtml) để liên kết (binding) dữ liệu từ Model.
    • Controller: Thành phần tiếp nhận các tương tác từ View thông qua các Action, xử lý logic nghiệp vụ, truy vấn dữ liệu qua Model và trả kết quả hiển thị về View.
  • Lập trình hướng đối tượng (OOP): Ứng dụng 4 nguyên lý cơ bản của OOP (Tính trừu tượng - Abstraction, Tính đóng gói - Encapsulation, Tính đa hình - Polymorphism, Tính kế thừa - Inheritance).
  • Hệ quản trị cơ sở dữ liệu quan hệ (RDBMS): Áp dụng mô hình lưu trữ Client - Server, sử dụng ngôn ngữ truy vấn Transact-SQL (T-SQL) trên Microsoft SQL Server để khai báo biến, xây dựng thủ tục lưu trữ (stored procedures) và xử lý ngoại lệ.

Công nghệ và công cụ phát triển

Hệ thống được phát triển với bộ công cụ và công nghệ chi tiết trong bảng sau:

Thành phần Công nghệ / Công cụ sử dụng Vai trò trong hệ thống
Môi trường phát triển (IDE) Microsoft Visual Studio Soạn thảo mã nguồn, gỡ lỗi, thiết kế giao diện, tích hợp quản lý mã nguồn Git
Ngôn ngữ lập trình chính C# (C Sharp) Xây dựng logic xử lý trên nền .NET Framework, biên dịch qua mã trung gian MSIL và thực thi bởi CLR
Hệ quản trị CSDL Microsoft SQL Server Lưu trữ bền vững dữ liệu quan hệ, quản lý giao dịch dữ liệu máy trạm - máy chủ
Nền tảng web ASP.NET MVC Khung phát triển ứng dụng web, định tuyến URL (RouteConfig), đóng gói tài nguyên (BundleConfig)
Ngôn ngữ trình bày HTML, CSS, JavaScript Xây dựng cấu trúc giao diện, định dạng phong cách hiển thị và xử lý kịch bản phía máy khách
Ngôn ngữ mô hình hóa UML (Unified Modeling Language) Đặc tả các biểu đồ ca sử dụng, biểu đồ tuần tự và biểu đồ hoạt động của hệ thống

Phương pháp nghiên cứu và phân tích

Tác giả sử dụng phương pháp phân tích thiết kế hướng đối tượng:

  • Khảo sát quy trình nghiệp vụ thực tế của cửa hàng bán lẻ đồng hồ và phụ kiện.
  • Mô hình hóa yêu cầu chức năng hệ thống bằng hệ thống biểu đồ UML: Biểu đồ ca sử dụng (Use Case Diagram), Biểu đồ tuần tự (Sequence Diagram) và Biểu đồ hoạt động (Activity Diagram).
  • Thiết kế mô hình dữ liệu quan hệ và xây dựng cấu trúc các bảng lưu trữ trong SQL Server.

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

Cấu trúc dự án ASP.NET MVC

Dự án được tổ chức theo cấu trúc chuẩn của ASP.NET MVC trên Visual Studio, bao gồm:

  • App_Start: Chứa các tệp cấu hình cốt lõi gồm BundleConfig.cs (đóng gói tệp JavaScript và StyleSheet tối ưu hóa tốc độ tải), FilterConfig.cs (cấu hình bộ lọc kiểm tra logic tiền xử lý như xác thực quyền), và RouteConfig.cs (cấu hình định tuyến URL mặc định dạng {controller}/{action}/{id}).
  • Controllers: Chứa các lớp điều khiển (như HomeController.cs), định nghĩa các Action tương ứng (Index, About, Contact...).
  • Models: Chứa các lớp định nghĩa thực thể dữ liệu ánh xạ trực tiếp từ CSDL.
  • Views: Chứa các tệp giao diện Razor .cshtml. Thư mục Shared chứa _Layout.cshtml đóng vai trò giao diện khung dùng chung (tương tự Master Page) kết hợp tệp _ViewStart.cshtml để thiết lập kế thừa layout.
  • Content & Scripts & Fonts: Thư mục lưu trữ tài nguyên tĩnh gồm tệp định dạng CSS, thư viện mã kịch bản JavaScript và phông chữ giao diện.
  • Web.config & Packages.config: Tệp XML thiết lập các thông số kết nối CSDL, cấu hình bảo mật, chế độ gỡ lỗi trên máy chủ và quản lý danh sách các gói thư viện phụ thuộc.

Phân tích chức năng hệ thống

Hệ thống phân chia thành 7 nhóm chức năng chính được chuẩn hóa theo bảng sau:

STT Tên chức năng Mô tả chi tiết chức năng
1 Đăng nhập Xác thực tài khoản người dùng và quản trị viên (Admin), kiểm tra tính hợp lệ của tên truy nhập và mật khẩu trước khi cấp quyền truy cập.
2 Quản lý sản phẩm Quản lý mã ID sản phẩm, tên sản phẩm, hình ảnh minh họa, chức năng/thông số kỹ thuật và phân loại theo danh mục sản phẩm.
3 Quản lý đơn hàng Theo dõi danh sách đơn đặt hàng, thông tin người mua, trạng thái xử lý (đã xác nhận/hủy) và tổng giá trị thanh toán.
4 Quản lý khách hàng Lưu trữ danh sách khách hàng, tên đăng nhập, mật khẩu, số điện thoại liên lạc và mã định danh người dùng.
5 Quản lý liên hệ Tiếp nhận và quản lý thông tin phản hồi, tiêu đề và trạng thái yêu cầu của khách hàng gửi tới cửa hàng.
6 Quản lý giao diện Điều chỉnh cấu trúc menu, tên hiển thị, thứ tự/vị trí menu và cấu hình trình chiếu biểu ngữ (Slider) trên website.
7 Quản lý hệ thống Quản lý danh sách tài khoản quản trị viên: họ tên, địa chỉ, email, mật khẩu, số điện thoại và giới tính.

Thiết kế quy trình và mô hình hóa UML

  1. Phân hệ Người dùng (User):
    • Khám phá sản phẩm: Truy cập trang chủ, xem biểu ngữ quảng cáo, thông tin khuyến mãi, danh sách sản phẩm mới/bán chạy, tìm kiếm theo từ khóa hoặc lọc theo danh mục và khoảng giá.
    • Quy trình mua hàng: Chọn sản phẩm xem chi tiết -> Thêm vào giỏ hàng (hệ thống kiểm tra tồn kho, cảnh báo nếu hết hàng) -> Điều chỉnh số lượng hoặc xóa sản phẩm trong giỏ -> Đăng ký/Đăng nhập tài khoản thành viên -> Điền đầy đủ thông tin giao nhận bắt buộc (họ tên, địa chỉ, số điện thoại) -> Chọn phương thức giao hàng (nhận tại nhà hoặc nhận tại cửa hàng) và thanh toán (chuyển khoản hoặc thanh toán khi nhận hàng).
    • Tương tác: Gửi liên hệ thắc mắc, gửi đánh giá và viết bình luận tại trang chi tiết sản phẩm.
  2. Phân hệ Quản trị (Admin):
    • Thực hiện đầy đủ các thao tác Thêm, Sửa, Xóa (CRUD) và tìm kiếm đối với: Sản phẩm, Danh mục sản phẩm, Thông tin hãng sản xuất, Thông tin loại sản phẩm, Đơn hàng, Menu điều hướng, Biểu ngữ Slider và Tài khoản quản trị/nhân viên.
    • Theo dõi báo cáo thống kê doanh thu bán hàng hàng ngày trong tháng.

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

Tổng quan về đồ án

Chương này đặt nền móng lý thuyết và công nghệ cho toàn bộ đồ án:

  • Phân tích bối cảnh phát triển của CNTT và sự cần thiết của thương mại điện tử trong phân phối hàng tiêu dùng.
  • Trình bày chi tiết lý do lựa chọn xây dựng website bán đồng hồ và phụ kiện thời trang.
  • Khảo sát các công cụ và nền tảng công nghệ: Tìm hiểu phần mềm Microsoft Visual Studio (lịch sử từ Project Boston 1997, các phiên bản Community, Professional, Enterprise, tính năng IntelliSense, hỗ trợ đa nền tảng và kết nối Git); hệ quản trị CSDL Microsoft SQL Server (tính năng T-SQL, SSMS, SSIS, SSRS, SSAS và các phiên bản 2012, 2014, 2016, 2017, 2019); ngôn ngữ lập trình C# trên nền tảng .NET Framework; mô hình ASP.NET MVC và ngôn ngữ định dạng CSS.

Chương II. Phân tích thiết kế website

Chương II là phần trọng tâm về kỹ thuật phần mềm của đồ án:

  • Trình bày mô tả hoạt động thực tế của cửa hàng và cơ chế phối hợp tác nghiệp giữa 3 bộ phận: Quản lý (Admin), Bán hàng, Kho và Giao hàng.
  • Mô tả quy trình xử lý đơn hàng chi tiết từ khi khách hàng truy cập, thêm giỏ hàng, xác thực thành viên đến khi chuyển giao đơn hàng cho bộ phận kho xuất hóa đơn và giao phát.
  • Phân tích chi tiết yêu cầu chức năng của hệ thống dành cho nhóm tác nhân Quản trị và Người dùng.
  • Xây dựng hệ thống 10 biểu đồ ca sử dụng (Use Case) chi tiết kèm luồng sự kiện chính và luồng rẽ nhánh báo lỗi.
  • Xây dựng 26 biểu đồ tuần tự (Sequence Diagram) mô tả luồng thông điệp qua lại giữa giao diện, bộ xử lý điều khiển và cơ sở dữ liệu cho từng thao tác (Đăng nhập, tìm kiếm, CRUD sản phẩm, danh mục, đơn hàng, khách hàng, liên hệ, menu, slider, quản trị viên, giỏ hàng).
  • Xây dựng 27 biểu đồ hoạt động (Activity Diagram) thể hiện logic rẽ nhánh nghiệp vụ.
  • Thiết kế cấu trúc các bảng cơ sở dữ liệu quan hệ phục vụ lưu trữ hệ thống.

Chương III. Thiết kế giao diện

Chương này hiện thực hóa các chức năng thành giao diện người dùng cụ thể, bao gồm 22 màn hình giao diện được lập trình và chụp minh họa trong đồ án:

  • Nhóm giao diện phía khách hàng (Client): Giao diện Trang chủ (hiển thị banner slider, sản phẩm mới nhất); Giao diện danh mục sản phẩm; Giao diện giỏ hàng và cập nhật số lượng; Giao diện thanh toán và xác nhận thanh toán thành công; Giao diện đăng nhập và đăng ký tài khoản thành viên; Giao diện xem chi tiết sản phẩm kết hợp khung đánh giá, bình luận.
  • Nhóm giao diện quản trị (Admin): Giao diện đăng nhập trang quản trị; Giao diện bảng điều khiển quản lý chung; Giao diện quản lý danh mục sản phẩm; Giao diện quản lý danh sách sản phẩm; Giao diện quản lý đơn đặt hàng và danh sách đơn hàng đã hủy; Giao diện quản lý danh sách khách hàng và khách hàng gửi liên hệ; Giao diện quản lý cấu trúc Menu; Giao diện quản trị hệ thống Slider; Giao diện danh sách và form thêm mới tài khoản quản trị viên.

Chương IV. Đánh giá kết quả, hạn chế và hướng phát triển

Chương cuối tổng kết toàn bộ quá trình thực hiện đồ án:

  • Tổng hợp các kết quả chức năng đã hoàn thành trên website thực tế.
  • Nhìn nhận các nhược điểm còn tồn tại trong quá trình xây dựng hệ thống.
  • Đề xuất các định hướng phát triển kỹ thuật và tính năng trong tương lai.

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

Kết quả chính đạt được

Hệ thống website bán đồng hồ và phụ kiện đã hoàn thiện việc cài đặt với các kết quả cụ thể:

  • Về mặt người dùng: Cung cấp đầy đủ các chức năng xem, lọc danh mục, tìm kiếm, đăng ký/đăng nhập tài khoản, quản lý giỏ hàng, đặt hàng trực tuyến với tùy chọn nhận hàng tại nhà hoặc tại cửa hàng, gửi biểu mẫu liên hệ và tham gia đánh giá/bình luận sản phẩm.
  • Về mặt quản trị: Xây dựng hoàn chỉnh trung tâm quản trị cho phép thực hiện đầy đủ các nghiệp vụ thêm, sửa, xóa, tìm kiếm đối với sản phẩm, danh mục, hãng sản xuất, loại sản phẩm, đơn hàng, người dùng, giao diện menu, hình ảnh slider và quản trị viên.
  • Về cấu trúc dữ liệu: Xây dựng hệ thống cơ sở dữ liệu quan hệ đồng bộ trên Microsoft SQL Server, đảm bảo tính toàn vẹn dữ liệu cho các giao dịch đơn hàng và quản lý tài nguyên.

Giải pháp và đóng góp của đề tài

  • Ứng dụng thành công mô hình kiến trúc chuẩn ASP.NET MVC kết hợp công nghệ C# và SQL Server vào việc giải quyết bài toán thương mại điện tử bán lẻ chuyên biệt cho ngành hàng đồng hồ và phụ kiện da.
  • Chuẩn hóa quy trình làm việc và luồng dữ liệu tác nghiệp giữa 3 bộ phận nội bộ của cửa hàng (Quản lý - Bán hàng - Kho/Giao vận), giúp tự động hóa quá trình tiếp nhận và xử lý đơn hàng từ website tới bộ phận kho vận.
  • Hoàn thiện tài liệu phân tích thiết kế hệ thống chi tiết với hệ thống biểu đồ UML hoàn chỉnh (Use Case, Sequence, Activity), cung cấp khung thiết kế rõ ràng từ nghiệp vụ đến cơ sở dữ liệu.

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

Hạn chế của đồ án

Dựa trên phạm vi và nội dung văn bản trình bày:

  • Website chưa tích hợp các cổng thanh toán điện tử trực tuyến tự động qua thẻ ngân hàng hay ví điện tử do những khó khăn về hạ tầng thanh toán số tại thời điểm nghiên cứu; quy trình thanh toán vẫn phụ thuộc vào hình thức chuyển khoản thủ công hoặc thanh toán trực tiếp khi nhận hàng (COD) và giao dịch tại cửa hàng.
  • Hệ thống xử lý thông báo và hỗ trợ khách hàng chủ yếu thông qua tiếp nhận biểu mẫu liên hệ và bình luận, chưa tích hợp các kênh tương tác trực tiếp (như chat trực tuyến tự động).

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

  • Nghiên cứu tích hợp các cổng thanh toán trực tuyến bảo mật để tự động hóa hoàn toàn quy trình thanh toán của khách hàng.
  • Nâng cấp và mở rộng các tính năng phân tích thống kê kinh doanh chuyên sâu (báo cáo doanh thu nâng cao, dự báo hàng tồn kho).
  • Mở rộng ứng dụng trên nền tảng thiết bị di động (Mobile App) hoặc phát triển giao diện tương thích đa nền tảng nâng cao nhằm gia tăng trải nghiệm người dùng.

Giá trị tham khảo

Đồ án là tài liệu tham khảo hữu ích cho các nhóm đối tượng:

  • Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Tài liệu mang tính mẫu mực trong việc triển khai một đồ án tốt nghiệp ứng dụng công nghệ ASP.NET MVC và C#, từ khâu khảo sát nghiệp vụ đến lập trình hoàn thiện giao diện.
  • Người học phân tích thiết kế hệ thống thông tin: Đồ án cung cấp một hệ thống biểu đồ UML phong phú, gồm hơn 60 biểu đồ (Use Case, Biểu đồ tuần tự, Biểu đồ hoạt động) đặc tả chi tiết từng thao tác CRUD và quy trình tương tác cơ sở dữ liệu, rất thuận tiện để tham khảo phương pháp mô hình hóa phần mềm.
  • Các nhà phát triển website thương mại điện tử quy mô vừa và nhỏ: Cung cấp giải pháp tổ chức cơ sở dữ liệu và cấu trúc dự án chuẩn để quản lý các danh mục hàng hóa đặc thù như thời trang, đồng hồ và phụ kiện.

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

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

Đồ án sử dụng ngôn ngữ lập trình C# trên nền tảng .NET Framework kết hợp kiến trúc ASP.NET MVC (Model - View - Controller), hệ quản trị cơ sở dữ liệu Microsoft SQL Server và môi trường phát triển Microsoft Visual Studio. Giao diện được xây dựng bằng cú pháp Razor (.cshtml), HTML, CSS và JavaScript.

Hệ thống quy định quy trình tác nghiệp của cửa hàng gồm những bộ phận nào?

Quy trình nghiệp vụ của cửa hàng được phân chia thành 3 bộ phận có mối quan hệ chặt chẽ:

  1. Bộ phận quản lý (Admin): Cập nhật sản phẩm, duyệt đơn đặt hàng, chuyển đơn sang bộ phận kho, đăng bài viết và quản lý website.
  2. Bộ phận bán hàng: Tư vấn khách hàng, giải đáp thắc mắc, trả lời bình luận và thống kê doanh số.
  3. Bộ phận kho và giao hàng: Báo cáo số lượng hàng tồn kho cho quản lý, tiếp nhận hóa đơn và thực hiện giao hàng cho người mua.

Khách hàng có thể lựa chọn những phương thức thanh toán và giao hàng nào?

Theo thiết kế hệ thống trong đồ án:

  • Phương thức thanh toán: Khách hàng có thể chọn chuyển khoản, thanh toán khi nhận hàng (COD), hoặc trực tiếp đến cửa hàng để giao dịch.
  • Phương thức giao hàng: Khách hàng có thể lựa chọn nhận hàng tại nhà hoặc nhận hàng trực tiếp tại cửa hàng (nếu ở gần địa điểm cửa hàng).

Điều kiện bắt buộc để khách hàng có thể đặt mua hàng trên website là gì?

Khách hàng bắt buộc phải đăng ký thành viên và đăng nhập thành công trên hệ thống. Đồng thời, khi thực hiện đặt hàng, khách hàng phải cung cấp đầy đủ và chính xác các thông tin cá nhân bắt buộc (họ tên, địa chỉ, số điện thoại); nếu thiếu một trong các thông tin này, hệ thống sẽ loại bỏ và không cho phép hoàn tất đơn hàng.

Kết luận

Đồ án tốt nghiệp "Thiết kế website bán đồng hồ và phụ kiện bằng công nghệ ASP.NET MVC" của sinh viên Trần Thị Hải Hậu đã hoàn thành việc xây dựng một hệ thống thương mại điện tử hoàn chỉnh phục vụ kinh doanh đồng hồ và phụ kiện da. Công trình thể hiện quy trình phân tích và thiết kế phần mềm bài bản thông qua việc áp dụng chặt chẽ mô hình kiến trúc MVC, ngôn ngữ lập trình C#, cơ sở dữ liệu SQL Server và hệ thống biểu đồ mô hình hóa UML chi tiết. Kết quả của đồ án đáp ứng đầy đủ các yêu cầu nghiệp vụ thực tiễn của người dùng và nhà quản trị, đồng thời là tài liệu tham khảo có giá trị chuyên môn cao cho sinh viên ngành Công nghệ thông tin trong việc phát triển các ứng dụng web bán hàng.