Hệ thống sẽ lấy thông tin các sản phẩm bao gồm: hình ảnh sản phẩm, tên sản phẩm, giá sản phẩm và tên danh mục từ bảng SANPHAM, DANHMUC hiển thị lên màn hình.. Hệ thống lấy thông tin “Tên
lOMoARcPSD|39475011 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 FUNNYLAND.VN GVHD: Ths Phạm Thị Kim Phượng Nhóm - Lớp: 3 - 20221IT6096002 Vũ Đình Dũng Thành viên: Vũ Mạnh Dũng Bùi Việt Hoàng Trần Quang Huy Tạ Hoàng Việt Hà Nội, Năm 2022 Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 LỜI MỞ ĐẦU Thiết kế website bán đồ chơi Funnyland, tìm hiểu các yêu cầu cần thiết để website hoạt động tốt.Nghiên cứu các phương pháp tối ưu hệ thống website để đáp ứng nhu cầu của Công Ty cổ phần những trẻ em vàng Các ưu tiên cần được thực hiện: - Thu thập đầy đủ thông tin, yêu cầu, hiểu rõ các giới hạn khi tạo trang web bán hàng - Thiết kế cơ sở dữ liệu hiệu quả và an toàn - Có liên kết giữa người sử dụng và người quản lý cửa hàng Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 MỤC LỤC Chương 1 Mô tả chức năng 6 1.1 Biểu đồ use case 6 1.1.1 Các use case phần front end 6 1.1.2 Các use case phần back end 7 1.2 Mô tả use case 9 1.2.1 Mô tả use case xem hàng theo danh mục (Tạ Hoàng Việt) 9 1.2.2 Xem hàng theo nhóm (Tạ Hoàng Việt) 10 1.2.3 xem cửa hàng (Tạ Hoàng Việt) 12 1.2.4.Bảo trì thể loại (Tạ Hoàng Việt) 13 1.2.5.bao tri khuyen mai (Tạ Hoàng Việt) 15 1.2.6 Đặc tả use case “xem hàng theo thương hiệu ” (Bùi Việt Hoàng) 17 1.2.7 Đặc tả use case “xem sản phẩm ” (Bùi Việt Hoàng) 18 1.2.8.Đặc tả use case “xem thông tin tài khoản ” (Bùi Việt Hoàng) 19 1.2.9 Đặc tả use case “bảo trì thương hiệu” (Bùi Việt Hoàng) 20 1.2.10 Đặc tả use case “bảo trì cửa hàng” (Bùi Việt Hoàng) 23 1.2.11 Đặc tả use case “Xem hàng khuyến mãi” (Bùi Việt Hoàng) 26 1.2.12.Mô tả USECASE đăng xuất (Trần Quang Huy) 27 1.2.13.Mô tả usecase xem địa chỉ (Trần Quang Huy) 29 1.2.14.Mô tả usecase tìm kiếm (Trần Quang Huy) 30 1.2.15.Mô tả usecase xem bài viết (Trần Quang Huy) 32 1.2.16.Mô tả use case “bảo trì bài viết “(Trần Quang Huy) 34 1.2.17.Mô tả use case Bảo trì danh mục (Trần Quang Huy) 37 1.2.18.Mô tả use case đăng nhập(Vũ Mạnh Dũng) 39 1.2.19.Mô tả use case đăng kí(Vũ Mạnh Dũng) 41 1.2.20.Mô tả use case quên mật khẩu (Vũ Mạnh Dũng) 42 1.2.21.Mô tả use case xem giỏ hàng( Vũ Mạnh Dũng) 44 1.2.22.Mô tả use case quản lý tài khoản(Vũ Mạnh Dũng) 45 1.2.23.Mô tả use case Xem danh mục blog (Vũ Mạnh Dũng) 47 1.2.24.Mô tả use case bảo trì Danh mục blog(Vũ Mạnh Dũng) 48 1.2.25.Đặt hàng(Vũ Đình Dũng) 50 1.2.26.Thêm hàng vào giỏ(Vũ Đình Dũng) 52 1.2.27 Xem chi tiết sản phẩm( Vũ Đình Dũng) 53 1.2.28 Quản lí đơn hàng (Vũ Đình Dũng) 55 Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 1.2.29.Bảo trì sản phẩm (Vũ Đình Dũng) 56 Chương 2 Phân tích use case 59 2.1 Phân tích các use case 59 2.1.1 Phân tích use case Xem hang theo nhom (Tạ Hoàng Việt) 59 2.1.2 Phân tích use case Xem cua hang (Tạ Hoàng Việt) 60 2.1.3 Phân tích use case Bao tri the loai (Tạ Hoàng Việt) 63 2.1.4 Phân tích use case Bao tri khuyen mai (Tạ Hoàng Việt) 65 2.1.5 Phân tích use case Đăng Nhập (Vũ Mạnh Dũng) 68 2.1.6 Phân tích use case Đăng Kí (Vũ Mạnh Dũng) 70 2.1.7 Phân tích use case Quên Mật Khẩu (Vũ Mạnh Dũng) 72 2.1.8 Phân tích use case Xem Giỏ Hàng (Vũ Mạnh Dũng) 74 2.1.9 Phân tích use case Xem Danh Mục Blog (Vũ Mạnh Dũng) 76 2.1.10 Phân tích use case Quản Lý Tài Khoản (Vũ Mạnh Dũng) 78 2.1.11 Phân tích use case Bảo Trì Danh Mục Blog (Vũ Mạnh Dũng) 80 2.1.13 Phân tích use case “xem hàng theo thương hiệu ” (Bùi Việt Hoàng) 83 2.1.14 Phân tích use case “xem sản phẩm ” (Bùi Việt Hoàng) 85 2.1.15 Phân tích use case “xem thông tin tài khoản ” (Bùi Việt Hoàng) 86 2.1.16 Phân tích use case “bảo trì thương hiệu” (Bùi Việt Hoàng) 87 2.1.17 Phân tích use case “bảo trì cửa hàng” (Bùi Việt Hoàng) 90 2.1.18 phân tích use case “Xem hàng khuyến mãi” (Bùi Việt Hoàng) 93 2.1.19 Phân tích use case “Đăng xuất” (Trần Quang Huy) 95 2.1.21 Phân tích use case “Tìm Kiếm” (Trần Quang Huy) 97 2.1.22 Phân tích use case “Xem bài viết” (Trần Quang Huy) 98 2.1.23 Phân tích use case “Bảo trì bài viết” (Trần Quang Huy) 100 2.1.24 Phân tích use case “Bảo trì danh mục” (Trần Quang Huy) 102 2.1.25 Phân tích use case Bảo trì sản phẩm(Vũ Đình Dũng) 104 2.1.26 Phân tích use case Quản lí đơn hàng (Vũ Đình Dũng) 106 2.1.27 Phân tích use case them hang vao gio (Vũ Đình Dũng) 108 2.1.28 Phân tích use case “đặt hàng” (Vũ Đình Dũng) 110 2.2 Các biểu đồ tổng hợp 113 2.2.1 Biểu đồ các lớp Entity của hệ thống 113 2.2.2 Biểu đồ các lớp phân tích của hệ thống 114 Chương 3 Thiết kế giao diện 116 3.1 Thiết kế giao diện cho các use case 116 3.1.1 Giao diện use case Đặt hàng (Vũ Đình Dũng) 116 Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 3.1.2 Giao diện use case thêm hàng vào giỏ (Vũ Đình Dũng) 118 3.1.3 Giao diện use case Đăng Nhập (Vũ Mạnh Dũng) 120 3.1.4 Giao diện use case Đăng Kí (Vũ Mạnh Dũng) 122 3.1.5 Giao diện use case Quên Mật Khẩu (Vũ Mạnh Dũng) 124 3.1.6 Giao diện use case Xem Giỏ Hàng (Vũ Mạnh Dũng) 126 3.1.7 Giao diện use case Xem Danh Mục Blog (Vũ Mạnh Dũng) 128 3.1.8 Giao diện use case Quản Lý Tài Khoản (Vũ Mạnh Dũng) 129 3.1.9 Giao diện use case Bảo Trì Danh Mục Blog (Vũ Mạnh Dũng) 131 3.1.10 Giao diện use case Xem hàng theo Nhóm (Tạ Hoàng Việt) 134 3.1.11 Giao diện use case Xem Cửa Hàng (Tạ Hoàng Việt) 136 3.1.12 Giao diện use case Bảo trì Thể Loại (Tạ Hoàng Việt) 138 3.1.13 Giao diện use case Bảo Trì Khuyến Mại ( Tạ Hoàng Việt) 140 3.1.14 Giao diện use case Đăng Kí (Trần Quang Huy) 142 3.1.15 Giao diện use case Tìm Kiếm (Trần Quang Huy) 143 3.1.16 Giao diện use case Xem Bài Viết (Trần Quang Huy) 145 3.1.17 Giao diện use case Xem Địa Chỉ(Trần Quang Huy) 147 3.1.18 Giao diện use case Bảo Trì Bài Viết (Trần Quang Huy) 148 3.1.19 Giao diện use case Bảo Trì Danh Mục(Trần Quang Huy) 151 3.1.20 Giao diện use case xem hàng theo thương hiệu (Bùi Việt Hoàng) 153 3.1.21 Giao diện use case xem sản phẩm (Bùi Việt Hoàng) 155 3.1.22 Giao diện use case xem thông tin tài khoản ( Bùi Việt Hoàng ) 156 3.1.23 Giao diện use case xem hàng khuyến mãi (Bùi Việt Hoàng) 158 3.1.24 Giao diện use case bảo trì cửa hàng (Bùi Việt Hoàng) 159 3.1.25 Giao diện use case bảo trì thương hiệu (Bùi Việt Hoàng ) 162 3.1.26 Giao diện use case Đặt Hàng(Vũ Đình Dũng) 164 3.1.27 Giao diện use case Thêm hàng vào giỏ (Vũ Đình Dũng) 164 3.1.28 Giao diện use case Xem Chi tiết sản phẩm (Vũ Đình Dũng) 165 3.1.29 Giao diện use case Quản lí đơn hàng(Vũ Đình Dũng) 167 3.1.30 Giao diện use case Bảo trì sản phẩm(Vũ Đình Dũng) 168 3.2 Các biểu đồ tổng hợp 170 3.2.1 Biểu đồ điều hướng màn hình của nhóm use case chính 170 3.2.2 Biểu đồ điều hướng màn hình của nhóm use case thứ cấp 171 Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 Chương 1 Mô tả chức năng 1.1 Biểu đồ use case 1.1.1 Các use case phần front end Hình 1 Biểu đồ use case Front end Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 1.1.2 - Đăng nhập: cho phép người dùng đăng nhập - Đăng ký: cho phép người dùng đăng ký tài khoản - Quên mật khẩu: cho phép người dùng lấy lại tài khoản - Xem giỏ hàng: cho phép người dùng xem giỏ hàng - Xem sản phẩm theo thể loại: cho phép người dùng xem các sản phẩm lọc theo thể loại - Xem cửa hàng: cho phép người dùng xem các cửa hàng - Xem sản phẩm theo thương hiệu: cho phép người dùng xem các sản phẩm lọc theo thương hiệu - Xem chi tiết sản phẩm: cho phép người dùng xem chi tiết sản phẩm - Xem thông tin tài khoản: cho phép người dùng xem thông tin tài khoản - Đăng xuất: cho phép người dùng thoát tài khoản khỏi hệ thống - Xem địa chỉ: cho phép người dùng xem địa chỉ - Tìm kiếm: cho phép người dùng tìm kiếm sản phẩm - Đặt hàng: cho phép người dùng đặt hàng - Thêm hàng vào giỏ: cho phép người dùng thêm hàng vào giỏ - Xem danh mục blog :cho phép khách hàng xem các dang mục blog - Xem khuyến mãi : cho phép khách hàng xem các chương trình khuyến mãi - Xem bài viết :cho phép khách hàng xem được những bài viết của cửa hàng Các use case phần back end Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 Hình 2 Biểu đồ use case phần Back end - Quản lí tài khoản: cho phép admin có thể quản lí tài khoản của người dùng - Bảo trì thể loại: cho phép admin có thể bảo trì các thể loại sản phẩm - Bảo trì thương hiệu: cho phép admin có thể bảo trì thương hiệu Bảo trì cửa hàng: cho phép admin có thể bảo trì cửa hàng - Bảo trì sản phẩm: cho phép admin có thể bảo trì sản phẩm - Bảo trì danh mục - Quản lý đơn hàng: cho phép admin có thể quản lí đơn hàng - Bảo trì danh mục blog : cho phép admin có thể bảo trì các danh mục blog - Bảo trì khuyến mãi : cho phép admin có thể bảo trì các khuyến mãi của shop - Bảo trì bài viết : cho phép admin có thể bảo trì các bài viết của cửa hàng 1.2 Mô tả use case 1.2.1 Mô tả use case xem hàng theo danh mục (Tạ Hoàng Việt) 1 Tên UC: xem hàng theo danh mục 2 Mô tả vắn tắt: cho phép người dùng có thể xem hàng theo danh mục 3 Luồng sự kiện a Luồng cơ bản i Use case này bắt đầu khi người dùng chỉ chuột vào bất kỳ danh mục nào trên thanh Menu chính Hệ thống lấy thông tin “Tên danh mục” từ bảng DanhMuc và hiện thị lên màn hình Downloaded by bong bong (bongbong1@gmail.com) lOMoARcPSD|39475011 ii Người dùng click vào bất kỳ danh mục con nào trên menu con Hệ thống sẽ lấy thông tin các sản phẩm bao gồm: hình ảnh sản phẩm, tên sản phẩm, giá sản phẩm và tên danh mục từ bảng SANPHAM, DANHMUC hiển thị lên màn hình Use case kết thúc b Luồng rẽ nhánh i Tại bất kỳ bước nào trong quá trình thực hiện Use case, nếu không kết nối được tới CSDL thì hệ thống sẽ hiển thị thông báo lỗi và use case kết thúc 4 Các yêu cầu đặc biệt :không 5 Tiền điều kiện: người dùng cần phải chọn danh mục trên thanh menu thì hệ thống mới lọc được sản phẩm theo danh mục mong muốn 6 Hậu điều kiện: Không 7 Điểm mở rộng: không Dữ liệu liên quan: Downloaded by bong bong (bongbong1@gmail.com)