Khoa học xã hội ngày càng một phát triển, kèm theo đó chính là nhu cầu của con người ngày càng tăng cao. Thay vì hồi trước chúng ta phải đứng ở quầy vé, phải xếp hàng chen chúc nhau để mua được những tấm vé xem phim thì bây giờ ta có thể ngồi ở nhà có thể đặt được tấm vé. Xem xét từ nhu cầu đó, nên em thực hiện xây dựng một website đặt vé xem phim để cho khách hàng có thể mua vé một cách nhanh chóng và thuận lợi. Ngoài ra, có thể giúp cho nhà quản lý nắm bắt thông tin lịch chiếu, phim, khách hàng… và đặc biệt là quá trình đặt vé một cách dễ dàng và hiệu quả.
TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE ĐẶT VÉ XEM PHIM TẠI RẠP ANHLS Giảng viên hướng dẫn : KS Bùi Minh Thảo Sinh viên thực : Cao Thế Anh Lớp : Công nghệ thông tin Mã sinh viên : 191202943 Khóa : 60 Hà Nội – 2023 MỤC LỤC LỜI CẢM ƠN DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC BẢNG BIỂU .3 DANH MỤC HÌNH ẢNH .4 LỜI MỞ ĐẦU CHƯƠNG GIỚI THIỆU VỀ CÔNG NGHỆ VÀ ĐỀ TÀI 1.1 Tổng quan công nghệ 1.1.1 Giới thiệu Nextjs 1.1.2 Giới thiệu ngôn ngữ JavaScript 1.1.3 Giới thiệu ngôn ngữ TypeScript 1.1.4 Giới thiệu Nodejs/Expressjs 10 1.1.5 Giới thiệu MySQL 11 1.2 Tổng quan đề tài 13 1.2.1 Tổng quan website rạp chiếu phim 13 1.2.2 Lý chọn đề tài 16 1.2.3 Mục tiêu đề tài .16 1.2.4 Phạm vi đề tài 16 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 2.1 Mô tả tổng quan hệ thống 17 2.1.1 Tổng quan hệ thống .17 2.1.2 Các yêu cầu hệ thống 17 2.1.3 Các chức hệ thống 17 2.2 Đặc tả yêu cầu hệ thống .20 2.2.1 Các tác nhân hệ thống .20 2.2.2 Biểu đồ Use-case 21 2.2.3 Biểu đồ .39 2.2.4 Biểu đồ lớp .43 2.3 Phân tích thiết kế sở liệu 44 2.3.1 Phân tích sở liệu 44 2.3.2 Thiết kế sở liệu 50 2.3.3 Sơ đồ quan hệ thực thể ERD 55 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH 56 3.1 Xây dựng chức cho khách hàng 56 3.1.1 Chức đăng ký 56 3.1.2 Chức đăng nhập 57 3.1.3 Chức hiển thị trang chủ 58 3.1.4 Chức hiển thị danh sách phim chiếu 58 3.1.5 Chức hiển thị thông tin cá nhân 59 3.1.6 Chức hiển thị chi tiết phim 60 3.1.7 Chức đánh giá, bình luận phim .61 3.1.8 Chức tìm kiếm phim .62 3.1.9 Chức chọn lịch trình phim 63 3.1.10 Chức chọn ghế 64 3.1.11 Chức chọn đồ ăn 65 3.2 Xây dựng chức quản trị viên .66 3.2.1 Chức quản lý phim 66 3.2.2 Chức quản lý khách hàng 67 3.2.3 Chức quản lý lịch trình 68 3.2.4 Chức quản lý lịch địa điểm chiếu phim 68 3.2.5 Chức quản lý phòng chiếu 69 3.2.6 Chức quản lý ghế 70 3.2.7 Chức quản lý trạng thái ghế 70 3.2.8 Chức quản lý loại ghế 71 3.2.9 Chức quản lý hóa đơn 71 3.2.10 Chức quản lý đồ ăn .72 3.2.11 Chức thống kê báo cáo 73 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 74 TÀI LIỆU THAM KHẢO .76 LỜI CẢM ƠN *** Em chân thành cảm ơn Cô Bùi Minh Thảo thời gian qua giúp đỡ, hướng dẫn em để em hồn thành đề tài cách tốt Qua đây, em xin gửi lời cảm ơn đến tất thầy cô công tác khoa Công nghệ thông tin - Trường Đại học Giao thơng vận tải dìu dắt, bảo cho em suốt trình học tập trường Cuối cùng, em xin gửi lời cảm ơn đến gia đình tất người thân, bạn bè, người động viên, ủng hộ, tạo điều kiện cho em thời gian hoàn thành đồ án Mặc dù em cố gắng nhiều không tránh khỏi thiếu sót hạn chế q trình thực Em mong nhận thông cảm bảo đóng góp chân thành thầy cô bạn bè để đồ án tốt Em xin chân thành cảm ơn! Hà Nội, tháng 06 năm 2023 Sinh viên thực Cao Thế Anh DANH MỤC CÁC TỪ VIẾT TẮT STT Từ viết tắt Tên đầy đủ Giải thích Cơ sở liệu tập hợp liệu CSDL Cơ sở liệu có tổ chức, thường lưu trữ truy cập điện tử từ hệ thống máy tính SEO API Search Engine Optimization Tối ưu hóa cơng cụ tìm kiếm Application API cung cấp khả truy xuất đến Programming tập hàm hay dùng Và từ Interface trao đổi liệu ứng dụng DANH MỤC BẢNG BIỂU Bảng 2.1 Chức quản trị viên 18 Bảng 2.2 Chức người dùng 19 Bảng 2.3 Đặc tả chức quản lý tài khoản .22 Bảng 2.4 Đặc tả chức quản lý phim 24 Bảng 2.5 Đặc tả chức quản lý lịch chiếu phim .25 Bảng 2.6 Đặc tả chức quản lý địa điểm chiếu 27 Bảng 2.7 Đặc tả chức quản lý phòng chiếu 28 Bảng 2.8 Đặc tả chức quản lý ghế 30 Bảng 2.9 Đặc tả chức quản lý loại ghế 31 Bảng 2.10 Đặc tả chức quản lý trạng thái ghế 32 Bảng 2.11 Đặc tả chức quản lý đồ ăn 34 Bảng 2.12 Đặc tả chức quản lý hóa đơn .35 Bảng 2.13 Đặc tả chức báo cáo thống kê 37 Bảng 2.14 Đặc tả chức đặt vé phim 38 Bảng 2.15 Đặc tả chức đánh giá, bình luận 39 Bảng 2.16 Accounts .50 Bảng 2.17 Cinemas 50 Bảng 2.18 Foods 50 Bảng 2.19 Genres 51 Bảng 2.20 Movie_genres .51 Bảng 2.21 Movies 51 Bảng 2.22 Orders 52 Bảng 2.23 Order_details 52 Bảng 2.24 Ratings 52 Bảng 2.25 Rooms 53 Bảng 2.26 Schedules .53 Bảng 2.27 Seat_types 53 Bảng 2.28 Seats .54 Bảng 2.29 Status_seats 54 Bảng 2.30 Tickets 54 DANH MỤC HÌNH ẢNH Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 1.1 Website CGV 13 1.2 Website Galaxy Cinema 14 1.3 Website Lotte Cinema 15 2.1 Sơ đồ phân rã chức 20 2.2 Biểu đồ use-case tổng quát 21 2.3 Biểu đồ use-case quản lý tài khoản .22 2.4 Biểu đồ use-case quản lý phim 23 2.5 Biểu đồ use-case quản lý lịch chiếu phim .25 2.6 Biểu đồ use-case quản lý lịch địa điểm chiếu .26 2.7 Biểu đồ use-case quản lý phòng chiếu 28 2.8 Biểu đồ use-case quản lý ghế 29 2.9 Biểu đồ use-case quản lý loại ghế 31 2.10 Biểu đồ use-case quản lý trạng thái ghế 32 2.11 Biểu đồ use-case quản lý đồ ăn 33 2.12 Biểu đồ use-case quản lý hóa đơn .35 2.13 Biểu đồ use-case báo cáo thống kê 36 2.14 Biểu đồ use-case đặt vé phim 37 2.15 Biểu đồ use-case đánh giá, bình luận 38 2.16 Biểu đồ đăng ký 39 2.17 Biểu đồ đăng nhập 40 2.18 Biểu đồ đặt vé 40 2.19 Biểu đồ quản lý phim 41 2.20 Biểu đồ quản lý lịch trình 41 2.21 Biểu đồ quản lý hóa đơn 42 2.22 Biểu đồ quản lý báo cáo, thống kê 42 2.23 Biểu đồ lớp hệ thống .43 2.24 Mơ hình ERD thực thể người dùng .44 2.25 Mơ hình ERD thực thể phim .45 2.26 Mơ hình ERD thực thể thể loại phim 45 2.27 Mô hình ERD thực thể lịch chiếu phim .46 2.28 Mơ hình ERD thực thể rạp phim 46 2.29 Mơ hình ERD thực thể phịng chiếu 47 2.30 Mơ hình ERD thực thể ghế 47 2.31 Mơ hình ERD thực thể loại ghế 48 2.32 Mơ hình ERD thực thể hóa đơn 48 2.33 Mô hình ERD thực thể vé phim 49 2.34 Mơ hình ERD thực thể đánh giá, bình luận phim .49 2.35 Sơ đồ quan hệ ERD .55 3.1 Màn hình đăng ký tài khoản 56 3.2 Màn hình đăng nhập tài khoản 57 3.3 Màn hình trang chủ 58 Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 3.4 Màn hình hiển thị danh sách phim chiếu 58 3.5 Màn hình hiển thị trang thông tin cá nhân 59 3.6 Màn hình hiển thị trang thơng tin phim 60 3.7 Màn hình hiển thị đoạn phim giới thiệu 60 3.8 Màn hình hiển thị đánh giá, bình luận phim 61 3.9 Màn hình hiển thị tìm kiếm phim 62 3.10 Màn hình hiển thị danh sách lịch trình phim 63 3.11 Màn hình hiển thị danh sách ghế 64 3.12 Màn hình hiển thị đồ ăn .65 3.13 Màn hình quản lý phim 66 3.14 Màn hình thêm phim 66 3.15 Màn hình quản lý khách hàng .67 3.16 Màn hình quản lý lịch trình 68 3.17 Màn hình quản lý địa điểm chiếu 68 3.18 Màn hình quản lý phịng chiếu 69 3.19 Màn hình quản lý ghế 70 3.20 Màn hình quản lý trạng thái ghế……………………… ……………… 77 3.21 Màn hình quản lý loại ghế 71 3.22 Màn hình quản lý hóa đơn 71 3.23 Màn hình quản lý đồ ăn 72 3.24 Màn hình thống kê báo cáo 73 LỜI MỞ ĐẦU *** Khoa học xã hội ngày phát triển, kèm theo nhu cầu người ngày tăng cao Thay hồi trước phải đứng quầy vé, phải xếp hàng chen chúc để mua vé xem phim ta ngồi nhà đặt vé Xem xét từ nhu cầu đó, nên em thực xây dựng website đặt vé xem phim khách hàng mua vé cách nhanh chóng thuận lợi Ngồi ra, giúp cho nhà quản lý nắm bắt thông tin lịch chiếu, phim, khách hàng… đặc biệt trình đặt vé cách dễ dàng hiệu Với việc hồn thành website này, em mong phát triển tư duy, kĩ trình học làm việc Mặc dù đề tài mà đưa thị trường thực tế cịn địi hỏi nhiều yếu tố sở vật chất, trang thiết bị Nhưng với đóng góp làm phần để đem đến trải nghiệm, giá trị cho khách hàng CHƯƠNG GIỚI THIỆU VỀ CÔNG NGHỆ VÀ ĐỀ TÀI 1.1 Tổng quan công nghệ 1.1.1 Giới thiệu Nextjs ❖ Lịch sử hình thành Trước tìm hiểu Nextjs ta nên cần biết qua Reactjs Reactjs thư viện Javascript mã nguồn mở để xây dựng thành phần giao diện tái sử dụng Nó tạo Jordan Walke, kỹ sư phần mềm Facebook Người bị ảnh hưởng XHP (một tảng thành phần HTML cho PHP) React lần triển khai cho ứng dụng Newsfeed Facebook năm 2011, sau triển khai cho instagram.com năm 2012 Nó mở mã nguồn JSConf US tháng năm 2013 Nextjs khung phát triển web mã nguồn mở Vercel tạo mắt lần vào năm 2016 Nextjs xây dựng tảng Nodejs Reactjs, cho phép phát triển ứng dụng web phía máy chủ phía máy khách ❖ Khái niệm phát triển Nextjs Nextjs framework front-end React phát triển dạng mã nguồn mở bổ sung khả tối ưu hóa kết xuất phía máy chủ tạo trang web tĩnh Nextjs xây dựng dựa thư viện React, có nghĩa ứng dụng Nextjs sử dụng lõi React thêm tính bổ sung Việc triển khai ứng dụng kết xuất phía máy chủ cho phép máy chủ truy cập tất liệu yêu cầu xử lý JavaScript để hiển thị trang Sau đó, trang gửi lại tồn cho trình duyệt hiển thị Kết xuất máy chủ cho phép trang web tải thời gian nhỏ tăng trải nghiệm người dùng với khả phản hồi nhanh Ngồi ra, sử dụng kết xuất phía máy chủ mang lại cho bạn lợi SEO, giúp trang web bạn hiển thị cao trang kết cơng cụ tìm kiếm Từ làm cho trang web xếp hạng tốt cho SEO chúng tải nhanh nhiều nội dung trang web quét SEO trackers ❖ Ưu nhược điểm Nextjs Ưu điểm: - Tính linh hoạt tiện ích: Nextjs cung cấp tính mạnh mẽ cho phép phát triển ứng dụng web phía máy chủ phía máy khách, giúp cho việc xây dựng ứng dụng web phức tạp trở nên dễ dàng nhanh chóng - Tối ưu SEO: Nextjs hỗ trợ kết xuất phía máy chủ, trang web xây dựng Nextjs có khả tối ưu hóa SEO cao, đưa kết tìm kiếm tốt cơng cụ tìm kiếm