Xây dựng hệ thống website cho cửa hàng bán quần áo

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN LÊ TRẦN THANH HÂN - 19110360 TRẦN THỊ MỸ HUYỀN - 19110371 XÂY DỰNG HỆ THỐNG WEBSITE CHO CỬA HÀNG BÁN QUẦN ÁO KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN HỮU TRUNG KHÓA 2019 - 2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN LÊ TRẦN THANH HÂN - 19110360 TRẦN THỊ MỸ HUYỀN - 19110371 XÂY DỰNG HỆ THỐNG WEBSITE CHO CỬA HÀNG BÁN QUẦN ÁO KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN HỮU TRUNG KHÓA 2019 - 2023 ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HỊA XHCN VIỆT NAM KHOA CƠNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc ****** ****** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Lê Trần Thanh Hân MSSV 1: 19110360 Họ tên Sinh viên 2: Trần Thị Mỹ Huyền MSSV 2: 19110371 Chuyên ngành: Công nghệ phần mềm Tên đề tài: Xây dựng hệ thống website cho cửa hàng bán quần áo Họ tên giảng viên hướng dẫn: ThS Nguyễn Hữu Trung 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: TP Hồ Chí Minh, ngày tháng năm 2023 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HỊA XHCN VIỆT NAM KHOA CƠNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc ****** ****** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Lê Trần Thanh Hân MSSV 1: 19110360 Họ tên Sinh viên 2: Trần Thị Mỹ Huyền MSSV 2: 19110371 Chuyên ngành: Công nghệ phần mềm Tên đề tài: Xây dựng hệ thống website cho cửa hàng bán quần áo Họ tên giảng viên phản biện: ThS Nguyễn Minh Đạo 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: TP Hồ Chí Minh, ngày tháng năm 2023 Giảng viên phản biện (Ký & ghi rõ họ tên) LỜI CẢM ƠN Thực tế cho thấy, thành công gắn liền với hỗ trợ, giúp đỡ người xung quanh giúp đỡ hay nhiều, trực tiếp hay gián tiếp Trong suốt thời gian từ bắt đầu làm đồ án đến nay, nhóm chúng em nhận quan tâm, bảo, giúp đỡ thầy cơ, gia đình bạn bè xung quanh Với lòng biết ơn vơ sâu sắc, nhóm chúng em xin gửi lời cảm ơn chân thành từ đáy lòng đến Thầy Nguyễn Hữu Trung – giảng viên Khoa Công nghệ Thông tin trường Đại học Sư phạm Kỹ thuật TP.HCM dùng tri thức tâm huyết để có thể truyền đạt cho chúng em vốn kiến thức quý báu suốt thời gian học tập Nhờ có hướng dẫn, dạy bảo tận tình đó, báo cáo chúng em hoàn thành cách hoàn chỉnh đưa sản phẩm tốt có thể Vì khả kiến thức chun mơn chúng em nhiều hạn chế, thiếu kinh nghiệm việc thực dự án phần mềm, thêm vào thời gian thực đề tài có giới hạn Do đó, q trình thực khơng thể khơng cố điều thiếu sót Chúng em hi vọng nhận thông cảm nhận xét, góp ý q báu từ q thầy để có thể hồn thiện nâng cấp sản phẩm tốt Một lần nữa, nhóm chúng em xin gửi lời cảm ơn chân thành đến quý thầy cơ! TP Hồ Chí Minh, ngày 10 tháng năm 2023 Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa: Công nghệ thông tin ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ tên sinh viên thực 1: Lê Trần Thanh Hân MSSV 1: 19110360 Họ tên sinh viên thực 2: Trần Thị Mỹ Huyền MSSV 2: 19110371 Thời gian làm luận văn: Từ ngày 13/02/2023 đến ngày 09/07/2023 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng hệ thống website cho cửa hàng bán quần áo Giáo viên hướng dẫn: ThS Nguyễn Hữu Trung Nhiệm vụ luận văn: Lý thuyết: + NodeJS, ReactJS, Bootstrap, HTML, CSS, Axios + RESTful API, SQL, NoSQL, MySQL, MongoDB + Ngôn ngữ Java, Spring Boot, Spring Data, Spring Security, Spring Boot Starter Validation, SpringDoc OpenAPI, Json Web Token, Lombok, ModelMapper, Hibernate Search + Python, Flask + Thuật toán băm mật + Singleton design pattern, nguyên tắc SOLID, mơ hình MVC, three-tiers, IoC (Dependency Inversion) + Docker Thực hành: + Sử dụng ReactJS để xây dựng giao diện hệ thống (frontend) với Material UI, Ant Design, HTML CSS + Sử dụng Axios để ReactJS tương tác với API backend + Sử dụng Spring Boot để xây dựng backend (RESTful API web service) + Sử dụng Python Flask để xây dựng microservice gợi ý sản phẩm cho hệ thống + Sử dụng Hibernate Search để thực chức Full-text Search, Fuzzy Search, tăng hiệu tìm kiếm liệu + Sử dụng Spring Data để tương tác với sở liệu + Sử dụng Spring Security JWT để xác thực phân quyền API + Sử dụng SpringDoc OpenAPI để hỗ trợ tự động tạo tài liệu (document) cho API có hệ thống Đồng thời cung cấp giao diện sử dụng API cách nhanh chóng (Swagger UI) + Sử dụng Spring Boot Starter Validation để xác thực ràng buộc liệu từ request + Sử dụng thuật tốn mã hóa thơng tin nhạy cảm lưu trữ + Sử dụng Docker để deploy ứng dụng + Tạo chatbot, gửi mã xác thực qua SMS email, đăng nhập Google, quản lý lưu trữ file phương tiện, tốn trực tuyến (MoMo, PayPal), tính phí vận chuyển Đề cương viết luận văn: MỤC LỤC PHẦN MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài Đối tượng nghiên cứu đề tài Phạm vi nghiên cứu đề tài Phương pháp thực đề tài Kết dự kiến đạt PHẦN NỘI DUNG Chương Cơ sở lý thuyết Chương Khảo sát, phân tích, thiết kế Chương Mơ hình hóa u cầu Chương Thiết kế phần mềm Chương Thiết kế giao diện xử lý Chương Cài đặt kiểm thử ứng dụng PHẦN KẾT LUẬN Những kết đạt Ưu điểm Nhược điểm Hướng phát triển DANH SÁCH TÀI LIỆU THAM KHẢO Kế hoạch thực STT Thời gian Cơng việc + Tìm hiểu, khảo sát đề tài để phát triển dự án 13/02/2023 đến 20/03/2023 21/03/2023 đến 28/03/2023 24/03/2023 đến 05/04/2023 06/04/2023 đến 20/04/2023 + Thảo luận, đề chức cải tiến phát triển hệ thống + Tìm hiểu thêm framework, thư viện công nghệ áp dụng + Lập kế hoạch thực + Phân công công việc + Cập nhật đề cương luận văn + Phân tích trạng thiết kế thêm chức hệ thống + Cập nhật thiết kế database cho hệ thống + Thiết kế, xây dựng cải tiến RESTful API cho chức 15/04/2023 đến 18/06/2023 + Thiết kế, xây dựng cải tiến giao diện cho hệ thống + Tích hợp hệ thống + Tiến hành kiểm thử xử lý lỗi hệ thống theo 19/06/2023 đến 30/06/2023 yêu cầu thiết kế đề 01/07/2023 đến 10/07/2023 + Hoàn thành báo cáo hoàn chỉnh hệ thống + Tiến hành viết báo cáo Phân công công việc Thành viên Nhiệm vụ + Khảo sát phân tích đề tài + Phụ trách sở lý thuyết front-end + Viết đặc tả Usecase + Thiết kế giao diện Trần Thị Mỹ Huyền + Phụ trách hệ thống front-end + Viết hướng dẫn cài đặt front-end + Kiểm thử front-end + Viết báo cáo phần Mở đầu, chương Lý thuyết, Khảo sát, Mơ hình hóa u cầu, Thiết kế giao diện xử lý, Cài đặt kiểm thử, phần Kết luận + Khảo sát phân tích đề tài + Phụ trách sở lý thuyết back-end + Vẽ lược đồ Usecase viết đặc tả Usecase, lược đồ hoạt động lược đồ + Thiết kế sở liệu Lê Trần Thanh Hân + Phụ trách hệ thống back-end + Viết hướng dẫn cài đặt back-end + Kiểm thử front-end back-end + Triển khai hệ thống với Docker + Viết báo cáo phần Mở đầu, chương Lý thuyết, Khảo sát, Mơ hình hóa u cầu, Thiết kế phần mềm, Cài đặt kiểm thử, phần Kết luận Ý kiến giáo viên hướng dẫn Ngày 10 tháng 03 năm 2023 Người viết đề cương Nguyễn Hữu Trung Lê Trần Thanh Hân MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP DANH MỤC HÌNH DANH MỤC BẢNG 11 PHẦN MỞ ĐẦU 14 Tính cấp thiết đề tài 14 Mục đích đề tài 14 Đối tượng nghiên cứu đề tài 15 Phạm vi nghiên cứu đề tài 15 Phương pháp thực đề tài 16 Kết dự kiến đạt 17 PHẦN NỘI DUNG 18 CHƯƠNG CƠ SỞ LÝ THUYẾT 18 1.1 Ngơn ngữ lập trình Java 18 1.2 Spring Framework 19 1.3 RESTful API 24 1.4 Python 24 1.5 ReactJS 27 CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH HIỆN TRẠNG 30 2.1 Khảo sát trạng 30 2.2 Khảo sát số hệ thống liên quan 30 2.3 Phân tích yêu cầu đề tài 40 CHƯƠNG MƠ HÌNH HÓA YÊU CẦU 58 3.1 Lược đồ Usecase 58 3.2 Đặc tả Usecase 58 CHƯƠNG THIẾT KẾ PHẦN MỀM 84 4.1 Sơ đồ cấu trúc hệ thống 84 4.2 Lược đồ ERD 85 4.3 Lược đồ hoạt động 86 4.4 Lược đồ 95 CHƯƠNG THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 104 5.1 Giao diện phân hệ admin 104 5.2 Giao diện phân hệ khách hàng .132 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ HỆ THỐNG 153