bài tập lớn thiết kế phần mềm website bán quần áo trẻ em

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 CỬA HÀNG BÁN QUẦN ÁO TRẺ EM GVHD: Nhóm - Lớp: Nguyễn Thị Thanh Huyền Nhóm 6- KTPM1-K13 Thành viên: Hà Nội, Năm 2021 Lời nói đầu Phân tích đặc tả u cầu phần mềm Phân tích định rõ yêu cầu bước kỹ thuật tiến trình kỹ nghệ phần mềm Tại bước phát biểu chung phạm vi phần mềm làm mịn thành đặc tả cụ thể để trở thành tảng cho hoạt động kỹ nghệ phần mềm sau Việc phân tích phải tập trung vào miền thơng tin, chức hành vi vấn đề Để hiểu rõ u cầu, người ta tạo mơ hình, phân hoạch vấn đề tạo biểu diễn mô tả cho chất yêu cầu sau vào chi tiết Trong nhiều trường hợp, đặc tả đầy đủ vấn đề giai đoạn đầu Việc làm mẫu thường giúp cách tiếp cận khác để từ làm mịn thêm yêu cầu Để tiến hành đắn việc làm mẫu, cần tới công cụ kỹ thuật đặc biệt Kết việc phân tích tạo đặc tả yêu cầu phần mềm Đặc tả cần xét duyệt để đảm bảo người phát triển khách hàng có nhận biết hệ thống cần phát triển Thơng qua mơn học này, nhóm em nắm bắt kiến thức lĩnh vực Dựa kiến thức trang bị hướng dẫn Cơ Nguyễn Thị Thanh Huyền nhóm em xin phép chọn đề tài: Thiết kế website cửa hàng bán quần áo trẻ em Trong trình thực khơng thể tránh khỏi thiếu sót, kính mong nhận xét đóng góp Giảng Viên Nhóm em xin chân thành cảm ơn! Phân tích đặc tả yêu cầu hệ thống Mục Lục Phân tích đặc tả yêu cầu hệ thống Chương Mơ hình hóa chức 1.1 Biểu đồ use case Xem tin tuc Dang ki S ua thong tin tai khoan X em don hang Danh gia san pham Xem quan ao ua thich KHA CHHANG Dang ki tin thu Xem danh muc X em quan ao theo danh muc X em chi tiet quan ao CSDL Quan li gio hang Dat hang Tim kiem Dang nhap Bao tri san pham Bao tri danh muc Nguoi Quan Tri Bao tri he thong Quan li tai khoan Quan li don hang B ao tri tin tuc Phân tích đặc tả yêu cầu hệ thống 1.2 Mô tả use case 1.2.1 UC: Xem tin tức ( Đồn Đức Trung) Mơ tả vắn tắt: Use case cho phép khách hàng xem tin tức trang web • Luồng kiện: • Luồng bản: Use case bắt đầu khách hàng kích vào tin tức menu tin tức Hệ thống lấy thông tin tin tức từ bảng TINTUC sở liệu 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ó 1.2.2 UC: Bảo trì tin tức( Đồn Đức Trung) Mô tả vắn tắt: Use case cho phép Người quản trị xem, thêm, sửa xóa tin tức website • Luồng kiện: • Luồng bản: A, Use case bắt đầu Người quản trị kích vào nút “Tin Tức” menu quản trị Hệ thống lấy tin tức website hiển thị lên hình B, Thêm tin tức Phân tích đặc tả yêu cầu hệ thống 1, Người quản trị kích vào nút “Thêm tin tức mới” menu Hệ thống hiển thị hình yêu cầu nhập thông tin tin tức vào bảng tin tức website 2, Người quản trị nhập thông tin tin tức cho bảng tin tức website kích vào nút “Thêm mới” Hệ thống tạo ghi bảng tin tức website hiển thị bảng tin tức cập nhật C, Sửa tin tức: 1, Người quản trị kích vào nút “Thay đổi tin tức” menu quản trị Hệ thống hiển thị hình với tin tức cũ website textbox 2, Người quản trị sửa tin tức cũ kích vào nút “cập nhật” Hệ thống cập nhật tin tức website hiển thị bảng tin tức cập nhật D, Xóa tin tức: 1, Người quản trị kích vào nút “Xóa tin tức” tin tức riêng biệt Hệ thống hiển thị lên hình u cầu xác nhận xóa 2, Người quản trị kích vào nút “Đồng ý” Hệ thống xóa tin tức bảng tin tức website hiển thị lại bảng tin tức cập nhật Use case kết thúc • Luồng rẽ nhánh: a, Tại bước B2 C2 luồng người quản trị kích vào nút “Hủy bỏ” hệ thống bỏ qua thao tác thêm sửa chữa tương ứng hiển thị bảng tin tức website b, Tại bước D2 người quản trị kích vào nút “Khơng đồng ý” hệ thống bỏ qua thao tác xóa hiển thị lại tin tức bảng tin tức website c, 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 Phân tích đặc tả yêu cầu hệ thống • Các yêu cầu đặc biệt: Use case cho phép số vai trò người quản trị, người chủ hệ thống thực • Tiền điều kiện: Người quản trị cần đăng nhập với vai trò quản trị hệ thống trước thực hện use case • Hậu điều kiện: Nếu use case kết thúc thành cơng tin tức bảng tin tức website cập nhật • Điểm mở rộng: Khơng có 1.2.3 UC: Đăng Kí (Phạm Lê Bảo Anh) Mô tả vắn tắt: use case cho phép khách hàng đăng kí tài khoản • Luồng kiện: • Luồng bản: A, Use case bắt đầu khách hàng kích vào nút “tạo tài khoản” Hệ thống hiển thị lên form để lấy liệu khách hàng bao gồm ( họ tên, địa thư điện tử, mật khẩu) B, Đăng kí b1, Khách hàng nhập thơng tin vào texbox bao gồm (họ tên, địa thư điện tử, mật khẩu) sau kích vào nút “thực hiện” Hệ thống lưu lại liệu khách hàng vào bảng KHACHHANG hiển thị thông tin tài khoản lên hình Use case kết thúc • Luồng rẽ nhánh: a, Tại b1 luồng khách hàng nhập thơng tin khơng hợp lệ hệ thống hiển thị lỗi bên texbox chứa thơng tin lỗi b, Tại thời điểm q 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 Phân tích đặc tả yêu cầu hệ thống • Các yêu cầu đặc biệt: Khơng có • Tiền điều kiện: Khách hàng phải kích vào “tài khoản” “Đăng nhập” trước thực use case • Hậu điều kiện: Nếu use case kết thúc thành công thông tin khách hàng lưu sở liệu • Điểm mở rộng: Khơng có 1.2.4 UC: Sửa thơng tin tài khoản ( Phạm Lê Bảo Anh) Use case cho phép khách hàng sửa thơng tin tài khoản • Luồng kiện: • Luồng bản: a Use case băt đầu khách hàng kích vào nút “Sửa” bảng thông tin tài khoản Hệ thống lấy thông tin khách hàng (Địa thư điện tử, mật (ẩn kí tự), Họ tên) từ bảng KHACHHANG hiển thị lên hình b Sửa thơng tin: b.1: Khách hàng kích vào nút “Sửa” bảng thơng tin tài khoản Hệ thống hiển thị hình với thông tin cũ khách hàng text box b.2: Khách hàng sửa thơng tin (Địa thư điện tử, mật (ẩn kí tự), Họ tên) kích vào nút “Lưu” Hệ thống cập nhập thông tin khách hàng bảng KHACHHANG hiển thị lại bảng thông tin tài khoản lên hình Use case kết thúc • Luồng rẽ nhánh: a Tại bước b.2 luồng Khách hàng nhập thơng tin k hợp lệ hệ thống thông báo lỗi bên textbox sai thông tin Phân tích đặc tả yêu cầu hệ thống yêu cầu nhập thông tin Khách hàng nhập lại để tiếp tục kích vào nút “Quay lại” để kết thúc b 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ách hàng cần đăng nhập với vai trò khách hàng trước thực use case • Hậu điều kiện: Nếu use case kết thúc thành cơng thơng tin tài khoản khách hàng thay đổi sở liệu • Điểm mở rộng: Khơng có 1.2.5 UC: Xem danh mục (Nguyễn Thị Châm) Use case cho phép khách hàng xem danh mục sản phẩm • Luồng kiện: • Luồng bản: a Use case bắt đầu khách hàng kích vào “xem danh mục” menu Hệ thống hiển thị lên form hiển thị kiểu quần áo b Hệ thống lấy thông tin từ bảng Danh Mục 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 u cầu đặc biệt: Khơng có • Tiền điều kiện: Khơng có • Hậu điều kiện: Phân tích đặc tả u cầu hệ thống 10 Khơng có • Điểm mở rộng: Khơng có 1.2.6 UC: Bảo trì danh mục (Nguyễn Thị Châm) Use case cho phép người quản trị bảo trì danh mục sản phẩm • Luồng kiện: • Luồng bản: a Use case bắt đầu người quản trị kích vào nút” bảo trì danh mục” menu Hệ thống lấy thông tin danh mục b (Thêm danh mục), Người quản trị kích vào nút “Thêm danh mục” menu Hệ thống hiển thị hình yêu cầu nhập thông tin danh mục vào bảng “Danh mục” c Người quản trị nhập thông tin danh mục vào bảng Danh Mục kích vào nút “Thêm mới” Hệ thống tạo ghi bảng Danh Mục website hiển thị bảng “Danh mục” cập nhật d (Sửa danh mục) Người quản trị sửa Danh mục cũ kích vào nút “cập nhật” Hệ thống cập nhật danh mục website hiển thị ‘Danh mục” tức cập nhật e (Xóa danh mục) Người quản trị kích vào nút “Xóa danh mục” danh mục riêng biệt Hệ thống hiển thị lên hình u cầu xác nhận xóa f 2, Người quản trị kích vào nút “Đồng ý” Hệ thống xóa danh mục bảng Danh mục website hiển thị lại bảng “danh mục” cập nhật g Use case kết thúc • Luồng rẽ nhánh a, 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 • Các u cầu đặc biệt: Phân tích đặc tả yêu cầu hệ thống 57 4.4.1 Hình dung hình 4.4.2 Biểu đồ lớp hình TaikhoanScreen Hoten Email SoDT Huy Sua thong tin tai k hoan Xemchitiet() Danhsachdiachi() Dangxuat() Suathongtin() Cap nhat SuataikhoanForm Ho Ten Gioitinh Ngaysinh Email Diachi SoDT Capnhat() Huy() 4.4.3 Biểu đồ cộng tác hình : TaikhoanScreen : SuataikhoanForm : Khachhang Sua thong tin tai khoan() navigate() Cap nhat() navigate Phân tích đặc tả yêu cầu hệ thống 58 4.5 Giao diện use case Xem danh mục (Nguyễn Thị Châm) 4.5.1 Hình dung hình 4.5.2 Biểu đồ lớp hình Phân tích đặc tả yêu cầu hệ thống 59 4.5.3 Biểu đồ cộng tác hình 4.6 Giao diện use case Bảo trì danh mục (Nguyễn Thị Châm) Phân tích đặc tả yêu cầu hệ thống 60 4.6.1 Hình dung hình Phân tích đặc tả yêu cầu hệ thống 61 4.6.2 Biểu đồ lớp hình MenuScreen Bao tri danh muc Danh Muc() navigate() Bao Trì Danh Muc() themmoi them ThemDanhMucScreen MaDanhMuc TenDanhMuc MoTa anh opname() baotridanhmucScreen MaDanhMuc TenDanhMuc MoTa GhiChu Themmoi() Huy() navigate() Sua() Xoa() Them() navigate() Sua Xoa Sua Dong y SuaDanhMucScreen MaDanhMuc TenDanhMuc MoTa Anh navigate() ThemDanhMucForm MaDanhMuc TenDanhMuc Mota Anh BaotridanhmucForm ChonDanhMuc XacnhanXoaScreen Dong y() Huy() navigate() SuaDanhMucForm TenDanhMuc MoTa Anh Sua() Huy() navigate() Phân tích đặc tả yêu cầu hệ thống 62 4.6.3 Biểu đồ cộng tác hình : Nguoi Quan Tri : MenuScreen : baotridan 1.Bao tri danh muc() : Baotridan : ThemDan : ThemDan : SuaDanh : SuaDanh : XacnhanXo navigate() them() navigate() 5, nhap TenDanhMuc, MoTa,Anh Themmoi() 7, navigate() chon danh muc can sua 9.Sua() 10.navigate() 11 nhap tendanhmuc,Mota,Anh 12.navigate() 13 chon danh muc can xoa 14.Xoa() 15.navigate() 16.dong y() 17.navigate() Phân tích đặc tả yêu cầu hệ thống 63 4.7 Giao diện use case Xem chi tiết Sản phẩm (Trần Trọng Nghĩa) 4.7.1 Hình dung hình 4.7.2 Biểu đồ lớp hình SanPhamScreen tenSanPham anhMinhHoa donGia TrangChinhScreen SanPham() navigate() SanPhamForm chonSanPham kichVaoSanPham() navigate() xem chi tiet ChiTietSanPhamScreen tenSanPham anhMinhHoa donGia soLuong moTaChiTiet navigate() Phân tích đặc tả yêu cầu hệ thống 64 4.7.3 Biểu đồ cộng tác hình : TrangChin : SanPhamS : SanPhamForm : ChiTietSa : khach hang SanPham( ) navigate( ) kichVaoSanPham( ) navigate( ) 4.8 Giao diện use case Bảo trì sản phẩm (Trần Trọng Nghĩa) 4.8.1 Hình dung hình Phân tích đặc tả u cầu hệ thống 65 4.8.2 Biểu đồ lớp hình MenuQuanTriScreen san pham SanPham() navigate() TaiKhoan() huy them moi tao ThemSanPhamMoiScreen navigate() QuanLySanPhamScreen maSanPham tenSanPham soLuong donGia QuanLySanPhamForm chonSanPham themMoi() navigate() huy sua() xoa() xoa cap nhat huy sua SuaThongTinSanPhamScreen tenSanPham soLuong donGia anhMinhHoa dong y XacNhanXoaScreen dongY() navigate() huy() navigate() ThemSanPhamMoiForm tenSanPham soLuong donGia chonFileAnh tao() huy() SuaThongTinSanPhamForm tenSanPham soLuong donGia chonFileAnh capNhat() huy() Phân tích đặc tả yêu cầu hệ thống 66 4.8.3 Biểu đồ cộng tác hình : Nguoi quan tri : MenuQuan : QuanLySa : QuanLySa : ThemSan : ThemSan : SuaThongT : SuaThongT : XacNhanX SanPham( ) navigate( ) themMoi( ) navigate( ) nhap thong tin cua san pham tao( ) navigate( ) huy( ) navigate( ) chon san pham can sua sua( ) navigate( ) nhap thong tin moi cua san pham capNhat( ) navigate( ) huy( ) navigate( ) chon san pham can xoa xoa( ) navigate( ) dongY( ) navigate( ) huy( ) navigate( ) Phân tích đặc tả yêu cầu hệ thống 67 4.9 Giao diện use case Quản lí tài khoản (Trần Trọng Nghĩa) 4.9.1 Hình dung hình 4.9.2 Biểu đồ lớp hình MenuQuanTriScreen san pham SanPham() navigate() TaiKhoan() QuanLyTaiKhoanScreen userID tenTaiKhoan matKhau them moi huy sua cap nhat huy navigate() tao() huy() huy xoa dong y SuaThongTinTaiKhoanScreen tenTaiKhoan matKhau navigate() ThemTaiKhoanMoiForm tenTaiKhoan matKhau sua() xoa() themMoi() navigate() tao ThemTaiKhoanMoiScreen QuanLyTaiKhoanForm chonTaiKhoan XacNhanXoaTaiKhoanScreen dongY() navigate() huy() SuaThongTinTaiKhoanForm tenTaiKhoan matKhau capNhat() huy() Phân tích đặc tả yêu cầu hệ thống 68 4.9.3 Biểu đồ cộng tác hình : Nguoi quan tri : MenuQuan : QuanLyTai : QuanLyTai : ThemSan : ThemTaiK : SuaThongTi : SuaThongTi : XacNhanXo TaiKhoan( ) navigate( ) themMoi( ) navigate( ) nhap thong tin tai khoan va mat tao( ) navigate( ) huy( ) navigate( ) chon tai khoan can sua sua( ) navigate( ) nhap thong tin tai khoan va mat khau moi capNhat( ) navigate( ) huy( ) navigate( ) chon tai khoan can xoa xoa( ) navigate( ) dongY( ) navigate( ) huy( ) navigate( ) Phân tích đặc tả yêu cầu hệ thống 69 4.10 Giao diện use case Quản lí giỏ hàng (Nguyễn Thị Châm) 4.10.1 Hình dung hình Phân tích đặc tả yêu cầu hệ thống 70 4.10.2 Biểu đồ lớp hình QuanLygiohangForm Chon san pham QuanLygiohangScreen MenuScreen Quan ly gio hang Danh Muc() navigate() Bao Trì Danh Muc() Quan LIi gio hang() Them() navigate() Huy them ThemgiohangScreen MaSP TenSP SoLuong MaSP TenSP SoLuong GhiChu themmoi Huy Them() navigate() Huy Sua Sua SuagiohangScreen TenSP SoLuong maSP navigate() Xoa Dong y XacnhanXoaScreen Dong y() Huy() navigate() navigate() ThemgiohangForm MaSP TenSP SoLuong tenSP SoLuong Themmoi() Huy() navigate() Sua() Huy() navigate() SuaGioHangForm Phân tích đặc tả yêu cầu hệ thống 71 4.10.3 Biểu đồ cộng tác hình : Khách Hàng : MenuScreen : QuanLygio : QuanLygio : Themgioh : Themgioh : Suagiohan : SuaGioHa : XacnhanXo 1.quanlygiohang() 2.navigate() 3.Them() 4.navigate() nhap maSP,TenSP,SoLuong themmoi() navigate() chon san pham can sua sua() navigate() nhap TenSP,SoLuong Sua() navigate() chon san pham can xoa Xoa() navigate() Dong y() navigate() Phân tích đặc tả yêu cầu hệ thống