Báo cáo btl phân tích thiết kế website tranh ngọc hưng

Trang 3 án phân tích website Tranh Ngọc Hưng để giúp tiếp cận tốt hơn đối với việc giúp mọi người hiểu rõ hơn thiết kế của một websitevà giúp khách hàng có thể tìm kiếm, mua được các bức

Khảo sát hệ thống

Khảo sát chi tiết

1.2.1 Hoạt động của hệ thống

 Hoạt động xem các danh mục tranh: Cho phép khách hàng xem các thể loại tranh được bán và các tranh trong từng thể loại

 Hoạt động xem tranh theo vị trí: Cho phép khách hàng xem các vị trí tranh và tranh theo từng vị trí

 Hoạt động xem tranh theo chủ đề: Cho phép khách hàng xem các chủ đề tranh được bán và các tranh trong từng chủ đề

 Hoạt động bán hàng: Đối với khách hàng mua thì trước hết họ phải thêm vào giỏ hàng Sau khi đối chiếu với lượng hàng còn trong kho, nếu đủ thì sẽ tiến hành lập hóa đơn bán hàng và bán cho khách.

 Hoạt động xem sản phẩm theo danh mục: Cho phép khách hàng xem tranh, đồng hồ treo tường theo danh mục, chủ đề , xem các bức tranh, đồng hồ treo tường mới

 Hoạt động xem thông tin: Cho phép khách hàng xem thông tin giới thiệu về cửa hàng, tin tức đã được đăng tải

 Hoạt động xem sản phẩm: Cho phép khách hàng xem chi tiết thông tin về sản phẩm (Hình ảnh, giá cả, nguồn gốc, bảo hành, mô tả chi tiết về chất liệu, chính sách giao hàng , đổi trả )

 Hoạt động tìm kiếm: Cho phép khách hàng tìm kiếm tranh, đồng hồ treo tường theo theo tiêu đề tranh, theo trường phái, theo chất liệu, theo giá, theo màu sắc,…

 Hoạt động đăng ký: Cho phép khách hàng đăng ký một tài khoản người mua để mua hàng (Yêu cầu nhập các thông tin bao gồm: Tên, email, mật khẩu, địa chỉ , số điện thoại và click vào nút đăng kí để đăng kí tài khoản)

 Hoạt động đăng nhập và quản lý: Cho phép đăng nhập (Yêu cầu nhập email , mật khẩu đã đăng kí trước đó và click vào nút đăng nhập ) và quản lý thông tin cá nhân trong tài khoản đã đăng ký và xem lịch sử mua hàng của mình

 Hoạt động đặt hàng: Cho phép người mua hàng đặt mua các sản phẩm của cửa hàng.

 Hoạt động thanh toán: Cho phép người mua hàng xem và lựa chọn các hình thức thanh toán và thanh toán những sản phẩm đã đặt mua.

 Hoạt động hỗ trợ khách hàng: Cho phép khách hàng có thể liên hệ với chur cửa hàng để yêu cầu hỗ trợ về những vấn đề gặp phải khi mua hàng và giải đáp những thắc mắc như vấn đề đặt hàng, vận chuyển , đổi trả

1.2.2 Các yêu cầu chức năng

Người dùng có thể vào website để thực hiện:

 thêm sản phẩm vào giỏ hàng

 xóa sản phẩm khỏi giỏ hàng

 quản lý thông tin người mua hàng

1.2.3 Các yêu cầu phi chức năng

- Yêu cầu về ngôn ngữ hệ thống: thân thiện, dễ nhìn với người dùng

 Phù hợp với hầu hết các thiết bị

 Giao diện thân thiện, trực quan, có tính thẩm mĩ, dễ sử dụng

 Sử dụng các công nghệ, ngôn ngữ mạnh mẽ, ổn định, bảo mật cao

Mô hình hóa chức năng

Biểu đồ use case

1) Xem danh mục tranh: Cho phép khách hàng xem tất cả các sản phẩm theo danh mục tranh

2) Xem tranh theo vị trí Cho phép khách hàng xem các vị trí tranh và các tranh theo vị trí

3) Xem tranh theo chủ đề: Cho phép khách hàng xem chủ đề tranh và các tranh trong chủ đề

4) Xem sản phẩm: Cho phép khách hàng xem chi tiết thông tin về sản phẩm( Hình ảnh, giá cả, nguồn gốc, bảo hành,…)

5) Xem tranh theo kích thước, chất liệu: Cho phép khách hàng xem tranh theo kích thước và chất liệu của tranh

6) Xem mẫu tranh: Cho phép khách hàng xem tranh theo mẫu có sẵn

7) Xem tranh khuyến mãi: Cho phép khách hàng xem tranh đang được khuyến mãi

8) Xem đồng hồ: Cho phép khách hàng xem các loại đồng hồ có sẵn

9) Tìm kiếm sản phẩm: Cho phép khách hàng tìm kiếm tranh theo tiêu đề tranh, theo trường phái, chất liệu, giá, màu sắc

10) Đăng ký: Cho phép khách hàng đăng ký một tài khoản người mua để mua hàng

11) Đăng nhập: Cho phép khách hàng đăng nhập tài khoản của mình

12) Quản lí giỏ hàng: Cho phép khách hàng xem những sản phẩm đã có và thêm, xóa những sản phẩm khác giỏ hàng

13) Đặt hàng: Cho phép người mua hàng đặt mua và thanh toán các sản phẩm của cửa hàng

2.1.2 Các use case thứ cấp

1) Hỗ trợ khách hàng: Cho phép khách hàng liên hệ với người chủ để yêu cầu hỗ trợ với những vấn đề gặp phải và giải đáp các thắc mắc

2) Bảo trì danh mục: Cho phép người quản trị xem, sửa, xóa thông tin trong bảng DANHMUC.

3) Quản lí sản phẩm: Cho phép người quản trị xem, sửa, thêm trạng thái trong bảng SANPHAM.

4) Quản lí tin tức: Cho phép người quản trị xem, sửa, thêm trạng thái trong bảng TINTUC.

5) Quản lí đơn hàng: Cho phép người quản trị xem, sửa, thêm trạng thái trong bảng DONHANG.

6) Quản lí thông tin người mua: Cho phép người quản trị xem, sửa, thêm trạng thái trong bảng THONGTIN_KHACHHANG.

2.1.3 Quan hệ giữa các usecase

Mô tả chi tiết các use case

2.2.1 Mô tả use case Xem sản phẩm (Phạm Đăng Đông)

Use case này cho phép người mua hàng xem thông tin chi tiết của từng sản phẩm

1) Use case này bắt đầu khi người mua hàng kích chuột vào tên một danh mục trong danh mục sản phẩm Hệ thống lấy thông tin về các bức tranh treo tường thuộc danh mục được chọn từ bảng TRANH và hiển thị ảnh về bức tranh, giảm giá, tiêu đề tranh, chát liệu tranh, giá tranh, số zalo và tên của danh mục lên màn hình

2) Khách hàng kích vào ảnh về một bức tranh trong danh sách

Hệ thống lấy thông tin của bức tranh được chọn từ bảng TRANH và hiển tị ảnh về bức tranh, tiêu đề tran, mã tranh, giá tranh, chất liệu, bảo hành, vận chuyển, giao hàng, nhận hàng, Hot & Zalo, nút “Thêm vào giỏ hàng”, thông tin sản phẩm, Hình ảnh thi công thực tế lên màn hình Use case kết thúc.

1) Tại bước 1 trong luồng cơ bản, nếu hệ thống không timd được 1 bức tranh nào thuộc danh mục được chọn thì hệ thống sẽ hiển thị thông báo “Chưa có bức tranh nào thuộc danh mục này!” Use case kết thúc.

2) Tại bất kỳ một thời điểm nào trong quá trình thực hiện use case, nếu không kết nối được với cơ sở dữ liệu thì hệ thống sẽ hiển thị một thông báo “Lỗi kết nối!” và use case kết thúc.

4 Các yêu cầu đặc biệt

2.2.2 Mô tả use case Quản lý sản phẩm(Phạm Đăng Đông)

Use case này cho phép người quản lý xem, thêm, sửa, xóa các bức tranh trong bảng TRANH

1) Use case này bắt đầu khi người quản trị kích chuột vào

“Tranh” trên menu quản trị Hệ thống lấy thông tin về các bức tranh treo tường từ bảng TRANH gồm ảnh về bức tranh, tên tranh, chất liệu tranh, giá tranh và hiển thị lên màn hình

2) Thêm tranh: a Người quản trị kích vào nút “Thêm mới” trên cửa sổ danh sách danh mục Hệ thống hiển thị màn hình yêu cầu nhập thông tin chi tiết cho bức tranh gồm mã tranh, tên tranh, chất liệu tranh, giá tranh. b Người quản trị nhập thông tin của mã tranh, tên tranh, chất liệu tranh, giá tranh và kích vào nút “Tạo” Hệ thống sẽ sinh một mã tranh mới, tạo một tên tranh trong bảng TRANH và hiển thị danh sách các bức tranh đã được cập nhật.

3) Sửa tranh: a Người quản trị kích vào nút “Sửa” trên một dòng tranh Hệ thống sẽ lấy thông tin cũ của bức tranh được chọn gồm: mã tranh, tên tranh , chất liệu tranh, giá tranh từ bảng TRANH và hiển thị lên màn hình. b Người quản trị nhập thông tin mới cho tên tranh và kích vào nút “Cập nhật” Hệ thống sẽ sửa thông tin của tranh được chọn trong bảng TRANH và hiển thị danh sách bức tranh đã cập nhật.

4) Xóa tranh: a Người quản trị kích vào nút “Xóa” trên một dòng tranh Hệ thống sẽ hiển thị một màn hình yêu cầu xác nhận xóa. b Người quản trị kích vào nút “Đồng ý” Hệ thống sẽ xóa bức tranh được chọn khỏi bảng TRANH và hiển thị danh sách các bức tranh đã cập nhật Use case kết thúc.

1) Tại bước 2b hoặc 3b trong luồng cơ bản nếu người quản trị nhập thông tin tranh không hợp lệ thì hệ thống sẽ hiển thị thông báo lỗi yêu cầu nhập lại Người quản trị có thể nhập lại để tiếp tục hoặc kích vào nút “Hủy bỏ” để kết thúc

2) Tại bước 2b hoặc 3b trong luồng cơ bản nếu người quản trị kích vào nút “Hủy bỏ” hệ thống sẽ bỏ qua thao tác thêm mới hoặc sửa chữa tương ứng và hiển thị danh sách các bức tranh trong bảng TRANH

3) Tại bước 4b trong luồng cơ bản nếu người quản trị kích vào nút “Không đồng ý” hệ thống sẽ bỏ qua thao tác xóa và hiển thị danh sách các bức tranh trong bảng TRANH.

4) Tại bất kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết nối được với cơ sử dữ liệu thì hệ thống sẽ hiển thị một thông báo lỗi và use case kết thúc.

4 Các yêu cầu đặc biệt

Use case này chỉ cho phép một số vai trò như người quản trị, người chủ hệ thống thực hiện

Người quản trị cần đăng nhập với vai trò quản trị hệ thống trước khi có thể thực hiện use case

Nếu use case kết thúc thành công thì thông tin về bức tranh sẽ được cập nhập trong cơ sở dữ liệu

2.2.3 Mô tả use case Xem sản phẩm theo danh mục (Lê Công Hậu)

Xem sản phẩm theo danh mục

Use case này cho phép khách hàng xem thông tin về các sản phẩm tranh.

1) Use case này bắt đầu khi khách hàng kích chuột vào nút

“Trang chủ” trên thanh menu Hệ thống sẽ lấy ra thông tin về các sản phẩm tranh gồm tên sản phẩm và ảnh minh họa từ bảng DANHMUC va hien thị lên màn hình.

2) Khách hàng kích vào tên một sản phẩm trong danh mục.Hệ thống sẽ lấy tên thể loại, ảnh minh họa, giá tiền, giảm giá, chất liệu và số điện thoại từ bảng THELOAITRANH và hiển thị lên màn hình.Use case kết thúc.

1) Tại bước 1 trong luồng cơ bản, nếu trong bảng DANHMUC nếu chưa có

Dữ liệu, thì hệ thống sẽ hiển thị lên một thông báo: ”Chưa có sản phẩm nào trong danh mục!” và use case kết thúc.

2) Tại bước 2 trong luồng cơ bản, nếu không tìm thấy thể loại tranh thuộc sản phẩm được chọn từ bảng TRANH, thì hệ thống sẽ hiển thị thông báo: “Không tìm thấy thể thoại tranh nào thuộc sản phẩm này!” và use case kết thúc.

Mô hình hóa dữ liệu

Các yêu cầu về dữ liệu

Website https://tranhtreotuong.vn/ là một website trực tuyến cho việc mua bán các tác phẩm tranh treo tường Website cần lưu thông tin về:

 Danh mục: Gồm mã danh mục, tên tranh, tên phù điều Trong một danh mục gồm có 0, 1 hoặc nhiều bức tranh Mỗi bức tranh cần thuộc 1 danh mục

 Các tranh theo vị trí: Gồm mã tranh theo vị trí, tên vị trí Trong tên vị trí có thể có 0, 1 hoặc nhiều bức tranh Mỗi bức tranh cần thuộc về một loại vị trí

 Các tranh theo chủ đề: Gồm mã tranh theo chủ đề, tên chủ đề Trong tên chủ đề có thể có 0, 1 hoặc nhiều bức tranh Mỗi bức tranh cần thuộc về một loại vị trí

 Tranh: Gồm có mã tranh, tiêu đề tranh, giá tranh, bảo hành , vận chuyển, nhận hàng.

 Giỏ hàng: Gồm có mã giỏ hàng, tên sản phẩm, đơn giá, số lượng, thành tiền Một giỏ hàng có thể chứa 0, 1, hoặc nhiều bức tranh, mỗi bức tranh cần thuộc 1 hoặc nhiều giỏ hàng

 Nhân viên: Gồm mã nhân viên, tên nhân viên, email, số điện thoại, địa chỉ Mỗi nhân viên có thể quản lí 0, 1 hoặc nhiều giỏ hàng

 Khách hàng: Gồm mã khách hàng, tên khách hàng, số điện thoại, địa chỉ, email Mỗi khách hàng có 0, 1 hoặc nhiều giỏ hàng, mỗi giỏ hàng chỉ của một khách hàng.

 Đồng hồ: Gồm mã Đồng hồ, tên đồng hồ, mô tả, giá đồng hồ 1 đồng hồ có 1 hoặc nhiều hình ảnh.

 Đơn hàng: gồm mã đơn hàng, ngày đặt, tổng đơn hàng, phí giao hàng, tổng cộng mỗi đơn hàng có một nhân viên phụ trách nhưng mỗi nhân viên có thể có 1 hoặc nhiều đơn hàng

 Hình ảnh: gồm mã hình ảnh, hình ảnh 0, 1 hoặc nhiều hình ảnh thuộc 1 đồng hồ Một tranh có thể có 0, 1 hoặc nhiều hình ảnh

 Chất liệu: gồm mã chất liệu, tên chất liệu, mô tả chất liệu Một chất liệu thuộc 0, 1 hoặc nhiều tranh

 Kích thước: gồm mã kích thước, kích thước, mô tả kích thước Một kích thước thuộc 0, 1 hoặc nhiều tranh.

 Khuyến mãi: gồm mã khuyến mãi, ngày bắt đầu, ngày kết thúc, giá khuyến mãi Một tranh có thể có 0, 1 hoặc nhiều khuyến mãi

Mô hình cơ sở dữ liệu mức vật lý

3.3.1 Thiết kế bảng a Bảng tranh b Bảng Tranh theo vị trí c Tranh theo chủ đề d Bảng Đồng hồ e Bảng Hình ảnh f Bảng Chất liệu g Bảng kích thước h Bảng Khuyến mãi i Bảng Danh mục j Bảng Khách hàng k Bảng giỏ hàng l Bảng Đơn hàng m Bảng Nhân viên

3.3.2 Biểu đồ thực thể liên kết mức vật lý

Phân tích use case

4.2.1 Phân tích use case Xem sản phẩm (Phạm Đăng Đông)

4.2.1.2 Biểu đồ lớp phân tích

4.2.2 Phân tích use case Quản lý sản phẩm (Phạm Đăng Đông)

4.2.3 Phân tích use case Xem sản phẩm theo danh mục (Lê Công Hậu)

4.2.4 Phân tích use case Quản lý thông tin người mua hàng (Lê Công Hậu)

4.2.5 Phân tích use case Quản lý giỏ hàng (Nguyễn Đức Hân)

4.2.6 Phân tích use case Quản lý tin tức (Nguyễn Đức Hân)

4.2.7 Phân tích use case Đăng ký (Lê Lê Na)

4.2.8 Phân tích use case Quản lý đơn hàng (Lê Lê Na) 4.2.8.1 Biểu đồ trình tự

4.2.9 Phân tích use case Tìm kiếm sản phẩm (Ngô Thị Thanh Thảo)

4.2.10 Phân tích use case Bảo trì danh mục (Ngô Thị Thanh Thảo)

Biểu đồ các lớp phân tích

Thiết kế giao diện

Giao diện use case Xem sản phẩm (Phạm Đăng Đông)

Biểu đồ lớp màn hình

Biểu đồ cộng tác của các màn hình

: TrangChuScreen : TrangChuScreen : TrangChuForm : TrangChuForm : DanhMucScreen : DanhMucScreen : DanhMucForm : DanhMucForm : ThongTinTranh : ThongTinTranh

Giao diện use case Quản lý sản phẩm (Phạm Đăng Đông)

Biểu đồ cộng tác của các màn hình

: NguoiQuanLy : MenuQuanTriScreen : MenuQuanTriScreen : QuanLySanPhamScreen : QuanLySanPhamScreen : QuanLySanPhamForm : QuanLySanPhamForm : ThemTranhScreen : ThemTranhScreen : ThemTranhForm : ThemTranhForm : SuaTranhScreen : SuaTranhScreen : SuaTranhForm : SuaTranhForm : XacNhanXoaTranhScreen : XacNhanXoaTranhScreen

Giao diện use case Xem sản phẩm theo danh mục (Lê Công Hậu)

Biều đồ cộng tác màn hình

Giao diện Quản lý thông tin người mua hàng (Lê Công Hậu)

Giao diện use case Quản lý giỏ hàng (Nguyễn Đức Hân)

Biều đồ cộng tác của các màn hình

: KhachHang : MenuQuanTriScreen : MenuQuanTriScreen : GioHangScreen : GioHangScreen : GioHangForm : GioHangForm :

Giao diện use case quản lý tin tức (Nguyễn Đức Hân)

: MenuQuanTriScreen : QuanLyTinTucForm : QuanLyTinTucForm : ThemTinTucScreen : ThemTinTucScreen : ThemTinTucForm : ThemTinTucForm : CapNhatTinTucForm : CapNhatTinTucForm : XacNhanXoaTinTucScreen : XacNhanXoaTinTucScreen

Giao diện use case Đăng ký (Lê Lê Na)

Biều đồ cộng tác của màn hình

Giao diện use case Quản lý đơn hàng (Lê Lê Na)

CapNhatDonHangForm maDonHang ngayDat maKhachHang luuThayDoi()

CapNhatDonHangScreen maDonHang ngayDat maKhachHang

k ich vao nut luu thay doi

k ich vao quan ly don hang k ich vao nut xoa k ich vao nut dong y k ich vao nut cap nhat k ich vao nut xac nhan

Biểu đồ cộng tác màn hình

: Quan ly :MenuQuanTri :MenuQuanTri :DanhSachDonHangS :DanhSachDonHangS :XacNhanXoaDonHangS :XacNhanXoaDonHangS :CapNhatDonHangS :CapNhatDonHangS :CapNhatDonHangF :CapNhatDonHangF :XacNhanXoaDonHangS :XacNhanXoaDonHangS

8:Nhap thong tin don hang

Giao diện use case Tìm kiếm sản phẩm (Ngô Thị Thanh Thảo)

Biểu đồ cộng tác màn hình

Giao diện use case Bao tri danh mục (Ngô Thị Thanh Thảo)

Biều đồ lớp màn hình

k ich vao danh muc k ich vao nut sua k ich vao nut cap nhat k ich vao nut xoa k ich vao nut dong y

k ich vao them moi kich vao nut tao

: Nguoi Quan Tri :MenuQuanTri :MenuQuanTri :DanhSachDanhMucS :DanhSachDanhMucS :NhapThongTinS :NhapThongTinS :NhapThongTinF :NhapThongTinF :CapNhatDanhMucS :CapNhatDanhMucS :CapNhatDanhMucF :CapNhatDanhMucF :XacNhanXoaS :XacNhanXoaS

5: Nhap thong tin danh muc moi

10: nhap thong tin danh muc

Biều đồ điều hướng giữa các màn hình

ChiTietSanPhamScreen tenSP anh giaTien giamGia chatLieu s oDienThoai

k ich ten san pham

ThongTinSanPham Screen hinhAnh tenSP maSP chatLieu giaSP

k ich vao b ieu tuong tim kiem

k ich vao nut Dang Ky Tai Khoan Mua

DangKyForm ten email matKhau diaChi soDienThoai kichDangKi()

DanhMucScreen anhTranh giamGia tieuDeTranh chatLieuTranh giaTranh soZalo tenDanhMuc

kich chon danh m uc

ThongTinTranhScreen anhTranh tieuDeTranh m aTranh giaTranh chatLieu baoHanh vanChuyen giaoHang nhanHang hotZalo themVaoGioHang thongTinSanPham hinhAnh

k ich chon anh tranh

MenuScreen kichTrangChu() kichTim Kiem() kichThanhTo anDonHang() kichDanhMuc() kichGioHang()

k ich Trang Chu k ich vao o tim k iem kich vao thanh toan don hang k ich vao nut danh m uc

GioHangScreen hinhAnh tenSanPham donGia soLuong

k ich vao gio hang

Nhóm use case thứ cấp

Tiêu đề	Phân Tích Thiết Kế Website Tranh Ngọc Hưng
Tác giả	Phạm Đăng Đông, Lê Công Hậu, Nguyễn Đức Hân, Lê Lê Na, Ngô Thị Thanh Thảo
Người hướng dẫn	Ths Nguyễn Thị Nhung
Trường học	Trường Đại Học Công Nghiệp Hà Nội
Chuyên ngành	Công Nghệ Thông Tin
Thể loại	báo cáo
Năm xuất bản	2023
Thành phố	Hà Nội

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