Bài tập lớn phân tích và thiết kế hệ thống thông tin thiết kế website bán quần áo trực tuyến

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI BÀI TẬP LỚN Phân tích thiết kế hệ thống thơng tin Thiết kế Website bán quần áo trực tuyến Sinh viên thực hiện: Nhóm – Lớp VHVL – BKTL – CNTT – K66 1.Đỗ Kế Công - 20210049P Lê Văn Nam - 20210067P Đặng Sỹ Trường - 20210078P Nguyễn Minh Phúc - 20210069P Ngô Bá Tùng - 20210081P Giáo viên hướng dẫn: ThS Phạm Thị Phương Giang Hà Nội, 2022 Mục lục I GIỚI THIỆU ĐỀ TÀI Giới thiệu đề tài: .3 Mục tiêu đề tài: .3 Kế hoạch phân cơng nhiệm vụ thành viên nhóm: II PHÂN TÍCH YÊU CẦU Mô tả nghiệp vụ: Sơ đồ UseCase: .6 Sơ đồ Trình tự .13 III MÔ TẢ THIẾT KẾ PHẦN MỀM 17 Sơ đồ lớp: 17 Thiết kế giao diện hệ thống: .21 Sơ đồ Thực thể liên kết (ERD): 25 I GIỚI THIỆU ĐỀ TÀI Giới thiệu đề tài: Website bán quần áo trực tuyến xây dựng phục vụ nhu cầu bán hàng Online Cửa hàng quần áo XXX, cửa hàng quy mô nhỏ bán lẻ mặt hàng chức cần thiết cho hoạt động bán hàng cửa hàng gồm có: - Khi khách hàng có nhu cầu mua hàng sau xem kỹ thông tin mặt hàng thông qua trang web cửa hàng, khách hàng đặt hàng thông qua website - Mỗi khách hàng muốn mua hàng phải thành viên phải đăng ký thành công trang web cửa hàng, sau khách hàng đăng nhập thực mua hàng website công ty - Trên trang web cửa hàng hiển thị đầy đủ mặt hàng, khách hàng lựa chọn để xem tìm kiếm cơng cụ tìm kiếm sản phẩm sản phẩm mà cần tìm - Khi tìm sản phẩm cần mua, khách hàng cần click vào sản phẩm để xem thông tin chi tiết sản phẩm đặt mua ln sản phẩm - Sản phẩm mà khách hàng lựa chọn đưa vào giỏ hàng, khách hàng khơng hài lịng với sản phẩm lựa chọn xóa sản phẩm lựa chọn sản phẩm khác thay xóa giỏ hàng khơng muốn mua - Sau chọn sản phẩm mà quý khách cần mua, khách hàng ấn vào nút đặt hàng để gửi yêu cầu đặt hàng cho cửa hàng Khách hàng cần phải kiểm tra lại thông tin cá nhân chủng loại hàng hóa mà đặt mua để thuận lợi cho việc thực giao dịch - Để thuận tiện cho việc thực đơn hàng, khách hàng cần ghi đúng, đủ thông tin mục đăng ký thành viên - Mọi đơn hàng phải có đầy đủ trường thơng tin bắt buộc nhập hồn thành bước đặt hàng - Khách hàng lựa chọn phương thức nhận hàng: Giao hàng tận nhà nhận cửa hàng toán nhận hàng Mục tiêu đề tài: - Xây dựng website với giao diện đơn giản, gọn nhẹ giúp việc bán hàng quản lý hàng hóa Cửa hàng XXX thuận tiện - Gia tăng doanh thu có Website bán hàng chuyên nghiệp thu hút khách hàng thời đại mua sắm online ưa chuộng - Làm tảng để phát triển thêm tính bán hàng tốn trực tuyến có kết nối với cổng toán ngân hàng thời gian Kế hoạch phân công nhiệm vụ thành viên nhóm: Mơ tả nhiệm vụ Người thực Ngày bắt đầu Ngày kết thúc Lựa chọn nhóm thành viên Tồn nhóm 14/05/2022 15/05/2022 Đỗ Kế Cơng Lê Văn Nam 15/05/2022 16/05/2022 16/05/2022 18/05/2022 18/05/2022 19/05/2022 19/05/2022 21/05/2022 Thiết kế phần mềm Hoàn thành đề xuất đề tài kế hoạch thực Mô tả chức nghiệp vụ Đối tượng sử dụng Hoàn thành sơ đồ UseCase tổng quát phân rã UseCase Đặc tả chi tiết UseCase Sơ đồ trình tự Hồn thành việc thiết kế Sơ đồ lớp hệ thống Thiết kế giao diện Phác thảo giao diện hệ thống Nhiệm vụ Xác định nhóm Đề xuất đề tài Phân tích yêu cầu Thiết kế CSDL Phát triển Kết kiểm thử Báo cáo tổng kết Trình bày báo cáo Nguyễn Minh Phúc Ngơ Bá Tùng Lê Văn Nam Lê Văn Nam Đỗ Kế Công Ngô Bá Tùng Đặng Sỹ Trường Hoàn thành Sơ đồ thực thể Ngô Bá Tùng liên kết mô tả trường Đỗ Kế Cơng liệu Ngồi phạm vi Hồn thành việc lập trình phát triển hệ thống BTL Hồn thành việc kiểm thử Ngoài phạm vi hệ thống thu thập BTL kết kiểm thử Đỗ Kế Cơng Hồn thành báo cáo tổng Đặng Sỹ kết kết thực đề tài Trường Toàn thành viên nhóm trình bày Tồn nhóm kết trước Hội đồng bảo vệ 19/05/2022 21/05/2022 21/05/2022 25/05/2022 25/05/2022 30/05/2022 25/05/2022 30/05/2022 29/05/2022 30/05/2022 II PHÂN TÍCH YÊU CẦU Mơ tả nghiệp vụ: - Quy trình nhập hàng: + Khi kho báo hết hàng phận kinh doanh nghiên cứu xem cần nhập mặt hàng phận kinh doanh lên kế hoạch nhập hàng (nhập chiếc, nào…) Sau báo lên nhà cung cấp nhập hàng về, nhập hàng đánh mã để tiện việc theo dõi + Kế toán kho lưu trữ mã hàng vào phiếu nhập - Quy trình bán hàng + Có cách  Bán trực tiếp: Khách hàng đến cửa hàng tư vấn, sau chọn hàng, khách gặp nhân viên thu ngân lấy phiếu đợi kho xuất hàng, sau nhân viên giao hàng với hóa đơn kèm bảo hành  Bán trực tuyến  Người quản lý đăng sản phẩm với thông số kỹ thuật, thông tin khuyến mại, tình trạng, giá  Sau khách chọn hàng cần phải đăng nhập tài khoản để thêm vào giỏ hàng lựa chọn cách thức toán  Khách điền địa nhận hàng, số điện thoại vào đơn đặt hàng  Sau khách tốn cửa hàng thực giao hàng, tùy khu vực tính phí giao khơng tính phí  Hóa đơn đưa cho khách hóa đơn giữ lại cho kế tốn Thơng tin khách cập nhật vào hệ thống - Các chức + Đăng nhập + Xem thông tin sản phẩm + Đặt hàng + Tìm kiếm sản phẩm + Quản lý sản phẩm + Quản lý nhà cung cấp + Quản lý đơn hàng + Quản lý đơn mục + Thống kê báo cáo + Giỏ hàng + Quản lý tài khoản Sơ đồ UseCase: a Biểu đồ Usecase tổng quát Hình 2.1: Biểu đồ User case mức tổng quát Mô tả ca sử dụng quản lý nhà cung cấp  Mục đích: Khi thơng tin nhà sản xuất thay đổi Admin có nhiệm vụ thực chức cập nhật lại thơng tin nhà cung cấp vào hệ thống  Tác nhân kích hoạt: Admin  Các bước tiến hành:  Chọn chức “Quản lý nhà cung cấp” hệ thống hiển thị danh sách thông tin nhà cung cấp, chức bên  Admin thêm, sửa, xóa nhà cung cấp  Ca sử dụng kết thúc  Các trường hợp khác:  Người sủ dụng thời gian ca sử dụng  Nếu thơng tin có sửa đổi thơng tin  Nếu thơng tin sai xóa thông tin  Điều kiện trước: Admin phải đăng nhập hệ thống trước sử dụng  Điều kiện sau: Hiển thị lại thông tin quản lý nhà cung cấp sau update Mô tả ca sử dụng quản lý sản phẩm  Mục đích: Mơ tả chức cập nhật thông tin sản phẩm vào hệ thống Admin Khi thông tin sản phẩm thay đổi Admin người cập nhật thơng tin vào hệ thống  Tác nhân kích hoạt: Admin  Các bước tiến hành:  Chọn chức “Quản lý sản phẩm” hệ thống thông tin loại sản phẩm, chức bên  Admin thêm thơng tin, sửa, xóa sản phẩm  Ca sử dụng kết thúc  Các trường hợp khác:  Nếu thơng tin có sửa đổi thông tin  Nếu không muốn bán loại hàng tra lại nhà quản lý  Mặt hàng bị hỏng hóc, lỗi  Điều kiện trước:  Admin phải đăng nhập hệ thống trước sử dụng  Năm rõ thông tin sản phẩm thời điểm  Điều kiện sau: Hiển thị lại thông tin sản phẩm sau cập nhật Mơ tả ca sử dụng tìm kiếm sản phẩm  Mục đích: Use case mơ tả chức tìm kiếm sản phẩm Admin, khách hàng Chức giúp cho việc tìm kiếm sản phẩm dễ dàng có nhiều sản phẩm lưu trữ hệ thống, để tìm kiếm sản phẩm muốn biết thơng tin theo yêu cầu không đơn giản  Tác nhân kích hoạt: Admin, khách hàng  Các bước tiến hành:  Đăng nhập vào hệ thống admin khách hàng có tài khoản chọn chức tìm kiếm  Lựa chọn loại tìm kiếm (theo danh mục, tên, nhà cung cấp)  Thực tìm kiếm sản phẩm  Ca kết thúc  Các trường hợp khác:  Nếu khách hàng chưa có tài khoản truy cập hệ thống để tìm kiếm sản phẩm  Nếu tìm kiếm mà khơng có sản phầm thơng báo khơng tìm thấy sản phẩm  Điều kiện trước: Truy cập vào hệ thống để tìm kiếm  Điều kiện sau:  Hiển thị thông tin sản phẩm tìm kiếm  Nếu khơng có loại sản phẩm hiển thị thơng báo khơng tìm thấy sản phẩm Mơ tả ca sử dụng giỏ hàng  Mục đích: Khách hàng xem mặt hàng mà chọn  Tác nhân kích hoạt: Khách hàng  Các bước tiến hành:  Đăng nhập hệ thống chọn chức thêm vào giỏ hàng  Click vào nút thêm vào giỏ hàng  Chuyển đến giỏ hàng để kiểm tra kết  Ca kết thúc  Các trường hợp khác:  Sản phẩm hết  Khách hàng chưa có tài khoản để xem thông tin liên lạc mua hàng  Điều kiện trước:  Đăng nhập hệ thống mua hàng  Điều kiện sau:  Sản phẩm thêm, sửa, xóa vào giỏ hàng thành cơng  Hiển thị thơng báo thành công Mô tả ca quản lý danh mục sản phẩm  Mục đích: Khi thơng tin danh mục sản phẩm thay đổi Admin có nhiệm vụ thực chức cập nhật lại thơng tin vào hệ  Tác nhân kích hoạt: Admin  Các bước tiến hành:  Chọn chức “Quản lý danh mục sản phẩm” hệ thống hiển thị danh mục sản phẩm  Admin có thể thêm, sửa, xóa danh mục  Ca sử dụng kết thúc  Các trường hợp khác:  Người sử dụng thời gian ca sử dụng  Nếu thơng tin có sửa danh mục  Nếu thơng tin sai xóa danh mục  Điều kiện trước: Admin phải dăng nhập hệ thống trước sử dụng  Điều kiện sau: Hiện thị lại danh mục sản phẩm sau update Mô tả ca quản lý tài khoản  Mục đích: Admin quản lý tài khoản khách hàng đăng ký thành viên trang web  Các tác nhân kích hoạt: Admin  Các bước tiến hành:  Chọn chức “Quản lý tài khoản” hệ thống thị tài khoản đăng ký  Admin thêm, sửa, xóa tài khoản  Ca sử dụng kết thúc  Các trường hợp khác:  Người dùng thời gian ca sử dụng  Nếu tài khoản có sửa tài khoản  Nếu tài khoản có lỗi khơng cần dùng xóa tài khoản  Điều kiện trước: Admin phải đăng nhập hệ thống trước sử dụng  Điều kiện sau: Hiện thị tài thông tin quản lý tài khoản sau update Mô tả ca thống kê báo cáo  Mục đích: Mơ tả chức thống kê mặt hàng tồn kho, mặt hàng bán chạy thống kê doanh thu theo tuần, theo tháng, thống kê đơn hàng xem đơn hàng chưa giải quyết, đơn hàng giải giải  Các tác nhân kích hoạt: Admin  Các bước tiến hành:  Chọn chức “Thống kê báo cáo” hệ thống hiển thị thống kê  Admin tạo thống kê mặt hàng mặt hàng bán chạy, lại kho, đơn hàng  Ca sử dụng kết thúc  Các trường hợp khác: Người sử dụng thời điểm ca sử dụng  Điều kiện trước: Admin phải đăng nhập hệ thống trước sử dụng  Điều kiện sau: Hiện thị thông tin thống kê báo cáo sau update b Phân rã biểu đồ User case Hình 2.2: User case quản lý nhà cung cấp sản phẩm Hình 2.3: User case quản lý sản phẩm 3.3 Quản lý sản phầm 3.4 Quản lý danh mục 3.5 Quản lý thông tin sản phẩm 3.6 Quản lý nhà cung cấp 3.7 Quản lý thống kê 3.8 Quản lý in ấn 3.9 Quản lý tài khoản 3.10 Quản lý thông tin cá nhân 3.11 Quản lý đặt hàng website III MÔ TẢ THIẾT KẾ PHẦN MỀM Sơ đồ lớp: 1.1 Sơ đồ lớp tổng quát: 1.2 Danh sách lớp: Products: lớp sản phẩm Các phương thức chính: - Thêm: thêm sản phẩm - Sửa: sửa thông tin sản phẩm - Xóa: xóa thơng tin sản phẩm - Tìm kiếm: tìm kiếm thông tin sản phẩm - Hiển thị: hiển thị thông tin sản phẩm Categories: lớp danh mục sản phẩm Phương thức chính: - Thêm: thêm danh mục sản phẩm - Sửa: sửa thông tin danh mục sản phẩm - Xóa: xóa thơng tin danh mục sản phẩm - Hiển thị: hiển thị thơng tin danh mục Orders: lớp hóa đơn Phương thức chính: - Thêm: thêm sản phẩm vào hóa đơn Customers: Lớp khách hàng Phương thức chính: - Thêm: thêm thông tin khách hàng - Sửa: sửa thơng tin khách hàng - Xóa: xóa thơng tin khách hàng Suppliers: Lớp nhà cung cấp Phương thức chính: - Thêm thêm thông tin nhà cung cấp sản phẩm - Sửa: sửa thông tin nhà cung cấp UserRoles: Lớp cấp vai trị cho người dùng Phương thức chính: - Thêm: thêm vai trò cho người dùng - Sửa: sửa vai trị cho người dùng - Xóa: xóa vai trị cho người dùng Token: Lớp quản lý người dùng Phương thức chính: - Thêm: thêm thơng tin người dùng - Sửa: sửa thơng tin người dùng - Xóa: xóa thơng tin người dùng 1.3 Quan hệ lớp sử dụng ca Khách hàng 1.4 Quan hệ lớp sử dụng ca Nhân viên 1.5 Quan hệ sử dụng ca Admin Thiết kế giao diện hệ thống: a Giao diện tổng quát Hình 3.1: Giao diện tổng quát Giao diện trang chủ hệ thống cấu trúc gồm nhiều thành phần hiển thị:  Logo: Ảnh đại diện website  Menu: trình đơn hiển thị liên kết giao diện website  Registration: Đăng ký tài khoản website  Login: Đăng nhập vào website  Search: Cơng cụ tìm kiếm sản phẩm website  Slider Product New: Danh sách sản phẩm muốn quảng bá, hiển thị đầu  Product: Hiển thị sản phẩm bày bán  Footer: HIển thị thông tin liên hệ với website, thông tin quyền, link liên kết với website b Giao diện sơ Hình 3.2: Giao diện sơ c Giao diện chức đăng nhập, đăng ký - Giao diện đăng nhập Hình 3.3: Đăng nhập Khi người dùng chọn vào đăng nhập hệ thống cho box để người dùng đăng nhập vào hệ thống Giao diện đăng nhập bao gồm:  Username: Tên đăng nhập  Password: Mật đăng nhập  Login theo loại tài khoản khác: Đăng nhập theo facebook, google Sau đăng nhập thành công người dùng chuyển đến trang sản phẩm - Giao diện đăng ký Hình 3.4: Đăng ký Gồm thông tin sau:  FullName: Tên người sử dụng  Usename: Tên đăng nhập  Password: Mât  Address: Địa người sử dụng  Phone: Số điện thoại người sử dụng  Email: mail liên hệ  Công việc: công việc người dùng Sau nhập thơng tin người dùng nhấn “Đăng kí”, hệ thống kiểm tra , thành công chuyển giao diện trang cá nhân d Giao diện chi tiết sản phẩm Hình 3.5: Chi tiết sản phẩm e Giao diện giỏ hàng Hình 3.6: Giỏ hàng f Giao diện quản lý hệ thơng (Admin) Hình 3.7: Quản trị Sơ đồ Thực thể liên kết (ERD): a Mơ hình quan hệ tổng thể bảng sở liệu Hình 3.8: Sơ đồ thực thể liên kết b Mơ tả bảng thuộc tính bảng liệu: - Bảng User Tên cột id fullname email phone_number address password role_id create_at update_at deleted Kiểu liệu int varchar(50) varchar(150) varchar(50) varchar(200) varchar(32) int datetime datetime int Mô Tả Mã người dùng Tên người dùng email người dùng số điện thoại địa mật người dùng Mã vai trò người dùng ngày tạo người dùng ngày cập nhật trang trái người dùng Kiểu liệu int varchar(50) datetime Mô Tả Mã người dùng Mã xác minh người dùng Ngày tạo token - Bảng Token Tên cột user_ id token create_at - Bảng UserRoles Tên cột id Name Kiểu liệu int varchar(50) Mơ Tả Mã vai trị Tên vai trò người dùng Kiểu liệu int int varchar(150) varchar(50) varchar(200) varchar(32) varchar(1000) datetime int int Mô Tả Mã Order Mã người dùng Tên người dùng số điện thoại địa email người dùng Thông tin chi tiết thêm ngày đặt sản phẩm trạng thái đặt sản phẩm tổng số tiền - Bảng Order Tên cột id user_id fullname phone_number address email note order_date status total_money - Bảng Order Detail Tên cột id product_id price quantity discount Kiểu liệu int int varchar(150) varchar(50) varchar(200) Mô Tả Mã đơn hàng chi tiết Mã sản phẩm Giá sản phẩm Số lượng Phần trăm khuyến mại total_money varchar(32) Tổng số tiền - Bảng Product Tên cột id category_id name price discount thumbnail description create_at update_at deleted supplier_id Kiểu liệu int int varchar(150) varchar(50) varchar(200) varchar(32) varchar(1000) datetime int int int Mô Tả Mã sản phẩm Mã danh mục sản phẩm Tên sản phẩm giá sản phẩm phần trăm khuyến mại ảnh sản phẩm Miêu tả sản phẩm ngày tạo sản phẩm ngày cập nhật sản phẩm trạng thái sản phẩm mã nhà cung cấp - Bảng Supplier Tên cột id name logo email phone_number Kiểu liệu int varchar(50) varchar(50) varchar(150) int Mô Tả Mã nhà cung cấp Tên nhà cung cấp Logo nhà cung cấp Email nhà cung cấp Số điện thoại - Bảng Category Tên cột id name image Kiểu liệu int varchar(50) varchar(50) Mô Tả Mã người dùng Tên danh mục Ảnh danh mục