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Ế VÀ XÂY DỰNG WEBSITE BÁN HÀNG CANIFAAMô tả và thiết kế web size canifaa
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: Nhóm - Lớp: Ths Nguyễn Hương Lan 55 - 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 2022 LỜI MỞ ĐẦU Ngày nay, với phát triển công nghệ tiếp cận ngày sâu rộng người với lĩnh vực cơng nghệ địi hỏi doanh nghiệp phải liên tục thay đổi để bắt kịp với xu hướng công nghệ thời đại số chậm chân họ đánh thị trường Thương mại điện tử lĩnh vực dành nhiều quan tâm ông lớn ngành công nghệ Đó cạnh tranh khốc liệt, doanh nghiệp truyền thống khơng đứng ngồi đua Nhiều doanh nghiệp truyền thống với hệ thống chuỗi cửa hàng nước chọn phương án kết hợp kinh doanh trực tiếp kinh doanh trực tuyến, tự xây dựng hệ thống website riêng để tiếp cận khách hàng dễ dàng hơn, đặc biệt nhóm khách hàng trẻ, người tiếp cận công nghệ cách dễ dàng CANIFA, doanh nghiệp thời trang khơng nằm ngồi xu hướng Với chức trang thương mại điện tử xem hàng, quản lý giỏ hàng, đặt hàng hệ thống quản lý bảo trì tối ưu nâng cao trải nghiệm mua sắm người tiêu dùng Nhóm chúng em xin giới thiệu thiết kế website canifa.com, thiết kế chi tiết đầy đủ chức cho website mua sắm trực tuyến Cảm ơn giảng viên, thạc sĩ Phạm Thị Kim Phượng giúp nhóm chúng em hồn thành thiết kế Trong q trình xây đựng thiết kế có điều thiếu sót, chúng em trân trọng đánh giá, góp ý để chúng em hồn thiện báo cáo MỤC LỤC Chương Mô tả chức 1.1 Biểu đồ use case 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 Ngun) 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 Phân tích use case 31 2.1 Phân tích 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 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 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 2.2.1 Biểu đồ lớp Entity hệ thống ii Biểu đồ lớp phân tích hệ thống 2.2.1.1 Biểu đồ lớp phân tích nhóm use case 2.2.1.2 Biểu đồ lớp phân tích nhóm use case use case thứ cấp Chương Thiết kế giao diện 3.1 Thiết kế giao diện cho use case 3.1.1 Giao diện use case Đăng ký (Lại Thị Mai) 3.1.1.1 Hình dung hình 3.1.1.2 Biểu đồ lớp hình 3.1.1.3 Biểu đồ cộng tác hình 3.1.2 Giao diện use case Sửa thơng tin tài khoản(Lại Thị Mai) 3.1.2.1 Hình dung hình 3.1.2.2 Biểu đồ lớp hình 3.1.2.3 Biểu đồ cộng tác hình 3.1.3 Giao diện use case Bảo trì khuyến (Lường Viết Tú) 3.1.3.1 Hình dung hình 3.1.3.2 Biểu đồ lớp hình 3.1.3.3 Biểu đồ cộng tác hình 3.1.4 Giao diện use case Quản lý đơn đặt hàng (Lại Thị Mai) 3.1.4.1 Hình dung hình 3.1.4.2 Biểu đồ lớp hình 3.1.4.3 Biểu đồ cộng tác hình 3.1.5 Giao diện use case Đăng nhập (Trịnh Thị Lệ Nhung) 3.1.5.1 Hình dung hình 3.1.5.2 Biểu đồ lớp hình 3.1.5.3 Biểu đồ cộng tác hình 3.1.6 Giao diện use case Xem khuyến (Trịnh Thị Lệ Nhung) 3.1.6.1 Hình dung hình 3.1.6.2 Biểu đồ lớp hình 3.1.6.3 Biểu đồ cộng tác hình 3.1.7 Giao diện use case Quản lý tài khoản (Trịnh Thị Lệ Nhung) 3.1.7.1 Hình dung hình 3.1.7.2 Biểu đồ lớp hình 3.1.7.3 Biểu đồ cộng tác hình 3.1.8 Giao diện use case Bảo trì tin tức (Phan Văn Nguyên) 73 73 73 74 75 76 76 76 76 77 77 78 78 79 80 81 81 82 82 84 84 85 86 87 87 87 88 89 89 89 90 90 90 91 91 92 3.1.8.1 Hình dung hình 92 3.1.8.2 Biểu đồ lớp hình 93 3.1.8.3 Biểu đồ cộng tác 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 hình 94 3.1.9.2 Biểu đồ lớp hình 95 3.1.9.3 Biểu đồ cộng tác 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 hình 97 3.1.10.2 Biểu đồ lớp hình 98 3.1.10.3 Biểu đồ cộng tác 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 hình 100 3.1.11.2 Biểu đồ lớp hình 100 3.1.11.3 Biểu đồ cộng tác 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 hình 101 3.1.12.2 Biểu đồ lớp hình 102 3.1.12.3 Biểu đồ cộng tác 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 hình 103 3.1.13.2 Biểu đồ lớp hình 104 3.1.13.3 Biểu đồ cộng tác 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 hình 106 3.1.14.2 Biểu đồ lớp hình 107 3.1.14.3 Biểu đồ cộng tác 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 hình 109 3.1.15.2 Biểu đồ lớp hình 109 3.1.15.3 Biểu đồ cộng tác 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 hình 111 3.1.16.2 Biểu đồ lớp hình 111 3.1.16.3 Biểu đồ cộng tác 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 3.1.17.1 Hình dung hình 112 3.1.17.2 Biểu đồ lớp hình 113 3.1.17.3 Biểu đồ cộng tác hình 113 3.1.18 Giao diện use case Xem lịch sử mua hàng (Lường Viết Tú) 114 3.1.18.1 Hình dung hình 114 3.1.18.2 Biểu đồ lớp hình 115 3.1.18.3 Biểu đồ cộng tác hình 115 3.1.19 Giao diện use case Kiểm tra đơn hàng (Lại Thị Mai) 116 3.1.19.1 Hình dung hình 116 3.1.19.2 Biểu đồ lớp hình 116 3.1.19.3 Biểu đồ cộng tác hình 117 3.1.20 Giao diện use case Bảo trì cửa hàng(Admin) (Lường Viết Tú) 117 3.1.20.1 Hình dung hình 117 3.1.20.2 Biểu đồ lớp hình 117 3.1.20.3 Biểu đồ cộng tác hình 119 3.2 Các biểu đồ tổng hợp 120 3.2.1 Biểu đồ điều hướng hình nhóm use case 120 3.2.2 Biểu đồ điều hướng hình nhóm use case thứ cấp 120 Chương Mô tả chức 1.1Biểu đồ use case Mô tả vắn tắt use case: 10 3.1.13.3 3.1.14 Biểu đồ cộng tác hình Giao diện use case Xem sản phẩm (Khách hàng) (Phan Văn Nguyên) 3.1.14.1 Hình dung hình 107 3.1.14.2 Biểu đồ lớp hình 108 3.1.14.3 Biểu đồ cộng tác hình 109 3.1.15 Giao diện use case Bảo trì danh mục sản phẩm (Vũ Thị Tuyết Măng) 3.1.15.1 Hình dung hình 3.1.15.2 Biểu đồ lớp hình 110 3.1.15.3 Biểu đồ cộng tác hình 111 3.1.16 Giao diện use case Xem tin tức (Vũ Thị Tuyết Măng) 3.1.16.1 Hình dung hình 3.1.16.2 Biểu đồ lớp hình 112 3.1.16.3 3.1.17 Biểu đồ cộng tác hình Giao diện use case Tìm kiếm cửa hàng (Trịnh Thị Lệ Nhung) 3.1.17.1 Hình dung hình 113 3.1.17.2 Biểu đồ lớp hình 3.1.17.3 Biểu đồ cộng tác hình 114 3.1.18 Giao diện use case Xem lịch sử mua hàng (Lường Viết Tú) 3.1.18.1 Hình dung hình 115 3.1.18.2 Biểu đồ lớp hình 3.1.18.3 Biểu đồ cộng tác hình 116 3.1.19 Giao diện use case Kiểm tra đơn hàng (Lại Thị Mai) 3.1.19.1 Hình dung hình 3.1.19.2 Biểu đồ lớp hình 117 3.1.19.3 3.1.20 Biểu đồ cộng tác hình 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 hình 118 3.1.20.2 Biểu đồ lớp hình 119 3.1.20.3 Biểu đồ cộng tác hình 120 3.2Các biểu đồ tổng hợp 3.2.1 Biểu đồ điều hướng hình nhóm use case 3.2.2 Biểu đồ điều hướng hình nhóm use case thứ cấp 121