Đồ án 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 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 HOÀ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 KHOA ĐÀO TẠO CHẤT LƯỢNG CAO CỘNG HOÀ 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 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 KHOA ĐÀO TẠO CHẤT LƯỢNG CAO CỘNG HOÀ 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 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 q 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 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 .3 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 .8 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 .5 Hình Giao diện chọn rạp .5 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 q 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 Hình 59 Giao diện xem thơng tin phim 74 Hình 60 Giao diện xem tin tức, kiện 74 Hình 61 Giao diện xem viết review 74 Hình 62 Thơng tin cá nhân tác giả 75 Hình 63 Giao diện xem viết mà tác giả viết 75 Hình 64 Giao diện tính tìm kiếm phim 75 Hình 65 Giao diện thơng tin cá nhân 76 Hình 66 Giao diện lịch sử đặt vé 76 Hình 67 Giao diện đổi mật 77 Hình 68 Giao diện viết viết 77 Hình 69 Giao diện viết lưu 78 Hình 70 Giao diện review 78 Hình 71 Giao diện viết bình luận 78 Hình 72 Giao diện chỉnh sửa bình luận 79 Hình 73 Giao diện xem bình luận 79 Hình 74 Giao diện viết review 80 Hình 75 Giao diện quản lý phim 80 Hình 76 Giao diện quản lý dashboard 81 Hình 77 Giao diện dashboard khác 81 Hình 78 Giao diện quản lý tài khoản 81 Hình 79 Giao diện quản lý chi nhánh rạp 82 Hình 80 Giao diện quản lý review 82 Hình 81 Giao diện quản lý tin tức, kiện 82 Hình 82 Giao diện quản lý vé 83 Hình 83 Giao diện quản lý lịch chiếu 83 Hình 84 Giao diện quản lý hóa đơn, tốn 83 Hình 85 Giao diện quản lý toán quầy 84 Hình 86 Giao diện quản lý đặt vé quầy 84 Hình 87 Cấu hình Nginx 85 Hình 88 Cấu hình Dockerfile 85