Thiết kế phần mềm , đại học công nghiệp hà nội

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 IT6038 THIẾT KẾ WEBSITE PHUONGNAMBOOK COM GVHD Ths Nguyễn Thị Thanh Huyền Nhóm Lớp 2 – 20212IT6038001 Hà Nội, Năm 2022 LỜI MỞ ĐẦU Trên thế giới cũng như Việt Nam ta, website thương mại điện tử là một lĩnh vực tất yếu có đóng góp quan trọng vào việc phát triển kinh tế thúc đẩy sự phát triển của xã hội Website thương mại điện tử có vai trò trong nhiều công việc cũng như nhiều.

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 - IT6038 THIẾT KẾ WEBSITE PHUONGNAMBOOK.COM GVHD: Nhóm - Lớp: Ths Nguyễn Thị Thanh Huyền – 20212IT6038001 Hà Nội, Năm 2022 LỜI MỞ ĐẦU Trên giới Việt Nam ta, website thương mại điện tử lĩnh vực tất yếu có đóng góp quan trọng vào việc phát triển kinh tế thúc đẩy phát triển xã hội Website thương mại điện tử có vai trị nhiều cơng việc nhiều ứng dụng, kể đến như: kinh doanh, quản lý bán hàng, thông tin kinh tế, …v.v… Ở nước ta việc sử dụng áp dụng website thương mại điện tử để đẩy nhanh tốc độ xử lý vấn đề cơng việc cịn nhiều hạn chế người chưa nắm bắt tác dụng độ hiệu cao website thương mại điện tử mang lại Chính cấp thiết vấn đề làm để giải cơng việc thật nhanh chóng, hiệu quả, tiết kiệm thời gian, chúng em xin đưa ứng dụng website thương mại điện tử việc hỗ trợ quản trị web là: Xây dựng hệ thống website thương mại điện tử Trong thời gian hồn thành cơng việc có thiếu sót mà chúng em chưa thể hồn thành cách trọn vẹn Kính mong q thầy bạn đóng góp thêm để chúng em có hệ thống mang lại nhiều trải nghiệm tốt cho người dùng Chúng em xin chân thành cảm ơn! Hà Nội, ngày 17 tháng năm 2022 Thiết kế phần mềm Mục Lục Mô tả chức 1.1 Biểu đồ use case DangKy XemSP TimkiemSP ThemSPvaoGH CapNhapSPtrongGH DatHang KhachHang HuyDon XemGioHang DanhGiaSP XemNCC ThanhToan DangNhap XemDH NhanVien CapNhapSP SuDungChatbot XuatHD HeThongTuDong CapNhapSoLuongTon HeThongCSDL BaotriDanhMucSP BaotriGioHang BaotriNCC Admin BaotriTheLoai BaotriSP QuanLyTaiKhoan QuanLyDonHang Thiết kế phần mềm 1.1.1 Các use case phần front end DangKy XemSP TimkiemSP ThemSPvaoGH CapNhapSPtrongGH DatHang KhachHang HuyDon XemGioHang DanhGiaSP XemNCC ThanhToan HeThongCSDL DangNhap XemDH NhanVien CapNhapSP SuDungChatbot XuatHD Thiết kế phần mềm 1.1.2 Các use case phần back end DangNhap BaotriDanhMucSP BaotriGioHang BaotriNCC HeThongCSDL Admin BaotriTheLoai BaotriSP QuanLy TaiKhoan QuanLy DonHang 1.2 Mô tả use case 1.2.1 Mô tả use case Đăng ký • Tên use case: Đăng kí • Mơ tả vắn tắt: Use case cho phép Khách Hàng đăng kí tài khoản hệ thống • Luồng bản: -Use case bắt đầu khi: khách hàng kích vào nút “Đăng ký” menu Hệ thống hiển thị form đăng ký tài khoản bao gồm trường trống như: Tên, Số điện thoại, Email, Mật lấy từ bảng TAIKHOAN - Khách hàng kích điền thông tin vào trường sau điền kiểu liệu định sẵn sở liệu thông tin như: Tên, Số điện thoại, Email, Mật nhấn nút Đăng ký để xác nhận hệ thống thêm tài khoản vào bảng TAIKHOAN sở liệu hệ thống Use case kết thúc • Luồng rẽ nhánh: Thiết kế phần mềm - Tại thời điểm trình thực use case không kết nối với sở liệu hệ thống hiển thị thông báo lỗi use case kết thúc Thiết kế phần mềm - Nếu email số điện thoại có thị thơng báo lỗi use case kết thúc Thiết kế phần mềm • • • • 1.2.2 Tiền điều kiện: khơng có Hậu điều kiện: khơng có Điểm mở rộng: khơng có Dữ liệu liên quan: Mô tả use case Xem Sản Phẩm • Tên use case: Xem sản phẩm • Mô tả vắn tắt: Use case cho phép Khách Hàng xem sản phẩm nhà cung cấp • Luồng bản: - Use case bắt đầu khi: khách hàng kích vào nút “Chi tiết” kích vào ảnh hiển thị sản phẩm menu Hệ thống lấy thông tin sản phẩm từ bảng SANPHAM sở liệu hiển thị lên hình - Khách hàng kích chọn tên sản phẩm danh mục Hệ thống lấy thông tin chi tiết sản phẩm (gồm Mã sản phẩm, Tên sản phẩm, Tên thể loại, Nội dung, Tình trạng, Thơng tin, Giá tiền ) từ bảng SANPHAM hiển thị lên hình Use case kết thúc • Luồng rẽ nhánh: Tại thời điểm trình thực use case khơng kết nối với sở liệu 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 có • • • • Tiền điều kiện: khơng có Hậu điều kiện: khơng có Điểm mở rộng: khơng có Dữ liệu liên quan Thiết kế phần mềm 1.2.3 Mơ tả use case Tìm kiếm sản phẩm • Tên use case: Tìm kiếm sản phẩm • Mơ tả vắn tắt: Use case cho phép Khách Hàng xem tìm kiếm sản phẩm theo từ khóa nhập • Luồng bản: - Use case bắt đầu khi: khách hàng kích vào nút “Tìm kiếm” menu Hệ thống lấy thơng tin sản phẩm có tên từ khóa từ bảng SANPHAM sở liệu hiển thị lên hình - Khách hàng kích chọn tìm kiếm tên sản phẩm theo từ khóa Hệ thống lấy thơng tin sản phẩm có Tên Sản Phẩm từ bảng SANPHAM trùng gần giống với từ khóa hiển thị giao diện lên hình Use case kết thúc • Luồng rẽ nhánh: - Tại thời điểm nhập từ khóa tìm kiếm từ bàn phím nhấn tìm kiếm khơng có tên sản phẩm có Tên sản phẩm từ bảng SANPHAM khớp với từ khóa hệ thống hiển thị “Khơng tìm thấy kết với từ khóa “ use case kết thúc Thiết kế phần mềm 10 - Tại thời điểm trình thực use case không kết nối với sở liệu hệ thống hiển thị thông báo lỗi use case kết thúc Thiết kế phần mềm 138 3.1.13.3 Biểu đồ cộng tác hình 3.1.14 Giao diện use case hủy đơn hàng 3.1.14.1 Hình dung hình Thiết kế phần mềm 139 3.1.14.2 Biểu đồ hình Thiết kế phần mềm 140 3.1.14.3 Biểu đồ cộng tác hình Thiết kế phần mềm 141 3.1.15 Giao diện use case bảo trì doanh mục sản phẩm 3.1.15.1 Hình dung hình Thiết kế phần mềm 142 3.1.15.2 Biểu đồ hình Thiết kế phần mềm 143 3.1.15.3 : Nguoi quan tri Biểu đồ cộng tác hình : MenuQuan : BaoTriDa : BaoTriDa : ThemMoiS : ThemMoiForm : Sua : SuaForm : Xoa 1: DanhMucSanPham( ) 2: navigate( ) 3: ThemMoi( ) 4: navigate( ) 5: Nhap thong tin 6: Tao( ) 7: navigate( ) 8: Chon danh muc muon sua 9: Sua( ) 10: navigate( ) 11: Nhap thong tin moi 12: CapNhat( ) 13: navigate( ) 14: Chon danh muc muon xoa 15: Xoa( ) 16: navigate( ) 17: DongY( ) 18: navigate( ) Thiết kế phần mềm 144 3.1.16 Giao diện use case xem sản phẩm 3.1.16.1 Hình dung hình Thiết kế phần mềm 145 3.1.16.2 Biểu đồ hình XemSPScreen MenuChinhScreen navigate() DangKy() DangNhap() XemSP() XemNCC() XemGioHang() XemDH() ThemSPvaoGH() TimKiemSP() ThanhToan() HuyDon() DatHang() DanhGiaSP() CapnhatSPtrongGH() navigate() 3.1.16.3 Biểu đồ cộng tác hình : MenuChinhScreen : XemSPScreen : KhachHang 1: XemSP( ) 2: navigate( ) 3: navigate( ) Thiết kế phần mềm 146 3.1.17 Giao diện use case tìm kiếm sản phẩm 3.1.17.1 Hình dung hình Thiết kế phần mềm 147 3.1.17.2 Biểu đồ hình MenuChinhScreen DangKy() DangNhap() XemSP() XemNCC() XemGioHang() XemDH() ThemSPvaoGH() TimKiemSP() ThanhToan() HuyDon() DatHang() DanhGiaSP() CapnhatSPtrongGH() navigate() 3.1.17.3 TimKiemSPScreen TimKiem navigate() Biểu đồ cộng tác hình : MenuChinhScreen : KhachHang : TimKiemSPScreen 1: TimKiemSP( ) 2: navigate( ) 3: navigate( ) Thiết kế phần mềm 148 3.1.18 Giao diện use case xem nhà cung cấp 3.1.18.1 Hình dung hình Thiết kế phần mềm 149 3.1.18.2 Biểu đồ hình MenuChinhScreen DangKy() DangNhap() XemSP() XemNCC() XemGioHang() XemDH() ThemSPvaoGH() TimKiemSP() ThanhToan() HuyDon() DatHang() DanhGiaSP() CapnhatSPtrongGH() navigate() 3.1.18.3 XemNCCScreen Xem NCC navigate() Biểu đồ cộng tác hình : MenuChinhScreen : XemNCCScreen : KhachHang 1: TimKiemSP( ) 2: navigate( ) 3: navigate( ) Thiết kế phần mềm 150 3.1.19 Giao diện use case đăng nhập 3.1.19.1 Hình dung hình 3.1.19.2 Biểu đồ hình MenuChinhScreen DangKy() DangNhap() XemSP() XemNCC() XemGioHang() XemDH() ThemSPvaoGH() TimKiemSP() ThanhToan() HuyDon() DatHang() DanhGiaSP() CapnhatSPtrongGH() navigate() Dang Nhap DangNhapScreen Email MatKhau DangNhapForm navigate() quay ve menu chinh() navigate() Thiết kế phần mềm 151 3.1.19.3 Biểu đồ cộng tác hình : KhachHang : MenuChinhScreen : DangNhapScreen : DangNhapForm 1: DangNhap( ) 2: navigate( ) 3: navigate( ) 4: navigate( ) 5: navigate( ) 3.1.20 Giao diện use case tốn hóa đơn hàng 3.1.20.1 Hình dung làm hình Thiết kế phần mềm 152 3.1.20.2 Biểu đồ hình MenuChinhScreen DangKy() DangNhap() XemSP() XemNCC() Thanh toan XemGioHang() XemDH() ThemSPvaoGH() TimKiemSP() ThanhToan() HuyDon() DatHang() DanhGiaSP() CapnhatSPtrongGH() navigate() ThanhToanForm ThanhToanScreen ThanhToan() navigate() navigate() XacNhanThanhToanScreen ThanhToan() navigate() 3.1.20.3 Biểu đồ cộng tác hình : KhachHang : MenuChinhScreen : ThanhToanScreen : ThanhToanForm : XacNhanThanhToanScreen 1: DangKy( ) 2: navigate( ) 3: navigate( ) 4: ThanhToan( ) 5: navigate( ) 6: navigate( ) 7: navigate( ) 3.2 Các biểu đồ tổng hợp 1.1.1 Biểu đồ điều hướng hình nhóm use case 3.2.1 Biểu đồ điều hướng hình nhóm use case thứ cấp Thiết kế phần mềm