(Luận văn) xây dựng website đặt vé xem phim sử dụng mern stack

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 ĐẶT VÉ XEM PHIM SỬ DỤNG MERN STACK GVHD: TS LÊ VĂN NINH SVTH: NGUYỄN THU NGÂN NGUYỄN NHƯ BẢO PHƯƠNG SKL010546 Tp.Hồ Chí Minh, Năm 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 -  - KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE ĐẶT VÉ XEM PHIM SỬ DỤNG MERN STACK GVHD: TS Lê Văn Vinh Sinh viên thực hiện: NGUYỄN THU NGÂN 18110161 NGUYỄN NHƯ BẢO PHƯƠNG 18110180 Khóa: 2018 Ngành: CƠNG NGHỆ THƠNG TIN Thành phố 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 -  - KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE ĐẶT VÉ XEM PHIM SỬ DỤNG MERN STACK GVHD: TS Lê Văn Vinh Sinh viên thực hiện: NGUYỄN THU NGÂN 18110161 NGUYỄN NHƯ BẢO PHƯƠNG 18110180 Khóa: 2018 Ngành: CƠNG NGHỆ THƠNG TIN Thành phố Hồ Chí Minh, tháng 12 năm 2022 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO Độ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 Thu Ngân MSSV 1: 18110161 Họ tên Sinh viên 2: Nguyễn Như Bảo Phương MSSV 2: 18110180 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website đặt vé xem phim sử dụng MERN Stack Họ tên Giáo viên hướng dẫ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: Tp Hồ Chí Minh, ngày tháng 12 năm 2022 Giáo 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 XÃ HỘI CHỦ NGHĨA VIỆT KHOA ĐÀO TẠO CHẤT LƯỢNG CAO 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 1: Nguyễn Thu Ngân MSSV 1: 18110161 Họ tên Sinh viên 2: Nguyễn Như Bảo Phương MSSV 2: 18110180 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website đặt vé xem phim sử dụng MERN Stack Họ tên Giáo viên phản biện: thầy Nguyễn Đức Khoan 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 12 năm 2022 Giáo viên phản biện (Ký & ghi rõ họ tên) 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 – 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 lời cảm ơn chân thành đến thầy Lê Văn Vinh, người tận tình bảo hướng dẫn nhóm chúng em thực đề tài Mặc dù nhóm chúng em cố gắng để hoàn thành cách tốt nhất, thời gian hạn hẹp, khả hạn chế nên khó tránh khỏi việc thiếu sót báo cáo Chúng em mong nhận thơng cảm, góp ý đóng góp thầy để đề tài hồn thiện hơn, để phát triển phục vụ cho tương lai Chúng em chân thành cảm ơn Nhóm thực Nguyễn Thu Ngân – 18110161 Nguyễn Như Bảo Phương – 18110180 TÓM TẮT TIẾNG VIỆT Các vấn đề nghiên cứu - Tìm hiểu hệ thống tương tự, phân tích để tìm điểm mạnh phù hợp để áp dụng - Tìm hiểu NodeJS, ExpressJS để giải vấn đề cung cấp dịch vụ API cho hệ thống đặt vé xem phim - Tìm hiểu ReactJS để tạo giao diện thực chức cho hệ thống đặt vé xem phim Các vấn đề phát sinh - Tính bảo mật website - Dùng dường dẫn ảnh trực tuyến bị lỗi hiển thị - Giải pháp hoàn tiền Paypal Các phương pháp giải vấn đề - Sử dụng JWT để cải thiện yêu cầu bảo mật cho website - Lưu ảnh local multer Kết đạt - Hệ thống Đặt vé xem phim gồm: website cho phía người dùng cuối website cho phía người quản lý trang - Giao diện dễ sử dụng với người dùng - Đáp ứng chức MỤC LỤC DANH MỤC HÌNH ẢNH I DANH MỤC BẢNG BIỂU .III DANH MỤC TỪ VIẾT TẮT V DANH MỤC TỪ CHUYÊN NGÀNH VI KẾ HOẠCH THỰC HIỆN CHƯƠNG 1: PHẦN MỞ ĐẦU 1.1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 1.2 ĐỐI TƯỢNG NGHIÊN CỨU 1.3 PHẠM VI NGHIÊN CỨU 1.4 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 NODEJS 2.2 EXPRESSJS 2.3 MONGODB 2.4 REACTJS 2.5 JSON WEB TOKEN CHƯƠNG 3: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU 11 3.1 KHẢO SÁT HIỆN TRẠNG 11 3.3 MƠ HÌNH HĨA U CẦU 16 CHƯƠNG THIẾT KẾ PHẦN MỀM 48 4.1 LƯỢC ĐỒ LỚP 48 4.2 LƯỢC ĐỒ TUẦN TỰ 49 4.3 CHI TIẾT BẢNG DỮ LIỆU 65 4.4 SƠ ĐỒ ERD 72 4.5 GIAO DIỆN NGƯỜI DÙNG 72 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ PHẦN MỀM 107 5.1 CÔNG CỤ DÙNG TRONG DỰ ÁN 107 5.2 CÀI ĐẶT ỨNG DỤNG 107 5.3 THỰC HIỆN KIỂM THỬ 108 5.4 KẾ HOẠCH KIỂM THỬ 108 5.5 SO SÁNH SẢN PHẨM 122 CHƯƠNG 6: TỔNG KẾT 125 6.1 KẾT QUẢ ĐẠT ĐƯỢC 125 6.2 ƯU ĐIỂM 125 6.3 NHƯỢC ĐIỂM 125 6.4 HƯỚNG PHÁT TRIỂN 125 CHƯƠNG 7: TÀI LIỆU THAM KHẢO 126 DANH MỤC HÌNH ẢNH Hình Trang CGV 11 Hình Trang BHD 12 Hình Trang GALAXYCINE 13 Hình Trang CINESTAR 14 Hình Lược đồ khách 19 Hình Lược đồ người quản lý trang 20 Hình Lược đồ Quản lý phim 21 Hình Lược đồ Quản lý đồ ăn 22 Hình Lược đồ lớp 48 Hình 10 Lược đồ ĐĂNG NHẬP 49 Hình 11 Lược đồ ĐĂNG XUẤT 50 Hình 12 Lược đồ ĐĂNG KÝ 51 Hình 13 Lược đồ XEM THÔNG TIN CÁ NHÂN 51 Hình 14 Lược đồ SỬA THÔNG TIN KHÁCH HÀNG 52 Hình 15 Lược đồ THAY ĐỔI MẬT KHẨU KHÁCH HÀNG 52 Hình 16 Lược đồ ĐẶT VÉ KHÔNG DÙNG ĐIỂM THƯỞNG 53 Hình 17 Lược đồ ĐẶT VÉ DÙNG ĐIỂM THƯỞNG 53 Hình 18 Lược đồ XEM LỊCH SỬ GIAO DỊCH 54 Hình 19 Lược đồ “XEM THÔNG TIN NGƯỜI DÙNG” 55 Hình 20 Lược đồ “XEM THƠNG TIN PHIM” 56 Hình 21 Lược đồ “TẠO PHIM MỚI” 57 Hình 22 Lược đồ “CẬP NHẬT PHIM” 58 Hình 23 Lược đồ “XĨA PHIM SẮP CHIẾU” 58 Hình 24 Lược đồ “XEM THÔNG TIN COMBO” 59 Hình 25 Lược đồ “TẠO COMBO MỚI” 60 Hình 26 Lược đồ “CẬP NHẬT COMBO” 61 Hình 27 Lược đồ “XÓA COMBO” 61 Hình 28 Lược đồ “THỐNG KÊ DOANH THU” 62 Hình 29 Lược đồ “THỐNG KÊ SỐ LƯỢNG” 63 Hình 30 Lược đồ “XÓA LỊCH CHIẾU” 64 Hình 31 Lược đồ "THÊM LỊCH CHIẾU" 65 Hình 32 Sơ đồ ERD 72 Hình 33 Giao diện ĐĂNG NHẬP 72 Hình 34 Giao diện ĐĂNG KÝ 73 Hình 35 Giao diện TRANG CHỦ PHẦN SLIDER 74 Hình 36 Giao diện TRANG CHỦ PHẦN PHIM ĐANG CHIẾU 74 Hình 37 Giao diện TRANG CHỦ PHẦN PHIM SẮP CHIẾU 75 I