Xây dựng website quản lý kinh doanh thời trang

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE QUẢN LÝ KINH DOANH THỜI TRANG GVHD: ThS NGUYỄN MINH ĐẠO SVTH : HUỲNH THẾ HIỀN VÕ HỮU GIÀU SKL010640 Tp Hồ Chí Minh, tháng 6/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ KINH DOANH THỜI TRANG GVHD: ThS Nguyễn Minh Đạo SVTH: Huỳnh Thế Hiển 19110201 Võ Hữu Giàu 19110196 TP Hồ Chí Minh, tháng 06 năm 2023 CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Tp Hồ Chí Minh, ngày 31 tháng 05 năm 2023 NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên 1: Võ Hữu Giàu MSSV: 19110196 Họ tên sinh viên 2: Huỳnh Thế Hiển MSSV: 19110201 Ngành: Công Nghệ Thông Tin Họ tên giảng viên hướng dẫn: ThS Nguyễn Minh Đạo Ngày nhận đề tài: 20/02/2023 Ngày nộp đề tài: 31/05/2023 Tên đề tài: Xây dựng website quản lý kinh doanh thời trang Nội dung thực đề tài: - Xây dựng trang quản trị để ban quản trị quản lý website bao gồm: chức quản lý danh mục, quản lý lớp sản phẩm, quản lý đơn hàng quản lý người dùng, quản lý doanh thu - Xây dựng trang web để quảng bá thương hiệu, sách khuyến cho phép người dùng tìm kiếm thực mua sản phẩm thơng qua website với đa dạng phương thức toán Sản phẩm đạt được: Website quản lý kinh doanh thời trang TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN Trường Đại học Sư phạm Kỹ thuật CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TP Hồ Chí Minh Độc lập – Tự – Hạnh phúc Khoa Đào tạo Chất lượng cao _ PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên 1: Võ Hữu Giàu MSSV: 19110196 Họ tên sinh viên 2: Huỳnh Thế Hiển MSSV: 19110201 Ngành: Công Nghệ Thông Tin Họ tên giảng viên hướng dẫn: ThS Nguyễn Minh Đạo Tên đề tài: Xây dựng website quản lý kinh doanh thời trang NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: ……………………………………………………………………………………… ………………………………………………………………………………… Ưu điểm: ……………………………………………………………………………………… ………………………………………………………………………… Khuyết điểm: ……………………………………………………………………………………… ……………………………………………………………………….………… Đề nghị cho bảo vệ hay không? ……………………………………………………………………………………… Đánh giá loại:……………………………………………………………… Điểm:…………………… (Bằng chữ:…………………………………….) Tp Hồ Chí Minh, ngày 31 tháng 05 năm 2023 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU LỜI NÓI ĐẦU KẾ HOẠCH THỰC HIỆN PHẦN MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài 10 Phương pháp nghiên cứu 10 Khảo sát trạng 10 4.1 Web 1: Nhung Linen: Thời trang Linen - Đầm linen, váy linen, áo linen, quần linen - Nhung Linen 10 4.2 Web 2: SHEIN: Thời trang nữ váy đầm nữ giá rẻ |SHEIN VN 12 4.3 Web 3: TimTay: TimTay Official 13 4.4 Tổng kết vấn đề: 14 PHẦN NỘI DUNG 15 CHƯƠNG I: PHÂN TÍCH YÊU CẦU 15 1.1 Yêu cầu chức 15 1.2 Yêu cầu phi chức 19 CHƯƠNG II: MƠ HÌNH HĨA U CẦU 20 2.1 Use Cases 20 2.2 Đặc tả Use Cases, Sequence Diagram 21 CHƯƠNG III: CƠ SỞ LÝ THUYẾT 51 3.1 Next Js – Spring Boot – Flutter – MySQL 51 3.2 Mã OTP 52 3.3 JWT & Cookies 52 3.4 Cloudinary 52 CHƯƠNG IV: PHÂN TÍCH HỆ THỐNG, THIẾT KẾ GIAO DIỆN 54 4.1 Cấu trúc hệ thống: 54 4.2 Quan hệ thực thể (Entity Relationship Diagram) 56 4.3 Sơ đồ sở liệu: 57 4.4 Giao diện Admin 59 4.5 Giao diện User: 70 CHƯƠNG 5: KIỂM THỬ PHẦN MỀM 73 5.1 Kế hoạch kiểm thử 73 5.2 Phạm vi kiểm thử 74 5.3 Kết kiểm thử 74 PHẦN KẾT LUẬN 75 KẾT QUẢ ĐẠT ĐƯỢC 75 1.1 Ưu điểm 75 1.2 Nhược điểm 75 HƯỚNG PHÁT TRIỂN 75 TÀI LIỆU THAM KHẢO 76 DANH MỤC HÌNH ẢNH Hình Trang chủ Nhung Linen 10 Hình Trang chi tiết sản phẩm web Nhung Linen 11 Hình Trang danh sách sản phẩm web Shein 12 Hình Trang chủ web TimTay 13 Hình Trang chi tiết web Tim Tay 13 Hình Bảng Lược đồ Usecase 20 Hình Sequence Diagram Đăng Nhập Admin 21 Hình Sequence Diagram Xem danh sách tất quản trị viên 22 Hình Sequence Diagram Tạo quản trị viên 24 Hình 10 Sequence Diagram Đăng bán sản phẩm 25 Hình 11 Sequence Diagram Xem sản phẩm admin 26 Hình 12 Sequence Diagram cập nhật thơng tin sản phẩm admin 28 Hình 13 Sequence Diagram Tạo danh mục 30 Hình 14 Sequence Diagram Cập nhật danh mục 31 Hình 15 Sequence Diagram quản lý đơn hàng admin 32 Hình 16 Sequence Diagram Quản lý khách hàng admin 33 Hình 17 Sequence Diagram xem doanh thu 34 Hình 18 Sequence Diagram đăng nhập customer 35 Hình 19 Sequence Diagram reset password customer 37 Hình 20 Sequence Diagram cập nhật thơng tin cá nhân customer 39 Hình 21 Sequence Diagram thêm vào giỏ hàng customer 40 Hình 22 Sequence Diagram thêm địa giao hàng customer 41 Hình 23 Sequence Diagram quản lý giỏ hàng customer 42 Hình 24 Sequence Diagram Đặt đơn hàng 43 Hình 25 Sequence Diagram xem danh mục customer - guest 44 Hình 26 Sequence Diagram xem sản phẩm customer - guest 45 Hình 27 Sequence Diagram đăng kí customer 46 Hình 28 Sequence diagram thêm vào giỏ hàng guest 47 Hình 29 Sequence Diagram quản lý giỏ hàng guest 48 Hình 30 Sequence Diagram toán VNpay 49 Hình 31 Sequence Diagram Đánh giá sản phẩm 50 Hình 32 Cấu trúc FrontEnd 54 Hình 33 Cấu trúc Backend 55 Hình 34 Quan hệ thực thể 56 Hình 35 Sơ đồ sở liệu 57 Hình 36 Màn hình xem Group 59 Hình 37 Giao diện tạo Group 60 Hình 38 Giao diện quản lý permission 61 Hình 39 Giao diện tạo Permission 62 Hình 40 Giao diện tạo Product 63 Hình 41 Giao diện xem product 65 Hình 42 Giao diện xem account 66 Hình 43 Giao diện tạo account 66 Hình 44 Giao diện tạo province 68 Hình 45 Giao diện xem order 69 Hình 46 Giao diện trang 70 Hình 47 Giao diện xem sản phẩm 70 Hình 48 Giao diện xem chi tiết sản phẩm 71 Hình 49 Giao diện giỏ hàng 71 Hình 50 Giao diện toán 72 Hình 51 Giao diện xác nhận toán 72 DANH MỤC BẢNG BIỂU Bảng Bảng chức nghiệp vụ 15 Bảng Bảng yêu cầu hệ thống 18 Bảng Bảng yêu cầu phi chức 19 Bảng Bảng đặc tả Usecase đăng nhập 21 Bảng Bảng đặc tả use case Xem danh sách quản trị viên 22 Bảng Bảng đặc tả Use case Tạo quản trị viên 23 Bảng Bảng đặc tả Use case Đăng bán sản phẩm 24 Bảng Đặc tả use case Xem tất sản phẩm admin 26 Bảng Đặc tả use case cập nhật thông tin sản phẩm admin 27 Bảng 10 Đặc tả use case tạo danh mục 29 Bảng 11 Đặc tả use case cập nhật danh mục sản phẩm 31 Bảng 12 Bảng đặc tả Use case quản lý đơn hàng admin 32 Bảng 13 Bảng đặc tả Use case Quản lý khách hàng admin 33 Bảng 14 Đặc tả use case xem doanh thu 34 Bảng 15 Đặc tả use case đăng nhập customer 35 Bảng 16 Đặc tả use case reset password customer 36 Bảng 17 Đặc tả use case cập nhật thông tin cá nhân customer 38 Bảng 18 Đặc tả use case thêm vào giỏ hàng customer 40 Bảng 19 Đặc tả use case thêm địa giao hàng customer 41 Bảng 20 Đặc tả use case quản lý giỏ hàng customer 42 Bảng 21 Bảng đặc tả Use case Đặt đơn hàng 43 Bảng 22 Đặc tả use case xem danh mục customer - guest 44 Bảng 23 Đặc tả use case xem sản phẩm customer - guest 45 Bảng 24 Đặc tả use case đăng kí customer 46 Bảng 25 Đặc tả use case thêm vào giỏ hàng guest 47 Bảng 26 Đặc tả use case quản lý giỏ hàng guest 48 Bảng 27 Đặc tả use case toán VNpay 49 Bảng 28 Đặc tả Use case Đánh giá sản phẩm 50 Bảng 29 Sơ đồ sở liệu 58 Bảng 30 Bảng UX giao diện xem group 59 Bảng 31 UX giao diện tạo group 60 Bảng 32 UX quản lý permission 61 Bảng 33 UX giao diện tạo permission 62 Bảng 34 UX giao diện tạo product 63 Bảng 35 UX giao diện xem tất product 65 Bảng 36 UX giao diện xem tất account 66 Bảng 37 UX giao diện tạo account 67 Bảng 38 UX giao diện xem tạo province 68 Bảng 39 UX giao diện xem tất order 69