Xây dựng website bán thiết bị điện tử

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 THIẾT BỊ ĐIỆN TỬ GVHD: ThS NGUYỄN TRẦN THI VĂN SVTH : HUỲNH LAI PHÚ NGUYỄN ĐÀM VĨNH KHANG SKL011419 Tp Hồ Chí Minh, tháng 07/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM HUỲNH LAI PHÚ 19110428 NGUYỄN ĐÀM VĨNH KHANG 19110374 Đề tài: XÂY DỰNG WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN: ThS Nguyễn Trần Thi Văn KHÓA 2019 - 2023 ĐẠI HỌC SƯ PHẠM KỸ THUẬT HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độ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 1: Nguyễn Đàm Vĩnh Khang MSSV 1: 19110374 Họ tên Sinh viên 2: Huỳnh Lai Phú MSSV 2: 19110428 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website bán thiết bị điện tử Giáo viên hướng dẫn: Nguyễn Trần Thi Văn 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 07 năm 2023 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐẠI HỌC SƯ PHẠM KỸ THUẬT HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độ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 Đàm Vĩnh Khang MSSV 1: 19110374 Họ tên Sinh viên : Huỳnh Lai Phú MSSV 2: 19110428 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website bán thiết bị điện tử Giáo viên phản biện: 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 10 Đề nghị cho bảo vệ hay không ? 11 Đánh giá loại : 12 Điểm : Bằng chữ Tp Hồ Chí Minh, ngày … tháng 07 năm 2023 Giáo viên phản biện (Ký & ghi rõ họ tên) Trường Đại học 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 SV thực 1: Nguyễn Đàm Vĩnh Khang Mã Số SV: 19110374 Họ Tên SV thực 2: Huỳnh Lai Phú Mã Số SV: 19110428 Thời gian làm luận văn: Từ 14/03/2022 đến 05/07/2022 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng website bán thiết bị điện tử Giảng viên hướng dẫn: ThS Nguyễn Trần Thi Văn Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu cơng nghệ: ReactJS, Node Js, MongoDB, JSON WebToken Thực hành: - Sử dụng NodeJs ExpressJS để xây dựng Backend, viết API cho module hệ thống - Sử dụng MongoDB để lưu trữ liệu người dùng hệ thống - Sử dụng JSON Web Token để xác thực ủy quyền cho hệ thống API với Redis quản lý token - Sử dụng thư viện React để thiết kế xử lý giao diện web cho người dùng sử dụng Đề cương viết luận văn: MỤC LỤC Phần MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục tiêu đề tài 1.3 Đối tượng nghiên cứu 1.4 Phương pháp nghiên cứu 1.5 Ý nghĩa khoa học thực tiễn Phần NỘI DUNG Chương 1: CƠ SỞ LÝ THUYẾT 1.1 ReactJS 1.2 NodeJS 1.3 MongoDB Chương 2: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU 2.1 Khảo sát trạng 2.2 Xác định yêu cầu 2.3 Mơ hình hóa u cầu Chương 3: THIẾT KẾ PHẦN MỀM 3.1 Lược đồ lớp 3.2 Lược đồ 3.3 Thiết kế sở liệu 3.4 Thiết kế giao diện Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Công cụ dùng dự án 4.2 Cài đặt ứng dụng 4.3 Kiểm thử Phần KẾT LUẬN Tài liệu tham khảo KẾ HOẠCH THỰC HIỆN STT Thời gian 14/03/2022 – 20/03/2022 21/03/2022 – 07/04/2022 08/04/2022 – Công việc - Khảo sát trạng - Thiết kế usecase mơ hình hóa yêu cầu - Thiết kế sở liệu - Tìm hiểu NodeJS ExpressJS - Tìm hiểu MongoDB để áp dụng vào lưu trữ liệu - đề tài 17/04/2022 - 18/04/2022 – 08/05/2022 Tìm hiểu React cách tổ chức thư mục Tiến hành phát triển API dựa kiến thức tìm hiểu tài liệu - Tiến hành xây dựng giao diện người dùng cho hệ thống 09/05/2022 – - 09/06/2022 09/06/2022 – 20/06/2022 21/06/2022 – 07/07/2022 Kết hợp phần xây dựng lại với (giao diện API) - Kiểm thử chương trình tiến hành sửa lỗi - Viết hồn thiện báo cáo Ghi LỜI CẢM ƠN Lời cảm ơn nhóm thực đồ án xin gửi đến giảng viên hướng dẫn thầy Nguyễn Trần Thi Văn – người tận tình dẫn, hỗ trợ giải đáp thắc mắc nhóm suốt trình thực đồ án Nhóm em xin chân thành cảm ơn thầy cô giáo trường Đại học sư Phạm Kỹ Thuật TP.HCM nói chung, thầy khoa CNTT nói riêng dạy dỗ cho chúng em kiến thức môn đại cương mơn chun ngành, giúp chúng em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ chúng em suốt trình học tập Với điều kiện thời gian kinh nghiệm hạn chế đồ án khơng thể tránh thiếu sót Do đó, nhóm em mong nhận góp ý chân thành thầy Những ý kiến đóng góp đề tài nhóm em tiếp nhận để cải thiện đồ án tích lũy thêm kinh nghiệm làm đề tài nghiên cứu khác Cuối lần chúng em xin gửi lời cảm ơn sâu sắc đến với thầy Nguyễn Trần Thi Văn tập thể quý thầy (cô) Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh Chúc thầy có sức khỏe thật tốt Nhóm thực Nguyễn Đàm Vĩnh Khang – 19110374 Huỳnh Lai Phú - 19110428 MỤC LỤC MỤC LỤC PHẦN MỞ ĐẦU 1 GIỚI THIỆU ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI ĐỐI TƯỢNG NGHIÊN CỨU PHƯƠNG PHÁP NGHIÊN CỨU Ý NGHĨA KHOA HỌC THỰC TIỄN PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 REACTJS 1.1.1 Giới thiệu 1.1.2 Ưu điểm 1.1.3 Nhược điểm 1.1.4 Các thư viện sử dụng đồ án: 1.2 NODEJS 1.2.1 Giới thiệu 1.2.2 Ưu điểm 1.2.3 Nhược điểm 1.2.4 ExpressJs 1.3 MONGODB 1.3.1 Giới thiệu 1.3.2 Ưu điểm 1.3.3 Nhược điểm CHƯƠNG KHẢO SÁT HIỆN TRẠNG 2.1 KHẢO SÁT HIỆN TRẠNG 2.1.1 Thegioididong 2.1.2 Gearvn 2.1.3 Kết luận 2.2 XÁC ĐỊNH YÊU CẦU 2.2.1 Nghiệp vụ 2.2.2 Phạm vi 2.2.3 Nội dung 10 2.3 MƠ HÌNH HÓA HỆ THỐNG 10 2.3.1 Danh sách Actor 10 2.3.2 Sơ đồ Usecase 11 2.3.3 Danh sách Usecase 11 2.4 ĐẶC TẢ MỘT SỐ USECASE CHÍNH 13 2.4.1 Quyền Admin 13 2.4.2 Quyền User 31 CHƯƠNG THIẾT KẾ PHẦN MỀM 44 3.1 THIẾT KẾ HỆ THỐNG 44 3.1.1 Sơ đồ lớp 44 3.1.2 Sơ đồ 45 3.1.3 Thiết kế liệu 51 3.2 THIẾT KẾ GIAO DIỆN 51 3.3.1 Danh sách giao diện 51 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 91 4.1 CÀI ĐẶT 91 4.2 CÁC BƯỚC CHẠY HỆ THỐNG 91 4.3 KIỂM THỬ HỆ THỐNG 91 4.3.1 Quyền người dùng 91 4.3.2 Quyền quản trị 102 PHẦN KẾT LUẬN 110 KẾT QUẢ ĐẠT ĐƯỢC 110 1.1 Về mặt lý thuyết 110 1.2 Về mặt thực 110 1.3 Ưu điểm 111 1.4 Nhược điểm 111 HƯỚNG PHÁT TRIỂN 111 DANH MỤC THAM KHẢO 112