Đang tải... (xem toàn văn)
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 20221IT609. 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
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: Nhóm - Lớp: Thành viên: Ths Phạm Thị Kim Phượng - 20221IT6096002 Vũ Đình Dũng Vũ Mạnh Dũng Bùi Việt Hồng Trần Quang Huy Tạ Hoàng Việt Hà Nội, Năm 2022 LỜI MỞ ĐẦU Thiết kế website bán đồ chơi Funnyland, tìm hiểu yêu cầu cần thiết để website hoạt động tốt.Nghiên cứu phương pháp tối ưu hệ thống website để đáp ứng nhu cầu Công Ty cổ phần trẻ em vàng Các ưu tiên cần thực hiện: - Thu thập đầy đủ thông tin, yêu cầu, hiểu rõ giới hạn tạo trang web bán hàng - Thiết kế sở liệu hiệu an tồn - Có liên kết người sử dụng người quản lý cửa hàng 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 1.1.2 Các use case phần back end 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.2.2 Xem hàng theo nhóm (Tạ Hồng Việt) 10 1.2.3 xem cửa hàng (Tạ Hồ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 Hồng) 20 1.2.10 Đặc tả use case “bảo trì cửa hàng” (Bùi Việt Hồng) 23 1.2.11 Đặc tả use case “Xem hàng khuyến mãi” (Bùi Việt Hồng) 26 1.2.12.Mơ tả USECASE đăng xuất (Trần Quang Huy) 27 1.2.13.Mô tả usecase xem địa (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 viết (Trần Quang Huy) 32 1.2.16.Mơ tả use case “bảo trì 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 (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 1.2.29.Bảo trì sản phẩm (Vũ Đình Dũng) 56 Chương Phân tích use case 59 2.1 Phân tích use case 59 2.1.1 Phân tích use case Xem hang theo nhom (Tạ Hồ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ạ Hồng Việt) 63 2.1.4 Phân tích use case Bao tri khuyen mai (Tạ Hồ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 Hồ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 Hồng) 86 2.1.16 Phân tích use case “bảo trì thương hiệu” (Bùi Việt Hồng) 87 2.1.17 Phân tích use case “bảo trì cửa hàng” (Bùi Việt Hồng) 90 2.1.18 phân tích use case “Xem hàng khuyến mãi” (Bùi Việt Hồ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 viết” (Trần Quang Huy) 98 2.1.23 Phân tích use case “Bảo trì 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 đồ lớp Entity hệ thống 113 2.2.2 Biểu đồ lớp phân tích hệ thống 114 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 Đặt hàng (Vũ Đình Dũng) 116 116 116 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ạ Hồ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ạ Hồ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 Hồng ) 156 3.1.23 Giao diện use case xem hàng khuyến (Bùi Việt Hồ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 Hồ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 hình nhóm use case 170 3.2.2 Biểu đồ điều hướng hình nhóm use case thứ cấp 171 Chương 1.1 Biểu đồ use case 1.1.1 Các use case phần front end Mô tả chức Hình Biểu đồ use case Front end - Đă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 sản phẩm lọc theo thể loại - Xem cửa hàng: cho phép người dùng xem cửa hàng - Xem sản phẩm theo thương hiệu: cho phép người dùng xem 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 - 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 dang mục blog - Xem khuyến : cho phép khách hàng xem chương trình khuyến - Xem viết :cho phép khách hàng xem viết cửa hàng 1.1.2 Các use case phần back end Hình Biểu đồ use case phần Back end - Quản lí tài khoản: cho phép admin quản lí tài khoản người dùng - Bảo trì thể loại: cho phép admin bảo trì thể loại sản phẩm - Bảo trì thương hiệu: cho phép admin bảo trì thương hiệu Bảo trì cửa hàng: cho phép admin bảo trì cửa hàng - Bảo trì sản phẩm: cho phép admin bảo trì sản phẩm - Bảo trì danh mục - Quản lý đơn hàng: cho phép admin quản lí đơn hàng - Bảo trì danh mục blog : cho phép admin bảo trì danh mục blog - Bảo trì khuyến : cho phép admin bảo trì khuyến shop - Bảo trì viết : cho phép admin bảo trì viết 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) Tên UC: xem hàng theo danh mục Mô tả vắn tắt: cho phép người dùng xem hàng theo danh mục Luồng kiện a Luồng i Use case bắt đầu người dùng chuột vào danh mục Menu Hệ thống lấy thơng tin “Tên danh mục” từ bảng DanhMuc thị lên hình ii Người dùng click vào danh mục menu Hệ thống lấy thông tin 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 tên danh mục từ bảng SANPHAM, DANHMUC hiển thị lên hình Use case kết thúc b Luồng rẽ nhánh i Tại bước trình thực Use case, khơng kết nối tới CSDL hệ thống hiển thị thông báo lỗi use case kết thúc Các yêu cầu đặc biệt :không Tiền điều kiện: người dùng cần phải chọn danh mục menu hệ thống lọc sản phẩm theo danh mục mong muốn Hậu điều kiện: Không Điểm mở rộng: không Dữ liệu liên quan: 3.1.24.3 Biểu đồ cộng tác hình 3.1.25 Giao diện use case bảo trì thương hiệu (Bùi Việt Hồng ) 3.1.25.1 Hình dung hình 3.1.25.2 Biểu đồ lớp hình 3.1.25.3 Biểu đồ cộng tác hình 3.1.26 Giao diện use case Đặt Hàng(Vũ Đình Dũng) 3.1.26.1 Hình dung hình 3.1.26.2 Biểu đồ lớp hình 3.1.26.3 Biểu đồ cộng tác hình 3.1.27 Giao diện use case Thêm hàng vào giỏ (Vũ Đình Dũng) 3.1.27.1 Hình dung hình 3.1.27.2 Biểu đồ lớp hình 3.1.27.3 Biểu đồ cộng tác hình 3.1.28 Giao diện use case Xem Chi tiết sản phẩm (Vũ Đình Dũng) 3.1.28.1 Hình dung hình 3.1.28.2 Biểu đồ lớp hình 3.1.28.3 Biểu đồ cộng tác hình 3.1.29 Giao diện use case Quản lí đơn hàng(Vũ Đình Dũng) 3.1.29.1 Hình dung hình 3.1.29.2 Biểu đồ lớp hình 3.1.29.3 Biểu đồ cộng tác hình 3.1.30 Giao diện use case Bảo trì sản phẩm(Vũ Đình Dũng) 3.1.30.1 Hình dung hình 3.1.30.2 Biểu đồ lớp hình 3.1.30.3 Biểu đồ cộng tác hình 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 ... hàng - Thiết kế sở liệu hiệu an tồn - Có liên kết người sử dụng người quản lý cửa hàng 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 1.1.2 Các use case phần back...LỜI MỞ ĐẦU Thiết kế website bán đồ chơi Funnyland, tìm hiểu yêu cầu cần thiết để website hoạt động tốt.Nghiên cứu phương pháp tối ưu hệ thống website để đáp ứng nhu cầu Công Ty cổ phần trẻ em... 2.2.1 Biểu đồ lớp Entity hệ thống 113 2.2.2 Biểu đồ lớp phân tích hệ thống 114 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 Đặt hàng (Vũ Đình Dũng) 116 116