Xây dựng website bán quần áo thể thao

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 BÁN QUẦN ÁO THỂ THAO GVHD: THS NGUYỄN MINH ĐẠO SVTH: NGUYỄN VĂN ĐẠT HỒNG MINH THÀNH SKL009251 Tp.Hồ Chí Minh, tháng 12/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO NGÀNH CÔNG NGHỆ THÔNG TIN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN QUẦN ÁO THỂ THAO SVTH: NGUYỄN VĂN ĐẠT MSSV: 16110050 SVTH: HỒNG MINH THÀNH MSSV: 18110196 Ngành: CƠNG NGHỆ PHẦN MỀM GVHD: ThS NGUYỄN MINH ĐẠO TP Hồ Chí Minh, tháng 12 năm 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO NGÀNH CÔNG NGHỆ THÔNG TIN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN QUẦN ÁO THỂ THAO SVTH: NGUYỄN VĂN ĐẠT MSSV: 16110050 SVTH: HỒNG MINH THÀNH MSSV: 18110196 Ngành: CƠNG NGHỆ PHẦN MỀM GVHD: ThS NGUYỄN MINH ĐẠO TP Hồ Chí Minh, tháng 12 năm 2022 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 21 Tháng 12 năm 2022 NHIỆM VỤ KHÓA Họ tên sinh LUẬN TỐT NGHIỆP viên: Nguyễn Văn Đạt MSSV: 16110050 Ngành: Công Nghệ Thông Tin Lớp: 16110CLST1 Họ tên sinh viên: Hoàng Minh Thành MSSV: 18110196 Ngành: Công Nghệ Thông Tin Lớp: 18110CLST1 Giảng viên hướng dẫn: ThS Nguyễn Minh Đạo Ngày nhận đề tài: 05/09/2022 Ngày nộp đề tài: 21/12/2022 Tên đề tài: Xây dựng website bán quần áo thể thao Các số liệu, tài liệu ban đầu: Khảo sát trạng thông qua website thương mại điện tử phổ biến áp dụng thơng tin tìm vào đồ án Nội dung thực đề tài: Xây dựng ứng dụng web cho phép khách hàng đặt hàng trực tuyến từ cửa hàng Xây dựng trang web quản lý để quản lý thông tin xác nhận đơn đặt hàng khách hàng Sản Phẩm: Trang web bán quần áo thể thao trực tuyến TRƯỞNG NGÀNH (Ký & ghi rõ họ tên) GIẢNG VIÊN HƯỚNG DẪN (Ký & ghi rõ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên: Nguyễn Văn Đạt MSSV: 16110050 Họ tên sinh viên: Hồng Minh Thành MSSV: 18110196 Ngành: Cơng Nghệ Thơng Tin Tên đề tài: Website bán quần áo thể thao trực tuyến Họ tên Giáo viên hướng dẫ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:…………… (Bằng Chữ:……………………………………………… ) Tp Hồ Chí Minh, ngày tháng 12 năm 2022 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên: Nguyễn Văn Đạt MSSV: 16110050 Họ tên sinh viên: Hoàng Minh Thành MSSV: 18110196 Ngành: Công Nghệ Thông Tin Tên đề tài: Website bán quần áo thể thao trực tuyến Họ tên Giáo viên phản biện: TS Lê Văn Vinh 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 tháng 12 năm 2022 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) Khóa Luận Tốt Nghiệp LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với Khoa Đào tạo Chất Lượng cao – Ngành Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Nguyễn Minh Đạo lời cảm ơn sâu sắc Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nghiệm yêu cầu thực tế xã hội thông qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Nguyễn Minh Đạo tặng cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hồn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm sinh viên thực Khoa ĐT CLC – ĐH SPKT TP.HCM |1 Khóa Luận Tốt Nghiệp MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH DANH MỤC BẢNG Chương MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.3.1 Đối tượng 1.3.2 Phạm vi nghiên cứu Kết dự kiến đạt 10 1.4.1 Phía người quản tr 10 1.4.2 Phía người dùng 10 1.4 Chương CƠ SỞ LÝ THUYẾT 11 2.1 Tổng quan Java 11 2.1.1 Một số khái niệm Java 11 2.1.2 Ưu điểm Java 11 2.1.3 Nhược điểm Java 11 Tổng quan Spring Boot 11 2.2.1 Một số khái niệm Spring Boot 12 2.2.2 Ưu điểm Spring Boot 12 2.2.3 Nhược điểm Spring Boot 12 2.2.4 Môi trường phát triển Spring Boot 12 Tổng quan MongoDB 12 2.3.1 Một số khái niệm MongoDB 12 2.3.2 Ưu điểm MongoDB 13 2.3.3 Nhược điểm MongoDB 13 2.3.4 Môi trường phát triển MongoDB 13 Tổng quan HTML 13 2.2 2.3 2.4 Khoa ĐT CLC – ĐH SPKT TP.HCM |2 Khóa Luận Tốt Nghiệp 2.5 Tổng quan CSS 14 2.6 Tổng quan Javascript 14 2.7 Tổng quan React JS 14 2.8 Môi trường phát triển React JS 15 2.9 Kiến trúc React JS 15 2.9.1 Component 15 2.9.2 Functional Component 15 2.9.3 Class Component 15 2.9.4 Props 15 2.9.5 State 16 2.9.6 Hook 16 2.9.7 Effect Hook 16 2.9.8 Life Cycle 16 2.10Cài đặt môi trường cho React JS 17 Chương KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 18 3.1 3.2 Khảo sát trạng 18 3.1.1 Adidas: https://www.adidas.com.vn/ 18 3.1.2 Sport1: https://sport1.vn/ 22 Xác đ nh yêu cầu 24 3.2.1 Lược đồ Usecase 24 3.2.2 Bảng Requirement dành cho Usecase 26 3.2.3 Đặc tả Usecase 29 Chương THIẾT KẾ ỨNG DỤNG 60 4.1 Sơ đồ Class Diagram 60 4.1.1 Sơ đồ thiết kế class diagram 60 4.1.2 Mô tả thiết kế class diagram 60 4.2 Sơ đồ 69 4.3 Thiết kế giao diện 81 4.4.1 SCP001 Giao diện trang đăng nhập 81 4.4.2 SCP002 Giao diện trang đăng ký 83 Khoa ĐT CLC – ĐH SPKT TP.HCM |3 Khóa Luận Tốt Nghiệp 4.4.3 SCP003 Giao diện trang chủ 85 4.4.4 SCP004 Giao diện trang hiển th sản phẩm 87 4.4.5 SCP005 Giao diện trang danh mục 89 4.4.6 SCP006 Giao diện trang giỏ hàng 90 4.4.7 SCP007 Giao diện trang toán 91 4.4.8 SCP008 Giao diện trang đơn hàng 91 4.4.9 SCP009 Giao diện trang Admin 92 4.4.10 SCP010 Giao diện trang quản lý khách hàng 95 4.4.11 SCP011 Giao diện trang quản lý sản phẩm 97 4.4.12 SCP012 Giao diện trang quản lý đơn hàng 100 4.4.13 SCP013 Giao diện trang quản lý danh mục 101 4.4.14 SCP014 Giao diện trang quản lý Admin 102 4.4.15 SCP015 Giao diện trang quản lý thông tin cá nhân 104 Chương CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 105 5.1 Cài đặt ứng dụng 105 5.2 Kiểm thử phần mềm 114 Chương 6.1 KẾT LUẬN 117 Kết đạt 117 6.1.1 Kiến thức tìm hiểu 117 6.1.2 Về chương trình xây dựng 117 6.1.3 Ưu khuyết điểm 117 6.2 Hướng phát triển 117 BẢNG NHỮNG TỪ VIẾT TẮT 118 TÀI LIỆU THAM KHẢO 119 Khoa ĐT CLC – ĐH SPKT TP.HCM |4