Xây dựng website bán đồ lưu niệm

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 CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN ĐỒ LƯU NIỆM GVHD: ThS MAI TUẤN KHÔI SVTH : ĐOÀN QUỐC VIỆT TRẦN VÕ HOÀNG LÂM S K L0 2 Tp Hồ Chí Minh, tháng 06/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO BỘ MƠN CÔNG NGHỆ PHẦN MỀM Đề Tài: XÂY DỰNG WEBSITE BÁN ĐỒ LƯU NIỆM KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN ThS Mai Tuấn Khơi SVTH MSSV Đồn Quốc Việt 19110314 Trần Võ Hồng Lâm 19110032 TP Hồ Chí Minh – Tháng 06/2023 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO 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 : Trần Võ Hoàng Lâm MSSV 1: 19110032 Họ tên Sinh viên : Đồn Quốc Việt MSSV 2: 19110314 Ngành: Cơng nghệ Thông tin Tên đề tài: Xây dựng Website bán đồ lưu niệm Họ tên Giáo viên hướng dẫn: ThS Mai Tuấn Khôi 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áo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO 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 : Trần Võ Hoàng Lâm MSSV 1: 19110032 Họ tên Sinh viên : Đoàn Quốc Việt MSSV 2: 19110314 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng Website bán đồ lưu niệm Họ tên Giáo viên phản biện: TS Huỳnh Xuân Phụng 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áo viên phản biện (Ký & ghi rõ họ tên) BẢNG PHÂN CÔNG CÔNG VIỆC STT Nhiệm vụ Người thực Thời gian thực - Lên ý tưởng Đoàn Quốc Việt cho Trần Võ Hoàng đề tài Lâm - Khảo sát Trần Võ Hoàng 24/02/2023 – trạng Lâm 26/02/2023 20/02/2023 – 23/02/2023 Mức độ hoàn thành 100% 100% Đoàn Quốc Việt (1) - Vẽ ERD (1) (2) - Đặc tả Usecase Trần Võ Hoàng (2) Lâm 27/02/2023 – 06/03/2023 100% (2) - Thiết kế Database cho dự Đoàn Quốc Việt án 07/03/2023 – 14/03/2023 100% - Thiết kế giao diện sử dụng HTML, CSS, Angular cho phía Trần Võ Hồng Lâm Đồn Quốc Việt 15/03/2023 – 23/03/2023 100% User - Thiết kế giao diện sử dụng HTML, CSS, Angular cho Đoàn Quốc Việt 24/03/2023 – 30/03/2023 100% phía Admin Viết Backend (Spring Boot) Đoàn Quốc Việt 15/03/2023 – 26/05/2023 98% cho dự án Trần Võ Hoàng Viết báo cáo Lâm Đoàn Quốc Việt 20/02/2023 – 28/05/2023 100% Chữ ký trưởng ngành Ngày Tháng 06 Năm 2023 LỜI CẢM ƠN Để hoàn thành tốt đề tài báo cáo này, chúng em xin gửi lời cảm ơn chân thành đến giảng viên, ThS Mai Tuấn Khôi, người trực tiếp hỗ trợ nhóm suốt q trình làm đề tài Chúng em cảm ơn thầy đưa lời khuyên từ kinh nghiệm thực tiễn để định hướng cho nhóm em với yêu cầu đề tài chọn Bên cạnh đó, trình thực đề tài, thầy ln giải đáp thắc mắc đưa góp ý, chỉnh sửa kịp thời giúp chúng em khắc phục nhược điểm hoàn thành thời hạn đề Đề tài báo cáo chúng em thực khoảng thời gian ngắn, với kiến thức hạn chế nhiều hạn chế khác mặt kỹ thuật kinh nghiệm việc thực dự án phần mềm Do đó, q trình làm nên đề tài có thiếu sót điều khơng thể tránh khỏi nên nhóm mong nhận ý kiến đóng góp quý báu thầy để chúng em hồn thiện vốn kiến thức nhóm em làm tốt lần sau Cuối lời, chúng em kính chúc thầy ln dồi sức khỏe thành công nghiệp trồng người Một lần chúng em xin chân thành cảm ơn thầy! Tp Hồ Chí Minh, ngày 11 tháng 05 năm 2023 Nhóm sinh viên thực MỤC LỤC PHẦN MỞ ĐẦU 1 Tính cấp thiết đề tài Mục tiêu đề tài Kết cấu thuyết minh CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG 1.1 Trang Quatructuyen 1.2 Trang Tạp Hóa Mặp Mặp .3 1.3 Trang Lemon Shop .4 1.4 Trang Moji Shop 1.5 Trang Khánh Vàng Đức Phát .6 1.6 Trang Idea Shop 1.7 Trang Fuki 1.8 Trang Art House Shop 1.9 Trang Otaku Shop .10 1.10 Trang ChipChip Shop .11 CHƯƠNG 2: TIẾP NHẬN YÊU CẦU 12 2.1 Use Case .12 2.2 Danh sách yêu cầu chức nghiệp vụ .12 2.2.1 Yêu cầu chức nghiệp vụ Admin 12 2.2.2 Yêu cầu chức nghiệp vụ Customer 24 2.2.3 Yêu cầu chức nghiệp vụ Guest 49 2.3 Biểu mẫu .62 2.3.1 Biểu mẫu cho nghiệp vụ Administrator 62 2.3.2 Biểu mẫu cho nghiệp vụ Customer 63 2.4 Danh sách yêu cầu chức hệ thống 67 2.5 Danh sách yêu cầu phi chức hệ thống 69 2.6 Xây dựng hệ thống .69 CHƯƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU .71 3.1 ERD 71 3.2 Các cột kiểu liệu bảng 71 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN .78 4.1 Giao diện Admin 78 4.1.1 Màn hình đăng nhập 78 4.1.1.1 Thiết kế giao diện 78 4.1.1.2 Thiêt kế xử lý 79 4.1.1.3 Mô tả xử lý 79 4.1.2 Màn hình quên mật .82 4.1.2.1 Thiết kế giao diện 82 4.1.2.2 Thiết kế xử lý 83 4.1.2.3 Mô tả xử lý 83 4.1.3 Màn hình Dashboard 84 4.1.3.1 Thiết kế giao diện 84 4.1.3.2 Thiêt kế xử lý 86 4.1.3.3 Mô tả xử lý 86 4.2 Giao diện Guest 88 4.2.1 Màn hình đăng nhập 88 4.2.1.1 Thiết kế giao diện 88 4.2.1.2 Thiết kế xử lý 89 4.3.1.3 Mô tả xử lý 89 4.2.2 Màn hình all-product 91 4.2.2.1 Thiết kế giao diện 91 4.2.2.2 Thiết kế xử lý 92 4.2.2.3 Mô tả xử lý 92 4.2.3 Màn hình by-category 97 4.2.3.1 Thiết kế giao diện 97 4.2.3.2 Thiết kế xử lý 98 4.2.3.3 Mô tả xử lý 99 4.3 Giao diện Customer 103 4.3.1 Màn hình cart .103 4.3.1.1 Thiết kế giao diện .103 4.3.1.2 Thiết kế xử lý 104 4.3.1.3 Mô tả xử lý 105 4.3.2 Màn hình checkout 109 4.3.2.1 Thiết kế giao diện .109 4.3.2.2 Thiết kế xử lý 110 4.3.2.3 Mô tả xử lý 111 4.3.3 Màn hình favorite 114 4.3.3.1 Thiết kế giao diện .114 4.3.3.2 Thiết kế xử lý 115 4.3.3.3 Mô tả xử lý 115 CHƯƠNG 5: LẬP TRÌNH .119 5.1 Ngơn ngữ lập trình áp dụng 119 5.2 Hệ quản trị CSDL áp dụng .119 5.3 Thiết kế sơ đồ lớp .119 5.4 Mô tả sơ đồ lớp 119 5.4.1 Class User 119 5.4.2 Class Cart 120 5.4.3 Class Rate 120 5.4.4 Class Order 120 5.4.5 Class Product .121 5.4.6 Class Notification 121 5.4.7 Class ResponseObject .121 5.4.8 Class CartDetail 122 5.4.9 Class Favorite 122 5.4.10 Class OrderDetail 122 5.4.11 Class Category 123 5.4.12 Class AppRole 123 5.5 Một số đoạn mã nguồn mà nhóm đánh giá cao 123 5.5.1 Mã nguồn SendMailServiceImplement .123 5.5.2 Mã nguồn WebSecurityConfig 124