(Đồ án hcmute) xây dựng website kinh doanh thiết bị và linh kiện công nghệ sử dụng spring boot

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 KINH DOANH THIẾT BỊ VÀ LINH KIỆN CÔNG NGHỆ SỬ DỤNG SPRING BOOT GVHD: Th.S LÊ THỊ MINH CHÂU SVTH: NGUYỄN VÕ TUẤN NHÂN SKL010565 Tp.Hồ Chí Minh, Năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE KINH DOANH THIẾT BỊ VÀ LINH KIỆN CÔNG NGHỆ SỬ DỤNG SPRING BOOT Nguyễn Võ Tuấn Nhân - GIẢNG VIÊN HƯỚNG DẪN ThS Lê Thị Minh Châu TP HỒ CHÍ MINH, 2022 18110329 ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN 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ẢNG VIÊN HƯỚNG DẪN Họ tên sinh viên: Nguyễn Võ Tuấn Nhân MSSV: 18110329 Chuyên ngành: Hệ thống thông tin Tên đề tài: XÂY DỰNG WEBSITE KINH DOANH THIẾT BỊ VÀ LINH KIỆN CÔNG NGHỆ SỬ DỤNG SPRING BOOT Họ tên giảng viên hướng dẫn: ThS Lê Thị Minh Châu Nhận xét: Về nội dung đề tài khối công việc thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho phản biện hay không? Đánh giá loại: Điểm: TP Hồ Chí Minh, ngày……tháng……năm 2022 Giảng viên hướng dẫn ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN 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ẢNG VIÊN PHẢN BIỆN Họ tên sinh viên: Nguyễn Võ Tuấn Nhân MSSV: 18110329 Chuyên ngành: Hệ thống thông tin Tên đề tài: XÂY DỰNG WEBSITE KINH DOANH THIẾT BỊ VÀ LINH KIỆN CÔNG NGHỆ SỬ DỤNG SPRING BOOT Họ tên giảng viên phản biện: TS Nguyễn Thành Sơn Nhận xét: Về nội dung đề tài khối công việc thực hiện: Ưu điểm: Khuyết điểm: 10 Đề nghị cho phản biện hay không? 11 Đánh giá loại: 12 Điểm: TP Hồ Chí Minh, ngày……tháng……năm 2022 Giảng viên phản biện ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ****** ****** ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ tên Sinh viên: Nguyễn Võ Tuấn Nhân Thời gian làm luận văn: Từ: 14/08/2022 Mã Số SV: 18110329 Đến: 30/12/2022 Chuyên ngành: Hệ thống thông tin Tên đề tài: XÂY DỰNG WEBSITE KINH DOANH THIẾT BỊ VÀ LINH KIỆN CÔNG NGHỆ SỬ DỤNG SPRING BOOT Giảng viên hướng dẫn: ThS Lê Thị Minh Châu Nhiệm vụ đề tài: Tìm hiểu Spring Framework Xây dựng hệ thống thương mại điện tử Đề 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 Cách tiếp cận phương pháp nghiên cứu Phân tích cơng trình có liên quan Kết dự kiến đạt PHẦN NỘI DUNG Chương 1: Cơ sở lý thuyết 1.1 Ngôn ngữ Java 1.2 Spring Framework công nghệ sử dụng 1.2.1 Hibernate 1.2.2 JPA 1.3 Kiến trúc hệ thống 1.3.1 Cơ sở liệu 1.3.2 Back-end 1.3.3 Front-end 1.3.4 Thymeleaf Chương 2: Khảo sát trạng 2.1 Tiki 2.2 Etsy Chương 3: Phân tích thiết kế hệ thống 3.1 Phân tích chức 3.1.1 Phía Khách (Guest) 3.1.2 Phía Người mua (Customer) 3.1.3 Phía Quản trị viên (Admin) 3.2 Biểu đồ Use case (Use case Diagram) 3.3 Biểu đồ Tuần tự (Biểu đồ tuần tự) 3.4 Biểu đồ Class (Class Diagram) 3.5 Thiết kế Cơ sở liệu 3.6 Thiết kế Giao diện 3.6.1 Phía Khách (Guest) 3.6.2 Phía Người mua (Customer) 3.6.3 Phía Quản trị viên (Admin) Chương 4: Cài đặt kiểm thử 4.1 Cài đặt 4.2 Kiểm thử PHẦN KẾT LUẬN Những kết đạt Ưu, nhược điểm Hướng phát triển TÀI LIỆU THAM KHẢO Kế hoạch thực STT Thời gian Công việc 14/08/2022 - Nghiên cứu sở lý thuyết, 27/08/2022 khảo sát trạng, phân tích Ghi Đã hoàn thành thiết kế hệ thống 28/08/2022 - Xây dựng cấu trúc hệ thống, 13/08/2022 thiết lập mơi trường, cài đặt Đã hồn thành phần mềm 14/08/2022 - Xây dựng hệ thống phía Khách, Đã hoàn thành 17/10/2022 Người mua 18/10/2022 - Xây dựng hệ thống phía Người 22/11/2022 bán 23/11/2022 - Kiểm thử, sửa lỗi, hoàn thiện Đã hoàn thành Viết báo cáo Đã hoàn thành Đã hoàn thành 19/12/2022 20/12/2022 30/12/2022 Ngày 28 tháng 12 năm 2022 Người viết đề cương Nguyễn Võ Tuấn Nhân Ý kiến Giảng viên hướng dẫn (ký ghi rõ họ tên) LỜI CẢM ƠN Lời đầu tiên, nhóm xin gửi lời cảm ơn đến khoa 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 chúng tôi.được học tập, nghiên cứu thực đề tài Nhóm xin cảm ơn ThS Lê Thị Minh Châu, Giảng viên hướng dẫn, người tận tình chia sẻ, giúp đỡ nhóm nhiều, để chúng tơi có đủ kiến thức vận dụng vào Khóa luận tốt nghiệp Nhóm tự thấy, suốt trình thực đề tài, với hạn chế kiến thức, kinh nghiệm kỹ thuật chuyên môn, sai sót điều khơng thể tránh khỏi Rất mong nhận quan tâm, ý kiến đóng góp, nhật xét cơng tâm từ phía Hơi đồng, Giảng viên hướng dẫn Giảng viên phản biện Xin chân thành cảm ơn TÓM TẮT Giao dịch thương mại điện tử hệ thống website thương mại điện tử cho phép tổ chức, cá nhân tiến hành tồn phần quy trình mua bán hàng hóa, dịch vụ hệ thống, hay đơn giản, mua bán qua Internet Đây hình thức không ngừng phát triển, tương lai hồn tồn thay cửa hàng truyền thống Ví dụ số tên Shopee, Lazada, Tiki… vơ thành cơng triển khai hình thức Vì lý này, nhóm định chọn đề tài xây dựng hệ thống thương mại điên tử, hình thức website thương mại điện tử, với Spring Framework, tương đối có đầy đủ chức chính: Phía Khách a) Đăng ký tài khoản b) Tìm kiếm, xem danh sách, chi tiết sản phẩm, cửa hàng, người dùng khác Phía Người mua a) Đặng nhập, đăng xuất, quên mật b) Quản lý tài khoản, giỏ hàng, đơn hàng c) Theo dõi sản phẩm, cửa hàng yêu thích d) Đặt hàng, tốn, phản hồi, đánh giá Phía Người bán(Admin) a) Thống kê doanh thu b) Quản lý tất hệ thống Hình - 52 Giao diện trang Chi tiết đơn hàng phía Quản trị viên (4) Hình - 53 Giao diện trang Quản lý sản phẩm phía Quản trị viên Hình - 54 Giao diện trang Quản lý sản phẩm phía Quản trị viên (1) 81 Hình - 55 Giao diện trang Quản lý sản phẩm phía Quản trị viên (2) Hình - 56 Giao diện trang Quản lý sản phẩm phía Quản trị viên (3) Hình - 57 Giao diện trang Quản lý sản phẩm phía Quản trị viên (4) 82 Hình - 58 Giao diện trang Quản lý sản phẩm phía Quản trị viên (5) Hình - 59 Giao diện trang Quản lý danh mục phía Quản trị viên (1) Hình - 60 Giao diện trang Quản lý danh mục phía Quản trị viên (2) 83 Hình - 61 Giao diện trang Quản lý nhãn hàng phía Quản trị viên (1) Hình - 62 Giao diện trang Quản lý nhãn hàng phía Quản trị viên (2) Hình - 63 Giao diện trang Quản lý tỉ lệ vận chuyển phía Quản trị viên (1) 84 Hình - 64 Giao diện trang Quản lý tỉ lệ vận chuyển phía Quản trị viên (2) Hình - 65 Giao diện trang Quản lý Reviews phía Quản trị viên (1) Hình - 66 Giao diện trang Quản lý Reviews phía Quản trị viên (2) 85 Hình - 67 Giao diện trang Quản lý Reviews phía Quản trị viên (3) Hình - 68 Giao diện trang Quản lý Account phía Quản trị viên (3) 86 Hình - 69 Giao diện trang Tìm kiếm User phía Quản trị viên Hình - 70 Giao diện trang Tìm kiếm Category phía Quản trị viên Hình - 71 Giao diện trang Tìm kiếm Brand phía Quản trị viên 87 Hình - 72 Giao diện trang Tìm kiếm Product phía Quản trị viên 88 Chương 4: CÀI ĐẶT VÀ KIỂM THỬ Cài đặt 4.1 - Công nghệ framework sử dụng: + Spring Boot 2.5.7 + Bootstrap v5.0 + Font Awesome v5.15 + JQuery 3.5 - Phần mềm sử dụng: + Spring Tool Suite 4.0 + MySQL 8.0 + Postman – Quản lý APIs, kiểm thử + Git 2.38.1 – Quản lý source code 4.2 Kiểm thử ID Testcas e 001 Đăng Step Data Expected Actua Pass/ l Fail Như Pass - Vào hệ thống - Đăng nhập nhập website Email=tuan thành công, thay kỳ quyền - Bấm nút nhan6@gm đổi giao diện user với Login góc ail.com trang liệu bên phải - Password= sang giao diện hợp lệ - Nhập đầy đủ admin123 phía Người mua - Vào hệ Email=tuan Đăng nhập Như nhập thống website nhan6@gm thành công, kỳ quyền - Bấm nút ail.com chuyển đến vọng admin Login góc với bên phải vọng thơng tin đăng nhập - Bấm Sign in 002 Đăng trang Admin 89 Pass liệu hợp - Nhập đầy đủ - Password= lệ thông tin đăng Admin@12 nhập - Bấm Login 003 Đăng - Vào hệ thống - Đăng nhập thất Như nhập website Email=tuan bại, hiển thị kỳ với - Bấm nút nhan6@gm thơng báo “User vọng email Login góc ail.com not found” không bên phải - Password= tồn - Nhập đầy đủ admin@123 Pass thông tin đăng nhập - Bấm Login 004 Đăng - Vào hệ thống - Đăng nhập thất Như nhập website Email=tuan bại, hiển thị kỳ với mật - Bấm nút nhan6@gm thông báo vọng Login góc ail.com “Password khơng bên phải - Password= doesn't match” hợp lệ - Nhập đầy đủ admin@123 Pass thông tin đăng nhập - Bấm nút Login 005 Đăng - Vào hệ thống - Đăng ký thành Như ký với website Firstname= công, hiển thị kỳ thông - Bấm nút Nhan thông báo vọng tin hợp Login góc - Lastname= “Signing up lệ bên phải Nguyen - Chọn Sign up - successfully, you can sign in Email=tuan 90 now” Pass - Nhập đầy đủ nhan6@gm thông tin đăng ail.com ký - Password= - Bấm nút admin@123 Login - Bấm nút Confirm 006 Đăng - Vào hệ thống - Đăng ký thất Như ký với website Firstname= bại, hiển thị kỳ email - Bấm nút Nhan thơng báo vọng tồn Login góc - Lastname= “Email already bên phải Nguyen- Pass exists” - Chọn Sign up Email=tuan - Nhập đầy đủ nhan6@gm thông tin đăng ail.com ký - Password= - Bấm Sign up admin@123 - Bấm Confirm 007 Đăng xuất - Đăng nhập - Đăng xuất thành Như thành công Email=tuan công, chuyển kỳ vào hệ thống nhan6@gm sang giao diện vọng - Chọn thẻ ail.com cho Khách Account góc - Password= bên phải admin@123 - Ở phần dropdown, chọn Logout - Bấm Confirm 91 Pass - Vào hệ thống - - Hệ thống gửi mật website Email=tuan mail thành công, kỳ - Bấm nút nhan6@gm thông báo Login góc ail.com “Request bên phải - Password= successfully, - Nhập email admin@123 waiting for - Chọn Forgot 456 008 Quên email or sms” password? - Thay đổi mật Send email thành - Kiểm tra công, thông báo email, chọn “Update Change password password successfully” - Nhập mật - Bấm Save Bảng - Một số test case 92 Như vọng Pass PHẦN KẾT LUẬN Những kết đạt Trải qua trình thực đề tài, nhóm thực mục tiêu đề trước đó: - Hiểu thành phần, cấu trúc, cách hoạt động Spring Framework - Xây dựng website sàn giao dịch thương mại điện tử với tương đối đầy đủ chức năng, với tên gọi Shopme Ưu điểm - Website có đầy đủ chức Website thương mại điện tử, nơi trao buôn bán, lúc, nơi - Giao diện đơn giản, thân thiện với người dùng, có responsive loại thiết bị cho Web - Có phân quyền rõ ràng - Có chức tốn Online Nhược điểm - Giao diện đơn giản, khơng có chế độ dark mode, light mode… - Chưa có chức thơng báo, nhắn tin trực tuyến… cản trở người mua người bán - Chưa có chức so sánh sản phẩm với - Chưa có mobile app - Nhiều chức thuộc bên thứ ba mang tính chất demo, chưa áp dụng thực tế Hướng phát triển - Phát triển giao diện đẹp mắt hơn, thêm chế độ dark mode, light mode… - Thêm chức thông báo, nhắn tin, so sánh sản phẩm… - Có thể thêm chức phía người dùng viết bài, đăng ảnh, theo dõi người dùng… từ phát triển thành cộng đồng, theo hướng mạng xã hội - Phát triển thêm mobile app để tiện lợi cho người dùng 93 TÀI LIỆU THAM KHẢO [1]: Spring Tutorial: https://www.tutorialspoint.com/spring/index.html [2]: Spring Guide Document: https://spring.io/guides [3]: Learn Spring for Beginer: https://www.javatpoint.com/spring-tutorial [4]: Spring Full Course: https://www.youtube.com/watch?v=If1Lw4pLLEo [5]: Bootstrap Document: https://getbootstrap.com/ [6]: jQuery Document API: https://api.jqueryui.com/ [7]:Thymeleaf: https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html [8]: Spring Security Document: https://spring.io/projects/spring-security [9]: Spring Data Document: https://spring.io/projects/spring-data 94 S K L 0