Hệ thống sẽ hiển thị chi tiết thông tin các hóa đơn gồm: số hóa đơn, mã khách hàng, địa chỉ nhận, ghi chú, phương thức gửi, phương thức thanh toán, ngày lập từ bảng DONHANG trong cơ sở d
lOMoARcPSD|39514913 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN ======***====== BÁO CÁO BTL THUỘC HỌC PHẦN: THIẾT KẾ PHẦN MỀM THIẾT KẾ WEBSITE CANIFA.COM GVHD: Ths Nguyễn Hương Lan Nhóm - Lớp: 5 - 20221IT6096.6 Thành viên: Lường Viết Tú Phan Văn Nguyên Lại Thị Mai Vũ Thị Tuyết Măng Trịnh Thị Lệ Nhung Hà Nội, Năm 2023 1 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE LỜI MỞ ĐẦU Ngày nay, với sự phát triển của công nghệ cùng sự tiếp cận ngày càng sâu rộng của mọi người với các lĩnh vực công nghệ mới đòi hỏi các doanh nghiệp phải liên tục thay đổi để bắt kịp với xu hướng công nghệ trong thời đại số và nếu chậm chân thì họ có thể đánh mất thị trường Thương mại điện tử là một trong những lĩnh vực dành được nhiều sự quan tâm của các ông lớn trong ngành công nghệ Đó là cuộc cạnh tranh khốc liệt, các doanh nghiệp truyền thống cũng không đứng ngoài cuộc đua đó Nhiều doanh nghiệp truyền thống với hệ thống chuỗi cửa hàng trên cả nước đã chọn phương án kết hợp giữa kinh doanh trực tiếp và kinh doanh trực tuyến, tự xây dựng một hệ thống website riêng để tiếp cận khách hàng dễ dàng hơn, đặc biệt là nhóm khách hàng trẻ, những người tiếp cận công nghệ một cách dễ dàng CANIFA, một doanh nghiệp thời trang cũng không nằm ngoài xu hướng đó Với những chức năng của một trang thương mại điện tử như xem hàng, quản lý giỏ hàng, đặt hàng cùng một hệ thống quản lý và bảo trì tối ưu sẽ nâng cao trải nghiệm mua sắm của người tiêu dùng Nhóm 5 chúng em xin giới thiệu thiết kế website canifa.com, một thiết kế chi tiết đầy đủ các chức năng cho một website mua sắm trực tuyến Cảm ơn giảng viên, thạc sĩ Nguyễn Hương Lan đã giúp nhóm chúng em hoàn thành thiết kế này Trong quá trình xây dựng thiết kế có điều gì thiếu sót, chúng em rất trân trọng những đánh giá, góp ý của cô để chúng em hoàn thiện bản báo cáo này 2 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE MỤC LỤC Chương 1 Mô tả chức năng 9 1.1 Biểu đồ use case 9 1.1.1 Các use case phần front end 11 1.1.2 Các use case phần back end 12 1.2 Mô tả use case 12 1.2.1 Mô tả use case Đăng ký(Khách hàng) (Lại Thị Mai) 12 1.2.2 Mô tả use case Sửa thông tin tài khoản(khách hàng) (Lại Thị Mai) 13 1.2.3 Mô tả use case Bảo trì khuyến mại(admin) (Lường Viết Tú ) 13 1.2.4 Mô tả use case Quản lý đơn đặt hàng(admin) (Lại Thị Mai) 14 1.2.5 Mô tả use case Đăng nhập (Khách hàng) (Trịnh Thị Lệ Nhung) 16 1.2.6 Mô tả use case Xem khuyến mãi(Khách hàng) (Trịnh Thị Lệ Nhung) 16 1.2.7 Mô tả use case Quản lý tài khoản (admin) (Trịnh Thị Lệ Nhung) 17 1.2.7.1 Mô tả use case Bảo trì tin tức(admin) (Phan Văn Nguyên) 18 1.2.8 Mô tả use case Đặt hàng(Khách hàng) (Phan Văn Nguyên) 19 1.2.9 Mô tả use case Bảo trì sản phẩm (admin)(Lường Viết Tú) 20 1.2.10 Mô tả use case Quản lý giỏ hàng(khách hàng) (Vũ Thị Tuyết Măng) 21 1.2.11 Mô tả use case Tìm kiếm sản phẩm(Khách hàng) (Vũ Thị Tuyết Măng) 22 i 22 1.2.12 Mô tả use case Xem danh mục sản phẩm(Phan Văn Nguyên) 23 1.2.13 Mô tả use case Xem sản phẩm (Khách hàng) (Phan Văn Nguyên) 24 1.2.14 Mô tả use case Bảo trì danh mục sản phẩm (Vũ Thị Tuyết Măng ) 25 1.2.15 Mô tả use case Xem tin tức (Vũ Thị Tuyết Măng) 26 1.2.16 Mô tả use case Tìm kiếm cửa hàng(Khách hàng) (Trịnh Thị Lệ Nhung) 27 1.2.17 Mô tả use case Xem lịch sử mua hàng(Khách hàng) (Lường Viết Tú) 27 1.2.18 Mô tả use case Kiểm tra đơn hàng(Khách hàng) (Lại Thị Mai) 28 1.2.19 Mô tả use case Bảo trì cửa hàng(Admin) (Lường Viết Tú) 29 Chương 2 Phân tích use case 31 2.1 Phân tích các use case 31 2.1.1 Phân tích use case Đăng ký(Khách hàng) (Lại Thị Mai) 31 2.1.1.1 Biểu đồ trình tự 31 2.1.1.2 Biểu đồ lớp phân tích 32 2.1.2 Phân tích use case Sửa thông tin tài khoản(khách hàng) (Lại Thị Mai) 33 2.1.2.1 Biểu đồ trình tự 33 2.1.2.2 Biểu đồ lớp phân tích 34 2.1.3 Phân tích use case Quản lý khuyến mại(admin) (Lường Viết Tú) 35 2.1.3.1 Biểu đồ trình tự 35 2.1.3.2 Biểu đồ lớp phân tích 37 3 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE 2.1.4 Phân tích use case Quản lý đơn đặt hàng(admin) (Lại Thị Mai) 37 2.1.4.1 Biểu đồ trình tự 37 2.1.4.2 Biểu đồ lớp phân tích 39 2.1.5 Phân tích use case đăng nhập (Khách hàng) (Trịnh Thị Lệ Nhung)40 2.1.5.1 Biểu đồ trình tự 40 2.1.5.2 Biểu đồ lớp phân tích 41 2.1.6 Phân tích use case Xem khuyến mãi(Khách hàng) (Trịnh Thị Lệ Nhung) 42 2.1.6.1 Biểu đồ trình tự 42 2.1.6.2 Biểu đồ lớp phân tích 43 2.1.7 Phân tích use case quản lý tài khoản (admin) (Trịnh Thị Lệ Nhung) 43 2.1.7.1 Biểu đồ trình tự 43 2.1.7.2 Biểu đồ lớp phân tích 46 2.1.8 Phân tích use case Quản lý tin tức(admin) Phan Văn Nguyên)) 46 2.1.8.1 Biểu đồ trình tự 46 2.1.8.2 Biểu đồ lớp phân tích 49 2.1.9 Phân tích use case Đặt hàng(Khách hàng) (Phan Văn Nguyên)) 50 2.1.9.1 Biểu đồ trình tự 50 2.1.9.2 Biểu đồ lớp phân tích 51 2.1.10 Phân tích use case Bảo trì sản phẩm (admin)(Lường Viết Tú) 52 2.1.10.1 Biểu đồ trình tự 52 2.1.10.2 Biểu đồ lớp phân tích 55 2.1.11 Phân tích use case Quản lý giỏ hàng(khách hàng) (Vũ Thị Tuyết Măng) 56 2.1.11.1 Biểu đồ trình tự 56 2.1.11.2 Biểu đồ lớp phân tích 57 2.1.12 Phân tích use case Tìm kiếm sản phẩm(Khách hàng) (Vũ Thị Tuyết Măng) 57 2.1.12.1 Biểu đồ trình tự 57 2.1.12.2 Biểu đồ lớp phân tích 58 2.1.13 Phân tích use case Xem danh mục sản phẩm(Phan Văn Nguyên)) 59 2.1.13.1 Biểu đồ trình tự 59 2.1.13.2 Biểu đồ lớp phân tích 60 2.1.14 Phân tích use case Xem sản phẩm (Khách hàng) (Phan Văn Nguyên) 61 2.1.14.1 Biểu đồ trình tự 61 2.1.14.2 Biểu đồ lớp phân tích 62 2.1.15 Phân tích use case Bảo trì danh mục sản phẩm (Vũ Thị Tuyết Măng) 63 2.1.15.1 Biểu đồ trình tự 63 2.1.15.2 Biểu đồ lớp phân tích 64 2.1.16 Phân tích use case Xem tin tức (Vũ Thị Tuyết Măng) 65 2.1.16.1 Biểu đồ trình tự 65 2.1.16.2 Biểu đồ lớp phân tích 65 2.1.17 Phân tích use case Tìm kiếm cửa hàng(Khách hàng) (Trịnh Thị Lệ Nhung) 66 4 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE 2.1.17.1 Biểu đồ trình tự 66 2.1.17.2 Biểu đồ lớp phân tích 67 2.1.18 Phân tích use case Xem lịch sử mua hàng(Khách hàng) (Lường Viết Tú) 67 2.1.18.1 Biểu đồ trình tự 67 2.1.18.2 Biểu đồ lớp phân tích 68 2.1.19 Phân tích use case Kiểm tra đơn hàng(Khách hàng) (Lại Thị Mai) 68 2.1.19.1 Biểu đồ trình tự 68 2.1.19.2 Biểu đồ lớp phân tích 69 2.1.20 Phân tích use case Bảo trì cửa hàng(Admin) (Lường Viết Tú) 70 2.1.20.1 Biểu đồ trình tự 70 2.1.20.2 Biểu đồ lớp phân tích 72 2.2 Các biểu đồ tổng hợp 73 2.2.1 Biểu đồ các lớp Entity của hệ thống 73 ii Biểu đồ các lớp phân tích của hệ thống 73 2.2.1.1 Biểu đồ các lớp phân tích của nhóm use case chính 74 2.2.1.2 Biểu đồ các lớp phân tích của nhóm use case use case thứ cấp 75 Chương 3 Thiết kế giao diện 76 3.1 Thiết kế giao diện cho các use case 76 3.1.1 Giao diện use case Đăng ký (Lại Thị Mai) 76 3.1.1.1 Hình dung màn hình 76 3.1.1.2 Biểu đồ lớp màn hình 77 3.1.1.3 Biểu đồ cộng tác của các màn hình 77 3.1.2 Giao diện use case Sửa thông tin tài khoản(Lại Thị Mai) 78 3.1.2.1 Hình dung màn hình 78 3.1.2.2 Biểu đồ lớp màn hình 79 3.1.2.3 Biểu đồ cộng tác của các màn hình 80 3.1.3 Giao diện use case Bảo trì khuyến mãi (Lường Viết Tú) 81 3.1.3.1 Hình dung màn hình 81 3.1.3.2 Biểu đồ lớp màn hình 82 3.1.3.3 Biểu đồ cộng tác của các màn hình 82 3.1.4 Giao diện use case Quản lý đơn đặt hàng (Lại Thị Mai) 84 3.1.4.1 Hình dung màn hình 84 3.1.4.2 Biểu đồ lớp màn hình 85 3.1.4.3 Biểu đồ cộng tác của các màn hình 86 3.1.5 Giao diện use case Đăng nhập (Trịnh Thị Lệ Nhung) 87 3.1.5.1 Hình dung màn hình 87 3.1.5.2 Biểu đồ lớp màn hình 87 3.1.5.3 Biểu đồ cộng tác của các màn hình 88 3.1.6 Giao diện use case Xem khuyến mãi (Trịnh Thị Lệ Nhung) 89 3.1.6.1 Hình dung màn hình 89 3.1.6.2 Biểu đồ lớp màn hình 89 5 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE 3.1.6.3 Biểu đồ cộng tác của các màn hình 90 3.1.7 Giao diện use case Quản lý tài khoản (Trịnh Thị Lệ Nhung) 90 3.1.7.1 Hình dung màn hình 90 3.1.7.2 Biểu đồ lớp màn hình 91 3.1.7.3 Biểu đồ cộng tác của các màn hình 91 3.1.8 Giao diện use case Bảo trì tin tức (Phan Văn Nguyên) 92 3.1.8.1 Hình dung màn hình 92 3.1.8.2 Biểu đồ lớp màn hình 93 3.1.8.3 Biểu đồ cộng tác của các màn hình 93 3.1.9 Giao diện use case Đặt hàng(Khách hàng) (Phan Văn Nguyên) 94 3.1.9.1 Hình dung màn hình 94 3.1.9.2 Biểu đồ lớp màn hình 95 3.1.9.3 Biểu đồ cộng tác của các màn hình 96 3.1.10 Giao diện use case Bảo trì sản phẩm (admin)(Lường Viết Tú) 97 3.1.10.1 Hình dung màn hình 97 3.1.10.2 Biểu đồ lớp màn hình 98 3.1.10.3 Biểu đồ cộng tác của các màn hình 99 3.1.11 Giao diện use case Quản lý giỏ hàng (Vũ Thị Tuyết Măng) 100 3.1.11.1 Hình dung màn hình 100 3.1.11.2 Biểu đồ lớp màn hình 100 3.1.11.3 Biểu đồ cộng tác của các màn hình 101 3.1.12 Giao diện use case Tìm kiếm sản phẩm (Vũ Thị Tuyết Măng) 101 3.1.12.1 Hình dung màn hình 101 3.1.12.2 Biểu đồ lớp màn hình 102 3.1.12.3 Biểu đồ cộng tác của các màn hình 102 3.1.13 Giao diện use case Xem danh mục sản phẩm(Phan Văn Nguyên) 103 3.1.13.1 Hình dung màn hình 103 3.1.13.2 Biểu đồ lớp màn hình 104 3.1.13.3 Biểu đồ cộng tác của các màn hình 105 3.1.14 Giao diện use case Xem sản phẩm (Khách hàng) (Phan Văn Nguyên) 106 3.1.14.1 Hình dung màn hình 106 3.1.14.2 Biểu đồ lớp màn hình 107 3.1.14.3 Biểu đồ cộng tác của các màn hình 108 3.1.15 Giao diện use case Bảo trì danh mục sản phẩm (Vũ Thị Tuyết Măng) 109 3.1.15.1 Hình dung màn hình 109 3.1.15.2 Biểu đồ lớp màn hình 109 3.1.15.3 Biểu đồ cộng tác của các màn hình 110 3.1.16 Giao diện use case Xem tin tức (Vũ Thị Tuyết Măng) 111 3.1.16.1 Hình dung màn hình 111 3.1.16.2 Biểu đồ lớp màn hình 111 3.1.16.3 Biểu đồ cộng tác của các màn hình 112 3.1.17 Giao diện use case Tìm kiếm cửa hàng (Trịnh Thị Lệ Nhung) 112 6 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 3.1.17.1 Hình dung màn hình PAGE 3.1.17.2 Biểu đồ lớp màn hình 112 113 3.1.17.3 Biểu đồ cộng tác của các màn hình 113 114 3.1.18 Giao diện use case Xem lịch sử mua hàng (Lường Viết Tú) 114 115 3.1.18.1 Hình dung màn hình 115 116 3.1.18.2 Biểu đồ lớp màn hình 116 116 3.1.18.3 Biểu đồ cộng tác của các màn hình 117 117 3.1.19 Giao diện use case Kiểm tra đơn hàng (Lại Thị Mai) 117 117 3.1.19.1 Hình dung màn hình 119 120 3.1.19.2 Biểu đồ lớp màn hình 120 120 3.1.19.3 Biểu đồ cộng tác của các màn hình 3.1.20 Giao diện use case Bảo trì cửa hàng(Admin) (Lường Viết Tú) 3.1.20.1 Hình dung màn hình 3.1.20.2 Biểu đồ lớp màn hình 3.1.20.3 Biểu đồ cộng tác của các màn hình 3.2 Các biểu đồ tổng hợp 3.2.1 Biểu đồ điều hướng màn hình của nhóm use case chính 3.2.2 Biểu đồ điều hướng màn hình của nhóm use case thứ cấp 7 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE Chương 1: Mô tả chức năng 1.1 Biểu đồ use case 8 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE 1 Mô tả vắn tắt use case: 1 DangKy: use case này cho phép khách hàng đăng ký tài khoản để sử dụng hệ thống 2 SuaThongTinTaiKhoan: use case này cho phép khách hàng có thể sửa thông tin tài khoản 3 QuanLyGioHang: use case này cho phép khách hàng quản lý giỏ hàng 4 TimKiemSanPham: use case này cho phép khách hàng có thể tìm kiếm sản phẩm 5 XemSanPham: use case này cho phép khách hàng có thể xem thông tin chi tiết sản phẩm 6 XemDanhMucSanPham: use case này cho phép khách hàng có thể xem danh mục các loại sản phẩm 7 XemTinTuc: use case này cho phép khách hàng có thể theo dõi tin tức về sản phẩm, chương trình khuyến mại 8 XemKhuyenMai: use case này cho phép khách hàng có thể xem thông tin về các chương trình khuyến mại 9 DangNhap: use case này cho phép khách hàng có thể đăng nhập để sử dụng hệ thống 10 BaoTriDanhMucSanPham: use case này cho phép admin có thể quản lý các danh mục sản phẩm 11 BaoTriSanPham: use case này cho phép admin có thể quản lý sản phẩm 12 QuanLyTaiKhoan: use case này cho phép admin có thể quản lý tài khoản 13 QuanLyDonDatHang: use case này cho phép admin có thể quan lý đơn đặt hàng 14 BaoTriTinTuc: use case này cho phép admin có thể quản lý tin tức 15 BaoTriKhuyenMai: use case này cho phép admin có thể quản lý khuyến mãi 16 DatHang: use case này cho phép khách hàng có thể đặt hàng 17 TimKiemCuaHang: use case này cho phép khách hàng có thể tìm kiếm của hàng 18 BaoTriCuaHang: use case này cho phép admin có thể bào trì cửa hàng 19 KiemTraDonHang: use case này cho phép khách hàng có thể kiểm tra đơn hàng 9 Downloaded by XINH BONG (bongbong2@gmail.com) lOMoARcPSD|39514913 PAGE 20 XemLichSuGiaoDich: use case này cho phép khách hàng có thể xem lịch sử giao dịch 1.1.1 Các use case phần front end 1.1.2 Các use case phần back end 1.2 Mô tả use case 1.2.1 Mô tả use case Đăng ký (Khách hàng) (Lại Thị Mai) 10 Downloaded by XINH BONG (bongbong2@gmail.com)