Xây dựng website đặt vé xem phim online

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 ĐẶT VÉ XEM PHIM ONLINE GVHD: THS HỒNG CƠNG TRÌNH SVTH : TRƯƠNG MINH PHƯƠNG LÊ QUỐC VINH S K L0 Tp Hồ Chí Minh, năm 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM 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 ONLINE GVHD: THS HỒNG CƠNG TRÌNH SVTH: TRƯƠNG MINH PHƯƠNG 19110269 LÊ QUỐC VINH 19110029 THÀNH PHỐ HỒ CHÍ MINH - 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM 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 ONLINE GVHD: THS HỒNG CƠNG TRÌNH SVTH: TRƯƠNG MINH PHƯƠNG 19110269 LÊ QUỐC VINH 19110029 THÀNH PHỐ HỒ CHÍ MINH – 2023 ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HOÀ 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ẢNG VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Trương Minh Phương MSSV 1: 19110269 Họ tên Sinh viên 2: Lê Quốc Vinh MSSV 2: 19110029 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website đặt vé xem phim online Họ tên Giáo viên hướng dẫn: ThS Hồng Cơng Trình 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 CỘNG HOÀ 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ẢNG VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Trương Minh Phương MSSV 1: 19110269 Họ tên Sinh viên 2: Lê Quốc Vinh MSSV 2: 19110029 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website đặt vé xem phim online Họ tên Giáo viên phản biệ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: 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) LỜI CẢM ƠN Nhóm đề tài thực xin được phép chân thành cảm ơn trường ĐH Sư phạm Kỹ thuật TP.HCM khoa Đào tạo Chất lượng cao tạo điều kiện thuận lợi cho nhóm có hội học hỏi thực đề tài Đặc biệt, nhóm xin được phép cảm ơn đến giảng viên ThS Hồng Cơng Trình giúp đỡ có ý kiến đóng góp đến nhóm đề tài mà nhóm thực suốt khóa luận tốt nghiệp Cảm ơn thầy truyền đạt kiến thức nghiệp vụ chuyên ngành kinh nghiệm thực tế để góp phần hồn thiện đề tài Xây dựng website đặt vé xem phim online Trong trình thực hiện, nhóm vận dụng kiến thức học xây dựng website để hoàn thành đề tài này, nhiên nhiều hạn chế khách quan chủ quan, khả nên trình nghiên cứu thực khơng tránh khỏi sai sót khơng mong muốn, kính mong góp ý thầy để nhóm có thêm được trải nghiệm quan trọng trình tương lai sau Một lần nữa, nhóm xin được phép gửi lời cảm ơn sâu sắc đến giúp đỡ thầy trình thực đề tài Xin trân trọng cảm ơn! MỤC LỤC PHẦN MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Cách tiếp cận phương pháp nghiên cứu 1.3.1 Đối tượng nghiên cứu 1.3.2 Phạm vi nghiên cứu 1.4 Phân tích cơng trình có liên quan 1.4.1 Website thứ nhất: CGV 1.4.2 Website thứ hai: Book My Show 1.4.3 Website thứ ba: Galaxy Cine 1.4.4 Website thứ tư: PVR Cinemas 12 1.4.5 Đánh giá tổng kết 16 1.5 Kết dự kiến đạt được 18 PHẦN NỘI DUNG 19 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 19 1.1 Các tiêu đánh giá một website đặt vé xem phim 19 1.1.1 Website có độ tin cậy cao 19 1.1.2 Thiết kế giao diện 20 1.1.3 Ứng dụng đa tảng 20 1.1.4 Nội dung trang web 21 1.1.5 Tối ưu hóa trải nghiệm đọc đặt vé người sử dụng 21 1.1.6 Hiệu suất website 22 1.2 Kiến trúc hệ thống 23 1.2.1 Tổng quan công nghệ sử dụng 23 1.2.2 Chi tiết công nghệ áp dụng 24 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 38 2.1 Phân tích hệ thống 38 2.1.1 Nhiệm vụ 38 2.1.2 Phân hệ người dùng hệ thống chức 38 2.1.3 Cụ thể hóa chức 39 2.1.4 Lược đồ chức 41 2.1.5 Một số yêu cầu phi chức 44 2.2 Mơ hình hóa hệ thống 45 2.2.1 Lược đồ Usecase 45 2.2.2 Lược đồ lớp 46 2.2.3 Mơ hình thực thể (Entity – Relationship Diagram): 47 2.2.4 Quan hệ đối tượng, thông tin 47 2.2.5 Đặc tả Use case 48 2.3 Thiết kế hệ thống 71 2.3.1 Thiết kế xác định cấu trúc giao diện 71 2.3.2 Phân tích thiết kế 72 CHƯƠNG 3: TRIỂN KHAI VÀ KIỂM THỬ HỆ THỐNG 85 3.1 Triển khai hệ thống 85 3.1.1 Triển khai hệ thống Frontend 85 3.1.2 Triển khai hệ thống Backend 86 3.2 Kiểm thử hệ thống 92 3.2.1 Kết thử nghiệm 92 3.2.2 Đánh giá kết thử nghiệm 93 PHẦN KẾT LUẬN 95 Kết đạt được 95 Ưu điểm 95 Khuyết điểm 96 Hướng phát triển đề tài 96 DANH MỤC TÀI LIỆU THAM KHẢO 97 DANH MỤC HÌNH ẢNH Hình Giao diện chọn ghế ngồi Hình Giao diện chọn rạp Hình Giao diện trang chủ Book my Show Hình Nội dung danh mục tạo sức hấp dẫn website Hình Giao diện Homepage 11 Hình Giao diện bình luận phim/blog điện ảnh 11 Hình Giao diện chọn ghế 12 Hình Giao diện trang chủ PVR Cinemas 14 Hình Tính tìm kiếm giọng nói 15 Hình 10 Giao diện đặt vé 15 Hình 11 Giao diện xem trailer phim 15 Hình 12 Thể thơng tin phim 16 Hình 13 Tiêu chí website có tính bảo mật 19 Hình 14 Thiết kế website 20 Hình 15 Website chạy đa tảng 20 Hình 16 Nội dung website 21 Hình 17 Tối ưu hóa trải nghiệm người dùng 21 Hình 18 Tiêu chí hiệu suất trang web 22 Hình 19 Kiến trúc hệ thống 23 Hình 20 JSX 24 Hình 21 Ví dụ cú pháp JSX 24 Hình 22 Cấu trúc thẻ tương tự HTML 24 Hình 23 Ví dụ DOM 25 Hình 24 Ví dụ Redux 26 Hình 25 Ví dụ Action 26 Hình 26 Ví dụ Reducer 27 Hình 27 Ví dụ tạo store 27 Hình 28 Redux 27 Hình 29 Nguyên lý hoạt động Redux 28 Hình 30 Triển khai ứng dụng React 28 Hình 31 Màn hình Github 28 Hình 32 Chọn Clone Git Repository để clone source 29 Hình 33 Dán URL github repository 29 Hình 34 Hồn tất trình clone dự án máy 29 Hình 35 Cài đặt lần đầu 30 Hình 36 Khởi chạy dự án 30 Hình 37 Kết hiển thị Terminal 31 Hình 38 File docker compose Cadence 32 Hình 39 Thư viện Uber Cadence 33 Hình 40 Thiết lập Cadence config 33 Hình 41 Thiết lập Workflow Worker config 34 Hình 42 Khai báo một phiên cơng việc 34 Hình 43 Giao diện Cadence Web 34 Hình 44 Tổng quan quy trình CircleCi 35 Hình 45 Hiển thị dự án 35 Hình 46 Hiển thị cơng nghệ mẫu 36 Hình 47 Chỉnh sửa file config CircleCi 36 Hình 48 Đã kết nối thành công với CircleCi 37 Hình 49 Lượt đồ chức 41 Hình 50 Lượt đồ lớp (Class) 46 Hình 51 Mơ hình thực thể ERD 47 Hình 52 Biểu đồ Sequence đặt vé 50 Hình 53 Colaboration đặt vé xem phim 50 Hình 54 Mã QR lượt đồ Sequence lại 71 Hình 55 Giao diện đăng nhập 72 Hình 56 Giao diện đăng ký 73 Hình 57 Giao diện trang chủ 73 Hình 58 Giao diện đặt vé 74