Trang 12 SĐT: 0362046864 Thời điểm bắt đầu: 8h10Thời điểm kết thúc: 8h50Đối tượng: Nguyễn Văn ACần thu thập dữ liệu :-Thông tin cơ bản của hệ thống-Các mong muốn của người dùng đối với w
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: PHÂN TÍCH THIẾT KẾ PHẦN MỀM PHÂN TÍCH THIẾT KẾ PHẦN MỀM WEBSITE BÁN HÀNG LAZADA GVHD: Ths Ngơ Thị Bích Thúy Nhóm - Lớp: - 20222IT6066004 Thành viên: Hồng Văn Ái - 2021603652 Đinh Văn Duy – 2021604611 Đào Minh Hiếu - 2021604031 Đỗ Công Thanh Phương - 2021603700 Vũ Tùng Tâm - 2021604764 Hà nội, Năm 2022 LỜI MỞ ĐẦU Ngày với phát triển vũ bão khoa học công nghệ, sống người biến đổi theo, tân tiến so với trước Trước kia, mua mặt hàng đó, người tiêu dùng phải nắm nhiều thơng tin như: mặt hàng bày bán đâu, giá nơi rẻ hơn, chất lượng có tương xứng với giá thành hay khơng, vv Giờ đây, với đời sàn thương mại điện tử, thay phải mua hàng trực tiếp, người tiêu dùng xem tất sản phẩm đâu, tìm kiếm mặt hàng nào, thoả sức so sánh giá tiền sản phẩm cửa hàng khác Không thế, cần trả khoản phí ship tương ứng, người dùng giao hàng tới tận nhà mà đến tận cửa hàng để mua Những sàn thương mại điện tử giúp cho việc mua bán, trao đổi hàng hóa cửa hàng người tiêu dùng trở nên đơn giản, dễ dàng tiện lợi Hơn nữa, hàng loạt chiến dịch ưu đãi giảm giá quà tặng gửi tới khách hàng họ tham gia mua trực tuyến sàn thương mại điện tử Ngày hình thức bán hàng trực tuyến trở nên phát triển, thu hút lượng khách lớn, phạm vi phục vụ rộng rãi, hình thức quảng cáo đơn giản, tiện sử dụng, dễ dàng cập nhật thơng tin, đáp ứng nhu cầu khách hàng vào thời gian truy cập COVID 19 xuất lý khiến việc mua sắm online trở nên bùng nổ năm gần Tuy dịch bệnh khơng cịn căng thẳng trước, song thói quen mua hàng online trở thành phần sống người tính tiện lợi Chính lí chúng em chọn đề tài “ Phân tích thiết kế phần mềm Website bán hàng LAZADA” mạng lưới Internet làm cho việc mua sắm trở nên đơn giản, tiết kiệm thời gian người mua hàng Bài tập lớn chia làm chương bao gồm: Chương 1: Khảo sát hệ thống Chương 2: Mơ hình hố chức Chương 3: Mơ hình hố liệu Chương 4: Phân tích use case Chương 5: Thiết kế giao diện Mục lục Chương Khảo sát hệ thống 11 1.1 Khảo sát sơ 11 1.1.1 Mục tiêu 11 1.1.2 Phương pháp .11 1.1.3 Thông tin sơ hệ thống .22 1.1.4 Các tài liệu thu thập 24 1.2 Khảo sát chi tiết 27 1.2.1 Hoạt động hệ thống 27 1.2.2 Các yêu cầu chức liệu 29 1.2.3 Các yêu cầu phi chức 30 Chương Mơ hình hóa chức 31 2.1 Biểu đồ use case 31 2.1.1 Các use case 32 2.1.2 Các use case thứ cấp 34 2.1.3 Quan hệ use case 35 2.2 Mô tả chi tiết use case 36 2.2.1 Mơ tả use case Đăng kí (Vũ Tùng Tâm) 36 2.2.2 Mô tả use case Tìm kiếm sản phẩm (Đào Minh Hiếu) .39 2.2.3 Mơ tả use case Xem sản phẩm (Hồng Văn Ái) 41 2.2.4 Mô tả use case Quản lý đơn hàng (Đinh Văn Duy) 43 2.2.5 Mô tả use case Quản lý giỏ hàng (Đỗ Công Thanh Phương) .45 2.2.6 Mô tả use case Quản lý tài khoản (Vũ Tùng Tâm) .51 2.2.7 Mơ tả use case Bảo trì sản phẩm (Đào Minh Hiếu) 53 2.2.8 Mô tả use case Bảo trì danh mục (Hồng Văn Ái) .55 2.2.9 Mơ tả use case Bảo trì đơn hàng (Đinh Văn Duy) .57 2.2.10 Mô tả use case Bảo trì giỏ hàng (Đỗ Cơng Thanh Phương) 59 Chương Mơ hình hóa liệu .62 3.1 Các yêu cầu liệu 62 3.2 Biểu đồ thực thể liên kết mức logic .63 3.3 Mô hình sở liệu mức vật lý 63 3.3.1 Thiết kế bảng 63 3.3.2 Biểu đồ thực thể liên kết mức vật lý 65 Chương Phân tích use case 66 4.1 Biểu đồ lớp Entity hệ thống 66 4.2 Phân tích use case .67 4.2.1 Phân tích use case Đăng kí (Vũ Tùng Tâm) .67 4.2.2 Phân tích use case Tìm kiếm sản phẩm (Đào Minh Hiếu) 71 4.2.3 Phân tích use case Xem sản phẩm (Hồng Văn Ái) 75 4.2.4 Phân tích use case Quản lý đơn hàng (Đinh Văn Duy) 79 4.2.5 Phân tích use case Quản lý giỏ hàng (Đỗ Cơng Thanh Phương) 83 4.2.6 Phân tích use case Quản lý tài khoản (Vũ Tùng Tâm) .88 4.2.7 Phân tích use case Bảo trì sản phẩm (Đào Minh Hiếu) 92 4.2.8 Phân tích use case Bảo trì danh mục sản phẩm(Hồng Văn Ái) .96 4.2.9 Phân tích use case Bảo trì đơn hàng (Đinh Văn Duy) 100 4.2.10 Phân tích use case Bảo trì giỏ hàng (Đỗ Cơng Thanh Phương) 104 4.3 Biểu đồ lớp phân tích 109 4.3.1 Nhóm use case 109 4.3.2 Nhóm use case thứ cấp .109 Chương Thiết kế giao diện 110 5.1 Giao diện use case Đăng kí (Vũ Tùng Tâm) 110 5.1.1 Hình dung hình 110 5.1.2 Biểu đồ lớp hình .111 5.1.3 Biểu đồ cộng tác hình 112 5.1.4 Hình dung hình (luồng rẽ nhánh) .113 5.1.5 Biểu đồ lớp hình(luồng rẽ nhánh) 115 5.1.6 Biểu đồ cộng tác hình luồng rẽ nhánh 116 5.2 Giao diện use case Tìm kiếm (Đào Minh Hiếu) .117 5.2.1 Hình dung hình 117 5.2.2 Biểu đồ lớp hình .117 5.2.3 Biểu đồ cộng tác hình 118 5.2.4 Hình dung hình(có thêm phần rẽ nhánh) 118 5.2.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 119 5.2.6 Biểu đồ cộng tác hình 119 5.3 Giao diện use case Xem sản phẩm (Hoàng Văn Ái) 120 5.3.1 Hình dung hình 120 5.3.2 Biểu đồ lớp hình .120 5.3.3 Biểu đồ cộng tác hình 121 5.3.4 Hình dung hình(có thêm phần rẽ nhánh) 121 5.3.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 122 5.3.6 Biểu đồ cộng tác hình luồng rẽ nhánh 122 5.4 Giao diện use case Quản lý đơn hàng (Đinh Văn Duy) 123 5.4.1 Hình dung hình 123 5.4.2 Biểu đồ lớp hình .123 5.4.3 Biểu đồ cộng tác hình 124 5.4.4 Hình dung hình (có thêm phần rẽ nhánh) 124 5.4.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh 125 5.4.6 Biểu đồ cộng tác hình phần rẽ nhánh 125 5.5 Giao diện use case Quản lý giỏ hàng (Đỗ Cơng Thanh Phương) 126 5.5.1 Hình dung hình 126 5.5.2 Biểu đồ lớp hình .127 5.5.3 Biểu đồ cộng tác hình 127 5.5.4 Hình dung hình (có thêm phần rẽ nhánh) 128 5.5.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 129 5.5.6 Biểu đồ cộng tác hình phần rẽ nhánh 129 5.6 Giao diện use case Quản lý tài khoản (Vũ Tùng Tâm) 130 5.6.1 Hình dung hình 130 5.6.2 Biểu đồ lớp hình .131 5.6.3 Biểu đồ cộng tác hình 132 5.6.4 Hình dung hình(Phần rẽ nhánh) 133 5.6.5 Biểu đồ lớp hình(Phần rẽ nhánh) 134 5.6.6 Biểu đồ cộng tác hình(Phần rẽ nhánh) 135 5.7 Giao diện use case Bảo trì sản phẩm (Đào Minh Hiếu) 136 5.7.1 Hình dung hình 136 5.7.2 Biểu đồ lớp hình .137 5.7.3 Biểu đồ cộng tác hình 138 5.7.4 Hình dung hình (có thêm phần rẽ nhánh) 139 5.7.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 140 5.7.6 Biểu đồ cộng tác hình phần rẽ nhánh 141 5.8 Giao diện use case Bảo trì danh mục sản phẩm (Hồng Văn Ái) 142 5.8.1 Hình dung hình 142 5.8.2 Biểu đồ lớp hình .142 5.8.3 Biểu đồ cộng tác hình 143 5.8.4 Hình dung hình (có thêm phần rẽ nhánh) 144 5.8.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 145 5.8.6 Biểu đồ cộng tác hình phần rẽ nhánh 145 5.9 Giao diện use case Bảo trì đơn hàng (Đinh Văn Duy) 146 5.9.1 Hình dung hình 146 5.9.2 Biểu đồ lớp hình .146 5.9.3 Biểu đồ cộng tác hình 147 5.9.4 Hình dung hình (có thêm phần rẽ nhánh) 147 5.9.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 148 5.9.6 Biểu đồ cộng tác hình phần rẽ nhánh 148 5.10 Giao diện use case Bảo trì giỏ hàng (Đỗ Cơng Thanh Phương) .149 5.10.1 Hình dung hình 149 5.10.2 Biểu đồ lớp hình 150 5.10.3 Biểu đồ cộng tác hình .151 5.10.4 Hình dung hình (có thêm phần rẽ nhánh) 152 5.10.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) .153 5.10.6 5.11 Biểu đồ cộng tác hình phần rẽ nhánh .154 Biểu đồ điều hướng hình .155 5.11.1 Nhóm use case .155 5.11.2 Nhóm use case thứ cấp 155 10 Danh mục hình ảnh Hình 1:Ảnh trang chủ Lazada 24 Hình 2: Một sơ loại sản phẩm Lazada 25 Hình 3: Một số sản phẩm Lazada 25 Hình 4: Chi tiết sản phẩm .26 Hình 5: Cácc thương hiệu Lazada 26 Hình 6: Dịch vụ khuyến 27 Hình 7:Hình ảnh cửa hàng Lazada 27 Hình 8: Biểu đồ Use case tổng quát .31 Hình 9: Các use case 32 Hình 10: Biểu đồ nhóm Use csse thứ cấp 34 Hình 11: Quan hệ Include use case 35 Danh mục bảng: Bảng 1: Khách hàng 63 Bảng 2: Tài khoản 63 Bảng 3: Đơn hàng 63 Bảng 4: Giỏ hàng 64 Bảng 5: Sản phẩm 64 Bảng 6: Loại sản phẩm 64 Bảng 7: DM sản phẩm 64 Bảng 8: CT_Đơn hàng 64 10 5.8.3 Biểu đồ cộng tác hình : NguoiQuanTri : MenuQuanTriScreen : BaoTriDanhMucSanPhamScreen : BaoTriDanhMucSanPhamForm : ThemDanhMucSanPhamMoiScreen 1: danhMucSanPham() : ThemDanhMucSanPhamMoiForm : SuaDanhMucSanPhamScreen : SuaDanhMucSanPhamForm : XacNhanXoaScreen 2: navigate( ) 3: themMoi() 4: navigate() 5: nhap ten danh muc san pham va mo ta 6: them() 7: navigate( ) 8: chon mot danh muc san pham can phai sua 9: sua() 10: navigate( ) 11: nhap ten danh muc san pham va mo ta moi 12: capNhat() 13: navigate( ) 14: chon mot danh muc san pham can xoa 15: xoa() 16: navigate( ) 17: dongY() 18: navigate( ) 145 5.8.4 Hình dung hình (có thêm phần rẽ nhánh) 146 147 5.8.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) 5.8.6 Biểu đồ cộng tác hình phần rẽ nhánh Phân tích thiết kế phần mềm 148 5.9 Giao diện use case Bảo trì đơn hàng (Đinh Văn Duy) 5.9.1 Hình dung hình Phân tích thiết kế phần mềm 149 5.9.2 Biểu đồ lớp hình 5.9.3 Biểu đồ cộng tác hình Phân tích thiết kế phần mềm 150 5.9.4 Hình dung hình (có thêm phần rẽ nhánh) 5.9.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) Phân tích thiết kế phần mềm 151 5.9.6 Biểu đồ cộng tác hình phần rẽ nhánh Phân tích thiết kế phần mềm 152 5.10 Giao diện use case Bảo trì giỏ hàng (Đỗ Cơng Thanh Phương) 5.10.1 Hình dung hình Phân tích thiết kế phần mềm 153 5.10.2 Biểu đồ lớp hình MenuQuanTriScreen chon gio hang gioHang() navigate() them moi navigate() ThemGioHangForm maGH maSP tenSP anhMinhHoa giaSP soLuong thuongHieu size nhomMau chatLieu uuDai BaoTriGioHangForm chonChuDe themMoi() navigate() them ThemGioHangScreen BaoTriGioHangScreen maGH maKH sua cap nhat SuaGioHangScreen maGH maSP tenSPCu anhMinhHoaCu giaSPCu soLuongCu thuongHieuCu sizeCu nhomMauCu chatLieuCu uuDaiCu navigate() xoa dong y sua() xoa() XacNhanXoaScreen dongY() navigate() SuaGioHangForm tenSPMoi anhMinhHoaMoi giaSPMoi soLuongMoi thuongHieuMoi sizeMoi nhomMauMoi chatLieuMoi uuDaiMoi capNhat() them() Phân tích thiết kế phần mềm 154 5.10.3 : Nguoi quan tri Biểu đồ cộng tác hình : MenuQuanTriScreen : BaoTriGioHangScreen : BaoTriGioHangForm : ThemGioHangScreen : ThemGioHangForm : SuaGioHangScreen : SuaGioHangForm : XacNhanXoaScreen 1: gioHang( ) 2: navigate( ) 3: themMoi( ) 4: navigate( ) 5: nhap thong tin gio hang moi 6: them( ) 7: navigate( ) 8: chon mot gio hang can sua 9: sua( ) 10: navigate( ) 11: nhap thong tin moi cho gio hang 12: capNhat( ) 13: navigate( ) 14: chon mot gio hang can xoa 15: xoa( ) 16: navigate( ) 17: dongY( ) 18: navigate( ) Phân tích thiết kế phần mềm 155 5.10.4 Hình dung hình (có thêm phần rẽ nhánh) Phân tích thiết kế phần mềm 156 5.10.5 Biểu đồ lớp hình(có thêm phần rẽ nhánh) ThongBaoLoiScreen XacNhanXoaScreen loi k et noi dongY() navigate() huy() navigate() loi k et noi MenuQuanTriScreen chon gio hang gioHang() navigate() xoa loi k et noi BaoTriGioHangScreen maGH maKH themMoi() navigate() them huy them moi sua huy cap nhat ThemGioHangScreen navigate() ThemGioHangForm maGH maSP tenSP anhMinhHoa giaSP soLuong thuongHieu size nhomMau chatLieu uuDai SuaGioHangScreen maGH maSP tenSPCu anhMinhHoaCu giaSPCu soLuongCu thuongHieuCu sizeCu nhomMauCu chatLieuCu uuDaiCu navigate() dong y huy BaoTriGioHangForm chonChuDe sua() xoa() SuaGioHangForm tenSPMoi anhMinhHoaMoi giaSPMoi soLuongMoi thuongHieuMoi sizeMoi nhomMauMoi chatLieuMoi uuDaiMoi capNhat() huy() them() huy() Phân tích thiết kế phần mềm 157 5.10.6 : Nguoi quan tri Biểu đồ cộng tác hình phần rẽ nhánh : MenuQuanTriScreen : BaoTriGioHangScreen : BaoTriGioHangForm : ThemGioHangScreen : ThemGioHangForm : SuaGioHangScreen : SuaGioHangForm : XacNhanXoaScreen : ThongBaoLoiScreen Re nhanh 1: gioHang( ) 2: navigate( ) 3: them( ) 4: navigate( ) 5: sua( ) 6: navigate( ) 7: capNhat( ) 8: navigate( ) 9: dongY( ) 10: navigate( ) Re nhanh 11: nhap noi dung khong hop le 12: them( ) 13: navigate( ) Thong tin khong hop le vui long nhap lai 14: nhap thong tin khong hop le 15: capNhat( ) Thong tin khong hop le vui long nhap lai 16: navigate( ) Re nhanh 17: huy( ) 18: navigate( ) 19: huy( ) 20: navigate( ) 21: huy( ) 22: navigate( ) Phân tích thiết kế phần mềm 158 5.11 Biểu đồ điều hướng hình 5.11.1 Nhóm use case 5.11.2 Nhóm use case thứ cấp SuaGioHangScreen ThemGioHangScreen SuaDanhmucSanPhamScreen navigate() them moi cap nhat sua sua dong y BaoTriGioHangScreen sua cap nhat them moi BaoTriDanhMucScreen them SuaThongTinDonHangScreen ThemDanhMucSanPhamMoiScreen them ThemSanPhamMoiScreen them moi BaoTriDonHangScreen them cap nhat DanhSachSanPhamScreen chon gio hang QuanLyTaiKhoanScreen them MenuQuanTriScreen xoa dong y xoa dong y them moi sua sua xoa cap nhat dong y xoa ThemMoiScreen cap nhat xoa dong y SuaSanPhamScreen navigate() SuaTaiKhoanScreen XacNhanXoaScreen Phân tích thiết kế phần mềm 159 Phân tích thiết kế phần mềm