Chương 1. TONG QUAN DE TÀI 1. Tổng quan e Tén ứng dụng: CShop ¢ Chu đề chính: Xây dựng shop quan áo tích hợp gợi ý sản phẩm va dự báo doanh thu « - Nền tảng phát triển: Web Application « M6 hình phát triển: MVC e - Tích hợp Machine Learning: ML. Khao sat hién trang Trong thuc té, voi su phat triển của công nghệ hiện đại, mua sắm trực tuyến đã trở thành một xu hướng phô biến và ngày càng được ưa chuộng.
Đặc biệt trong lĩnh vực bán quan áo trực tuyến, các cửa hang đã nhận thay tam quan trọng của việc có một ứng dụng web thương mại điện tử đề tăng cường hiệu quả kinh doanh. Việc sở hữu một ứng dụng web bán hàng trực tuyến đem lại nhiều lợi ích cho cả khách hàng và chủ cửa hàng. Đối với khách hàng, ứng dụng web mua sắm trực tuyến mang đến sự tiện lợi, linh hoạt về thời gian và không gian, cho phép họ duyệt và mua sắm các sản phẩm quần áo một cách thuận tiện từ bất kỳ đâu. Đồng thời, ứng dụng web cũng cung cấp một phạm vi lựa chọn rộng hơn về sản phẩm, thương hiệu và kiêu dáng, giúp khách hàng dé dàng tim được những sản phâm phù hợp với sở thích và phong cách của họ.
Đối với chủ cửa hàng, việc sở hữu một ứng dụng web bán hàng trực tuyến mang lại nhiều lợi ích kinh doanh. Ứng dụng web thương mại điện tử giúp mở rộng thị trường, vượt qua các ranh giới địa lý và tiếp cận được khách hàng ở nhiều vùng miền, thậm chí quốc gia khác nhau. Điều này tạo ra một cơ hội kinh doanh mới và giúp tăng doanh số bán hàng. Ngoài ra, ứng dụng web cũng cung cấp khả năng quản lý sản phẩm và kho hàng hiệu quả, giúp chủ cửa hàng theo dõi số lượng hàng tồn kho, cập nhật thông tin sản phẩm và đáp ứng nhanh chóng với nhu cầu của khách hàng.
Tóm lại, tạo ra một ứng dụng web bán hàng trực tuyến trong lĩnh vực bán quần áo là cần thiết để tận dụng xu hướng mua sắm trực tuyến ngày càng tăng cao. Ứng dụng web này không chỉ giúp đáp ứng nhu cầu mua sắm thuận tiện của khách hàng, mở rộng thị trường và tăng doanh số bán hàng, mà còn cung cấp khả năng quản lý sản phẩm và kho hàng hiệu quả cho chủ cửa hàng. Mục tiêu đề tài Chúng em thực hiện dé tài này với mục tiêu tao ra 1 ứng dung web giúp người tiêu dùng và chủ shop dé dàng hơn trong việc mua bán sản phẩm quan áo, cụ thê là: e_ Xây dựng một ứng dụng web thương mại điện tử chuyên về bán quan áo dé đáp ứng nhu cầu mua sắm trực tuyến của người tiêu dùng. Ứng dụng web của chúng em sẽ cung cấp một giao diện thân thiện, dễ sử dụng và hấp dẫn, giúp người dùng tìm kiếm và mua các sản phâm quần áo một cách thuận tiện.
e Chúng em muốn cải thiện trải nghiệm người dùng bằng cách đề xuất các sản pham phù hợp với sở thích và nhu cầu của từng khách hàng. Chúng em sẽ nghiên cứu và áp dụng các phương pháp kỹ thuật phân rã ma trận (Matrix Factorization) để đưa ra gợi ý sản phẩm cá nhân hóa, tạo ra trải nghiệm mua sắm tốt hon và tăng sự tương tác giữa khách hàng và ứng dụng web của chúng em. e Một mục tiêu quan trọng khác của chúng em là áp dung phân tích chuỗi thời gian (Time Series Analysis) dé dự đoán doanh số bán hàng trong tương lai. Chúng em sẽ tìm kiếm và sử dung dit liệu bán hang dé xây dựng các mô hình dự đoán và đưa ra các dự báo doanh thu.
Điều này giúp chúng em có cái nhìn rõ ràng về xu hướng và biến động doanh số, từ đó đưa ra các chiến lược kinh doanh hiệu quả. e_ Cuối cùng, chúng em hướng đến việc quản lý sản phẩm và kho hang một cách hiệu quả trên ứng dụng web của chúng em. Ứng dụng web sẽ cung cấp giao diện quản lý đơn giản cho quản trị viên, cho phép họ thêm, chỉnh sửa và xóa sản phẩm. Quản trị viên cũng có thé quan lý thông tin về tồn kho, nhập xuất và chuyên kho, giúp duy trì sự cân đối và tối ưu hóa quy trình quản lý hàng hóa trên ứng dụng web của chúng em.
Đối tượng sử dụng ¢ - Những người có nhu cầu muốn mua các sản phâm quan áo từ chủ shop ¢ Chu shop muốn kinh doanh qua ứng dụng web thương mại điện tử 1. Phạm vi nghiên cứu Phạm vi môi trường: Ứng dụng Web Phạm vi chức năng: Đối với Khách hàng > Tìm kiếm sản phẩm > Xem chỉ tiết sản phẩm > Chọn mua sản phẩm và đưa vào giỏ hàng > Đánh giá sản phẩm sau khi mua > Thanh toán giỏ hàng > Được đề xuất sản phâm dựa trên sự ưa thích của bản thân với các khách hàng khác có sự ưa thích tương tự > Đăng nhập, đăng ký Đối với chủ shop: > Thêm, xóa, sửa sản phẩm > Xem doanh thu và được dự báo doanh thu > Xem tình trạng các đơn hàng > Quản lý phân loại, thương hiệu, mau Sac,. > Quan ly người dùng > Quản lý các kho; quá trình nhập xuất, chuyển kho > Thống kê tồn kho 11 Chương 2. Tìm hiểu về Reactjs Hình 2-1 Reactjs 2.
Reactjs là gi React.js là một thư viện JavaScript phát trién mạnh mẽ trong những năm gan đây, đặc biệt trong lĩnh vực ứng dụng Single Page Application. Trong khi các framework khác tập trung vào việc xây dựng mô hình MVC hoàn chỉnh, React đặc biệt nồi bật với tính đơn giản và khả năng tương tác mượt mà với các thư viện JavaScript khác. React là một thư viện cho phép nhúng mã HTML vào trong mã JavaScript thông qua JSX, giúp dé dàng kết hợp các đoạn mã HTML vào trong JS. Việc tích hợp giữa JavaScript và HTML trong JSX cũng giúp làm cho các thành phan trong React dé hiểu hơn và quản lý dé dang hơn.
Điều nay mang lại sự linh hoạt và hiệu quả trong việc xây dựng giao diện người dùng đáp ứng và tương tác một cách thuận tiện và mạnh mẽ. Giới thiệu về JSX JSX là một ngôn ngữ cho phép viết các phần tử HTML trong JavaScript. Nó có những đặc điểm nỗi bật sau: ° Tăng tốc độ: JSX thực hiện tối ưu hóa khi biên dịch sang JavaScript, giúp thời gian thực thi nhanh hơn rất nhiều so với mã JavaScript tương đương được viết trực tiếp. 12 ° Tăng tính an toàn: Khác với JavaScript, JSX là kiểu tĩnh (statically typed), điều này đồng nghĩa rằng nó được kiểm tra lỗi trước khi chạy, tương tự như Java hay C++.
Điều này giúp phát hiện các lỗi ngay trong quá trình biên dịch. JSX cũng cung cấp tính năng gỡ lỗi hiệu quả trong quá trình biên dịch. ° Dé sử dụng: JSX dựa trên JavaScript, giúp các lập trình viên JavaScript dé dàng chuyền đổi và sử dụng. Giới thiệu về Components React được xây dựng dựa trên các thành phần (component) thay vì sử dụng template như các framework khác.
Trong React, chúng ta xây dựng ứng dụng web bằng cách sử dụng các thành phần nhỏ. Việc tái sử dụng các thành phần này ở nhiều nơi khác nhau, với các trạng thái và thuộc tính khác nhau, cho phép chúng ta xây dựng giao diện linh hoạt. Mỗi thành phan trong React có một trang thái riêng, có thé thay đôi, va React sẽ tự động cập nhật các thành phần dựa trên những thay đổi trong trạng thái đó. Trên thực tế, mọi thứ trong React đều được xem như là các thành phan.
Việc sử dụng các thành phần giúp duy trì mã nguồn dé dang hơn khi làm việc với các dự án lớn. Một thành phần React đơn giản chỉ cần có một phương thức render. Tuy có nhiều phương thức khác nhau, nhưng phương thức render là phương thức chính dé xây dựng thành phan. Giới thiệu về Props va State Props trong React là cach dé truyén dữ liệu từ một component cha đến một component con.
Props được coi là bất biến, có nghĩa là sau khi được truyền vào component con, nó không thé thay đổi từ phía component con đó. Props giúp các component tương tác với nhau bằng cách truyền dữ liệu từ component gốc xuống các component con. Mỗi prop đại diện cho một thuộc tính cụ thể và mô tả những gì component con sẽ hiển thị hoặc làm việc với dữ liệu đó. State trong React thé hiện trạng thái của một component và có thé thay đổi trong quá trình chạy.
Khi state thay đối, component sẽ tự động render lại dé cập nhật 13 giao diện người dùng. State thường được sử dụng dé lưu trữ các thông tin có thé thay đôi, như trạng thai đăng nhập, giá tri của một 6 đầu vào, hoặc trạng thái hiển thị của một phần tử. Băng cách sử dụng state, ta có thể thay đổi và theo dõi trạng thái của ứng dụng, và component sẽ tự động cập nhật đề phản ánh trạng thái mới đó. Tìm hiểu về ASP.NET CORE API 2.
Giới thiệu Sau khi ra mắt ASP.NET Core 1, Microsoft đã thay đổi triệt dé quan điểm về .NET, gây ấn tượng mạnh với những điểm sau: e_ Mã nguồn mở: Microsoft đã quyết định mở mã nguồn của .NET và đưa nó lên GitHub đề thu hút sự quan tâm và đóng góp từ cộng đồng lập trình viên, từ đó tận dụng sức mạnh của cộng đồng để phát triển ngôn ngữ và framework nay.NET không chi hướng đến Windows mà còn hỗ tro xây dựng ứng dụng cho các hệ điều hành Mac và Linux, giúp tăng tính linh hoạt và đáp ứng nhu cầu của đa nền tảng ngày càng phô biến. e Visual Studio Code: Microsoft không chỉ giới hạn ASP.NET Core với Visual Studio truyền thống mà còn cho phép viết ứng dụng với ASP.NET Core bằng cách sử dụng Visual Studio Code - một phiên bản miễn phí và đa nên tảng của Visual Studio, hỗ trợ trên cả Windows, Linux và Mac. 14 Những thay đổi này đã làm thay đổi cách nhìn về .NET và ASP.NET Core, mở rộng phạm vi ứng dụng và thu hút sự quan tâm của nhiều lập trình viên trong cộng dong.NET CORE là gì ASP.NET Core là một framework mã nguồn mở và đa nền tảng, được sử dụng dé xây dựng và kết nối các ứng dung web hiện đại, bao gồm các loại ứng dụng web, Internet of Things (IoT) và Mobile Backend - Web API.NET Core, người phát triển có thé tận dụng kiến trúc mạnh mẽ dé xây dựng các ứng dụng dam mây trên Microsoft Azure hoặc các ứng dụng độc lập. Đặc biệt, ASP.