Đang tải... (xem toàn văn)
Thiết kế giao diện...863.1 Thiết kế giao diện cho các use case...863.1.1Giao diện use case Đăng nhập Phạm Xuân Thành...863.1.1.1Hình dung màn hình...863.1.1.2 Biểu đồ lớp màn hình...86
lOMoARcPSD|39458107 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 Phạm Thị Kim Phượng Nhóm - Lớp: 13 - 20221IT6096002 Trần Hùng Cường Thành viên: Bùi Việt Hoàng Bùi Khôi Nguyên (bỏ) Nguyễn Đức Thắng Phạm Xuân Thành Hà Nội, Năm 2022 Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE LỜI MỞ ĐẦU Trong thời đại 4.0 ngày nay, nhờ có sự phát triển vượt bậc của ngành thương mại điện tử hiện nay, việc mua sắm nói chung, mua sắm quần áo nói riêng Bạn không cần phải đi đến các cửa hàng hay ra ngoài mua nữa, bạn chỉ cần một chiếc điện thoại hoặc máy tính thông minh có kết nối mạng internet và truy cập trang web đặt mua những thứ mà bạn thích, còn lại bên cửa hàng họ sẽ chuyển sản phẩm đến tận nhà bạn Điều này sẽ giúp bạn tiết kiệm được thời gian và tiền bạc vô cùng tiện lợi Hiện nay, hầu hết các cửa hàng quần áo lớn hay nhỏ đều có website thương mại điện tử riêng, giúp cho khách hàng có thể dễ dàng đặt mua sản phẩm ngay cả khi không đến cửa hàng trực tiếp Sản phẩm sẽ được chuyển đến nơi, khách hàng có thể kiểm tra rồi mới thanh toán Đặc biệt, việc mua sắm trực tuyến thường xuyên còn có những chương trình khuyến mãi, ưu đãi rất hấp dẫn như vocher, quà tặng kèm, … khi mua sản phẩm trực tuyến Năm 1977, công ty cổ phần thương mại và dịch vụ Hoàng Dương được thành lập mới mục đích sản xuất hàng thời trang xuất khẩu với sản phẩm chủ yếu làm từ len và sợi Năm 2001, thương hiệu thời trang CANIFA ra đời, tự hào trở thành một cột mốc đáng nhớ của doanh nghiệp Việt Mục đích của báo cáo là tìm hiểu về hoạt động của website này Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE MỤC LỤC Chương 1 Mô tả chức năng .12 1.1 Biểu đồ use case 12 1.1.1 Các use case phần front end .13 1.1.2 Các use case phần back end 14 1.2 Mô tả use case 15 1.2.1 Mô tả use case Đăng Nhập (Phạm Xuân Thành) .15 1.2.2 Mô tả use case Đăng Ký (Phạm Xuân Thành) 16 1.2.3 Mô tả use case Đăng Nhập - Admin (Phạm Xuân Thành) 17 1.2.4 Mô tả use case Quản lý tài khoản - Admin (Phạm Xuân Thành) 18 1.2.5 Mô tả use case Tìm Kiếm Sản Phẩm (Bùi Việt Hoàng) .20 1.2.6 Mô tả use case Tìm Kiếm Cửa Hàng (Bùi Việt Hoàng) .21 1.2.7 Mô tả use case Quản Lý hóa đơn - Admin (Bùi Việt Hoàng) 22 1.2.8 Mô tả use case Quản Lý Giỏ Hàng- Admin (Bùi Việt Hoàng) 24 1.2.9 Mô tả use case Cập Nhật Thông Tin Cá Nhân (Trần Hùng Cường) 26 1.2.10 Mô tả use case Thêm Vào Giỏ Hàng (Trần Hùng Cường) 27 1.2.11 Mô tả use case Đặt Hàng (Trần Hùng Cường) 28 1.2.12 Mô tả use case Bảo trì cửa hàng (Trần Hùng Cường) .29 1.2.13 Mô tả use case Bảo trì sản phẩm (Trần Hùng Cường) 31 1.2.14 Mô tả use case Xem Đơn Hàng (Nguyễn Đức Thắng) 33 1.2.15 Mô tả use case Xem Giỏ Hàng (Nguyễn Đức Thắng) 34 1.2.16 Mô tả use case Xem Thông Tin Sản Phẩm (Nguyễn Đức Thắng) 35 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 1.2.17 Mô tả use case Quản Lý Danh Sách Cửa Hàng (Nguyễn Đức Thắng) 36 1.2.18 Mô tả use case Bảo trì danh mục (Nguyễn Đức Thắng) 38 Chương 2 Phân tích use case 40 2.1 Phân tích các use case .40 2.1.1 Phân tích use case Đăng Nhập (Phạm Xuân Thành) 40 2.1.1.1 Biểu đồ trình tự 40 2.1.1.2 Biểu đồ lớp phân tích 41 2.1.2 Phân tích use case Đăng Ký (Phạm Xuân Thành) 42 2.1.2.1 Biểu đồ trình tự 42 2.1.2.2 Biểu đồ lớp phân tích 43 2.1.3 Phân tích use case Đăng Nhập - Admin (Phạm Xuân Thành) 44 2.1.3.1 Biểu đồ trình tự 44 2.1.3.2 Biểu đồ lớp phân tích 45 2.1.4 Phân tích use case Quản Lý Tài Khoản (Phạm Xuân Thành) 45 2.1.4.1 Biểu đồ trình tự 45 2.1.4.2 Biểu đồ lớp phân tích 48 2.1.5 Phân tích use case Cập nhật thông tin cá nhân (Trần Hùng Cường) 49 2.1.5.1 Biểu đồ trình tự 49 2.1.5.2 Biểu đồ lớp phân tích 49 2.1.6 Phân tích use case Thêm vào giỏ hàng (Trần Hùng Cường) 51 2.1.6.1 Biểu đồ trình tự 51 2.1.6.2 Biểu đồ lớp phân tích 52 2.1.7 Phân tích use case Đặt hàng (Trần Hùng Cường) 53 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 2.1.7.1 Biểu đồ trình tự 53 2.1.7.2 Biểu đồ lớp phân tích 54 2.1.8 Phân tích use case bảo trì cửa hàng (Trần Hùng Cường) 55 2.1.8.1 Biểu đồ trình tự 55 2.1.8.2 Biểu đồ lớp phân tích 57 2.1.9 Phân tích use case bảo trì sản phẩm (Trần Hùng Cường) 58 2.1.9.1 Biểu đồ trình tự 58 2.1.9.2 Biểu đồ lớp phân tích 60 2.1.10 Phân tích use case Tìm Kiếm Sản Phẩm (Bùi Việt Hoàng) 61 2.1.10.1 Biểu đồ trình tự 61 2.1.10.2 Biểu đồ lớp phân tích 62 2.1.11 Phân tích use case Tìm Kiếm Cửa Hàng (Bùi Việt Hoàng) 63 2.1.11.1 Biểu đồ trình tự 63 2.1.11.2 Biểu đồ lớp phân tích 64 2.1.12 Phân tích use case Quản Lý Đơn Hàng (Bùi Việt Hoàng) 64 2.1.12.1 Biểu đồ trình tự 64 2.1.12.2 Biểu đồ lớp phân tích 67 2.1.13 Phân tích use case Quản Lý Giỏ Hàng (Bùi Việt Hoàng) .68 2.1.13.1 Biểu đồ trình tự 68 2.1.13.2 Biểu đồ lớp phân tích 71 2.1.14 Phân tích use case Xem Đơn Hàng (Nguyễn Đức Thắng) 72 2.1.14.1 Biểu đồ trình tự 72 2.1.14.2 Biểu đồ lớp phân tích 72 2.1.15 Phân tích use case Xem Giỏ Hàng (Nguyễn Đức Thắng) .74 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 2.1.15.1 Biểu đồ trình tự 74 2.1.15.2 Biểu đồ lớp phân tích 74 2.1.16 Phân tích use case Xem Thông Tin Sản Phẩm (Nguyễn Đức Thắng) 76 2.1.16.1 Biểu đồ trình tự 76 2.1.16.2 Biểu đồ lớp phân tích 77 2.1.17 Phân tích use case Quản Lý Danh Sách Cửa Hàng (Nguyễn Đức Thắng) 78 2.1.17.1 Biểu đồ trình tự 78 2.1.17.2 Biểu đồ lớp phân tích 80 2.1.18 Phân tích use case Bảo Trì Danh Mục (Nguyễn Đức Thắng) 81 2.1.18.1 Biểu đồ trình tự 81 2.1.18.2 Biểu đồ lớp phân tích 83 2.2 Các biểu đồ tổng hợp 83 2.2.1 Biểu đồ các lớp Entity của hệ thống 83 2.2.2 Biểu đồ các lớp phân tích của hệ thống 84 2.2.2.1 Biểu đồ các lớp phân tích của nhóm use case chính 84 2.2.2.2 Biểu đồ các lớp phân tích của nhóm use case use case thứ cấp 85 Chương 3 Thiết kế giao diện 86 3.1 Thiết kế giao diện cho các use case 86 3.1.1 Giao diện use case Đăng nhập (Phạm Xuân Thành) 86 3.1.1.1 Hình dung màn hình 86 3.1.1.2 Biểu đồ lớp màn hình 86 3.1.1.3 Biểu đồ cộng tác của các màn hình .87 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 3.1.2 Giao diện use case Đăng ký (Phạm Xuân Thành) 87 3.1.2.1 Hình dung màn hình 87 3.1.2.2 Biểu đồ lớp màn hình 88 3.1.2.3 Biểu đồ cộng tác của các màn hình .88 3.1.3 Giao diện use case Đăng nhập - Admin (Phạm Xuân Thành) 89 3.1.3.1 Hình dung màn hình 89 3.1.3.2 Biểu đồ lớp màn hình 89 3.1.3.3 Biểu đồ cộng tác của các màn hình .90 3.1.4 Giao diện use case Quản lý tài khoản - Admin (Phạm Xuân Thành) 90 3.1.4.1 Hình dung màn hình 90 3.1.4.2 Biểu đồ lớp màn hình 91 3.1.4.3 Biểu đồ cộng tác của các màn hình .91 3.1.5 Giao diện use case Cập nhật thông tin cá nhân (Trần Hùng Cường) 92 3.1.5.1 Hình dung màn hình 92 3.1.5.2 Biểu đồ lớp màn hình 92 3.1.5.3 Biểu đồ cộng tác của các màn hình .93 3.1.6 Giao diện use case Thêm vào giỏ hàng (Trần Hùng Cường) .94 3.1.6.1 Hình dung màn hình 94 3.1.6.2 Biểu đồ lớp màn hình 95 3.1.6.3 Biểu đồ cộng tác của các màn hình .95 3.1.7 Giao diện use case Đặt hàng (Trần Hùng Cường) 96 3.1.7.1 Hình dung màn hình 96 3.1.7.2 Biểu đồ lớp màn hình 99 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 3.1.7.3 Biểu đồ cộng tác của các màn hình .99 3.1.8 Giao diện use case Bảo trì cửa hàng (Trần Hùng Cường) 100 3.1.8.1 Hình dung màn hình 100 3.1.8.2 Biểu đồ lớp màn hình 101 3.1.8.3 Biểu đồ cộng tác của các màn hình 102 3.1.9 Giao diện use case Bảo trì sản phẩm (Trần Hùng Cường) .103 3.1.9.1 Hình dung màn hình 103 3.1.9.2 Biểu đồ lớp màn hình 104 3.1.9.3 Biểu đồ cộng tác của các màn hình 105 3.1.10 Giao diện use case Tìm Kiếm Sản Phẩm (Bùi Việt Hoàng) 106 3.1.10.1 Hình dung màn hình .106 3.1.10.2 Biểu đồ lớp màn hình .107 3.1.10.3 Biểu đồ cộng tác của các màn hình 107 3.1.11 Giao diện use case Tìm Kiếm Cửa Hàng (Bùi Việt Hoàng) 108 3.1.11.1 Hình dung màn hình .108 3.1.11.2 Biểu đồ lớp màn hình .108 3.1.11.3 Biểu đồ cộng tác của các màn hình 109 3.1.12 Giao diện use case Quản Lý Đơn Hàng (Bùi Việt Hoàng) 110 3.1.12.1 Hình dung màn hình .110 3.1.12.2 Biểu đồ lớp màn hình 111 3.1.12.3 Biểu đồ cộng tác của các màn hình 112 3.1.13 Giao diện use case Quản Lý Giỏ Hàng (Bùi Việt Hoàng) .113 3.1.13.1 Hình dung màn hình .113 3.1.13.2 Biểu đồ lớp màn hình 114 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 3.1.13.3 Biểu đồ cộng tác của các màn hình 115 3.1.14 Giao diện use case Xem Đơn Hàng (Nguyễn Đức Thắng) 116 3.1.14.1 Hình dung màn hình .116 3.1.14.2 Biểu đồ lớp màn hình 116 3.1.14.3 Biểu đồ cộng tác của các màn hình 117 3.1.15 Giao diện use case Xem Giỏ Hàng (NguyễnĐứcThắng) 117 3.1.15.1 Hình dung màn hình .117 3.1.15.2 Biểu đồ lớp màn hình 118 3.1.15.3 Biểu đồ cộng tác của các màn hình 118 3.1.16 Giao diện use case Xem Thông Tin Sản Phẩm (NguyễnĐứcThắng) 119 3.1.16.1 Hình dung màn hình .119 3.1.16.2 Biểu đồ lớp màn hình .120 3.1.16.3 Biểu đồ cộng tác của các màn hình 120 3.1.17 Giao diện use case Quản Lý Danh Sách Cửa Hàng (Nguyễn Đức Thắng) 121 3.1.17.1 Hình dung màn hình .121 3.1.17.2 Biểu đồ lớp màn hình .122 3.1.17.3 Biểu đồ cộng tác của các màn hình 123 3.1.18 Giao diện use case Bảo Trì Danh Mục (Nguyễn Đức Thắng).124 3.1.18.1 Hình dung màn hình .124 3.1.18.2 Biểu đồ lớp màn hình .125 3.1.18.3 Biểu đồ cộng tác của các màn hình 126 3.2 Các biểu đồ tổng hợp .127 3.2.1 Biểu đồ điều hướng màn hình của nhóm use case chính 127 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com) lOMoARcPSD|39458107 PAGE 3.2.2 Biểu đồ điều hướng màn hình của nhóm use case thứ cấp .128 Phân tích đặc tả các yêu cầu của hệ thống Downloaded by NHIM BIEN (nhimbien1@gmail.com)