PHẦN MỞ ĐẦU 1. TỔNG QUAN ĐỀ TÀI 1.1 Tên đề tài Thiết kế và xây dựng Website Flixgo quản lý bán vé xem phim trực tuyến.2 Tính cấp thiết của đề tài Trong các rạp chiếu phim hiện nay, việc quản lý và tổ chức chiếu phim, bán vé luôn là vấn đề được quan tâm. Người quản lý luôn gặp khó khăn trong vấn đề quản lý quá trình hoạt động của từng bộ phận như: phim, lịch chiếu, trang thiết bị. và đặc biệt là quá trình bán vé.
Khách hàng phải xếp hàng chờ đợi hàng giờ để mua được vé xem phim. Chính vì lý do đó mà số lượng khách hàng đi xem phim cũng ít hơn, thu nhập của rạp cũng bị ảnh hưởng. Vì vậy, tạo ra một phần mềm quản lý rạp chiếu phim là một nhu cầu tất yếu. Hiện tại, muốn mua 1 vé xem phim, người mua phải đến tận rạp, kiểm tra xem còn vé, còn chỗ ngồi tốt hay không, có bộ film mình thích hay không.
? Điều này rất thụ động và phiền toái, tuy nhiên nếu chuyển đổi sang mô hình bán vé Online, khách hàng hoàn toàn có thể ngồi ở nhà, xem lịch chiếu, vị trí ghế trống, địa điểm nào thuận tiện nhất. Và nhiệm vụ cuối cùng là mang “vé điện tử” đến và ngồi vào chỗ đã chọn.3 Ý nghĩa khoa học và thực tiễn Hệ thống quản lý rạp chiếu phim được xây dựng dựa trên những nhu cầu thực tế của khách hàng và nhà quản lý nhằm giải quyết những khó khăn gặp phải, giảm thiểu rủi ro trong quá trình quản lý rạp. Hệ thống hướng tới các đối tượng là khách hàng và những nhân viên quản lý trong rạp. Hệ thống có các chức năng chính bao gồm: quản lý phim, quản lý lịch chiếu, quản lý phòng chiếu, quản lý vé, đặt vé, quản lý người dùng và quản lý thông tin khách hàng.
Các chức năng này giúp người quản lý dễ dàng điều khiển quá trình hoạt động của rạp và rất thuận tiện để khách hàng có thể mua được vé.4 Mục đích nghiên cứu Xây dựng được website giúp rạp phim có thể bán vé một cách tốt hơn thuận thiện và nhanh chóng hơn. Hệ thống với mục đích tạo ra có thể giúp cho những khách hàng có thể ở nhà đặt vé xem phim trước, cá nhân hóa việc lựa chọn cho mình những bộ phim yêu thích với xuất chiếu thích hợp. Nhằm thực hiện việc tin học hóa khâu mua vé và quản lý bán vé. Giúp cho việc bán vé và quản lý phim trở nên thuận lợi, nhanh chóng và thống nhất.5 Đối tượng nghiên cứu Nghiên cứu thiết kế và xây dựng website quản lý bán vé xem phim trực tuyến.6 Phạm vi nghiên cứu Đề tài được thực hiện với quy mô 1 rạp chiếu phim mô phỏng thực tế.2 Front-End ReactJS 1.3 Back-End NodeJS 1.7 Phương pháp nghiên cứu Trong bài tiểu luận này, em sử dụng phương pháp phân tích, phương pháp mô phỏng, phương pháp nghiên cứu thực tiễn làm phương pháp nghiên cứu chủ đạo nhằm làm rõ quy trình cách thức để có thể đặt vé xem phim và quy trình quản lý, thanh toán qua Paypal,.
từ đó xây dựng Website Flixgo quản lý bán vé xem phim. KHẢO SÁT THỰC TRẠNG Bảng 2.Thống kê số lượng người xem phim trên các độ tuổi Tuổi 18 19 20 21 22 Số lượng (người) 28 62 9 2 1 Tỉ lệ% 27.99 Bảng số liệu (tổng: 102 người) Hình 1: Thống kê các rạp chiếu phim được khách hàng yêu thích chọn lựa1 *** Khảo sát 3 Website Mua Vé Xem Phim Online nổi tiếng của Việt Nam hiện nay Sau khi search từ khóa “ Đặt vé xem phim ” trên google thì tìm thấy 3 website nổi bật Đánh giá các website dựa trên các tiêu chí: - Tốc độ tải - Giao diện - Tính năng - Hạn chế 1 () Số liệu thống kế từ các rạp chiếu phim được khách hàng yêu thích chọn lựa https://www.net/asiaplus_inc/vietnamese-with-movie-theaters 8 2.1 Cgv ( https://www.vn/ ) Hình 2: Home Page Ccv.vn Đặc điểm: CJ CGV là một trong top 5 cụm rạp chiếu phim lớn nhất toàn cầu và là nhà phát hành, cụm rạp chiếu phim lớn nhất Việt Nam. CJ CGV đã tạo nên khái niệm độc đáo về việc chuyển đổi rạp chiếu phim truyền thống thành tổ hợp văn hóa “Cultureplex”, nơi khán giả không chỉ đến thưởng thức điện ảnh đa dạng thông qua các công nghệ tiên tiến như SCREENX, IMAX, STARIUM, 4DX, Dolby Atmos, cũng như thưởng thức ẩm thực hoàn toàn mới và khác biệt trong khi trải nghiệm dịch vụ chất lượng nhất tại CGV. - Tốc độ tải: 9/10 - Giao diện: CGV đã làm tốt thiết kế nổi bật được các bộ phim mới ra mắt thu hút người dùng khi truy cập vào hệ thống.
Về tổng quan thiết kế vẫn chưa đem lại sự mới mẻ, chuyên nghiệp mà một Cụm rạp chiếu phim có quy mô toàn cầu đem lại. Responsive đáp ứng được 9/10 cho người dùng. - Tính năng: Cgv.vn có tính năng hỗ trợ khán giả mua vé xem phim và thanh toán online tại website với nhiều chương trình ưu đãi hấp dẫn. Tối ưu được quy trình đăng ký, thanh toán đáp ứng được 9.
- Hạn chế: Hệ thống chưa mô tả phim sống động về mặt content chỉ đáp ứng được 7/10. Nên có một thước đo đánh giá chất lượng phim là bình luận, đánh giá số điểm để khách hàng có cái nhìn khách quan trước khi mua vé. 9 Hình 3: Home Page Ccv.vn Có thanh quảng cáo nằm dọc 2 bên gây khó chịu khi lướt cho người dùng, hình ảnh có vẻ mờ nhạt không sắc nét Giao diện không cân đối, font chữ thô. Hình 4: Home Page Ccv.vn Phần menu các text dài bị đè chữ lên hình.
10 Hình 5: Home Page Ccv.vn Phần responsive một số thiết bị vẫn chưa tương thích 2.2 Galaxycine ( https://www.vn/ ) - Tốc độ tải: 9.5/10 - Giao diện: Dễ hiểu, dễ sử dụng. Tuy nhiên thiết kế flexbox, button hơi thô góc cạnh, thiếu sự mềm mại. Có thể nói, đây là lựa chọn "số 1" của rất nhiều người bởi Galaxy là đơn vị phát hành của rất nhiều bộ phim nổi tiếng cả trong và ngoài nước. Hệ thống với nhiều rạp, giá hạt dẻ cũng là 1 lợi thế mà không phải rạp nào cũng có.
11 Hình 6: Home Page Galaxycine.vn - Tính năng: có đầy đủ tính năng cần thiết của 1 website bán vé xem phim, có phần review cho từng phim khá chi tiết, có mục comment đánh giá phim và thống kê số điểm bình chọn, lượt like từ khách hàng - Hạn chế: giao diện không đẹp, quá nhiều mục dẫn đến sự rườm rà cho trang web, mỗi lần click vào các button trang web sẽ chớp chớp đen màn hình gây khó chịu cho người trải nghiệm Hình 7: Home Page Galaxycine.3 Bhdstar ( https://www.vn/ ) - Tốc độ tải: 8.5/10 - Giao diện: Nhìn chung giao diện được thiết kế dễ nhìn, không quá rườm rà và chói mắt. Tuy không quá nổi bật những trang web rất chi tiết nên người dùng có thể dễ dàng sử dụng. Hình 8: Home Page Bhdstar.vn - Tính năng: có đầy đủ các tính năng của 1 web bán vé. Ngoài ra còn cung cấp địa chỉ của các rạp chiếu cũng như vị trí trên google map nên người dùng sẽ không cần mất thời gian tra tìm, đa dạng hình thức thanh toán như thanh toán qua cổng thanh toán Napas và các loại ví điện tử bao gồm ZaloPay, Momo, AirPay… - Hạn chế: Như ở trên phần tốc độ tải là 1 vấn đề khá lớn của web bởi khá chậm.
Khi nhấn vào 1 vài nơi có lỗi hiện dấu: 13 Hình 9: Logo Bhdstar.vn Giao diện trang mở đầu thường bị lỗi kích thước: Hình 10: Banner Bhdstar.4 Kết luận sau khi khảo sát Qua quá trình khảo sát phân tích các số liệu, các cơ sở dữ liệu, quy trình thao tác thanh toán online, quy trình đặt vé xem phim. Qua các hệ thống khảo sát cho chúng ta có cái nhìn chung về mô hình bán vé xem phim online từ đó xây dựng website với các tính năng cần thiết và không mắc phải các hạn chế của các web đã có.1 ReactJS ReactJS là một thư viện UI phát triển tại Facebook để hỗ trợ việc xây dựng những thành phần (components) UI có tính tương tác cao, có trạng thái và có thể tái sử dụng lại được. Một trong những điểm hấp dẫn của ReactJS là thư viện này không chỉ hoạt động trên phía client, mà còn được render trên server và có thể kết nối với nhau. ReactJS so sánh sự thay đổi giữa các giá trị của lần render này với lần render trước và cập nhật ít thay đổi nhất trên DOM.
Virtual DOM: Công nghệ DOM ảo giúp tăng hiệu năng cho ứng dụng. Việc chỉ node gốc mới có trạng thái và khi nó thay đổi sẽ tái cấu trúc lại toàn bộ, đồng nghĩa với việc DOM tree cũng sẽ phải thay đổi một phần, điều này sẽ ảnh hưởng đến tốc độ xử lý của ứng dụng. ReactJS sử dụng Virtual DOM (DOM ảo) để cải thiện vấn đề này. Virtual DOM là một object Javascript, mỗi object chứa đầy đủ thông tin cần thiết để tạo ra một DOM, khi dữ liệu thay đổi nó sẽ tính toán sự thay đổi giữa object và tree thật, điều này sẽ giúp tối ưu hoá việc re-render DOM tree thật.
ReactJS còn sử dụng cơ chế one-way data binding – luồng dữ liệu 1 chiều. Dữ liệu được truyền từ parent đến child thông qua props. Luồng dữ liệu đơn giản giúp chúng ta dễ dàng kiểm soát cũng như sửa lỗi. Với các đặc điểm ở trên, ReactJS dùng để xây dựng các ứng dụng lớn mà dữ liệu của chúng thay đổi liên tục theo thời gian.
Dữ liệu thay đổi thì hầu hết kèm theo sự thay đổi về giao diện. Ví dụ như trên Facebook: Newsfeed của bạn cùng lúc sẽ có các status khác nhau và mỗi status lại có số like, share, comment liên tục thay đổi. Khi đó ReactJS sẽ rất hữu ích để sử dụng. JSX: Là một dạng ngôn ngữ cho phép viết các mã HTML trong Javascript.
JSX có các đặc điểm sau: + Nhanh hơn (Faster): JSX thực hiện tối ưu hóa trong khi biên dịch sang mã Javascript. Các mã này cho thời gian thực hiện nhanh hơn nhiều so với một mã tương đương viết trực tiếp bằng Javascript. Vì thế các lỗi sẽ được phát hiện ngay trong quá trình biên dịch. + Dễ dàng hơn: JSX kế thừa dựa trên Javascript, vì vậy rất dễ dàng để cho các lập trình viên Javascript có thể sử dụng.
Components: ReactJS được xây dựng xung quanh các component, chứ không dùng template như các framework khác. Trong ReactJS, chúng ta xây dựng trang web sử dụng những thành phần (component) nhỏ. Chúng ta có thể tái sử dụng một component ở nhiều nơi, với các trạng thái hoặc các thuộc tính khác nhau, trong một component lại có thể chứa thành phần khác.