Báo cáo thực hành làm việc nhóm phân tích – thiết kế website bán phụ kiện máy tính

 Trong trang danh mục các mặt hàng , người dùng có thể thêm mặt hàng vào giỏhàng , xem giỏ hàng , mua hàng bằng cách nhấn vào nút “Đặt hàng”  Sau khi đặt hàng người dùng có thể xem dan

GIỚI THIỆU

Kỹ năng làm việc nhóm, hay còn gọi là teamwork skills, là khả năng hợp tác và làm việc chung với các thành viên trong nhóm như bạn bè hoặc đồng nghiệp để đạt được kết quả tốt nhất cho công việc Kỹ năng này bao gồm việc các thành viên đóng góp ý kiến, hỗ trợ và giúp đỡ lẫn nhau trong quá trình thực hiện nhiệm vụ.

Học phần thực hành làm việc nhóm giúp sinh viên phát triển kỹ năng hợp tác bằng cách chia họ thành các nhóm để thực hiện một bài tập lớn.

ĐỊNH NGHĨA BÀI TOÁN

Bài toán

Ngày nay, công nghệ thông tin và tin học hóa đóng vai trò quan trọng trong việc phát triển nền tảng bán hàng trực tuyến Sự ứng dụng này ngày càng trở nên phổ biến, giúp cải thiện hiệu quả kinh doanh và mở rộng thị trường.

Việc phát triển nền tảng bán hàng trực tuyến mang lại cơ hội cho các nhà bán lẻ quảng bá sản phẩm và thu hút nhiều khách hàng hơn.

Bài toán đặt ra là thiết kế một ứng dụng giúp người dùng dễ dàng tìm kiếm thông tin, kiểm tra và xem các thông số kỹ thuật của sản phẩm.

Chính vì thế, nhóm đã lên kế hoạch và tiến đến xây dựng “website bán hàng” cụ thể là bán phụ kiện máy tính.

Mục tiêu

Nhóm chúng tôi hướng đến việc phát triển một hệ thống tương tác thân thiện, giúp người dùng dễ dàng sử dụng và tạo điều kiện cho khách hàng mua sắm thuận tiện mà không cần phải đến cửa hàng.

Thiết kế các chức năng tiện lợi, thuận tiện để sử dụng.

Các chức năng chính

a Người dùng không có tài khoản

Khi người dùng chưa đăng nhập hoặc chưa có tài khoản, người dùng có thể :

Trang chủ hiển thị danh sách sản phẩm mới nhất với hình ảnh minh họa, tên sản phẩm và giá bán, được phân loại theo từng loại sản phẩm.

 Người dùng có thể tìm kiếm tất cả các sản phẩm mong muốn bằng từ khoá có trong cơ sở dữ liệu.

 Người dùng có thể tìm hiểu, xem qua chi tiết của từng loại sản phẩm trên trang web thông qua tên sản phẩm.

Trên trang danh mục, người dùng có thể dễ dàng tra cứu và liệt kê tất cả các sản phẩm, đồng thời phân loại chúng theo từng loại cụ thể như bàn phím, chuột, tai nghe, và nhiều hơn nữa.

Trang liên hệ cung cấp thông tin chi tiết về sản phẩm, địa chỉ và thông tin liên lạc của cửa hàng Người dùng có thể dễ dàng xem địa chỉ cụ thể của cửa hàng thông qua bản đồ nhỏ hiển thị trên màn hình.

Tại trang tài khoản, người dùng chưa có tài khoản có thể dễ dàng đăng ký bằng cách chọn mục “Đăng ký” và điền thông tin cần thiết Sau khi hoàn tất việc tạo tài khoản, người dùng có thể sử dụng tài khoản này để mua sắm sản phẩm trên trang web.

Người dùng có tài khoản không chỉ sở hữu tất cả chức năng của người dùng không có tài khoản mà còn được hưởng thêm nhiều tính năng bổ sung khác.

 Đăng nhập, đăng xuất, đổi mật khẩu.

 Trong trang danh mục các mặt hàng , người dùng có thể thêm mặt hàng vào giỏ hàng , xem giỏ hàng , mua hàng bằng cách nhấn vào nút “Đặt hàng”

 Sau khi đặt hàng người dùng có thể xem danh sách các đơn hàng đã đặt , xem chi tiết các đơn hàng

Sau khi hoàn tất việc đặt hàng, người dùng có thể xác nhận đơn hàng bằng cách nhấn nút “Thanh toán” và cung cấp thông tin cần thiết Ngoài ra, người dùng cũng có tùy chọn hủy bỏ đơn hàng đã đặt.

Sau khi xác nhận thanh toán, người dùng có quyền hủy đơn hàng nếu đơn vẫn đang ở trạng thái “Chờ xác nhận”.

Người quản trị có tất cả các chức năng của người dùng có tài khoản và không có tài khoản.

Ngoải ra người quản trị còn có các chức năng sau:

 Xem danh sách sản phầm, xem chi tiết sản phầm, tìm kiếm sản phẩm theo tên sản phẩm.

 Thêm, sửa, xóa sản phầm.

 Xem danh sách danh mục sản phầm, xem chi tiết danh mục sản phẩm, tìm kiếm danh mục theo tên.

 Thêm, sửa, xóa danh mục sản phầm.

 Xem danh sách đơn hàng.

 Thay đổi trạng thái đơn hàng.

Lựa chọn công nghệ

ĐẶC TẢ

Yêu cầu phi chức năng

 Dễ hiểu, giao diện bắt mắt, dùng được trên nhiều thiết bị, trình duyệt…

 Dễ sử dụng, giao diện rõ ràng, chi tiết, tiện lợi

 Uy tín, độ tin cậy cao

 Có khả năng bảo trì

 Độ bảo mật, an ninh cao

 Có khả năng tương tác cao.

Yêu cầu chức năng

a Chức năng của người dùng không có tài khoản

Descriptio n) Đăng ký tài khoản người dùng.

1 Người dùng ấn vào nút tài khoản trên thanh menu

2 Chọn vào nút đăng ký.

6 Email Trình tự xử lý

1 Hệ thống hiển thị màn hình đăng ký.

2 Người dùng nhập thông tin đăng ký và chọn lệnh đăng ký.

3 Hệ thống kiểm tra thông tin đăng ký.

4 Hệ thống ghi nhận thông tin đăng ký.

5 Hệ thống chuyển sang màn hình đăng nhập.

3a Hệ thống kiểm tra thông tin không thành công và hiển thị thông báo.

3a1 Người dùng chọn lênh thoát.

3a2 Người dùng chọn lệnh đăng ký.

Use case tiếp tục bước 3.

Xem chi tiết sản phẩm:

Xem chi tiết sản phẩm phụ kiện

Người dùng ấn vào tiêu đề sản phẩm hoặc ấn vào hình ảnh minh hoạ của sản phẩm. Đầu vào

1 Hệ thống kiểm tra id sản phẩm.

2 Hệ thống chuyển sang màn hình chi tiết sản phẩm.

1a Hệ thống kiểm tra thông tin không thành công Use case dừng lại.

Người dùng tìm kiếm sản phẩm.

Tìm kiếm sản phẩm theo tên.

1 Người dùng nhập tên sản phẩm cần tìm.

2 Người dùng ấn vào nút tìm kiếm trong phần tìm kiếm sản phẩm.

1 Hệ thống kiểm tra tên sản phẩm.

2 Hệ thống ghi nhận thông tin và hiển thị danh sách sản phẩm.

1a Hệ thống kiểm tra thông tin không thành công và hiển thị thông báo.

Use case dừng lại. b Chức năng của người dùng có tải khoản

Các tác nhân Khách hàng

Kích hoạt Người dùng ấn vào nút đăng nhập trên thanh menu Đầu vào Tên đăng nhập

Mật khẩu Trình tự xử lý 1 Chuyển sang form đăng nhập

2 Lấy thông tin từ form, kiểm tra không được để trống

3 Trống: chuyển hướng về trang đăng nhập và báo lỗi

4 Kiểm tra tên đăng nhập và mật khẩu có khớp với 1 tài khoản nào không a Đúng: i Tạo phiên đăng nhập, lưu tên, mã tài khoản vào phiên. ii Chuyển hướng tới trang của người dùng b Sai: chuyển hướng về trang đăng nhập và thông báo lỗi Đầu ra Đúng: hiển thị trang người dùng và thông báo thành công

Sai: hiển thị trang đăng nhập và thông báo thất bại

Xem chi tiết sản phẩm:

Mô tả Xem chi tiết sản phẩm phụ kiện

Kích hoạt Người dùng ấn vào tiêu đề sản phẩm hoặc ấn vào hình ảnh Đầu vào Id sản phẩm

Trình tự xử lý Kiểm tra id của từng sản phẩm có khớp với sản phẩm nào không.

Nếu thông tin chính xác, người dùng sẽ được chuyển hướng đến trang chi tiết sản phẩm, nơi hiển thị đầy đủ các thông tin liên quan Ngược lại, nếu thông tin không chính xác, hệ thống sẽ thông báo lỗi.

Thêm sản phẩm vào giỏ hàng:

Mô tả Thêm sản phẩm vào giỏ hàng

Kích hoạt Người dùng ấn vào nút thêm vào giỏ hàng trên trang web Đầu vào Số lượng

Id sản phẩm Trình tự xử lý Lấy thông tin từ trang chi tiết sản phẩm

Kiểm tra xem người dùng đã có tài khoản hay chưa, nếu chưa thì thông báo “Bạn phải đăng nhập để sử dụng chức năng này” và báo lỗi

Kiểm tra số lượng sản phẩm khi người dùng thực hiện lựa chọn Nếu số lượng không hợp lệ, hiển thị thông báo "Số lượng sản phẩm bạn đặt đã đạt tối đa" và thông báo lỗi cho người dùng.

Kiểm tra xem sản phẩm có tồn tại hay không, nếu không thì thông báo “Không tìm thấy sản phẩm” và báo lỗi

Nếu có thì kiểm tra xem thông tin sản phẩm hợp lệ hay không

Nếu sản phẩm được thêm thành công, hiển thị thông báo “Thêm sản phẩm vào giỏ hàng thành công” và cập nhật số lượng sản phẩm trong giỏ hàng, biểu thị qua biểu tượng giỏ hàng bên cạnh.

Nếu sản phẩm không hợp lệ, sẽ hiển thị thông báo "không thể thêm sản phẩm vào giỏ hàng" cùng với báo lỗi Ngược lại, nếu hợp lệ, số lượng sản phẩm trong giỏ hàng sẽ được cập nhật và hiển thị qua biểu tượng giỏ hàng bên cạnh.

Sai: thông báo “không thể thêm sản phẩm vào giỏ hàng” và báo lỗi

Người dùng xem giỏ hàng:

Mô tả Xem sản phẩm trong giỏ hàng

Kích hoạt Người dùng ấn vào nút xem giỏ hàng phía dưới nút thêm vào giỏ hàng Đầu vào 

Trình tự xử lý hiển thị toàn bộ thông tin sản phẩm mà khách hàng đã đặt, đồng thời tính tổng chi phí của đơn hàng Nếu có sản phẩm trong giỏ hàng, hệ thống sẽ chuyển sang trang hiển thị các sản phẩm.

Nếu không có sản phẩm thì hiển thị thông báo: không có sản phẩm nào trong giỏ hàng

Người dùng đặt, mua hàng

Mô tả Người dùng đặt, mua hàng

Khi người dùng nhấn nút thanh toán trên trang sản phẩm trong giỏ hàng, hệ thống sẽ kiểm tra xem giỏ hàng có sản phẩm nào không Nếu giỏ hàng trống, sẽ hiển thị thông báo "giỏ hàng trống không thể đặt hàng" và thông báo lỗi cho khách hàng.

Nếu có sản phẩm thì chuyển sang trang đặt hàng Lấy thông tin từ form, kiểm tra thông tin không được để trống

Nếu thông tin khách hàng không được nhập đầy đủ, hệ thống sẽ thông báo lỗi và yêu cầu nhập lại Khi thông tin hợp lệ, người dùng sẽ nhận được thông báo “bạn đã xác nhận thanh toán” và được chuyển đến trang hoàn tất đơn hàng, nơi hiển thị lời cảm ơn từ shop.

Sai: thông báo lỗi và yêu cầu nhập đúng theo yêu cầu

Người dùng xem danh sách đơn hàng đã đặt:

Mô tả Xem danh sách đơn hàng đã đặt

Kích hoạt Người dùng ấn vào nút xem đơn hàng Đầu vào Thông tin các sản phẩm đã đặt hàng

Trình tự xử lý chuyển hướng đến trang danh sách đơn hàng của tôi sẽ hiển thị thông tin chi tiết mà khách hàng đã chọn trong quá trình đặt hàng Kết quả đầu ra sẽ là việc hiển thị các thông tin đơn hàng mà khách hàng đã lựa chọn.

Người dùng xem chi tiết đơn hàng:

Kích hoạt Người dùng ấn vào nút >> ở cột chi tiết trong trang danh sách đơn hàng Đầu vào Thông tin các sản phẩm trong đơn hàng cần xem

Trình tự xử lý chuyển hướng sang form hóa đơn mua hàng sẽ hiển thị đầy đủ thông tin của người nhận cùng với thông tin sản phẩm đã đặt, bao gồm cả đơn giá.

Người dùng tìm kiếm sản phẩm trong trang chủ:

Mô tả Tìm kiếm sản phẩm

Kích hoạt Người dùng ấn vào nút tìm kiếm trong phần tìm kiếm sản Đầu vào phẩmTên sản phẩm cần tìm kiếm

Trình tự xử lý Kiểm tra xem chuỗi nhập vào có rỗng hay không

Nếu ô tìm kiếm rỗng, hệ thống sẽ hiển thị toàn bộ sản phẩm có trên trang chủ Nếu ô tìm kiếm có nội dung, hệ thống sẽ kiểm tra xem chuỗi người dùng nhập vào có nằm trong danh sách tiêu đề sản phẩm hay không; nếu có, sẽ hiển thị các sản phẩm có tên tương tự Nếu không tìm thấy sản phẩm nào phù hợp, hệ thống sẽ không hiển thị sản phẩm nào Cuối cùng, thông tin của người nhận và chi tiết sản phẩm đã đặt, bao gồm đơn giá, sẽ được hiển thị.

Người dùng đổi mật khẩu:

Mô tả Đổi mật khẩu

Kích hoạt Người dùng ấn vào nút nút đổi mật khẩu Đầu vào Tên đăng nhập

Mật khẩu Trình tự xử lý 1 Chuyển sang form đổi mật khẩu

2 Lấy thông tin từ form, kiểm tra không được để trống

3 Trống: chuyển hướng về trang đổi mật khẩu và báo lỗi

4 Nhập mật khẩu muốn đổi vào ô “ mật khẩu mới” sau đây nhấn đổi mật khẩu, sau đấy hiển thị thông báo “đổi mật khẩu thành công” Đầu ra hiển thị thông báo “đổi mật khẩu thành công”.

Người dùng đăng xuất tài khoản:

Mô tả Đăng xuất tài khoản

Kích hoạt Người dùng ấn vào nút đăng xuất trong phần tài khoản Đầu vào Tên đăng nhập

Khi người dùng nhấn nút đăng xuất, hệ thống sẽ kết thúc phiên đăng nhập hiện tại và chuyển hướng đến trang đăng nhập Để tiếp tục sử dụng tài khoản, người dùng cần đăng nhập lại từ đầu.

Người dùng huỷ đơn hàng:

Mô tả Huỷ đơn hàng

Kích hoạt Người dùng ấn vào nút huỷ đơn hàng trong trang danh sách đơn hàng Đầu vào Đơn hàng đã đặt và trong thời gian chờ xác nhận

Để xử lý yêu cầu huỷ đơn hàng, trước tiên cần kiểm tra xem đơn hàng có đủ điều kiện huỷ hay không Nếu đủ điều kiện, hệ thống sẽ xoá đơn hàng cùng toàn bộ sản phẩm đã đặt Ngược lại, nếu không đủ điều kiện, sẽ hiển thị thông báo “huỷ đơn hàng không thành công” và báo lỗi Khi huỷ thành công, hệ thống sẽ thông báo “bạn đã huỷ đơn hàng thành công” và cập nhật trạng thái trong bảng danh sách đơn hàng thành “đã huỷ”.

Sai: hiển thị thông báo”huỷ đơn hàng không thành công” và báo lỗi” c Chức năng của quản trị viên

Các tác nhân Quản trị viên

Kích hoạt Quản trị viên ấn vào nút quản trị viên trên thanh menu và click vào quản trị viên Đầu vào Tên đăng nhập ( của quản trị viên )

Khi người dùng ấn đăng nhập, hệ thống sẽ chuyển đến Trang chủ Nếu tài khoản là của người dùng, các chức năng dành cho họ sẽ được hiển thị Ngược lại, nếu tài khoản là của quản trị viên, sẽ có thêm mục quản trị xuất hiện.

2 Click vào mục quản trị để chuyển sang trang quản trị viên , mặc định là trang thống kê

Xem danh sách sản phẩm:

Mô tả Xem danh sách các sản phẩm của trang web

Kích hoạt Quản trị viên ấn vào mục sản phẩm trên thanh menu khi đã ở trong trang quản trị Đầu vào Tài khoản quản trị viên

Trình tự xử lý 1 ấn vào mục sản phẩm

2 chuyển sang trang danh sách sản phẩm Đầu ra Trang danh sách sản phẩm , mỗi sản phẩm xuất hiện them các chức năng Sửa , Chi tiết , Xóa

Mô tả Thêm sản phẩm cho trang web

Kích hoạt Quản trị viên ấn vào nút tạo mới trong trang danh sách sản Đầu vào phẩmDanh mục

Số lượng Trình tự xử lý 1 Chọn danh mục sản phẩm

4 Chọn ảnh cho sản phẩm a ấn vào Choose File b tìm đến file ảnh trong máy c ấn Open để tải ảnh lên (có thể chọn nhiều ảnh)

5 Điền mô tả sản phẩm

7 ấn vào tạo mới Đầu ra Đúng: sản phẩm được them lên trang web

Sai: thông báo không được để trống các mục và phải điền đầy đủ thông tin

Mô tả Tìm kiếm sản phẩm trong mục danh sách sản phẩm

Kích hoạt Ấn vào nút Tìm trên trang

14 | T H L V N Đầu vào Tên sản phẩm

Trình tự xử lý 1 Nhập tên sản phẩm cần tìm

2 Ấn vào nút Tìm Đầu ra Nếu có sản phẩm thì hiển thị thông tin sản phẩm trong bảng danh dách sản phẩm bên dưới

Nếu không có sản phẩm thì bảng danh sách bên dưới sẽ trống

Sửa thông tin sản phẩm:

Mô tả Sửa thông tin sản phẩm

Kích hoạt Quản trị viên ấn vào nút Lưu trong trang chỉnh sửa Đầu vào Danh mục

số lượng Trình tự xử lý 1 trong trang danh sách sản phẩm , ấn vào nút Sửa

2 Chuyển sang trang chỉnh sửa

3 Sau khi chỉnh sửa lại các thông tin thì ấn vào nút Lưu

PHÂN TÍCH

Biểu đồ lớp khái quát

a Sơ đồ lớp ứng dụng

20 | T H L V N b Sơ đồ lớp chức năng c Sơ đồ lớp database d Sơ đồ lớp data giỏ hàng

Biểu đồ trạng thái

Trạng thái trong quá trình người dùng đặt một đơn hàng

THIẾT KẾ

Biểu đồ lớp chi tiết

 Quan hệ của các lớp ánh xạ từ database

 Quan hệ các lớp chứa thông tin giỏ hàng

 Quan hệ của các controller khách hàng với các lớp web_bhContext và CartContext

 Quan hệ các controller admin với web_bhContext

Biểu đồ hoạt động

 Thêm sản phẩm vào giỏ hàng

 Xem chi tiết đơn hàng

 Đăng ký a Xem danh sách sản phẩm b Xem chi tiết sản phẩm

30 | T H L V N c Thêm sản phẩm d Sửa sản phẩm

32 | T H L V N e Xóa sản phẩm f Xem danh mục

34 | T H L V N g Sửa danh mục h Thêm danh mục

Biểu đồ tuần tự

a Biểu đồ tuần tự các chức năng của người dùng

 Thêm sản phẩm vào giỏ hàng

 Đăng nhập b Biểu đồ tuần tự các chức năng của admin

 Xem danh sách sản phẩm, chi tiết sản phẩm

 Xem danh sách danh mục, chi tiết danh mục

 Xem danh sách đơn hàng

 Sửa trạng thái đơn hàng

 Xem thống kê theo tháng

Biểu đồ triển khai

Thiết kế giao diện

Mô tả: oGiao diện trang chủ là màn hình chính khi người dùng truy cập vào.

Khi người dùng chọn một danh mục sản phẩm hoặc tìm kiếm theo tên trên thanh công cụ, giao diện sản phẩm sẽ hiển thị Tất cả sản phẩm thuộc danh mục đã chọn sẽ được hiển thị đầy đủ.

Giao diện Chi tiết sản phẩm:

Khi người dùng chọn một sản phẩm, giao diện chi tiết sản phẩm sẽ hiển thị, cho phép họ xem tất cả hình ảnh liên quan Người dùng có thể dễ dàng thêm sản phẩm vào giỏ hàng để tiến hành đặt mua và cũng có thể kiểm tra tất cả thông số kỹ thuật của sản phẩm.

Giao diện trang giỏ hàng

Sau khi khách hàng chọn sản phẩm và số lượng mong muốn, họ chỉ cần nhấn nút "Thêm vào giỏ hàng" trên trang chi tiết sản phẩm Sản phẩm sẽ được thêm vào giỏ hàng với giao diện hiển thị dễ dàng Để xem các sản phẩm đã đặt, khách hàng có thể nhấn nút "Xem giỏ hàng" nằm dưới nút "Thêm vào giỏ hàng", điều này sẽ chuyển hướng đến trang giỏ hàng Nếu muốn tiếp tục mua sắm, quý khách chỉ cần nhấn vào liên kết "Tiếp tục mua hàng" để trở về trang chủ và tiếp tục lựa chọn sản phẩm.

Giao diện trang đặt hàng

Sau khi xác nhận đặt hàng, quý khách nhấn nút thanh toán để truy cập vào trang đặt hàng với giao diện như hình ảnh minh họa Tại đây, quý khách cần điền đầy đủ và chính xác thông tin theo yêu cầu.

64 | T H L V N với các mục tương ứng ở trên và nhấn nút thanh toán để hoàn tất quá trình đặt hàng Ấn vào link quay lại để trở về trang giỏ hàng.

Giao diện sau khi đặt hàng thành công

Sau khi hoàn tất quá trình đặt hàng ở trang đặt hàng sẽ hiển thị trang đặt hàng thành công Thế là quý khách đã đặt hàng thành công rồi !

Để tận dụng đầy đủ các chức năng trên trang web của chúng tôi, quý khách cần tạo tài khoản và đăng nhập Khi nhấn vào mục đăng nhập, một popup sẽ hiện ra yêu cầu quý khách nhập đúng tài khoản và mật khẩu đã đăng ký Ngoài ra, quý khách có thể sử dụng checkbox lưu đăng nhập để ghi nhớ thông tin đăng nhập cho lần sau Sau khi hoàn tất, nhấn nút đăng nhập để truy cập tài khoản và thực hiện các giao dịch mua sắm trên trang web.

Các menu điều khiển footer Bảng hiển thị các đơn hàng

Giao diện Chi tiết đơn hàng

Nơi hiển thị thông tin khách hàng và thời gian giao hàng

Nơi hiển thị thông tin thời gian đặt hàng và tổng số tiền phải trả

Bảng hiển thị danh sách các đơn hàng mà khách hàng đã đặt

Giao diện Đăng ký b Giao diện quản trị viên

Phần điền thông tin cần thiết để có thể đăng ký tài khoản

Button đăng ký tài khoản

Mô tả: Sau khi quản trị viên đăng nhập và chuyển hướng sang trang quản trị thì sẽ hiện giao diện thống kê

Mô tả: Tab sản phẩm ở trang quản trị viên sẽ hiển thị danh sách sản phẩm, các button điểu hướng các chức năng tương ứng

Sau khi quản trị viên nhấn vào “Thêm mới” trong tab sản phẩm, trang tạo sản phẩm mới sẽ xuất hiện với các trường nhập thông tin cần thiết cho sản phẩm.

Sau khi nhấp vào chi tiết của một sản phẩm, trang sẽ hiển thị thông tin chi tiết của sản phẩm đó Tại đây, người dùng có thể thêm ảnh cho sản phẩm thông qua ô nhập liệu và sử dụng các nút để xóa những ảnh tương ứng.

Trong tab đơn hàng, quản trị viên có thể dễ dàng xem danh sách tất cả các đơn hàng Bên cạnh đó, có một danh sách thả xuống cho phép chỉnh sửa trạng thái của từng đơn hàng Ngoài ra, nút ">>" giúp quản trị viên truy cập vào chi tiết của từng đơn hàng một cách nhanh chóng.

TEST CASE

Test case phía người dùng

Test content Chức năngFeatu re

Tiêu đềTitle Điều kiện test Testprec ondition

Test producedure Kết quả mong đợi Expected result SR-3.1 TC_0

Tìm thấy kết quả theo tên sản phẩm

1 Ở trang Tìm kiếm sản phẩm, chọn giá trị dropdown “Tìm theo” là “ tên sản phẩm”

2 Ở textbox “Tìm kiếm”, nhập tên một sản phẩm có trong hệ thống

Các sản phẩm của tên sản phẩm đó hiển thị ở phần kết quả tìm kiếm SR-3.1 TC_0

Tìm thấy kết quả theo tên sản phẩm

2 Ở textbox “Tìm kiếm”, nhập tên đẩy đủ hoặc một phần tên một sản phẩm có trong hệ thống

Các sản phẩm của tên sản phẩm đó hiển thị ở phần kết quả tìm kiếm

Không tìm thấy kết quả theo tên sản phẩm

2 Ở textbox “Tìm kiếm”, nhập tên một sản phẩm không có trong hệ thống

“Không tìm thấy kết quả nào”

TC_04 Đăng nhập Đăng nhập thành công

1 Ở trang tài khoản, chọn hình thức “Đăng nhập”

2 Ở textbox tài khoản nhập tên tài khoản có trong hệ thống

3 Ở textbox mật khẩu nhập mật khẩu có trong hệ thống

TC_05 Đăng nhập Đăng nhập không thành công

1 Ở trang tài khoản, chọn hình thức “Đăng nhập”

2 Ở textbox tài khoản nhập tên tài khoản không có trong hệ thống

3 Ở textbox mật khẩu nhập mật khẩu không có trong hệ thống

“đăng nhập không thành công” và chuyển về form đăng nhập

TC_06 Đăng ký Đăng ký thành công

1 Ở trang tài khoản, chọn hình thức “Đăng ký”

2 Ở textbox tài khoản nhập hợp lệ tên tài khoản không có trong hệ thống

3 Ở textbox mật khẩu nhập hợp lệ mật khẩu muốn đăng ký

“Đăng ký thành công” và chuyển về form đăng nhập

TC_07 Đăng ký Đăng ký không thành công

1 Ở trang tài khoản, chọn hình thức “Đăng ký”

2 Ở textbox tài khoản nhập không hợp lệ tên tài khoản không có trong hệ thống hoặc bỏ trống

3 Ở textbox mật khẩu nhập không hợp lệ mật khẩu muốn đăng ký hoặc bỏ trống

“Tên đăng nhập hoặc mật khẩu không hợp lệ”

TC_08 Xem chi tiết sản phẩm

1 Ở trang chủ, ấn vào tiêu đề sản phẩm hoặc ấn vào hình ảnh minh hoạ của sản phẩm

2 Id của sản phẩm khớp với sản phẩm

Chuyển hướng đến trang detail của sản phẩm tương ứng

TC_09 Xem chi tiết sản phẩm

1 Ở trang chủ, ấn vào tiêu đề sản phẩm hoặc ấn vào hình ảnh minh hoạ của sản phẩm

2 Id của sản phẩm không khớp với sản phẩm

TC_10 Thêm sản phẩm vào giỏ hàng

Thêm thành công Đã đăng nhập tài khoản người dùng

1 Ở trang detail, xem thông tin sản phẩm

2 Số lượng sản phẩm khi người dùng chọn hợp lệ

3 Sản phẩm vẫn còn tồn tại trong kho hàng

4 Bấm nút thêm vào giỏ hàng

Hiển thị “sản phẩm đã được thêm vào giỏ hàng thành công”

TC_11 Thêm sản phẩm vào giỏ hàng

Thêm không thành công Đã đăng nhập tài khoản người dùng

1 Ở trang detail, xem thông tin sản phẩm

2 Số lượng sản phẩm khi người dùng chọn không hợp lệ

3 Sản phẩm không còn tồn tại trong kho hàng, hết hàng

4 Bấm nút thêm vào giỏ hàng

“Không thể thêm sản phẩm này vào giỏ hàng”

Xem thành công Đã đăng nhập tài khoản người dùng

1 Đã có sản phẩm trong giỏ hàng2 Ấn vào nút xem giỏ hàng phía dưới nút thêm vào giỏ hàng

Chuyển sang trang sản phẩm trong giỏ hàng

Xem không thành công Đã đăng nhập tài khoản người dùng

1 Chưa có sản phẩm trong giỏ hàng2 Ấn vào nút xem giỏ hàng phía dưới nút thêm vào giỏ hàng

Hiển thị không có sản phẩm nào trong giỏ

TC_14 Đặt, mua hàng Đặt mua thành công Đã đăng nhập tài khoản người dùng

1 ấn vào nút thanh toán ở trang sản phẩm trong giỏ hàng

2 Lấy thông tin hợp lệ từ form

3 Bấm nút hoàn thành hiển thị thông báo

“bạn đã xác nhận thanh toán” và chuyển sang trang hoàn thành quá trình đặt, mua hàng

TC_15 Đặt, mua hàng Đặt mua không thành công Đã đăng nhập tài khoản người dùng

1 ấn vào nút thanh toán ở trang sản phẩm trong giỏ hàng

2 Lấy thông tin không hợp lệ từ form3 Bấm nút hoàn thành thông báo lỗi và yêu cầu nhập đúng theo yêu cầu

TC_16 Xem chi tiết đơn hàng đã đặt

1 Có đơn hàng đã đặt

2 Ấn vào nút xem đơn hàng Chuyển hướng sang trang danh sách đơn hàng của tôi hiển thị các thông tin mà khách hàng đã lựa chọn ở trang đặt hàng.

TC_17 Xem chi tiết đơn hàng đã đặt

1 Không có đơn hàng đã đặt

2 Ấn vào nút xem đơn hàng Báo lỗi

TC_18 Xem chi tiết đơn hàng

1 Có đơn hàng đã đặt

2 ấn vào nút >> ở cột chi tiết trong trang danh sách đơn hàng

Chuyển hướng sang form hoá đơn mua hàng hiển thị toàn bộ thông tin của người nhận và thông tin sản phẩm đã đặt bao gồm cả đơn giá

TC_19 Xem chi tiết đơn hàng

1 Không có đơn hàng đã đặt

2 ấn vào nút >> ở cột chi tiết trong trang danh sách đơn hàng

TC_20 Đổi mật khẩu Đổi thành công Đã đăng nhập tài khoản người dùng

1 ấn vào nút nút đổi mật khẩu

2 Chuyển sang form đổi mật khẩu3 Lấy thông tin hợp lệ từ form

4 Nhấn nút đổi mật khẩu hiển thị thông báo

“đổi mật khẩu thành công”.

TC_21 Đổi mật khẩu Đổi không thành công Đã đăng nhập tài khoản người dùng

1 ấn vào nút nút đổi mật khẩu

2 Chuyển sang form đổi mật khẩu3 Lấy thông tin không hợp lệ từ form, form trống

4 Nhấn nút đổi mật khẩu hiển thị thông báo

“đổi mật khẩu không thành công”.

TC_22 Đăng xuất tài khoản Đăng xuất Đã đăng nhập tài khoản người dùng

1 ấn vào nút đăng xuất trong phần tài khoản Khi người dùng ấn vào nút đăng xuất sẽ chuyển hướng sang trang đăng nhập và kết thúc phiên đăng nhập của tài khoản hiện tạiChuyển hướng sang trang đăng nhập và phải đăng nhập lại từ đầu

Huỷ thành công Đã đăng nhập tài khoản người dùng

1 đơn hàng đủ điều kiện để huỷ đơn hàng

2 ấn vào nút huỷ đơn hàng trong trang danh sách đơn hàng hiển thị thông báo

“bạn đã huỷ đơn hàng thành công” và cột trạng thái trong bảng danh sách đơn hàng chuyển thành “ đã

Huỷ không thành công Đã đăng nhập tài khoản người dùng

1 đơn hàng không đủ hoặc quá điều kiện để huỷ đơn hàng

2 ấn vào nút huỷ đơn hàng trong trang danh sách đơn hàng hiển thị thông báo”huỷ đơn hàng không thành công” và báo lỗi”

Test case phía admin

Tiêu đềTitle Điều kiện testTestpreco

Test producedure Kết quả mong đợiExpected

Xem thống kê trong một tháng Đã đăng nhập tài khoản admin

1.Vào mục quản trị dành riêng cho quản trị viên

2.Chọn tháng cần xem thống kê

Hiển thị danh sách thống kê theo tháng

2 Chỉnh sửa thông tin sản phẩm

Chỉnh sửa thành công Đã đăng nhập tài khoản admin

1 Ở trang sản phẩm trong phần quản trị , chọn chỉnh sửa một sản phẩm

2 Ở các ô textbox , điền đầy đủ các thông tin cần chỉnh sửa

3 Chọn Lưu để hoàn thành chỉnh sửa

Chỉnh sửa thành công , chuyển sang trang chi tiết sản phẩm

Chỉnh sửa không thành công Đã đăng nhập tài khoản admin

1.Ở trang sản phẩm trong phần quản trị , chọn chỉnh sửa một sản phẩm

2.Ở các ô textbox , điền các thông tin cần chỉnh sửa , bỏ trống một ô textbox

3.Chọn Lưu để hoàn thành chỉnh sửa

Hiển thị ra thông báo không được để trống mục nào

Chỉnh sửa không thành công Đã đăng nhập tài khoản admin

1.Ở trang sản phẩm trong phần quản trị , chọn chỉnh sửa một sản phẩm

2.Ở ô textbox giá và số lượng , nhập các ký tự không phải số 3.Chọn Lưu để hoàn thành chỉnh sửa

Hiển thị ra thông báo không được để trống mục nào , phần giá và số lượng chỉ có thể chọn số

Thêm sản phẩm thành công Đã đăng nhập tài khoản admin

1.Ở trang sản phẩm trong phần quản trị , chọn Tạo mới 2.Điền đầy đủ thông tin sản 3.Chọn Lưu để hoàn thành thêmphẩm mới sản phẩm

Thêm sản phẩm thành công , chuyển sang trang chi tiết sản phẩm

Thêm sản phẩm không thành công Đã đăng nhập tài khoản admin

1.Ở trang sản phẩm trong phần quản trị , chọn tạo mới một sản phẩm

2.Ở các ô textbox , điền các thông tin sản phẩm , bỏ trống một ô textbox

Hiển thị ra thông báo không được để trống mục nào

3.Chọn Lưu để hoàn thành tạo sản phẩm

Thêm sản phẩm không thành công Đã đăng nhập tài khoản admin

1.Ở trang sản phẩm trong phần quản trị , chọn tạo mới một sản phẩm

2.Ở ô textbox giá và số lượng , nhập các ký tự không phải số 3.Chọn Lưu để hoàn thành tạo mới

Hiển thị ra thông báo không được để trống mục nào , phần giá và số lượng chỉ có thể chọn số

Xóa sản phẩm thành công Đã đăng nhập tài khoản admin

1.ở trang sản phẩm trong phần quản trị , chọn Xóa

2.Tự động chuyển hướng sang trang Xóa

3.Chọn Xóa để xác nhận xóa sản phẩm

Xóa sản phẩm thành công

TC_09 Tạo mới danh mục

Thêm danh mục thành công Đã đăng nhập tài khoản admin

1 Ở trang danh mục trong phần quản trị , chọn Tạo mới

2 Nhập tên danh mục cần tạo

3 Chọn Tạo để xác nhận tạo danh mục

Danh mục được tạo thành công

Thêm danh mục không thành công Đã đăng nhập tài khoản admin

1 Ở trang danh mục trong phần quản trị , chọn Tạo mới

2 Nhập tên danh mục đã tồn tại

3 Chọn Tạo để xác nhận tạo danh mục

Thông báo đã tồn tại danh mục này

Thêm danh mục không thành công Đã đăng nhập tài khoản admin

1.Ở trang danh mục trong phần quản trị , chọn Tạo mới

2.Để trống tên danh mục cần tạo 3.Chọn Tạo để xác nhận tạo danh mục

Hiển thị thông báo không được để trống

Sửa danh mục thành công Đã đăng nhập tài khoản admin

1.Ở trang danh mục dành cho quản trị , chọn Sửa

2.Đổi lại tên danh mục 3.ấn lưu để xác nhận đổi tên danh mục

Chỉnh sửa danhn mục thành công , chuyển hướng sang trang chi tiết

Để sửa danh mục không thành công trên trang quản trị, hãy đăng nhập vào tài khoản admin và chọn mục "Sửa Thông báo".

3 ấn lưu để xác nhận đổi tên danh mục

Sửa danh mục không thành công Đã đăng nhập tài khoản admin

1.Ở trang danh mục dành cho quản trị , chọn Sửa

2.Để trống tên danh mục 3.ấn lưu để xác nhận đổi tên danh mục

Thông báo không được để trống tên danh mục

Xóa danh mục thành công Đã đăng nhập tài khoản admin

1 Ở trang danh mục trong phần quản trị , chọn xóa

2 Chọn lại xóa để xác nhận xóa danh mục

Danh mục được xóa thành công

TC_16 Xem danh sách đơn hàng

Hiển thị danh sách đơn hàng Đã đăng nhập tài khoản admin

1 Ở trang quản trị , chọn đơn hàng Hiển thị danh sách đơn hàng

TC_17 Chuyể n trạng thái đơn hàng

Chuyể n trạng thái sang chờ xác nhận Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái khác sang trạng thái chờ xác nhận

Thông báo lỗi , không thể chuyển về laị trạng thái này

Chuyể n trạng thái đang giao hàng Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái chờ xác nhận sang trạng thái đang giao hàng

Hiển thị thông báo chuyển thành công

Chuyể n trạng thái đang giao hàng Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái khác trạng thái chờ xác nhận sang trạng thái đang giao hàng

Chuyể n sang đã giao hàng Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái đang giao hàng sang trạng thái đã giao hàng

Chuyể n sang đã giao hàng Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái khác trạng thái đang giao hàng sang trạng thái đã giao hàng

Chuyể n sang đã hủy Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái chờ xác nhận hoặc đang giao hàng sang đã hủy

Chuyể n sang đã hủy Đã đăng nhập tài khoản admin

1 Ở trang đơn hàng , trong cột trạng thái , chuyển từ trạng thái đã giao hàng sang đã hủy

TRIỂN KHAI CODE

Triển khai code chức năng thống kê doanh số bán hàng

Sử dụng ajax để lấy dữ liệu thống kê qua 2 phương thức ở phía sever

Sử dụng thư viện chart.js để thể hiện biểu đồ thống kê Đoạn code ajax để lấy dữ liệu thống kê từ sever và load ra màn hình

Triển khai code chức năng xuất hóa đơn mua hàng ra file excel

Sử dụng thư viện ExcelPackage để xử lý in thông tin đơn hảng ra file excel

Triển khai code chức năng xuất hóa đơn mua hàng ra file csv

Sử dụng lớp StringBuilder để in hóa đơn ra theo định dạng csv

Triển khai code chức năng hủy đơn hàng cho người dùng

Phương thức cho chức năng hủy đơn hàng

Giao diện phía người dùng

 Giao diện chi tiết sản phẩm

Giao diện phía quản trị viên

 Giao diện quản lý sản phẩm

 Giao diện quản lý danh mục

 Giao diện quản lý đơn hàng

Tiêu đề	Phân tích – Thiết kế website bán phụ kiện máy tính
Tác giả	Hứa Tuấn Anh, Nguyễn Văn Hoài Trung, Phạm Đình Thơ, Đặng Như Thính
Người hướng dẫn	Phan Đình Sinh
Trường học	Trường Đại Học Quy Nhơn
Thể loại	Báo cáo thực hành
Năm xuất bản	2022
Thành phố	Quy Nhơn

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