đồ án 2 xây dựng website bán đồng hồ và các phụ kiện liên quan

GIỚI THIỆU ĐỀ TÀI

Lý do chọn đề tài

● Quản lý hiệu quả: Một ứng dụng quản lý cửa hàng bán đồng hồ có thể giúp cải thiện quy trình quản lý và tăng cường hiệu suất công việc Nó có thể giúp theo dõi thông tin về đồng hồ trong cửa hàng, thông tin khuyến mãi, thông tin khách hàng, tình trạng bán hàng và doanh thu Nhờ đó, quản lý có thể dễ dàng theo dõi tình hình kinh doanh, đưa ra quyết định dựa trên dữ liệu và tối ưu hóa hoạt động của cửa hàng.

● Quản lý kho hàng: Quản lý đồng hồ trong kho hàng là một khía cạnh quan trọng trong việc vận hành cửa hàng bán đồng hồ Một ứng dụng quản lý cửa hàng có thể giúp nhân viên theo dõi số lượng đồng hồ trong kho hàng, quản lý thông tin về từng đồng hồ, bao gồm thông tin kỹ thuật, giá cả, và tình trạng Điều này sẽ giúp họ dễ dàng kiểm tra lượng tồn kho, đặt hàng mới và tránh tình trạng thiếu hàng hoặc tồn kho dư thừa.

● Quản lý thông tin khách hàng: Ứng dụng quản lý cửa hàng bán đồng hồ cung cấp cơ sở dữ liệu về khách hàng, bao gồm thông tin cá nhân, lịch sử mua hàng, sở thích và nhu cầu Điều này giúp quản lý và nhân viên tạo một hệ thống quản lý khách hàng hiệu quả, tăng cường tương tác với khách hàng, xác định mục tiêu tiếp thị và tạo ra chiến lược bán hàng cá nhân hóa.

● Theo dõi doanh thu và lợi nhuận: Một ứng dụng quản lý cửa hàng bán đồng hồ có thể giúp sếp theo dõi doanh thu và lợi nhuận của cửa hàng Ứng dụng còn hỗ trợ quản lý tạo các báo cáo tài chính, theo dõi các khoản thu và chi, đánh giá hiệu quả kinh doanh và xác định các vấn đề tiềm ẩn Điều này giúp quản lý cửa hàng đưa ra các chiến lược kinh doanh phù hợp để tối đa hóa lợi nhuận.

● Cạnh tranh và phát triển: Với sự phát triển nhanh chóng của ngành công nghiệp đồng hồ, cạnh tranh trong việc bán đồng hồ ngày càng khốc liệt Ứng dụng quản lý cửa hàng bán đồng hồ có thể giúp chủ cửa hàng nắm bắt thông tin thị trường,theo dõi hoạt động của đối thủ cạnh tranh và đưa ra các chiến lược tiếp thị và phát triển sản phẩm phù hợp để tăng cường địa vị của cửa hàng trong thị trường.

Mục đích của đề tài

Website bán đồng hồ là website được phát triển nhằm ứng dụng công nghệ vào việc quản lý cửa hàng bán đồng hồ Thông qua hệ thống phần mềm này, bạn có thể dễ dàng thực hiện các nghiệp vụ như thẩm định, theo dõi, báo cáo về quá trình bán đồng hồ, thống kê lợi nhuận của cửa hàng.

Việc quản lý theo quy trình cũ không hiệu quả, cần có một hệ thống cho phép quản lý hiệu quả nhất cho cả người dùng và khách hàng Từ quản lý nhân viên, hồ sơ khách hàng, hợp đồng, báo cáo, hồ sơ đặt hàng… sử dụng chung một hệ thống đồng bộ, xuyên suốt không chỉ tiết kiệm công sức, thời gian mà còn tăng độ chính xác… Phần mềm trong tương lai sẽ đáp ứng nhu cầu của nhiều cửa hàng đồng hồ khi xu hướng sử dụng các ứng dụng đặt hàng trực tuyến ngày càng nhiều.

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

1.3.1 Đối tượng hướng đến: Đối tượng của dự án ứng dụng quản lý cửa hàng bán đồng hồ bao gồm các cửa hàng bán đồng hồ có nhu cầu quản lý hoạt động kinh doanh, chủ cửa hàng, quản lý cửa hàng, nhân viên bán hàng và nhân viên quản lý kho hàng.

Phạm vi nghiên cứu của dự án bao gồm các khía cạnh sau:

● Quản lý đồng hồ và thông tin liên quan: Điều này bao gồm quản lý thông tin về đồng hồ trong cửa hàng, bao gồm thông tin kỹ thuật, tình trạng và thông tin giá cả Nghiên cứu cũng có thể tập trung vào việc quản lý danh sách đồng hồ đang có sẵn, thông tin về đồng hồ đã bán và đồng hồ đang được đặt hàng.

● Quản lý kho hàng: Nghiên cứu có thể tập trung vào việc quản lý lưu trữ và kiểm soát lượng đồng hồ trong kho hàng Phạm vi này bao gồm theo dõi số lượng đồng hồ có sẵn, cập nhật thông tin tình trạng và vị trí của đồng hồ trong kho hàng, và quản lý việc nhập kho và xuất kho.

● Quản lý khách hàng: Nghiên cứu có thể tập trung vào việc quản lý thông tin khách hàng, bao gồm thông tin cá nhân, lịch sử mua hàng, sở thích và nhu cầu Điều này giúp tạo ra một cơ sở dữ liệu khách hàng đáng tin cậy, quản lý tương tác với khách hàng và tạo ra chiến lược tiếp thị và bán hàng cá nhân hóa.

● Quản lý doanh thu và lợi nhuận: Phạm vi này tập trung vào việc theo dõi doanh thu, lợi nhuận và các chỉ số tài chính khác của cửa hàng Nghiên cứu có thể liên quan đến việc tạo báo cáo tài chính, quản lý các khoản thu và chi, phân tích hiệu suất kinh doanh và đưa ra các dự đoán về doanh thu và lợi nhuận.

● Tích hợp với hệ thống khác: Phạm vi nghiên cứu có thể mở rộng để bao gồm tích hợp ứng dụng quản lý cửa hàng bán đồng hồ với các hệ thống khác trong cửa hàng, chẳng hạn như hệ thống quản lý tài chính, hệ thống quản lý kho và hệ thống bán hàng Điều này giúp tạo ra một hệ thống toàn diện và liên kết các quy trình kinh doanh trong cửa hàng.

Tổng quan về đồ án

● Tên Tiếng Việt: Xây dựng Website bán đồng hồ và các phụ kiện liên quan

1.4.2 Link Github quản lý mã nguồn:

● https://github.com/dangthuanvo/T-TWatch

Yêu cầu hệ thống – mục đích của đồ án

Cửa hàng đồng hồ là cửa hàng mới thành lập Mặt hàng kinh doanh chính của cửa hàng chủ yếu là đồng hồ và các phụ kiện liên quan Do doanh nghiệp mới thành lập nên hầu hết các công đoạn trong quá trình sản xuất vẫn còn thủ công và hoàn toàn phụ thuộc vào kinh nghiệm của hệ thống nhân viên Do số lượng hàng hóa xuất nhập khẩu ngày càng nhiều nên việc quản lý, giao dịch không hiệu quả, tốn nhiều thời gian, độ chính xác cao thường gây thiệt hại cho công ty Ngày nay, cửa hàng đang từng bước hiện đại hóa hệ thống máy tính và đưa hệ thống phần mềm vào sử dụng thay thế cho việc quản lý thủ công trong công ty.

● Xây dựng hệ thống trực quan, dễ sử dụng

● Hệ thống có đầy đủ các chức năng cơ bản cần thiết

● Hệ thống có giao diện hiện đại, dễ sử dụng

● Dễ dàng quản lý hoạt động kinh doanh (hồ sơ đặt hàng, hợp đồng đặt hàng, đơn đặt hàng)

● Hỗ trợ công nghệ và hiện đại hóa doanh nghiệp

● Quản lý tài chính, báo cáo doanh thu

CƠ SỞ LÝ THUYẾT

Công nghệ ASP.NET

● ASP.NET là một framework phát triển ứng dụng web được phát triển bởi Microsoft, cung cấp một nền tảng mạnh mẽ cho việc xây dựng các ứng dụng web hiện đại và chất lượng cao.

Hình 2 1 Công nghệ ASP.NET

● Ngôn ngữ lập trình linh hoạt: ASP.NET hỗ trợ nhiều ngôn ngữ lập trình như C#, VB.NET, F#, và nhiều ngôn ngữ khác, giúp nhà phát triển chọn lựa ngôn ngữ ưa thích của họ để phát triển ứng dụng.

● Mô hình lập trình MVC (Model-View-Controller): ASP.NET sử dụng mô hình lập trình MVC, giúp tách biệt logic dữ liệu (Model), giao diện người dùng (View), và quản lý sự kiện (Controller) Điều này làm cho mã nguồn dễ hiểu, dễ bảo trì và linh hoạt.

● Tích hợp chặt chẽ với Visual Studio: ASP.NET được tích hợp chặt chẽ vớiVisual Studio, môi trường phát triển tích hợp của Microsoft Điều này mang lại trải nghiệm phát triển thuận lợi với nhiều tính năng như gỡ lỗi,kiểm thử và quản lý mã nguồn.

● ASP.NET Core: Phiên bản ASP.NET Core mang lại sự đa nền tảng, làm cho ứng dụng có thể chạy trên nhiều hệ điều hành như Windows, Linux và macOS Đồng thời, nó cung cấp hiệu suất cao và khả năng mở rộng tốt.

● Bảo mật mạnh mẽ: ASP.NET cung cấp nhiều tính năng bảo mật tích hợp như xác thực và ủy quyền, bảo vệ chống tấn công CSRF và XSS, giúp bảo vệ ứng dụng khỏi các mối đe dọa an ninh.

● Entity Framework: ASP.NET tích hợp Entity Framework, một ORM (Object-Relational Mapping) giúp đơn giản hóa việc tương tác với cơ sở dữ liệu Điều này giúp giảm thời gian và công sức khi phát triển ứng dụng liên quan đến cơ sở dữ liệu.

2.1.2 Ưu điểm, hạn chế của công nghệ Ưu điểm:

 Tích hợp mạnh mẽ với hệ sinh thái Microsoft: ASP.NET là một phần của hệ sinh thái Microsoft, với sự tích hợp chặt chẽ với Visual Studio, SQL Server, Azure và các công nghệ khác, giúp tạo ra môi trường phát triển thuận lợi và hiệu quả.

 Đa nền tảng với ASP.NET Core: ASP.NET Core mang lại khả năng chạy trên nhiều hệ điều hành và hạ tầng đám mây, tạo điều kiện cho việc phát triển ứng dụng linh hoạt và có khả năng mở rộng tốt.

 Mô hình lập trình MVC: Sử dụng mô hình lập trình MVC giúp tách biệt logic ứng dụng, giảm sự phức tạp và làm cho mã nguồn dễ bảo trì hơn.

 Bảo mật cao: ASP.NET có nhiều tính năng bảo mật tích hợp, giúp ngăn chặn các mối đe dọa như tấn công SQL injection, Cross-Site Scripting (XSS), và Cross-Site Request Forgery (CSRF).

 Hỗ trợ Entity Framework: Sự tích hợp của ASP.NET với Entity Framework giúp đơn giản hóa quá trình làm việc với cơ sở dữ liệu, giảm độ phức tạp của mã nguồn và tăng cường khả năng bảo trì.

 Hiệu suất cao: ASP.NET cung cấp hiệu suất cao, đặc biệt là khi sử dụng ASP.NET Core, với khả năng xử lý đồng thời và quản lý tài nguyên tốt. Nhược điểm:

 Học ngưỡng ban đầu cao: Đối với những người mới bắt đầu, có thể có một học ngưỡng cao do sự phức tạp của framework và một số khái niệm mới như MVC.

 Giới hạn đối với các hệ điều hành khác: Trong khi ASP.NET Core có khả năng đa nền tảng, một số tính năng có thể không được hỗ trợ tốt trên một số hệ điều hành khác ngoài Windows.

Công nghệ SQL Server

● Công nghệ SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) được phát triển bởi Microsoft Nó cung cấp một nền tảng mạnh mẽ để lưu trữ, quản lý và truy vấn dữ liệu trong các ứng dụng.

Hình 2 2 Công nghệ SQL Server

● Quản lý cơ sở dữ liệu quan hệ: SQL Server hỗ trợ mô hình dữ liệu quan hệ, cho phép tạo, quản lý và tương tác với các bảng, quan hệ và ràng buộc giữa các đối tượng dữ liệu Điều này giúp đơn giản hóa việc thiết kế và quản lý cơ sở dữ liệu.

● Tích hợp với nền tảng Microsoft: SQL Server tích hợp tốt với các công nghệ và sản phẩm của Microsoft, bao gồm NET Framework, Azure, Visual

Studio và các công cụ phát triển khác Điều này cung cấp sự linh hoạt và tiện ích cho việc phát triển ứng dụng trên nền tảng Microsoft.

● Bảo mật và quản lý quyền truy cập: SQL Server cung cấp các tính năng bảo mật mạnh mẽ như quản lý người dùng, phân quyền, mã hóa dữ liệu và kiểm tra độ tin cậy của cơ sở dữ liệu Điều này giúp bảo vệ dữ liệu quan trọng và đảm bảo tính toàn vẹn của hệ thống.

● Hiệu suất và tối ưu hóa: SQL Server cung cấp các công cụ và tính năng để tối ưu hóa hiệu suất truy vấn và xử lý dữ liệu Các chỉ mục, thống kê, tối ưu hóa truy vấn và quản lý tài nguyên giúp cải thiện tốc độ và hiệu suất của cơ sở dữ liệu.

● Dễ sử dụng và quản lý: SQL Server cung cấp giao diện quản lý đồ họa (SQL Server Management Studio) cho phép quản lý và giám sát cơ sở dữ liệu dễ dàng Nó cũng cung cấp các công cụ lập trình và ngôn ngữ truy vấn SQL dễ hiểu và linh hoạt.

● Hỗ trợ mở rộng và khả năng mở: SQL Server hỗ trợ các tính năng mở rộng như lập trình nhúng (stored procedures, functions), triggers và khả năng tùy chỉnh để tương thích với các nhu cầu cụ thể của ứng dụng.

2.2.2 Ưu điểm, hạn chế của công nghệ Ưu điểm:

● Tin cậy và bảo mật: SQL Server cung cấp các công cụ và tính năng mạnh mẽ để bảo vệ và bảo mật dữ liệu Nó hỗ trợ các cơ chế xác thực, phân quyền, mã hóa dữ liệu và kiểm tra tính toàn vẹn Điều này đảm bảo rằng dữ liệu quan trọng được bảo vệ khỏi truy cập trái phép và mất mát.

● Hiệu suất cao và tối ưu hóa: SQL Server được tối ưu hóa để cung cấp hiệu suất tốt cho việc xử lý dữ liệu và truy vấn Nó cung cấp các công cụ tối ưu hóa truy vấn, chỉ mục, thống kê và quản lý tài nguyên để đảm bảo tốc độ truy vấn nhanh chóng và khả năng mở rộng.

● Quản lý dữ liệu linh hoạt: SQL Server hỗ trợ mô hình dữ liệu quan hệ,cho phép tạo và quản lý các bảng, quan hệ và ràng buộc dữ liệu Nó cung cấp các tính năng mạnh mẽ như khóa ngoại, xử lý sự kiện(triggers), và các chức năng lưu trữ (stored procedures) để quản lý dữ liệu một cách linh hoạt và hiệu quả.

● Tích hợp và khả năng mở rộng: SQL Server tích hợp tốt với các công nghệ và sản phẩm của Microsoft, như NET Framework, Visual Studio và Azure Nó cũng hỗ trợ các tiêu chuẩn ngành như ANSI SQL và XML, giúp dễ dàng tích hợp và truy xuất dữ liệu từ các nguồn khác nhau SQL Server cũng có khả năng mở rộng để đáp ứng các nhu cầu của các ứng dụng lớn và tải trọng cao.

● Công cụ quản lý và giám sát: SQL Server cung cấp giao diện quản lý đồ họa (SQL Server Management Studio) cho phép quản lý và giám sát cơ sở dữ liệu dễ dàng Nó cung cấp các công cụ và báo cáo cho việc giám sát hiệu suất, thiết lập sao lưu, quản lý phiên bản và theo dõi sự kiện hệ thống.

● Hỗ trợ và cộng đồng: SQL Server có một cộng đồng lớn và năng động, với nhiều tài liệu, diễn đàn và tài nguyên hữu ích Nó cũng được hỗ trợ bởi Microsoft với các bản cập nhật, bản vá lỗi và tài liệu chính thức, giúp đảm bảo sự ổn định và bảo trì của hệ thống.

● Giá cả và cấp phí: SQL Server là một sản phẩm phần mềm có giá trị cao, đặc biệt đối với các phiên bản và tính năng cao cấp Ngoài ra, Microsoft cũng áp dụng mô hình cấp phí cho việc sử dụng SQL Server, bao gồm cả giấy phép và hỗ trợ kỹ thuật Điều này có thể tạo áp lực tài chính cho các tổ chức và dự án nhỏ.

● Độ phổ biến và đa nền tảng: SQL Server chủ yếu hỗ trợ trên hệ điều hành Windows, vì vậy nó không phải là một giải pháp lý tưởng cho các ứng dụng đa nền tảng hoặc cần chạy trên hệ điều hành khác như Linux hoặc macOS Điều này giới hạn khả năng triển khai của SQL Server trong một số trường hợp.

● Khả năng mở rộng: Mặc dù SQL Server có khả năng mở rộng để đáp ứng các tải trọng lớn, nhưng việc mở rộng có thể gặp một số hạn chế. Cấu hình và quản lý một hệ thống SQL Server phức tạp có thể đòi hỏi kỹ năng và kiến thức cao Việc mở rộng và xử lý tải trọng cao cũng có thể yêu cầu sự đầu tư về phần cứng và tài nguyên.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Use-case của đồ án

Hình 3 1 Sơ đồ usecase khách hàng

Hình 3 2 Sơ đồ use case quản trị viên

Bảng 3 1 Bảng danh sách actors

No Use-case Mô tả ngắn/ Ghi chú

1 Quản trị viên Một actor không quản lí tất cả những nội dung của trang web, thông tin sản phẩm, danh mục cũng như quản lí khách hàng, tư vấn và cập nhật thông tin tình trạng đơn hàng

2 Khách hàng Sử dụng hệ thống để mua sản phẩm.

Bảng 3 2 Bảng danh sách chức năng

Actor No Use-case Mô tả ngắn/Ghi chú

1 Đăng nhập vào trang quản trị Đăng nhập vào hệ thống để thực hiện các chức năng của quản trị viên

2 Quản lí thông tin cửa hàng

Thay đổi thông tin cửa hàng bao gồm logo, địa chỉ, … các thông tin liên quan

3 Quản lí đơn hàng Cập nhật tình trạng đơn hàng

4 CRUD sản phẩm Thêm, xem, xoá, sửa các thông tin sản phẩm

5 CRUD danh mục Thêm, xem, xoá, sửa các thông tin danh mục

6 CRUD banner Thêm, xem, xoá, sửa các thông tin banner

Thêm, xem, xoá, sửa các thông tin mã giảm giá

8 CRUD tài khoản quản trị viên

Thêm, xem, xoá, sửa các thông tin tài khoản

9 Quản lí bình luận Kiểm duyệt bình luận

10 Quản lí khách hàng Quản lí khách mua hàng

11 Trả lời tin nhắn khách hàng

Trả lời tin nhắn khách hàng trực tuyến

12 Gửi email thông báo tình trạng đơn hàng

Gửi email xác nhận tình trạng đơn hàng

13 Báo cáo thống kê doanh thu

Tạo bảo báo cáo thống kê doanh thu theo từng giai đoạn

14 Thao tác với sản phẩm

Thêm sản phẩm vào giỏ hàng, đánh giá sản phẩm sau khi mua hàng

15 Thao tác với giỏ hàng

Thay đổi số lượng sản phẩm trong giỏ hàng, cập nhật thông tin giao hàng

16 Tạo đơn hàng Gửi thông tin đặt mua về cho quản trị viên

17 Theo dõi tình trạng đơn hàng

Theo dõi tình trạng đơn hàng thông qua email

18 Nhắn tin với quản trị viên

Nhắn tin với quản trị viên trực tuyến

3.1.4 Đặc tả các chức năng

● Use-case “Đăng nhập vào trang quản trị”

Bảng 3 3 Bảng Use-case “Đăng nhập vào trang quản trị”

Preconditions Admin mở trang chủ và đã có tài khoản quản trị

Basic flow 1) Mở trang quản trị

2) Nhập tên người dùng/mật khẩu

3) Truy cập hệ thống Alternative flow Không có

Post conditions 1) Khi người dùng truy cập thành công vào hệ thống, mỗi UI phù hợp với từng tác nhân phải xuất hiện trên màn hình 2) Khi người dùng không truy cập được, phải xuất hiện cảnh báo cho người dùng biết lý do không vào được hệ thống (tài khoản/mật khẩu không đúng, tài khoản không tồn tại…)

● Use-case “Quản lí thông tin cửa hàng”

Bảng 3 4 Bảng Use-case “Quản lí thông tin cửa hàng”

Preconditions Quản trị viên đã đăng nhập và truy cập vào hệ thống

Basic flow 1) Quản trị viên chọn mục “Thông tin website”

2) Hệ thống mở trang hiển thị chi tiết các thông tin cửa hang. 3) Quản trị viên chọn và nhập các thông tin cho cửa hang.

4) Quản trị viên chọn lưu thông tin.

Post conditions 1) Khi thông tin được quản trị viên thay đổi, hệ thống phải lưu lại vào cơ sở dữ liệu

● Use-case “Quản lý đơn hàng”

Bảng 3 5 Bảng Use-case “Quản lý đơn hàng”

Basic flow 1) Quản trị viên chọn vào mục “Đơn hàng”

2) Hệ thống mở trang hiển thị danh sách các đơn hàng.

3) Quản trị viên chọn xem thông tin chi tiết đơn hàng tại trang danh sách đơn hàng.

4) Hệ thống mở trang chi tiết đơn hàng.

5) Quản trị viên xem thông tin đơn hàng và cập nhật trạng thái đơn hàng

6) Quản trị viên chọn lưu thông tin 7) Hệ thống lưu lại trạng thái đơn hàng vào cơ sở dữ liệu 8) Hệ thống quay trở lại danh sách đơn hàng

Alternative flow 1) Quản trị viên chọn xem thông tin chi tiết đơn hàng tại trang danh sách đơn hàng.

3) Quản trị viên chọn trở lại danh sách.

4) Hệ thống quay trở lại danh sách đơn hàng Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các thông tin chi tiết đơn hàng và lưu lại trạng thái đơn khi có thay đổi

● Use-case “CRUD Sản phẩm”

Bảng 3 6 Bảng Use-case “CRUD Sản phẩm”

Basic flow 1) Quản trị viên chọn vào mục “Sản phẩm/ Danh sách sản phẩm”

2) Hệ thống mở trang hiển thị danh sách các sản phẩm.

3) Thực hiện quản lí sản phẩm: a) Thêm sản phẩm: i) Quản trị viên chọn “Thêm mới” ii) Hệ thống mở trang thêm mới sản phẩm iii) Quản trị viên thêm các thông tin chi tiết cho sản phẩm. iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu thông tin sản phẩm vừa tạo vào cơ sở dữ liệu. b) Chỉnh sửa thông tin sản phẩm i) Quản trị viên chọn “Chỉnh sửa” ii) Hệ thống mở trang chỉnh sửa sản phẩm. iii) Quản trị viên chỉnh sửa thông tin sản phẩm. iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu lại thông tin sản phẩm vào cơ sở dữ liệu. c) Xóa sản phẩm: i) Quản trị viên chọn “Xóa” ii) Hệ thống hiển thị thông báo xác nhân xóa sản phẩm đã chọn iii) Quản trị viên chọn xác nhận. iv) Hệ thống xóa thông tin sản phẩm khỏi cơ sở dữ liệu và quay trở về trang danh sách sản phẩm. d) Nhập hàng mới: i) Quản trị viên chọn “Nhập hàng” ii) Hệ thống hiển thị trang nhập hàng với thông tin sản phẩm đã tạo iii) Quản trị viên thực hiện cập nhật các thông tin nhập hàng iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu lại thông tin sản phẩm vào cơ sở dữ liệu. e) Tìm kiếm sản phẩm: i) Quản trị viên nhập từ khóa tìm kiếm. ii) Hệ thống tìm kiếm sản phẩm dựa trên từ khóa iii) Hiển thị sản phẩm.

Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các thông tin chi tiết sản phẩm và lưu lại thông tin sản phẩm khi có thay đổi

Extension Quản trị có thể thêm, xóa, sửa thông tin sản phẩm và xem lại lịch sử nhập hàng.

● Use-case “CRUD Danh mục sản phẩm”

Bảng 3 7 Bảng Use-case “CRUD Danh mục sản phẩm”

Basic flow 1) Quản trị viên chọn vào mục “Sản phẩm/ danh mục sản phẩm”

2) Hệ thống mở trang hiển thị danh sách các danh mục 3) Thực hiện quản lí danh mục: a) Thêm danh mục i) Quản trị viên chọn “Thêm mới” ii) Hệ thống mở trang thêm mới danh mục iii) Quản trị viên thêm các thông tin chi tiết danh mục iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu thông tin danh mục vừa tạo vào cơ sở dữ liệu. b) Chỉnh sửa thông tin danh mục i) Quản trị viên chọn “Chỉnh sửa” ii) Hệ thống mở trang chỉnh sửa và hiển thị các thông tin danh mục đang có iii) Quản trị viên chỉnh sửa thông tin danh mục iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu lại thông tin danh mục vào cơ sở dữ liệu. c) Xóa danh mục i) Quản trị viên chọn “Xóa” ii) Hệ thống hiển thị thông báo xác nhân xóa danh mục đã chọn iii) Quản trị viên chọn xác nhận. iv) Hệ thống xóa thông tin danh mục khỏi cơ sở dữ liệu và quay trở về trang danh sách Danh mục d) Tìm kiếm danh mục: i) Quản trị viên nhập từ khóa tìm kiếm. ii) Hệ thống tìm kiếm danh mục dựa trên từ khóa iii) Hiển thị danh mục.

Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các thông tin chi tiết danh mục và lưu lại thông tin khi có thay đổi

Extension Người dùng có thể thêm, xóa, sửa thông tin của danh mục.

Bảng 3 8 Bảng Use-case “CRUD banner”

Preconditions Quản trị viên đã đăng nhập vào hệ thống và chọn chức năng

Basic flow 1) Quản trị viên chọn vào mục “banner”

2) Hệ thống mở trang hiển thị danh sách các banner 3) Thực hiện quản lí banner a) Thêm banner i) Quản trị viên chọn “Thêm mới” ii) Hệ thống mở trang thêm mới banner iii) Quản trị viên thêm ảnh banner iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu thông tin banner vừa tạo vào cơ sở dữ liệu. b) Xóa banner i) Quản trị viên chọn “Xóa” ii) Hệ thống hiển thị thông báo xác nhân xóa; iii) Quản trị viên chọn xác nhận. iv) Hệ thống xóa thông tin banner khỏi cơ sở dữ liệu;

Post conditions Khi người dung thực hiện usecase này, hệ thống hiển thị các banner hiện có và cho phéo them/xóa banner.

● Use-case “CRUD mã giảm giá”

Bảng 3 9 Bảng Use-case “CRUD mã giảm giá”

Basic flow 4) Quản trị viên chọn vào mục “Mã giảm giá”

5) Hệ thống mở trang hiển thị danh sách các mã giảm giá

6) Thực hiện quản lí mã giảm giá: a) Thêm mã giảm giá: i) Quản trị viên chọn “Thêm mới” ii) Hệ thống mở trang thêm mới mã giảm giá iii) Quản trị viên thêm các thông tin chi tiết iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu thông tin mã vừa tạo vào cơ sở dữ liệu. b) Chỉnh sửa thông tin mã giảm giá i) Quản trị viên chọn “Chỉnh sửa” ii) Hệ thống mở trang chỉnh sửa và hiển thị các thông tin mã giảm giá đang có iii) Quản trị viên chỉnh sửa thông tin mã giảm giá iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu lại thông tin mã vào cơ sở dữ liệu. c) Xóa mã giảm giá i) Quản trị viên chọn “Xóa” ii) Hệ thống hiển thị thông báo xác nhân xóa mã giảm giá đã chọn iii) Quản trị viên chọn xác nhận. iv) Hệ thống xóa thông tin mã khỏi cơ sở dữ liệu và quay trở về trang danh sách mã giảm giá d) Tìm kiếm mã giảm giá: i) Quản trị viên nhập từ khóa tìm kiếm. ii) Hệ thống tìm kiếm dựa trên từ khóa iii) Hiển thị danh sách tìm được.

Post conditions Khi người dùng thực hiện use-case này, hệ thống hiển thị đầy đủ các thông tin chi tiết mã giảm giá và lưu lại thông tin khi có thay đổi

● Use-case “CRUD Tài khoản quản trị viên”

Bảng 3 10 Bảng Use-case “CRUD Tài khoản quản trị viên”

Basic flow 7) Quản trị viên chọn vào mục “Tài khoản admin”

8) Hệ thống mở trang hiển thị danh sách các tài khoản 9) Thực hiện quản lí tài khoản: a) Thêm tài khoản i) Quản trị viên chọn “Thêm mới” ii) Hệ thống mở trang thêm mới tài khoản iii) Quản trị viên thêm các thông tin chi tiết iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu thông tin tài khoản vừa tạo vào cơ sở dữ liệu. b) Chỉnh sửa thông tin tài khoản i) Quản trị viên chọn “Chỉnh sửa” ii) Hệ thống mở trang chỉnh sửa và hiển thị các thông tin tài khoản đang có iii) Quản trị viên chỉnh sửa thông tin tài khoản iv) Quản trị viên chọn lưu thông tin v) Hệ thống lưu lại thông tin tài khoản vào cơ sở dữ liệu. c) Xóa tài khoản i) Quản trị viên chọn “Xóa” ii) Hệ thống hiển thị thông báo xác nhân xóa tài khoản đã chọn iii) Quản trị viên chọn xác nhận. iv) Hệ thống xóa thông tin tài khoản khỏi cơ sở dữ liệu. d) Tìm kiếm tài khoản: i) Quản trị viên nhập từ khóa tìm kiếm. ii) Hệ thống tìm kiếm tài khoản dựa trên từ khóa iii) Hiển thị danh sách đã tìm kiếm

Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các thông tin chi tiết tài khoản và lưu lại thông tin khi có thay đổi

● Use-case “Quản lí bình luận”

Bảng 3 11 Bảng Usecase "Quản lí bình luận"

Basic flow 4) Quản trị viên chọn vào mục “Sản phẩm/ Danh sách sản phẩm”

5) Hệ thống mở trang hiển thị danh sách các sản phẩm.

6) Quản trị viên chọn “Chỉnh sửa”

7) Hệ thống mở trang chi tiết và danh sách bình luận của sản phẩm;

8) Thực hiện quản lí bình luận a) Cập nhật danh sách bình luận. i) Quản trị viên chọn “Cập nhật danh sách bình luận” ii) Hệ thống tải lại danh sách bình luận. b) Lọc bình luận. i) Quản trị viên lựa và tích chọn các bình luận được phép bình luận. ii) Quản trị viên chọn lưu thông tin. iii) Hệ thống lưu lại các bình luận được phép hiển thị.

Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các danh sách bình luận sản phẩm và lưu lại các bình luận được đánh dâu hiển thị

● Use-case “Quản lí khách hàng”

Bảng 3 12 Bảng Usecase "Quản lí khách hàng"

Basic flow 1) Quản trị viên chọn vào mục quản lí khách hàng.

2) Hệ thống truy vấn và hiển thị toàn bộ thông tin khách hàng.

● Use-case “Trả lời tin nhắn”

Bảng 3 13 Bảng Usecase "Trả lời tin nhắn"

Basic flow 1) Quan trị viên truy cập vào page của cửa hàng.

2) Hệ thống hiển thị các tin nhắn với khách hàng.

3) Quản trị viên chọn khách hàng cụ thể.

4) Hệ thống hiển thị tin nhắn với khách hàng;

5) Quản trị viên trả lời tin nhắn Alternative flow Không có

● Use-case “Gửi email thông báo tình trạng đơn hàng”

Bảng 3 14 Bảng Usecase "Gửi email thông báo tình trạng đơn hàng"

Basic flow 1) Quản trị viên chọn vào mục “Đơn hàng”

2) Hệ thống mở trang hiển thị danh sách các đơn hàng.

3) Quản trị viên chọn xem thông tin chi tiết đơn hàng tại trang danh sách đơn hàng.

5) Quản trị viên cập nhật trạng thái đơn hàng 6) Quản trị viên chọn lưu thông tin

7) Hệ thống lưu lại trạng thái đơn hàng vào cơ sở dữ liệu.

8) Hệ thống gửi email thông báo tình trạng mới của đơn hàng cho khách hàng.

9) Hệ thống quay trở lại danh sách đơn hàng Alternative flow 1) Quản trị viên thay đổi tình trạng đơn hàng.

2) Quản trị viên không lưu lại tình trạng mới.

3) Hệ thống quay về danh sách đơn hàng và không lưu

Post conditions Khi người dùng thực hiện use-case này, hệ thống phải hiển thị đầy đủ các thông tin chi tiết đơn hàng và lưu lại trạng thái đơn khi có thay đổi

● Use-case “Báo cáo thống kê doanh thu”

Bảng 3 15 Bảng Usecase "Báo cáo thống kê doanh thu"

Basic flow 1) Quản trị viên chọn mục báo cáo thống kê.

Mô tả use-case

● Sơ đồ Đăng nhập vào trang quản trị:

Hình 3 3 Sơ đồ Đăng nhập vào trang quản trị

● Quản lí thông tin cửa hàng:

Hình 3 4 Sơ đồ Quản lí thông tin cửa hàng

Hình 3 5 Sơ đồ Quản lí đơn hàng

Hình 3 6 Sơ đồ CRUD sản phẩm

● Sửa đổi CRUD Danh mục

Hình 3 7 Sơ đồ CRUD Danh mục

Hình 3 8 Sơ đồ CRUD banner

● Kiểm tra CRUD Mã giảm giá

Hình 3 9 Sơ đồ CRUD mã giảm giá

● CRUD tài khoản quản trị viên

Hình 3 10 Sơ đồ CRUD quản trị viên

Hình 3 11 Sơ đồ Quản lí bình luận

Hình 3 12 Sơ đồ Quản lí khách hàng

● Trả lời tin nhắn khách hàng

Hình 3 13 Sơ đồ Trả lời tin nhắn khách hàng

● Gửi email thông báo tình trạng đơn hàng.

Hình 3 14 Sơ đồ Gửi email thông báo tình trạng đơn hàng

● Báo cáo thống kê doanh thu

Hình 3 15 Sơ đồ Báo cáo thống kê doanh thu

● Thao tác với sản phẩm

Hình 3 16 Sơ đồ Thao tác với sản phẩm

● Thao tác với giỏ hàng

Hình 3 17 Sơ đồ Thao tác với giỏ hàng

Hình 3 18 Sơ đồ Tạo đơn hàng

● Theo dõi tình trạng đơn hàng

Hình 3 19 Sơ đồ Theo dõi tình trạng đơn hàng

● Nhắn tin với quản trị viên

Hình 3 20 Sơ đồ Nhắn tin với quản trị viên

Kiến trúc của hệ thống

3.3.1 Tổng quan về kiến trúc ứng dụng

Hình 3 21 Tổng quan kiến trúc hệ thống Bảng 3 21 Bảng miêu tả thành phần hệ thống

ASP.NET MVC Xây dựng trang web bằng ASP.NET MVC

Trình quản lý cơ sở dữ liệu Máy chủ SQL được sử dụng để quản lý cơ sở dữ liệu myASP.NET Sử dụng myASP.NET để hosting trang web với tên miền có sẵn

3.3.2 Kiến trúc ứng dụng chi tiết

Code FullName PhoneNumber Email Address

Id ParentMenu Name Alias Image [Index]

ShowHomePage ViewType Active MetaDescription MetaRobots MetaRevisitAfter MetaContentLanguage MetaContentType

Id CustomerCode OrderDate OrderTime TotalAmount Status PaymentMethod Note Created VoucherId SecretCode

Id OrderId ProductId ProductName ProductImage ProductPrice ProductDiscountPrice ProductDiscountPercent Qty

Note UserDef1 UserDef2 UserDef3 UserDef4 UserDef5

Id MenuId CategoryId Name Alias Image [Index]

Status Price DiscountPrice DiscountPercent Selling Tags ShortDescription Description Created MetaDescription MetaRobots MetaRevisitAfter MetaContentLanguage MetaContentType UserDef1 UserDef2 UserDef3 UserDef4 UserDef5 Quantity Rate RateAmount

Id VoucherCode Description Type DiscountAmount IsActive

Id Name Logo Favicon PhoneNumber Fax Email Address Location Facebook Twitter Youtube Copyright TermCondition MetaTitle MetaDescription MetaRobots MetaRevisitAfter MetaContentLanguage MetaContentType UserDef1 UserDef2 UserDef3 UserDef4 UserDef5

Hình 3 22 Kiến trúc ứng dụng chi tiết

Bảng 3 22 Bảng chi tiết kiến trúc

Product Quản lí sản phẩm

ProductImage Quản lí hình ảnh sản phẩm

ProductRelated Quản lí sản phẩm liên quan

Review Quản lí đánh giá sản phẩm

Customer Quản lí khách hàng

Order Quản lí đơn hàng

Orderdetail Quản lí chi tiết đơn hàng

Voucher Quản lí mã giảm giá

Website Quản lí thông tin website

Import History Quản lí lịch sử nhập hàng

User Quản lí tài khoản admin

EmailTemplate Quản lí template gửi mail

Menu Quản lí danh mục sản phẩm

3.3.3 Mô tả chi tiết các kiểu dữ liệu trong sơ đồ

STT TÊN THUỘC TÍNH LOẠI DỮ LIỆU NOTE

1 Id int Bắt buộc có giá trị

2 MenuId int Có thể không có giá trị

3 Name nvarchar(255) Bắt buộc có giá trị

4 Alias varchar(255) Bắt buộc có giá trị

5 Image varchar(max) Có thể không có giá trị

6 Index int Có thể không có giá trị

7 Status int Bắt buộc có giá trị

8 Price float Có thể không có giá trị

9 DiscountPrice float Có thể không có giá trị

10 DiscountPercent float Có thể không có giá trị

11 Selling bit Có thể không có giá trị

12 Tags nvarchar(max) Có thể không có giá trị

13 Description nvarchar(max) Có thể không có giá trị

14 Created datetime Có thể không có giá trị

15 MetaDescription nvarchar(500) Có thể không có giá trị

16 Quantity Int Bắt buộc có giá trị

17 Rate float Bắt buộc có giá trị

18 RateAmount int Bắt buộc có giá trị

2 ProductId int Bắt buộc có giá trị

1 Id varchar(4) Bắt buộc có giá trị

2 Name varchar(100) Bắt buộc có giá trị

3 Address varchar(100) Bắt buộc có giá trị

4 Birthday date Có thể không có giá trị

5 Gender varchar(100) Có thể không có giá trị

6 Phonenumber varchar(100) Bắt buộc có giá trị

3 ProductRelatedId int Bắt buộc có giá trị

3 Star int Có thể không có giá trị

4 Content nvarchar(500) Có thể không có giá trị

5 Active int Có thể không có giá trị

6 Created datetime Bắt buộc có giá trị

7 CustomerCode varchar(32) Bắt buộc có giá trị

8 CustomerName nvarchar(50) Có thể không có giá trị

1 Code varchar(32) Bắt buộc có giá trị

2 FullName nvarchar(50) Có thể không có giá trị

3 PhoneNumber nvarchar(50) Bắt buộc có giá trị

4 Email nvarchar(50) Có thể không có giá trị

5 Address nvarchar(500) Có thể không có giá trị

2 CustomerCode varchar(32) Có thể không có giá trị

3 OrderDate datetime Bắt buộc có giá trị

4 OrderTime nvarchar(50) Có thể không có giá trị

5 TotalAmount float Bắt buộc có giá trị

6 Status int Bắt buộc có giá trị

7 PaymentMethod nvarchar(50) Có thể không có giá trị

8 Note nvarchar(500) Có thể không có giá trị

9 Created datetime Bắt buộc có giá trị

10 VoucherId int Có thể không có giá trị

11 SecretCode bigint Có thể không có giá trị

2 OrderId int Bắt buộc có giá trị

4 ProductName nvarchar(255) Bắt buộc có giá trị

5 ProductImage varchar(max) Có thể không có giá trị

6 ProductPrice float Có thể không có giá trị

7 ProductDiscountPrice float Có thể không có giá trị

8 ProductDiscountPercent float Có thể không có giá trị

9 Qty int Có thể không có giá trị

2 VoucherCode varchar(20) Bắt buộc có giá trị

3 Description nvarchar(100) Có thể không có giá trị

4 Type int Có thể không có giá trị

5 DiscountAmount decimal(18, 0) Có thể không có giá trị

6 IsActive int Có thể không có giá trị

3 Logo varchar(max) Bắt buộc có giá trị

4 Favicon varchar(max) Bắt buộc có giá trị

5 PhoneNumber nvarchar(255) Có thể không có giá trị

6 Fax nvarchar(255) Có thể không có giá trị

7 Email nvarchar(255) Có thể không có giá trị

9 Location varchar(max) Có thể không có giá trị

10 Facebook nvarchar(255) Có thể không có giá trị

11 Twitter nvarchar(255) Có thể không có giá trị

12 Youtube nvarchar(255) Có thể không có giá trị

13 Copyright nvarchar(255) Có thể không có giá trị

14 TermCondition nvarchar(max) Có thể không có giá trị

15 MetaTitle nvarchar(500) Có thể không có giá trị

16 MetaDescription nvarchar(500) Có thể không có giá trị

2 ProductID int Bắt buộc có giá trị

3 ImportDate datetime Có thể không có giá trị

4 ImportedBy varchar(50) Có thể không có giá trị

5 Quantity int Có thể không có giá trị

6 Price int Có thể không có giá trị

2 Name nvarchar(255) Có thể không có giá trị

3 Image varchar(max) Bắt buộc có giá trị

5 Active bit Có thể không có giá trị

1 UserName varchar(32) Bắt buộc có giá trị

2 Password varchar(124) Có thể không có giá trị

3 FullName nvarchar(50) Có thể không có giá trị

4 Dob varchar(50) Có thể không có giá trị

5 Phone varchar(50) Có thể không có giá trị

6 Email varchar(50) Có thể không có giá trị

8 Avatar varchar(max) Có thể không có giá trị

9 Gender nvarchar(10) Có thể không có giá trị

10 LastLogin datetime Có thể không có giá trị

2 Type varchar(100) Bắt buộc có giá trị

3 Subject nvarchar(500) Có thể không có giá trị

4 CC nvarchar(255) Có thể không có giá trị

5 BCC nvarchar(255) Có thể không có giá trị

6 KeyGuild nvarchar(500) Bắt buộc có giá trị

7 Content nvarchar(max) Bắt buộc có giá trị

2 ParentMenu int Có thể không có giá trị

4 Alias varchar(255) Bắt buộc có giá trị

7 ShowHomePage bit Có thể không có giá trị

8 ViewType varchar(10) Có thể không có giá trị

9 Active bit Bắt buộc có giá trị

KẾT QUẢ TRIỂN KHAI

Danh sách màn hình

Bảng 4 1 Bảng danh sách màn hình

STT TÊN THUỘC TÍNH MÔ TẢ

1 Màn hình chính Màn hình khi khách hàng truy cập trang web

2 Danh sách sản phẩm khách hàng

Khách hàng xem sản phẩm

3 Chi tiết sản phẩm Khách hàng xem chi tiết sản phẩm

4 Giỏ hàng Khách hàng thêm sản phẩm vào giỏ hàng

5 Theo dõi đơn hàng Theo dõi đơn hàng của khách hàng

6 Chi tiết đơn hàng khách hàng

Theo dõi chi tiết của đơn hàng

7 Về chúng tôi Giới thiệu về trang web

8 Đăng nhập trang quản trị Đăng nhập trang quản trị

9 Màn hình chính trang quản Màn hình khi admin đăng nhập trang quản trị trị

10 Đơn hàng Màn hình danh sách đơn hàng

11 Chi tiết đơn hàng quản trị viên

Màn hình chi tiết đơn hàng

12 Mã giảm giá Màn hình danh sách mã giảm giá

13 Thêm sửa mã giảm giá Màn hình chỉnh sửa mã giảm giá

14 Danh sách sản phẩm quản trị viên

Màn hình danh sách sản phẩm

15 Thêm, sửa sản phẩm Màn hình chỉnh sửa sản phẩm

16 Nhập sản phẩm Màn hình nhập sản phẩm

17 Lịch sử nhập hàng Lịch sử nhập hàng

18 Danh mục sản phẩm Màn hình danh sách danh mục

19 Thêm sửa danh mục Màn hình chỉnh sửa danh mục

20 Banner Màn hình danh sách banner

21 Báo cáo tổng hợp Màn hình báo cáo tổng hợp

22 Báo cáo doanh thu Màn hình báo cáo doanh thu

23 Thông tin website Màn hình quản lí thông tin website

24 Tài khoản quản trị Màn hình danh sách tài khoản

25 Thêm sửa tài khoản quản trị Màn hình chỉnh sửa tài khoản

Màn hình chi tiết

Hình 4 1 Màn hình chính Bảng 4 2 Chi tiết màn hình chính

STT TÊN KIỂU TÍNH NĂNG ĐIỀU KIỆN

1 Homebtn Button Chuyển đến trang Home Nhấn vào nút

2 Aboutbtn Button Chuyển đến trang About Nhấn vào nút

3 Shopbtn Button Chuyển đến trang Shop Nhấn vào nút

4 Trackingbtn Button Chuyển đến trang Tracking Nhấn vào nút

5 Bannerslider Slider Hiển thị banner shop Tự động chuyển sau 5s

6 Productbtn Button Chuyển đến trang chi tiết sản phẩm

7 Menubtn Button Chuyển đến trang danh mục Nhấn vào nút

8 Searchbtn Button Tính năng tìm kiếm Nhấn vào nút

9 Cartbtn Button Chuyển đến trang giỏ hàng Nhấn vào nút

● DANH SÁCH SẢN PHẨM KHÁCH HÀNG

Hình 4 2 Màn hình danh sách sản phẩm khách hàng Bảng 4 3 Chi tiết màn hình danh sách sản phẩm khách hàng

1 btnMenu Button Chọn danh mục Nhấn vào nút

2 sliderMinPrice Slider Chọn giá từ Kéo slider

3 slidetMaxPrice Slider Chọn giá đến Kéo slider

4 btnStar Button Chọn sao để lọc Nhấn vào button

5 comboFilter Combo box Chọn hình thức lọc

Hình 4 3 Màn hình chi tiết sản phẩm Bảng 4 4 Chi tiết màn hình email confirm

1 btnBuyNow Button Chuyển đến giỏ hàng Nhấn vào nút

2 btnAddToCart Button Thêm sản phẩm vào giỏ hàng

3 btnProductDetail Button Chuyển đến tab thông tin chi tiết sản phẩm

4 btnWarantee Button Chuyển đến tab chế độ bảo hành

Hình 4 4 Màn hình giỏ hàng Bảng 4 5 Chi tiết màn hình giỏ hàng

1 textboxQuantity Textbox Thay đổi số lượng sản phẩm

2 btnUpdate Button Cập nhật lại giỏ hàng Nhấn vào nút

3 textboxPhone Textbox Thay đổi số điện thoại Thay đổi giá trị

4 textboxName Textbox Thay đổi tên Thay đổi giá trị

5 textboxAddress Textbox Thay đổi địa chỉ Thay đổi giá trị

6 textboxMail Textbox Thay đổi email Thay đổi giá trị

Chọn mã giảm giá Chọn item trong combo box

9 textboxNote Textbox Thay đổi ghi chú Thay đổi giá trị

Chọn hình thức thanh toán Chọn item trong combo box

Hình 4 5 Màn hình theo dõi đơn hàng

Bảng 4 6 Chi tiết màn hình theo dõi đơn hàng

1 textboxEmail Textbox Nhập email để tracking đơn hàng

2 textboxOTP Textbox Nhập OTP đã gửi qua mail

3 buttonOrderDetail Button Chuyển sang chi tiết đơn hàng

● CHI TIẾT ĐƠN HÀNG KHÁCH HÀNG

Hình 4 6 Màn hình chi tiết đơn hàng khách hàng Bảng 4 7 Chi tiết màn hình chi tiết đơn hàng khách hàng

1 Lable Label Hiển thị thông tin chi tiết đơn hàng

Hình 4 7 Màn hình về chúng tôi Bảng 4 8 Chi tiết màn hình về chúng tôi

1 Label Label Hiển thị thông tin trang về chúng tôi

● ĐĂNG NHẬP TRANG QUẢN TRỊ

Hình 4 8 Màn hình đăng nhập trang quản trị Bảng 4 9 Chi tiết màn hình đăng nhập trang quản trị

1 textboxUsername Textbox Nhập tên tài khoản

2 textboxPassword Textbox Nhập mật khẩu Thay đổi thông tin

3 buttonLogin Button Chuyển đến trang của quản trị viên

● MÀN HÌNH CHÍNH TRANG QUẢN TRỊ

Hình 4 9 Màn hình chính trang quản trị Bảng 4 10 Chi tiết màn hình chính trang quản trị

1 btnOverview Button Chuyển đến tab tổng quan Nhấn vào nút

2 btnOrder Button Chuyển đến tab đơn hàng Nhấn vào nút

3 btnVoucher Button Chuyển đến tab voucher Nhấn vào nút

4 btnProductList Button Chuyển đến tab danh sách sản phẩm

5 btnMenuList Button Chuyển đến tab danh mục sản phẩm

6 btnImportHistory Button Chuyển đến tab lịch sử nhập hàng

7 btnGallery Button Chuyển đến tab banner Nhấn vào nút

8 btnReport Button Chuyển đến tab báo cáo tổng hợp

9 btnSaleReport Button Chuyển đến tab báo cáo Nhấn vào nút doanh thu

10 btnWebsite Button Chuyển đến tab thông tin trang web

11 btnAccount Button Chuyển đến tab tài khoản Nhấn vào nút

12 btnLogout Button Đăng xuất Nhấn vào nút

Hình 4 10 Màn hình đơn hàng Bảng 4 11 Chi tiết màn hình đơn hàng

Button Chuyển đến màn hình chi tiết đơn hàng

2 TextboxSearch Textbox Tìm kiếm sản phẩm Nhập id và nhấn enter

● CHI TIẾT ĐƠN HÀNG QUẢN TRỊ VIÊN

Hình 4 11 Màn hình chi tiết đơn hàng quản trị viên Bảng 4 12 Chi tiết màn hình chi tiết đơn hàng quản trị viên

1 comboboxStatus Combo box Thay đổi trạng thái đơn hàng

Chọn item trong combo box

2 btnReturn Button Chuyển đến trang đơn hàng

3 btnSave Button Xác nhận thay đổi Nhấn vào nút

Hình 4 12 Màn hình mã giảm giá Bảng 4 13 Chi tiết màn hình mã giảm giá

1 buttonNew Button Chuyển sang màn hình thêm mới mã giảm giá

Textbox Tìm kiếm sản phẩm Nhập id và nhấn enter

3 buttonEdit Button Chuyển sang màn hình chỉnh sửa mã giảm giá

4 buttonDel Button Xoá mã giảm giá Nhấn vào nút

● THÊM, SỬA MÃ GIẢM GIÁ

Hình 4 13 Màn hình thêm sửa mã giảm giá Bảng 4 14 Chi tiết màn hình thêm sửa mã giảm giá

1 textboxCode Textbox Thay đổi code của mã giảm giá

2 textboxShort Textbox Thay đổi mô tả ngắn của mã giảm giá

3 textboxType Textbox Thay đổi loại của mã giảm giá

4 textboxAmount Textbox Thay đổi số lượng giảm của mã giảm giá

5 textboxQuantity Textbox Thay đổi số lượng của mã giảm giá

6 buttonReturn Button Chuyển đến màn hình danh sách mã giảm giá

7 buttonSave Button Lưu lại thông tin voucher

● DANH SÁCH SẢN PHẨM QUẢN TRỊ VIÊN

Hình 4 14 Màn hình danh sách sản phẩm quản trị viên Bảng 4 15 Chi tiết màn hình danh sách sản phẩm quản trị viên

1 buttonNew Button Chuyển sang màn hình thêm mới sản phẩm

2 textboxSearch Textbox Tìm kiếm sản phẩm

Nhập id và nhấn enter

3 buttonEdit Button Chuyển sang màn hình chỉnh sửa sản phẩm

4 buttonDel Button Xoá sản phẩm Nhấn vào nút

5 buttonImport Button Chuyển sang màn hình nhập sản phẩm

6 vị trí txb Hộp văn bản

Hiển thị chi tiêu của người dùng Điền vào hộp văn bản

7 btnInfoUpdate Cái nút Cập nhật thông tin người dùng

8 btnCusImage Cái nút Hiển thị hình đại diện của khách hàng

Hiển thị mật khẩu cũ của người dùng Điền vào hộp văn bản

Hiển thị mật khẩu mới của người dùng Điền vào hộp văn bản

Hiển thị mật khẩu đã xác minh của người dùng Điền vào hộp văn bản

12 btnPassCập nhật Cái nút Cập nhật mật khẩu mới của người dùng

Hình 4 15 Màn hình thêm sửa sản phẩm Bảng 4 16 Chi tiết màn hình thêm sửa sản phẩm

1 btnUploadImage Button Upload hình ảnh cho sản phẩm

Nhấn vào button và chọn từ máy tính

2 comboboxMenu Combo box Chọn danh mục sản phẩm

3 textboxName Textbox Thay đổi tên sản phẩm

4 textboxPrice Textbox Thay đổi giá niêm yết

Textbox Thay đổi giá khuyến mãi

6 textboxDisplayOrder Textbox Thay đổi thứ tự hiển thị của sản phẩm trong trang khách hàng

7 comboboxStatus Combo box Thay đổi trạng thái sản phẩm

8 textboxShort Textbox Thay đổi mô tả ngắn

9 textboxDes Textbox Thay đổi mô tả Thay đổi giá trị

10 textboxWarrante Textbox Thay đổi chế độ bảo hành

11 buttonReturn Button Chuyển đến trang danh sách sản phẩm

12 buttonSave Button Lưu thông tin sản phẩm

Hình 4 16 Màn hình nhập sản phẩm Bảng 4 17 Chi tiết màn hình nhập sản phẩm

2 textboxQuantity Textbox Thay đổi số lượng nhập

3 textboxPrice Textbox Thay đổi giá nhập Thay đổi giá trị

4 textboxNote Textbox Thay đổi ghi chú Thay đổi giá trị

5 buttonReturn Button Chuyển đến màn hình danh sách sản phẩm

6 buttonSave Button Lưu thông tin nhập hàng

Hình 4 17 Màn hình lịch sử nhập hàng Bảng 4 18 Chi tiết màn hình lịch sử nhập hàng

1 Label Label Hiển thị thông tin lịch sử nhập hàng

Hình 4 18 Màn hình danh mục sản phẩm Bảng 4 19 Chi tiết màn hình tính danh mục sản phẩm

1 buttonNew Button Chuyển sang màn hình thêm mới danh mục

2 textboxSearch Textbox Tìm kiếm danh mục

Nhập id và nhấn enter

3 buttonEdit Button Chuyển sang màn hình chỉnh sửa danh mục

Hình 4 19 Màn hình thêm sửa danh mục Bảng 4 20 Chi tiết màn hình thêm sửa danh mục

1 buttonUpload Button Upload hình ảnh cho danh mục

3 textboxName Text box Thay đổi tên danh mục

4 textboxDisplayOrder Textbox Thay đổi thứ tự hiển thị

Cho phép hiển thị tại trang chủ

7 buttonReturn Button Trở lại danh sách menu

8 buttonSave Button Lưu thông tin Nhấn vào nút

Hình 4 20 Màn hình banner Bảng 4 21 Chi tiết màn hình banner

1 buttonDel Button Xoá banner Nhấn vào nút

2 buttonUpload Button Thêm banner Nhấn vào nút

Hình 4 21 Màn hình báo cáo tổng hợp Bảng 4 22 Chi tiết màn hình báo cáo tổng hợp

1 textboxSearch Button Tìm kiếm đơn hàng

2 buttonExcel Button Xuất file excel Nhấn vào nút

Hình 4 22 Màn hình báo cáo doanh thu Bảng 4 23 Chi tiết màn hình báo cáo doanh thu

1 textboxYear Text box Chọn năm để thống kê Thay đổi giá trị

Hình 4 23 Màn hình thông tin website Bảng 4 24 Chi tiết màn hình thông itn website

1 buttonUploadImage Button Thêm ảnh cho website

2 buttonUpload Button Thêm ảnh cho tab Nhấn vào nút

3 textboxName Textbox Thay đổi tên website

4 TextboxPhone Textbox Thay đổi số điện thoại website

5 textboxHotline Textbox Thay đổi hotline website

6 textboxEmail Textbox Thay đổi email website

7 textboxName Textbox Thay đổi tên website

8 textboxAddress Textbox Thay đổi địa chỉ website

9 textboxCopyright Textbox Thay đổi thông tin bản quyền website

10 buttonSave Button Lưu thay đổi Nhấn vào nút

Hình 4 24 Màn hình tài khoản quản trị Bảng 4 25 Chi tiết màn hình tài khoản quản trị

1 buttonNew Button Chuyển sang màn hình thêm mới tài khoản

2 textboxSearch Textbox Tìm kiếm tài khoản Nhập id và nhấn enter

3 buttonEdit Button Chuyển sang màn hình chỉnh sửa tài khoản

4 buttonDel Button Xoá tài khoản Nhấn vào nút

● THÊM, SỬA TÀI KHOẢN QUẢN TRỊ

Hình 4 25 Màn hình thêm sửa tài khoản quản trị Bảng 4 26 Chi tiết màn hình thêm sửa tài khoản quản trị

1 textboxName Text box Thay đổi tên Thay đổi giá trị

2 textboxPhone Text box Thay đổi số điện thoại

3 textboxDateofBirth Text box Thay đổi ngày sinh Thay đổi giá trị

4 textboxEmail Text box Thay đổi email Thay đổi giá trị

5 buttonPassword Button Thay đổi mật khẩu Nhấn vào nút

6 buttonReturn Button Chuyển đến màn hình tài khoản

7 buttonSave Button Lưu thông tin tài khoản

Tiêu đề	Xây dựng website bán đồng hồ và các phụ kiện liên quan
Tác giả	Võ Đăng Thuận, Trần Trương Phú Túc
Người hướng dẫn	Ts. Đỗ Thị Thanh Tuyền
Trường học	Trường Đại học Công nghệ thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh
Chuyên ngành	Công nghệ phần mềm
Thể loại	Đồ án 2
Năm xuất bản	2023
Thành phố	Thành phố Hồ Chí Minh

Định dạng
Số trang	97
Dung lượng	7,33 MB