Thiết kế phần mềm Thiết kế website Nhã Nam

Thương mại điện tử hay còn gọi là ecommerce, ecomm hay EC, là sự mua bán sản phẩm hay dịch vụ trên các hệ thống điện tử như Internet và các mạng máy tính. Thương mại điện tử được cung cấp bởi internet, nơi khách hàng có thể truy cập vào một cửa hàng trực tuyến để duyệt qua và đặt hàng cho các sản phẩm hoặc dịch vụ thông qua thiết bị của riêng họ. Vì vậy website thương mại điện tử bán hàng đang là xu hướng hiện nay. Website Nhà sách Nhã Nam được thiết kế để đáp ứng nhu cầu của người mua và người bán. Website cho người mua xem, tìm kiếm, mua sách có trong Nhà sách Nhã Nam và giúp cho người bán tiếp cận khách hàng dễ dàng hơn. Báo cáo gồm 3 chương: Chương 1: Mô tả chức năng Chương 2: Phân tích use case Chương 3: Thiết kế giao diệ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 NHÀ SÁCH NHÃ NAM GVHD: Nhóm - Lớp: Thành viên: Ths Phạm Thị Kim Phượng - IT6038.6 - K14 Hà nội, Năm 2022 LỜI MỞ ĐẦU Thương mại điện tử hay gọi e-commerce, e-comm hay EC, mua bán sản phẩm hay dịch vụ hệ thống điện tử Internet mạng máy tính Thương mại điện tử cung cấp internet, nơi khách hàng truy cập vào cửa hàng trực tuyến để duyệt qua đặt hàng cho sản phẩm dịch vụ thơng qua thiết bị riêng họ Vì website thương mại điện tử bán hàng xu hướng Website Nhà sách Nhã Nam thiết kế để đáp ứng nhu cầu người mua người bán Website cho người mua xem, tìm kiếm, mua sách có Nhà sách Nhã Nam giúp cho người bán tiếp cận khách hàng dễ dàng Báo cáo gồm chương: Chương 1: Mô tả chức Chương 2: Phân tích use case Chương 3: Thiết kế giao diện Báo cáo viết thành viên nhóm hướng dẫn Phạm Thị Kim Phượng Nếu có thiếu xót mong nhận thêm phản ánh góp ý từ quý thầy bạn đọc Xin cảm ơn! Phân tích đặc tả yêu cầu hệ thống MỤC LỤC Trang Chương Mô tả chức 1.1 Biểu đồ use case .6 1.1.1 Các use case phần front end .7 1.1.2 Các use case phần back end .9 1.2 Mô tả use case 11 1.2.1 Mô tả use case Đăng Nhập .11 1.2.2 Mô tả use case Đăng Ký (Đặng Thanh Hoài) 11 1.2.3 Mô tả use case Xem Sách Theo Danh Mục (Đặng Thanh Hồi) 12 1.2.4 Mơ tả use case Bảo Trì Thơng Tin Sách (Đặng Thanh Hồi) 12 1.2.5 Mơ tả use case Bảo Trì Thơng Tin Khách Hàng (Đặng Thanh Hoài) 14 1.2.6 Mô tả use case Xem Sách Bán Chạy (Lê Văn Hồn) 15 1.2.7 Mơ tả use case Xem Chương Trình Khuyến Mãi (Lê Văn Hồn) 16 1.2.8 Mơ tả use case Bảo Trì Thơng Tin Thể Loại (Lê Văn Hồn) 16 1.2.9 Mơ tả use case Bảo Trì Thơng Tin Danh Mục (Lê Văn Hồn) 17 1.2.10 Mô tả use case Xem Giảm Giá Đặc Biệt (Nguyễn Huy Hùng) 18 1.2.11 Mơ tả use case Tìm Kiếm Sách (Nguyễn Huy Hùng) 19 1.2.12 Mô tả use case Bảo Trì Thơng Tin Tác Giả (Nguyễn Huy Hùng) 20 1.2.13 Mơ tả use case Bảo Trì Thơng Tin Dịch Giả (Nguyễn Huy Hùng)21 Chương Phân tích use case 22 2.1 Phân tích use case 22 2.1.1 Phân tích use case Đăng Nhập .22 2.1.2 Phân tích use case Đăng Ký (Đặng Thanh Hồi) 24 Phân tích đặc tả yêu cầu hệ thống 2.1.3 Phân tích use case Xem Sách Theo Danh Mục (Đặng Thanh Hoài)26 2.1.4 Phân tích use case Bảo Trì Thơng Tin Sách (Đặng Thanh Hồi) 28 2.1.5 Phân tích use case Bảo Trì Thơng Tin Khách Hàng (Đặng Thanh Hồi) 31 2.1.6 Phân tích use case Xem Sách Bán Chạy (Lê Văn Hồn) .33 2.1.7 Phân tích use case Xem Chương Trình Khuyến Mãi (Lê Văn Hồn) 35 2.1.8 Phân tích use case Bảo Trì Thơng Tin Thể Loại (Lê Văn Hồn) 36 2.1.9 Phân tích use case Bảo Trì Thơng Tin Danh Mục (Lê Văn Hồn) .39 2.1.10 Phân tích use case Xem Giảm Giá Đặc Biệt (Nguyễn Huy Hùng)41 2.1.11 Phân tích use case Tìm Kiếm Sách (Nguyễn Huy Hùng) 43 2.1.12 Phân tích use case Bảo Trì Thơng Tin Tác Giả (Nguyễn Huy Hùng) 45 2.1.13 Phân tích use case Bảo Trì Thơng Tin Dịch Giả (Nguyễn Huy Hùng) 47 2.2 Các biểu đồ tổng hợp 49 2.2.1 Biểu đồ lớp Entity hệ thống 49 2.2.2 Biểu đồ lớp phân tích hệ thống 50 Chương Thiết kế giao diện 52 3.1 Thiết kế giao diện cho use case 52 3.1.1 Giao diện use case Đăng Nhập 52 3.1.2 Giao diện use case Đăng Ký (Đặng Thanh Hoài) 53 3.1.3 Giao diện use case Xem Sách Theo Danh Mục (Đặng Thanh Hoài) 55 3.1.4 Giao diện use case Bảo Trì Thơng Tin Sách (Đặng Thanh Hồi) 57 Phân tích đặc tả yêu cầu hệ thống 3.1.5 Giao diện use case Bảo Trì Thơng Tin Khách Hàng (Đặng Thanh Hồi) 61 3.1.6 Giao diện use case Xem Sách Bán Chạy (Lê Văn Hoàn) 64 3.1.7 Giao diện use case Xem Chương Trình Khuyến Mãi (Lê Văn Hoàn) 66 3.1.8 Giao diện use case Bảo Trì Thơng Tin Thể Loại (Lê Văn Hồn) 67 3.1.9 Giao diện use case Bảo Trì Thơng Tin Danh Mục (Lê Văn Hoàn) 70 3.1.10 Giao diện use case Xem Giảm Giá Đặc Biệt (Nguyễn Huy Hùng) 73 3.1.11 Giao diện use case Tìm Kiếm Sách (Nguyễn Huy Hùng) 75 3.1.12 Giao diện use case Bảo Trì Thơng Tin Tác Giả (Nguyễn Huy Hùng) 76 3.1.13 Giao diện use case Bảo Trì Thơng Tin Dịch Giả (Nguyễn Huy Hùng) 80 3.2 Các biểu đồ tổng hợp 83 3.2.1 Biểu đồ điều hướng hình nhóm use case .83 3.2.2 Biểu đồ điều hướng hình nhóm use case thứ cấp 84 Phân tích đặc tả yêu cầu hệ thống Chương Mô tả chức 1.1 Biểu đồ use case Dang Ky (from Use Case Chinh) Xem Sach Theo Danh Muc (from Use Case Chinh) Xem Sach Ban Chay (from Use Case Chinh) Xem Chuong Trinh Kuyen Mai (from Use Case Chinh) Xem Giam Gia Dac Biet (from Use Case Chinh) Tìm Kiem Sach (from Use Case Chinh) Khach Hang Xem Gio Hang (from Use Case Chinh) Thanh Toan (from Use Case Chinh) Xem Lich Su Giao Dich (from Use Case Chinh) Kiem Tra Don Hang (from Use Case Chinh) Dang Nhap He Thong CSDL Bao Tri Thong Tin Sach (from Use Case T hu Cap) Bao Tri Thong Tin Khach Hang (from Use Case T hu Cap) Bao Tri Thong Tin The Loai (from Use Case T hu Cap) Bao Tri Thong Tin Danh Muc (from Use Case T hu Cap) Nguoi Quan Tri Bao Tri Thong Tin Tac Gia (from Use Case T hu Cap) Bao Tri Thong Tin Dich Gia (from Use Case T hu Cap) Bao Tri Thong Tin NXB (from Use Case T hu Cap) Quan Ly Tai Khoan (from Use Case T hu Cap) Quan Ly Don Hang (from Use Case T hu Cap) Phân tích đặc tả yêu cầu hệ thống 1.1.1 Các use case phần front end Dang Nhap (from Use Case Vi ew) Dang Ky Xem Sach Theo Danh Muc Xem Sach Ban Chay Xem Chuong Trinh Kuyen Mai Xem Giam Gia Dac Biet He Thong CSDL Khach Hang (from Use Case Vi ew) (from Use Case Vi ew) Tìm Kiem Sach Xem Gio Hang Thanh Toan Xem Lich Su Giao Dich Kiem Tra Don Hang Cac use case co quan he include voi use case Dang Nhap la: Xem Gio Hang, Thanh Toan, Xem Lich Su Giao Dich, Kiem Tra Don Hang Biểu đồ use case front end Use case Đăng Nhập: cho phép khách hàng đăng nhập vào hệ thống Phân tích đặc tả yêu cầu hệ thống Use case Đăng Ký: cho phép khách hàng đăng ký tài khoản Use case Xem Sách Theo Danh Mục: cho phép khách hàng xem sách theo danh mục nhà sách Use case Xem Sách Bán Chạy: cho phép khách hàng xem sách bán chạy nhà sách Use case Xem Chương Trình Khuyến Mãi: cho phép khách hàng xem chương trình khuyến nhà sách Use case Xem Giảm Giá Đặc Biệt: cho phép khách hàng xem sách giảm giá đặc biệt Use case Tìm Kiếm Sách: cho phép khách hàng tìm kiếm sách qua tên sách Use case Xem Giỏ Hàng: cho phép khách hàng xem giỏ hàng Use case Thanh Toán: cho phép khách hàng toán đơn hàng Use case Xem Lịch Sử Giao Dịch: cho phép khách hàng xem lại giao dịch với nhà sách Use case Kiểm Tra Đơn Hàng: cho phép khách hàng kiểm tra đơn hàng Phân tích đặc tả yêu cầu hệ thống 1.1.2 Các use case phần back end Dang Nhap (from Use Case View) Bao Tri Thong Tin Sach Bao Tri Thong Tin Khach Hang Bao Tri Thong Tin The Loai Bao Tri Thong Tin Danh Muc Nguoi Quan Tri Bao Tri Thong Tin Tac Gia (from Use Case View) He Thong CSDL (from Use Case View) Bao Tri Thong Tin Dich Gia Bao Tri Thong Tin NXB Quan Ly Tai Khoan Quan Ly Don Hang Tat ca use cae deu co quan he include voi use case Dnag Nhap Biểu đồ use case back end Phân tích đặc tả yêu cầu hệ thống 10 Use case Đăng Nhập: cho phép người quản trị hệ thống đăng nhập vào hệ thống Use case Bảo Trì Thơng Tin Sách: cho phép người quản trị hệ thống xem, thêm, sửa, xóa sách Use case Bảo Trì Thơng Tin Khách Hàng: cho phép người quản trị hệ thống xem, sửa, xóa khách hàng Use case Bảo Trì Thơng Tin Thể Loại: cho phép người quản trị hệ thống xem, thêm, sửa, xóa thể loại Use case Bảo Trì Thơng Tin Danh Mục: cho phép người quản trị hệ thống xem, thêm, sửa, xóa danh mục Use case Bảo Trì Thơng Tin Tác Giả: cho phép người quản trị hệ thống xem, thêm, sửa, xóa tác giả Use case Bảo Trì Thơng Tin Dịch Giả: cho phép người quản trị hệ thống xem, thêm, sửa, xóa dịch giả Use case Bảo Trì Thơng Tin NXB: cho phép người quản trị hệ thống xem, thêm, sửa, xóa NXB Use case Quản Lý Tài Khoản: cho phép người quản trị hệ thống xem, thêm, sửa, xóa tài khoản Use case Quản Lý Đơn Hàng: cho phép người quản trị hệ thống xem, sửa đơn hàng 1.2 Mô tả use case 1.2.1 Mô tả use case Đăng Nhập  Luồng bản: 1) Use case bắt đầu khách hàng nhập nút đăng nhập trang chủ Hệ thống thị hình đăng nhập Phân tích đặc tả yêu cầu hệ thống 71 3.1.9 Giao diện use case Bảo Trì Thơng Tin Danh Mục (Lê Văn Hồn) 3.1.9.1 Hình dung hình - Thêm danh mục: Phân tích đặc tả yêu cầu hệ thống 72 - Sửa danh mục: - Xóa danh mục: Phân tích đặc tả yêu cầu hệ thống 73 3.1.9.2 Biểu đồ lớp hình TrangChuAdminScreen navigate() danh muc Sua thong tin sach() Sua thong tin khach hang() theLoai() danhMuc() cap nhat tac gia() cap nhat thong tin dich gia() them moi TaoMoiDanhMucScreen navigate() dong y tao() xoa cap nhat huy bo SuaDanhMucScreen maDM tenDM navigate() TaoMoiDanhMucForm tenDM sua() xoa() themMoi() navigate() sua tao DSDanhMucForm chon1DanhMuc DSDanhMucScreen maDM tenDM ThongBaoXacNhanXoaScreen dongY() huyBo() navigate() SuaDanhMucForm tenDM capNhat() 3.1.9.3 Biểu đồ cộng tác hình Phân tích đặc tả yêu cầu hệ thống 74 3.1.10 Giao diện use case Xem Giảm Giá Đặc Biệt (Nguyễn Huy Hùng) 3.1.10.1 Hình dung hình Phân tích đặc tả yêu cầu hệ thống 75 3.1.10.2 Biểu đồ lớp hình TrangChuScreen dangKy() giam gia dac biet danhMuc() navigate() sachBanChay() chuongTrinhKhuyenMai() giamGiaDacBiet() dangNhap() GiamGiaDacBietSceen tenSach hinhAnhMinhHoa soTrang kichThuoc ngayPhatHanh soLuong Gia themVaoGioHang() navigate() 3.1.10.3 Biểu đồ cộng tác hình : TrangChuS : GiamGiaD : Khach Hang 1: giamGiaDacBiet( ) 2: navigate( ) Phân tích đặc tả yêu cầu hệ thống 76 3.1.11 Giao diện use case Tìm Kiếm Sách (Nguyễn Huy Hùng) 3.1.11.1 Hình dung hình 3.1.11.2 Biểu đồ lớp hình TrangChuScreen TrangChuForm tuKhoa timKiem() dangKy() tim k iem danhMuc() navigate() sachBanChay() chuongTrinhKhuyenMai() giamGiaDacBiet() dangNhap() KetQuaTimKiemScreen hinhMinhHoa Ten chon sach soLuong kichThuoc ngayPhatHanh navigate() chon quyen sach() SachInfoScreen anhMinhHoa maSach tenSach tacGia dichgGia nhaXuatBan soTrang kichThuoc ngayPhatHanh giaBia gioiThieuSach navigate() Phân tích đặc tả yêu cầu hệ thống 77 3.1.11.3 Biểu đồ cộng tác hình : TrangChuS : Khach Hang : TrangChuForm : KetQuaTi : SachInfoScreen 1: nhap tu khoa tim kiem 2: timKiem( ) 3: navigate( ) 4: chon quyen sach( ) 5: navigate( ) 3.1.12 Giao diện use case Bảo Trì Thơng Tin Tác Giả (Nguyễn Huy Hùng) 3.1.12.1 Hình dung hình - Thêm tác giả: - Sửa tác giả: Phân tích đặc tả yêu cầu hệ thống 78 - Xóa tác giả: Phân tích đặc tả yêu cầu hệ thống 79 3.1.12.2 Biểu đồ lớp hình DangNhapAdminForm username password SuaThongTinTacGiaForm DangNhapAdminScreen Sua() Xoa() login() navigate() TrangChuAdminScreen navigate() Sua thong tin sach() Sua thong tin khach hang() theLoai() danhMuc() cap nhat tac gia() cap nhat thong tin dich gia() SuaTacGiaForm maTacGia tenTacGia capNhat() XoaTacGiaScreen dong y() huy() navigate() SuaThongTinTacGiaScreen maTacGia tenTacGia ThemMoiTacGiaScreen navigate() themMoi() navigate() SuaTacGiaScreen navigate() ThemMoiTacGiaForm tenTacGia tao() Phân tích đặc tả yêu cầu hệ thống 80 3.1.12.3 Biểu đồ cộng tác hình : Nguoi Quan Tri : DangNhap : DangNhap : TrangChu : SuaThongT : SuaThongT : SuaTacGia : SuaTacGi : XoaTacGia : ThemMoiT : ThemMoiT 1: Dang nhap Admin 2: login( ) 3: cap nhat tac gia( ) 4: navigate( ) 5: chon tac gia Sua 6: Sua( ) 7: navigate( ) 8: nhap thong tin tac gia moi 9: capNhat( ) 10: navigate( ) 11: chon tac gia Xoa 12: Xoa( ) 13: navigate( ) 14: Dong Y( ) 15: navigate( ) 16: themMoi( ) 17: navigate( ) 18: nhap thong tin cho tac gia moi 19: tao( ) 20: navigate( ) Phân tích đặc tả yêu cầu hệ thống 81 3.1.13 Giao diện use case Bảo Trì Thơng Tin Dịch Giả (Nguyễn Huy Hùng) 3.1.13.1 Hình dung hình -Thêm dịch giả: - Sửa dịch giả: - Xóa dịch giả: Phân tích đặc tả u cầu hệ thống 82 3.1.13.2 Biểu đồ lớp hình DangNhapAdminForm username password DangNhapAdminScreen SuaThongTinDichGiaForm Sua() Xoa() login() navigate() XoaDichGiaScreen TrangChuAdminScreen navigate() Sua thong tin sach() Sua thong tin khach hang() theLoai() danhMuc() cap nhat tac gia() cap nhat thong tin dich gia() SuaDichGiaForm maDichGia tenDichGia SuaThongTinDichGiaScreen maDichGia tenDichGia dong y() huy() navigate() navigate() themMoi() ThemMoiDichGiaScreen navigate() SuaDichGiaScreen ThemMoiDichGiaForm tenDichGia navigate() cap nhat() tao() Phân tích đặc tả yêu cầu hệ thống 83 3.1.13.3 Biểu đồ cộng tác hình : Nguoi Quan Tri : DangNhap : DangNhap : TrangChu : SuaThongT : SuaThongT : SuaDichGi : SuaDichGi : XoaDichGi : ThemMoiD : ThemMoiD 1: dang nhap admin 2: login( ) 3: cap nhat thong tin dich gia( ) 4: navigate( ) 5: chon dich gia sua 6: Sua( ) 7: navigate( ) 8: nhap thong tin dich gia moi 9: cap nhat( ) 10: navigate( ) 11: chon dich gia xoa 12: Xoa( ) 13: navigate( ) 14: dong y( ) 15: navigate( ) 16: huy( ) 17: navigate( ) 18: themMoi( ) 19: navigate( ) 20: nhap thong tin dich gia moi 21: tao( ) 22: navigate( ) Phân tích đặc tả yêu cầu hệ thống 84 3.2 Các biểu đồ tổng hợp 3.2.1 Biểu đồ điều hướng hình nhóm use case SachTLScreen anhMinhHoa tenSach SachInfoScreen anhMinhHoa maSach tenSach tacGia dichgGia nhaXuatBan soTrang kichThuoc ngayPhatHanh giaBia gioiThieuSach navigate() Chon sach Chon the loai TheLoaiScreen anhMinhHoa tenTheLoai DangKyScreen navigate() Huy() navigate() Chon danh muc Dang k y DangNhapScreen Dang k y F Danh muc dang nhap dang nhap themVaoGioHang() navigate() ten sach anh minh hoa navigate() navigate() KetQuaTimKiemScreen hinhMinhHoa Ten soLuong kichThuoc ngayPhatHanh Huy navigate() DanhMucScreen tenDanhMuc tim k iem TrangChuScreen sach ban chay dangKy() danhMuc() navigate() sachBanChay() chuongTrinhKhuyenMai() giamGiaDacBiet() timKiem() dangNhap() giam gia dac biet GiamGiaDacBietSceen tenSach hinhAnhMinhHoa soTrang kichThuoc ngayPhatHanh soLuong Gia SachBanChayScreen anhMinhHoa tenSach soTrang kichThuoc nayPhatHanh giaBan anhMinhHoa() tenSach() navigate() chuong trinh k huyen mai ChuongTrinhKhuyenMaiScreen maKhuyenMai moTa navigate() themVaoGioHang() navigate() Phân tích đặc tả yêu cầu hệ thống 85 3.2.2 Biểu đồ điều hướng hình nhóm use case thứ cấp TaoMoiTheLoaiScreen SuaSachScreen maSach navigate() navigate() ThongBaoXacNhanXoaScreen SuaTheLoaiScreen maTL tenTL dongY() huyBo() navigate() navigate() Cap nhat navigate() DongY() Huy() them moi Sua SuaSachXacNhanScreen cap nhat tao Huy cap nhat sach Dong y cap nhat sach Huy xoa sach XoaSachScreen navigate() DongY() Huy() Xoa Dong y xoa sach Them moi ThemSachScreen navigate() SuaKhachHangScreen maKH dong y sua SuaThongTinSachScreen maSach tenSach anhSach soTrang kichThuoc ngayPhatHanh giaBia gioiThieuSach maNXB maTacGia maDichGia maTheLoai Tao navigate() Them moi() XoaKhachHangScreen xoa huy bo dong y navigate() sua cap nhat xoa TaoMoiDanhMucScreen huy bo DSTheLoaiScreen maTL tenTL DSDanhMucScreen maDM tenDM themMoi() navigate() themMoi() navigate() the loai Sua thong tin sach DangNhapAdminScreen navigate() Dong Y() Huy() No() SuaDanhMucScreen maDM tenDM danh muc TrangChuAdminScreen navigate() Sua thong tin sach() Sua thong tin khach hang() theLoai() danhMuc() cap nhat tac gia() cap nhat thong tin dich gia() them moi navigate() tao XoaDichGiaScreen dong y() huy() navigate() SuaDichGiaScreen navigate() SuaThongTinDichGiaScreen maDichGia tenDichGia navigate() themMoi() ThemMoiDichGiaScreen navigate() navigate() XacNhanSuaKhachHangScreen navigate() Dong Y() Huy() SuaThongTinKhachHangScreen maKH tenKH SDT Email DiaChi NgaySinh navigate() SuaThongTinTacGiaScreen maTacGia tenTacGia ThemMoiTacGiaScreen navigate() navigate() themMoi() SuaTacGiaScreen navigate() XoaTacGiaScreen dong y() huy() navigate() Phân tích đặc tả yêu cầu hệ thống ...2 Website Nhà sách Nhã Nam thiết kế để đáp ứng nhu cầu người mua người bán Website cho người mua xem, tìm kiếm, mua sách có Nhà sách Nhã Nam giúp cho người bán tiếp... Entity hệ thống 49 2.2.2 Biểu đồ lớp phân tích hệ thống 50 Chương Thiết kế giao diện 52 3.1 Thiết kế giao diện cho use case 52 3.1.1 Giao diện use case Đăng Nhập ... Mô tả chức 1.1 Biểu đồ use case .6 1.1.1 Các use case phần front end .7 1.1.2 Các use case phần back end .9 1.2 Mô tả use case 11 1.2.1 Mô tả use case