Đồ án tốt nghiệp: Xây dựng website bán hàng thời trang với ASP.NET Core

Đồ án tốt nghiệp website bán hàng thời trang sử dụng ASP.NET Core. Báo cáo chi tiết, đầy đủ các chức năng cơ bản và nâng cao như hệ thống gợi ý.

• Tác giả: Ngô Văn Tú
• Người hướng dẫn: Ths. Nguyễn Minh Đạo
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Bán Hàng Thời Trang Sử Dụng Công Nghệ ASP.NET Core
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2020
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Giới thiệu về Đồ án Website Bán hàng Thời trang ASP

Đồ án website bán hàng thời trang bằng ASP.NET Core là một dự án tốt nghiệp được phát triển nhằm xây dựng một nền tảng thương mại điện tử hiện đại cho lĩnh vực bán lẻ thời trang. Đây là sự kết hợp hoàn hảo giữa công nghệ backend mạnh mẽ với trải nghiệm người dùng tối ưu. Dự án được thực hiện tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh, nhằm ứng dụng các kiến thức lý thuyết vào thực tế. Hệ thống được thiết kế để hỗ trợ toàn bộ quy trình kinh doanh từ quản lý sản phẩm, xử lý đơn hàng, thanh toán trực tuyến đến chăm sóc khách hàng. Với sự hỗ trợ của công nghệ ASP.NET Core, website có khả năng xử lý lượng lớn giao dịch đồng thời một cách ổn định và hiệu quả.

1.1. Mục tiêu Phát triển Đồ án

Mục tiêu chính của dự án này là xây dựng một nền tảng bán hàng thời trang toàn diện. Dự án tập trung vào việc hoàn thiện các tính năng cơ bản như đăng nhập, đăng ký, giỏ hàng và thanh toán. Bên cạnh đó, nhóm phát triển thêm các tính năng nâng cao như hệ thống gợi ý sản phẩm thông minh, chat trực tuyến hỗ trợ khách hàng và thanh toán trực tuyến an toàn. Hệ thống quản lý tiện lợi và chi tiết giúp các nhân viên quản lý kho hàng và đơn hàng một cách hiệu quả.

1.2. Khảo sát Hiện trạng Thị trường

Việc khảo sát các trang web bán hàng lớn đã giúp nhóm bắt kịp xu hướng thiết kế hiện đại. Nhóm tập trung vào việc phân tích giao diện người dùng, sơ đồ màu sắc và cấu trúc chức năng của các website thương mại hàng đầu. Qua đó, dự án có thể cài thiện trải nghiệm người dùng và tăng cạnh tranh trên thị trường. Sự chuẩn bị kỹ lưỡng này đảm bảo rằng website được phát triển phù hợp với nhu cầu thực tế của người dùng Việt Nam.

II. Công nghệ ASP

ASP.NET Core là một framework web mạnh mẽ và hiện đại được phát triển bởi Microsoft, cho phép xây dựng các ứng dụng web hiệu suất cao. Đây là sự lựa chọn tối ưu cho dự án website bán hàng thời trang vì nhiều lý do quan trọng. ASP.NET Core hỗ trợ kiến trúc MVC (Model-View-Controller), giúp tách biệt logic ứng dụng một cách rõ ràng. Framework này cung cấp các công cụ mạnh mẽ để xử lý yêu cầu người dùng, quản lý dữ liệu và đảm bảo bảo mật. Với hiệu năng cao và khả năng mở rộng, ASP.NET Core cho phép ứng dụng phát triển cùng với sự tăng trưởng của doanh nghiệp, hỗ trợ xử lý hàng ngàn người dùng đồng thời.

2.1. Kiến trúc MVC và Ưu điểm của ASP.NET Core

Mô hình MVC trong ASP.NET Core tách biệt ứng dụng thành ba thành phần chính: Model (dữ liệu), View (giao diện) và Controller (logic điều khiển). Kiến trúc này dễ dàng bảo trì, mở rộng và kiểm thử. Ưu điểm nổi bật của ASP.NET Core bao gồm hiệu suất cao, bảo mật tốt, hỗ trợ async/await để xử lý bất đồng bộ, và khả năng chạy trên nhiều nền tảng (Windows, Linux, macOS). Framework cung cấp các công cụ dựng sẵn cho xác thực người dùng, ủy quyền truy cập và mã hóa dữ liệu.

2.2. SignalR và Tính năng Chat Trực tuyến

ASP.NET Core SignalR là một thư viện cho phép giao tiếp hai chiều real-time giữa máy khách và máy chủ. Trong dự án website bán hàng thời trang, SignalR được sử dụng để xây dựng tính năng chat trực tuyến hỗ trợ khách hàng. Công nghệ này tự động kết nối lại khi mất kết nối, hỗ trợ các giao thức khác nhau như WebSocket, Server-Sent Events và Long Polling. Chat trực tuyến giúp cải thiện dịch vụ khách hàng, tăng tỷ lệ chuyển đổi bán hàng và xây dựng mối quan hệ tốt với khách hàng.

III. Hệ thống Gợi ý Sản phẩm Tính năng Cạnh tranh Chính

Hệ thống gợi ý sản phẩm (Recommendation Systems) là một trong những tính năng nâng cao quan trọng nhất của dự án. Hệ thống này sử dụng các thuật toán thông minh để phân tích hành vi người dùng và đề xuất các sản phẩm phù hợp. Có hai cách tiếp cận chính: gợi ý dựa trên nội dung (Content-based) và lọc cộng tác (Collaborative filtering). Hệ thống gợi ý giúp tăng trải nghiệm người dùng, khuyến khích mua hàng và tăng doanh thu bán hàng. Bằng cách cá nhân hóa nội dung, website có thể giữ chân khách hàng và phát triển một mối quan hệ lâu dài với họ. Đây là công nghệ được sử dụng rộng rãi bởi các nền tảng thương mại điện tử lớn như Amazon, Shopee và Tiki.

3.1. Gợi ý Dựa trên Nội dung Content based Recommender

Gợi ý dựa trên nội dung phân tích các đặc tính của sản phẩm mà người dùng đã xem hoặc mua. Hệ thống so sánh các thuộc tính như thương hiệu, kiểu dáng, màu sắc và kích cỡ để tìm ra các sản phẩm tương tự. Phương pháp này dễ triển khai và không cần dữ liệu người dùng nhiều. Tuy nhiên, nó có thể hạn chế sự đa dạng trong các gợi ý vì chỉ tập trung vào sản phẩm tương tự những gì người dùng đã biết.

3.2. Lọc Cộng tác Collaborative Filtering

Lọc cộng tác dựa trên ý kiến và hành vi của những người dùng tương tự. Nếu hai người dùng có sở thích giống nhau cho một số sản phẩm, hệ thống sẽ gợi ý những sản phẩm mà người này thích cho người kia. Phương pháp này rất hiệu quả trong việc khám phá những sản phẩm mới mà người dùng chưa biết. Tuy nhiên, nó đòi hỏi dữ liệu lớn và phức tạp hơn trong triển khai và tính toán.

IV. Kết quả Triển khai và Hiệu quả Dự án

Dự án website bán hàng thời trang bằng ASP.NET Core đã đạt được kết quả khá tốt trong quá trình phát triển và triển khai. Nhóm tác giả hoàn thành hơn 95% các mục tiêu được đề ra ban đầu, bao gồm các tính năng cơ bản và nâng cao. Giao diện website được thiết kế thẩm mỹ và thân thiện với người dùng, tuân theo xu hướng thiết kế hiện đại. Hệ thống quản lý backend được tổ chức rõ ràng và chi tiết, giúp quản lý sản phẩm, đơn hàng và khách hàng một cách hiệu quả. Khi triển khai ra môi trường thực tế, ứng dụng đạt được 93% hiệu suất so với chạy trên môi trường phát triển local, chứng tỏ tính ổn định cao của hệ thống. Dự án này có thể phục vụ làm nền tảng cho các doanh nghiệp bán lẻ thời trang muốn chuyển đổi số và phát triển kinh doanh online.

4.1. Các Tính năng Đã Triển khai Thành công

Các tính năng cơ bản như đăng nhập, đăng ký, giỏ hàng và thanh toán đã được triển khai hoàn chỉnh và hoạt động ổn định. Các tính năng nâng cao như chat trực tuyến, thanh toán trực tuyến và hệ thống gợi ý sản phẩm cũng được phát triển thành công. Module quản lý cung cấp các công cụ chi tiết và tiện lợi cho quản lý viên. Mặc dù có một số tính năng chưa hoàn thiện hoàn toàn, nhưng tất cả các chức năng chính đều hoạt động đúng như mong muốn.

4.2. Tiềm năng Phát triển Trong Tương lai

Dự án này tạo ra nền tảng vững chắc cho các cải tiến trong tương lai. Có thể mở rộng thêm các tính năng như thanh toán bằng ví điện tử, tích hợp với các kênh bán hàng khác (Facebook, Instagram), hoặc ứng dụng di động. Hệ thống gợi ý có thể nâng cấp sử dụng machine learning và deep learning để cải thiện độ chính xác. Dự án cũng có thể phục vụ như mô hình tham khảo cho các sinh viên khác nghiên cứu về phát triển website thương mại điện tử.

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

Chương 1: Tổng quan 2 Báo cáo đồ án tốt nghiệp b) Vận dụng tốt công nghệ ASP.NET Core ASP.NET Core là công nghệ chính được áp dụng trong việc xây dựng hệ thống. Công nghệ ASP.NET Core đã được tìm hiểu cơ bản trong lần thực hiện tiểu luận chuyên ngành và cũng đã được áp dụng để xây dựng phần sườn của hệ thống hiện tại. Trong lần thực hiện khóa luận này, thì nhóm thực hiện báo cáo sẽ tìm hiểu chuyên sâu hơn, tìm hiểu thêm công nghệ ví dụ ASP.NET Core SignalR để xây dựng chức năng Chat trực tuyến. Đã có những khoảng thời gian tìm hiểu nhất định thì việc vận dụng tốt công nghệ cũng là một yêu cầu, có thể không yêu cầu quá tốt nhưng cũng phải tương đối thành thạo khi sử dụng công nghệ.

c) Củng cố lại các chức năng đã thực hiện Củng cố, sửa lỗi các chức năng thêm sản phẩm vào giỏ hàng (quản lý kích thước, màu và số lượng), quản lý giỏ hàng (số lượng sản phẩm), quản lý hình ảnh sản phẩm, quản lý số lượng sản phẩm, quản lý đơn hàng, cấp quyền cho từng vai trò người dùng ở phần quản trị đã được thực hiện trong lần thực hiện tiểu luận chuyên ngành. d) Cải thiện giao diện Chỉnh sửa giao diện ở một số chỗ để tăng tính đẹp mắt, điều chỉnh responesive một vài chỗ bị lỗi khi chạy hệ thống trên các ứng dụng như di dộng. e) Phát triển thêm các tính năng cơ bản cần thiết khác cho hệ thống website Xây dựng thêm các tính năng cơ bản như đặt lại mật khẩu (khi quên mật khẩu), quản lý thông tin tài khoản, đổi mật khẩu, xem lịch sử đơn hàng, hủy đơn hàng, thêm sản phẩm yêu thích, quản lý danh sách sản phẩm yêu, xem danh sách sản phẩm đã xem, đánh giá sản phẩm, đánh giá về website cho người dùng. f) Xây dựng tính năng chat trực tuyến (real-time) Chức năng chat trực tuyến giữa khách hàng và quản trị viên của hệ thống là khá quan trọng.

Người dùng có thể gọi điện trực tiếp đến cửa hàng để hỏi đáp các vấn đề thắc mắc về sản phẩm chẳng hạn. Nhưng không phải khách hàng nào cũng đều muốn giải đáp thắc mắc bằng cách gọi điện trực tiếp. Trừ cuộc gọi miễn phí, cuộc gọi có tính cước cũng là một rào cản. Ngại giao tiếp cũng là vấn đề, vì khi giao tiếp trực tiếp và giao tiếp trực tuyến thông qua chức năng chat cũng sẽ có tâm lý khác nhau.

Gọi điện trực tiếp thì nhanh, gọn nhưng có thể quên sót nội dung, giao tiếp trực tuyến tâm lý sẽ thoải mái hơn và nhất thiết phải trả lời ngay lập tức. Việc xây dựng chức năng chat giúp người dùng thoải mái hơn trong việc giải đáp các thắc mắc về thông tin các mặt hàng đang quan tâm. Chương 1: Tổng quan 3 Báo cáo đồ án tốt nghiệp Chức năng chat sẽ sử dụng công nghệ ASP.NET Core SignalR để xây dựng, công nghệ sẽ giúp về mặt real-time cho chức năng, nội dung của cuộc hội thoại sẽ được hiển thị ngay lập tức. g) Tích hợp phương thức thanh toán trực tuyến PayPal Thanh toán trực tuyến là nền tảng của hệ thống thương mại điện tử.

Phát triển phương thức thanh toán trực tuyến sẽ hoàn thiện hóa thương mại điện tử theo đúng nghĩa là giao dịch hoàn toàn trên Internet. Nhanh chóng, tiện lợi và tiết kiệm thời gian. Do đó, việc tích hợp phương thức thanh toán trực tuyến PayPal cho hệ thống là thực sự cần thiết. Nhóm thực hiện báo cáo sẽ sử dụng tài khoản PayPal Sandbox khi thanh toán bằng phương thức PayPal.

h) Tích hợp hệ thống gợi ý (Recommendation Systems) cho hệ thống trang web Tích hợp hệ thống gợi ý cho hệ thống trang web sẽ giúp cho hệ thống hiện đại hơn, mang lại lợi ích cho khách hàng. Sử dụng các dự liệu thu thập từ các người dùng để từ đó đưa những gợi ý sản phẩm phù hợp với sở thích của người dùng sẽ nâng cao chất lượng dịch vụ của hệ thống. Nhóm thực hiện báo cáo sẽ xây dựng hệ thống gợi ý dựa trên phương pháp lọc cộng tác (Collaborative filtering recommender systems), cụ thể hơn là hướng tiếp tiếp cận user-based, gợi ý dựa trên các người dùng có cùng sở thích. Xây dựng hệ thống gợi ý không phải là nội dung chính của toàn bộ đề tài, do đó nhóm thực hiện báo cáo sẽ sử dụng thư viện sẵn có để xây dựng hệ thống gợi ý.

i) Thống kê các số liệu liên quan hệ thống trang web (Dashboard) Thống kê sẽ giúp chúng ta nhìn thấy được sự phát triển của hệ thống thông qua các con số. Nhóm thực hiện báo cáo sẽ thống kê các số liệu như tổng doanh thu, tổng lợi nhuận, tổng chi phí, tổng số sản phẩm đã bán, tổng số sản phẩm đã được đánh giá, tổng số người dùng có trong hệ thống và số người đã ghé thăm trang web. Ngoài ra, còn có đồ thị hiển thị lợi nhuận qua từng ngày của 7 ngày gần nhất. j) Triển khai ứng dụng trong môi trường thực tế Triển khai ứng dụng trong môi trường thực tế tức là ứng dụng của chúng ta đã được đưa ra thế giới bên ngoài, bắt đầu tiếp cận với nhiều người dùng thực tế.

Đối với việc triển khai trong môi trường thực tế các ứng dụng được làm từ trường học sẽ có rất nhiều Chương 1: Tổng quan 4 Báo cáo đồ án tốt nghiệp vấn đề cần giải quyết, đặc biệt là vấn đề bảo mật, khả năng lưu trữ, sức chịu tải. Với khả năng, trình độ thì không nhiều sinh viên có thể xử lý tốt các vấn đề này được. Nhóm thực hiện báo cáo sẽ cố gắng triển khai ứng dụng trong môi trường thực tế mặc dù có thể chất lượng hoạt động của các chức năng sẽ không bằng khi hệ thống chạy dưới local host. k) Cài đặt chứng chỉ SSL (Secure Sockets Layer) Khi chúng ta đăng ký tên miền để sử dụng các dịch vụ website thì luôn có những lổ hổng bảo mật cho hacker tấn công, SSL sẽ bảo vệ website và khách hàng.

SSL sẽ giúp bảo mật dữ liệu, nâng cao hình ảnh, thương hiệu uy tín của hệ thống. Nếu website không được xác thực và bảo mật sẽ luôn tiềm ẩn nguy cơ bị xâm nhập dữ liệu, dẫn đến khách hàng sẽ không tin tưởng sử dụng dịch vụ hệ thống. Chương 1: Tổng quan 5 Báo cáo đồ án tốt nghiệp Chương 2: CƠ SỞ LÝ THUYẾT 2. Công nghệ ASP.

Công nghệ ASP.NET Core là gì? ASP.NET Core là một framework mới của Microsoft. Mã nguồn mở và được tối ưu hóa cloud để phát triển các ứng dụng web chạy đa nền tảng Windows, Mac và Linux. Hàng triệu nhà phát triển sử dụng hoặc đã sử dụng ASP.x để tạo các ứng dụng web.NET Core là một thiết kế lại từ ASP.x, bao gồm các thay đổi kiến trúc để cho ra một module gọn gàng hơn. Ứng dụng ASP.NET Core có thể chạy trên .NET Core hoặc trên phiên bản đầy đủ của.

Nó bao gồm các thành phần theo hướng module nhằm tối thiểu tài nguyên và chi phí phát triển. Có thể phát triển và chạy những ứng dụng ASP.NET Core đa nền tảng trên Windows, Mac và Linux. Đồng thời nó đã trở thành một mã nguồn mở. Đây là một thay đổi rất lớn và quan trọng nhất của ASP.

Điều mà trước đây khó có một lập trình viên nào có thể nghĩ đến. Có lẽ đó cũng là một xu thế mà các ngôn ngữ lập trình hiện nay đang hướng tới. Các phiên bản đã và sắp phát hành 1. So sánh sự khác nhau giữa công nghệ ASP.NET và ASP.NET Core Bảng 2.

1: So sánh sự khác nhau giữa ASP.NET Core và ASP.NET CORE ASP.NET Chạy trên đa nền tảng Windows, macOS, Chỉ chạy trên nền tảng Windows Linux Hoàn toàn thiết kế mới Nền tảng đã có từ lâu Phát triển với các công cụ Visual Studio, Phát triển với công cụ Visual Studio sử Visual Studio phiên bản macOS, Visual dụng C#, VB hoặc F# Studio Code sử dụng C# hoặc F# Hiệu năng tốt hơn ASP.x Hiệu năng tốt Chạy trên .NET Core và .NET Framework Chạy trên .NET Framework Nhỏ, nhẹ và module hóa System.dll cồng kềnh Sử dụng .NET Core runtime Sử dụng. Ưu, nhược điểm của công nghệ ASP.NET Core Ưu điểm Những nền tảng cải tiến được từ ASP.NET Core: Chương 2: Cơ sở lý thuyết 6 Báo cáo đồ án tốt nghiệp + Hợp nhất ASP.NET MVC và ASP. + Có thể host trên IIS hoặc tự host. + Sử dụng trên đa nền tảng Windows, macOS và Linux.NET Core hoặc.

+ Dễ dàng tích hợp các framework frontend như Angular,… + Có khả năng lưu trữ trên Kestrel, IIS, Nginx, Apache, Docker. + Hỗ trợ quản lý phiên bản + Mã nguồn mở. Nhược điểm + Số lượng thư viện còn hạn chế. Công nghệ ASP.NET Core SignalR ASP.NET Core SignalR là một thư viện mã nguồn mở giúp đơn giản hoá việc thêm các chức năng web real-time cho ứng dụng.

Đó là khả năng Server đẩy những nội dung tới Client đã được kết nối một cách tức thì. Nó khác với HTTP thông thường: Server đợi những yêu cầu từ Client và trả về nội dung tương ứng. SignalR có thể sử dụng trong bất kỳ chức năng web real-time nào. Trong đó ứng dụng Chat là một ví dụ điển hình, như gửi tin nhắn cho tất cả mọi người được kết nối cùng một lúc (phòng trò chuyện), gửi tin nhắn từng người cụ thể.

Nội dung của cuộc hội thoại khi trò chuyện sẽ được cập nhật ngay lập tức, giống như các tính năng trò chuyện của facebook, skype, zalo,… mà chúng ta thường hay sử dụng. Ngoài ra, ứng dụng SignalR trong việc quản lý cũng rất quan trọng. Ví dụ khi xây dựng các module quản lý thì chúng ta thường sẽ hiển thị dữ liệu trên các bảng. Và khi bảng dữ liệu có những cập nhật, thay đổi mới thì dữ liệu trong bảng sẽ không thay đổi ngay lập để chúng ta thấy mà chúng ta phải làm mới lại trang để thấy được sự thay đổi dữ liệu.

Do đó áp dụng SignalR để xây dựng các bảng thời gian thực (table real-time) là một việc làm cần thiết. Trong các ứng dụng trò chơi thì chúng ta cũng dễ dàng nhìn thấy SignalR trong đó. Khi chúng ta chơi game thì chắc chắn là nó luôn có tính liên tục, ví dụ như game “Đột kích” thì chẳng có thể mà chúng ta bắn 1 phát đạn 10, 20 giây sau thì viên đạn mới được bắn đi. Các nền tảng ASP.NET Core SignalR hỗ trợ ASP.NET Core SignalR sẽ hỗ trợ bất kỳ nền tảng nào mà ASP.NET Core hỗ trợ.

Chương 2: Cơ sở lý thuyết 7 Báo cáo đồ án tốt nghiệp JavaScript client Bảng 2.