PHẦN MỞ ĐẦU 1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI Xem phim tại rạp là một hình thức giải trí tuyệt vời, được nhiều người yêu thích hiện nay. Tuy nhiên, mua vé xem phim lại là một việc không được yêu thích do việc đứng chờ xếp hàng tốn nhiều thời gian. Đặc biệt hơn nữa vào thời điểm dịch bệnh vẫn chưa hoàn toàn được kiểm soát như hiện này thì việc tập trung đông người để mua vé là điều không nên khuyến khích.
Chính vì thế mà hình thức mua vé xem phim online được ưa chuộng hơn rất nhiều vì vừa có lợi trong tình hình ngày nay, vừa tiết kiệm thời gian và việc mua vé cũng trở nên mau chóng hơn. Người dùng có thể quét mã QR nhận được từ mail phản hồi của trang web, dùng mã QR để bước vào rạp mà không cần tốn thêm bất kỳ công đoạn nào nữa. Nếu người dùng đã chọn được phim hay để xem, hãy đặt vé cực nhanh bằng cách chọn phim ngay từ Trang Chủ. Nhận thấy được nhu cầu xem phim của người dùng hiện nay, nhóm đã quyết định chọn đề tài “Xây dựng trang web Đặt vé xem phim” để giúp mọi người có thể đặt vé nhanh chóng, tiện lợi và hiệu quả.
ĐỐI TƯỢNG NGHIÊN CỨU Đối với đề tài này, đối tượng nghiên cứu dựa trên nhu cầu sử dụng một cách nhanh chóng việc đặt vé xem phim. Đồng thời kèm theo đó là các công nghệ áp dụng tạo ra sản phẩm. Cụ thể như sau: - Tập trung nghiêm cứu Restful API, NodeJS, ExpressJS để xây dựng nên hệ thống các APIs hỗ trợ lấy dữ liệu một cách chính xác và nhanh chóng nhất. - Áp dụng cơ sở dữ liệu NoSQL là MongoDB để lưu trữ dũ liệu người dùng của hệ thống.
- Về phần hiển thị cho người sử dụng nhóm tiến hành nghiên cứu Framework ReactJS và một số thư viện được hỗ trợ cho ReactJS để xây dựng và xử lý giao diện và cho người dùng sử dụng. - Về phần bảo mật hệ thống, tiến hành nghiên cứu công nghệ JSON Web Token làm bảo mật cho hệ thống, tất cả các luồng dữ liệu vào ra đều được kiểm soát thông Trang 3 trên 126 qua Token. Người dùng bắt buộc phải đăng nhập vào hệ thống để có một Token riêng và mỗi request từ phía người dùng đều phải thông qua một “cánh cửa” và Token là “chìa khóa”. PHẠM VI NGHIÊN CỨU Đề tài này chủ yếu đi tập trung vào việc xử lý các nghiệp vụ cơ bản của một website như là xem thông tin phim, thực hiện việc đặt vé, lưu lịch sử giao dịch,… Về phần lõi xử lý, xây dựng đầy đủ các APIs phục vụ cho phần hiển thị cuối cùng.
KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC - Có thêm kiến thức về NodeJS, ReactJS, cách gọi API. - Xây dựng được một website đặt vé phim trực tuyến với những tính năng cơ bản: Đặt vé, đổi vé, xem thông tin phim, quản lý thông tin cá nhân ở phía người dùng; Quản lý phim, lịch chiếu, quản lý người dùng và thống kê ở phía người quản lý trang. Trang 4 trên 126 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.Khái niệm NodeJS là một mã nguồn được xây dựng dựa trên nền tảng Javascript V8 Engine. Đây là nền tảng khá nhẹ và được sử dụng để lập trình Backend phía máy chủ, đồng thời đem lại hiệu quả cao hơn bằng cách biên dịch JavaScript trực tiếp vào code.
Ngoài ra, nó cũng mở rộng API JavaScript nhằm phát triển nhiều tính năng hơn. NodeJS cũng có một cộng đồng phát triển rất lớn vì thế nhiều framework sử dụng core NodeJS ra đời, một trong số các framework phổ biến nhất hiện nay là Express.Các đặc tính của NodeJS • Khả năng bất đồng bộ Tất cả các API của NodeJS đều hoạt động không đồng bộ (none-blocking), hoạt động chủ yếu dựa trên nền của NodeJS Server và chờ đợi Server trả dữ liệu về. • Tốc độ nhanh NodeJS được xây dựng dựa vào nền tảng V8 Javascript Engine nên việc thực thi chương trình rất nhanh. • Khả năng đơn luồng Node.js sử dụng một mô hình luồng duy nhất với sự kiện lặp.
Cơ chế tổ chức sự kiện giúp các máy chủ đáp ứng một cách không ngăn chặn và làm cho máy chủ có khả năng mở rộng cao, trái ngược với các máy chủ truyền thống hạn chế để xử lý yêu cầu. • Khả năng không đệm (NoCache) NodeJS không đệm bất kì một dữ liệu nào và các ứng dụng này chủ yếu là đầu ra dữ liệu. Khái niệm Được biết đến là một framework mã nguồn mở miễn phí cho NodeJS. ExpressJS được sử dụng trong thiết kế và xây dựng các ứng dụng web một cách đơn giản và nhanh Trang 5 trên 126 chóng, chỉ yêu cầu ngôn ngữ lập trình Javascript nên việc tạo các ứng dụng 1 web web và xây dựng API đã trở nên đơn giản hơn đối với các lập trình viên và nhà phát triển.
Do có dung lượng khá nhẹ, ExpressJS giúp cho việc tổ chức các ứng dụng web thành một kiến trúc MVC có tổ chức hơn. Trên thực tế, nếu không sử dụng ExpressJS, ta sẽ phải thực hiện rất nhiều bước lập trình phức tạp để xây dựng nên một API hiệu quả. ExpressJS đã giúp cho việc lập trình trong Node.js trở nên dễ dàng hơn và có nhiều tính năng mới bổ sung.2 Tính năng Phát triển máy chủ nhanh chóng: ExpressJS cung cấp nhiều tính năng dưới dạng các hàm sẵn có để dễ dàng sử dụng ở bất kỳ đâu trong chương trình, giúp tiết kiệm phần nào thời gian viết mã, đẩy nhanh tiến độ viết chương trình. Phần mềm trung gian Middleware: Đây là phần mềm trung gian có quyền truy cập vào cơ sở dữ liệu, có chức năng như một người lính gác, kiểm tra quyền truy cập mỗi khi nhận được yên cầu từ phía người dùng hoặc các phần mềm trung gian khác.
Phần mềm Middleware này chịu trách nhiệm chính cho việc tổ chức có hệ thống các chức năng của ExpressJS. Định tuyến - Routing: ExpressJS cung cấp cơ chế định tuyến giúp duy trì trạng thái của website với sự trợ giúp của URL. Tạo mẫu - Templating: Các công cụ tạo khuôn mẫu được ExpressJS cung cấp cho phép các người lập trình xây dựng nội dung động trên các website bằng cách tạo dựng các mẫu HTML ở phía máy chủ. Gỡ lỗi - Debugging: Để phát triển thành công các ứng dụng web không thể nào thiếu đi việc gỡ lỗi.
Giờ đây việc gỡ lỗi đã trở nên dễ dàng hơn nhờ khả năng xác định chính xác các phần ứng dụng web có lỗi trong Express. Khái niệm MongoDB là một loại database thiên về hướng tài liệu và là một dạng NoSQL database. Chính vì vậy, MongoDB thường sẽ tránh đi cấu trúc table-based của relational database để có thể thích ứng được với mọi tài liệu như JSON có sẵn trong một schema một cách linh hoạt. Trang 6 trên 126 MongoDB được dùng để lưu trữ mọi dữ liệu dưới dạng Document JSON, trong mỗi collection thường sẽ đa dạng về kích cỡ cũng như document.
Mọi dữ liệu khi đó đều sẽ được lưu trữ sẵn trong document theo kiểu JSON nên việc truy vấn sẽ được thực thi rất nhanh. Tính năng Hỗ trợ search bằng field, phép search thông thường, regular expression searches và range queries trong MongoDB Indexing: bất kì field nào trong BSON document cũng có thể được index. Replication: có ý nghĩa là “nhân bản”, là có một phiên bản giống hệt phiên bản đang tồn tại, đang được sử dụng. Ở các cơ sở dữ liệu có nhu cầu lưu trữ lớn, luôn đi đôi với việc đảm bảo cơ sở dữ liệu toàn vẹn, không bị mất mát trước những sự cố ngoài dự đoán.
Vì vậy, người ta nghĩ ra khái niệm “nhân bản”, tạo một bản sao cho cơ sở dữ liệu và lưu trữ ở một nơi khác, đề phòng có sự cố. Aggregation: Các Aggregation operation xử lý các bản ghi dữ liệu và trả về kết quả đã được tính toán. Các phép toán tập hợp nhóm các giá trị từ nhiều Document lại với nhau, và có thể thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm đó để trả về một kết quả duy nhất. Trong SQL, count(*) và GROUP BY là tương đương với Aggregation trong MongoDB.
Lưu trữ file: MongoDB được dùng như một hệ thống file tận dụng những function trên và hoạt động như một cách phân phối qua sharding. Ở tính năng tập hợp, chương trình này cung cấp ba cách chính để thực hiện tập hợp là Aggregation Pipeline, chức năng Mapreduce và Single-purpose Aggregation. Trong đó, theo tài liệu của MongoDB thì Aggregation Pipeline được công nhận là cung cấp hiệu suất tốt hơn hầu hết các hoạt động tổng hợp. MongoDB hỗ trợ collection có kích thước cố định được gọi là collection giới hạn.
Những collection này có kích cỡ cố định theo sau thứ tự chèn làm tăng hiệu suất các hoạt động khác có liên quan đến dữ liệu. Khi dữ liệu vượt quá mức giới hạn thì các tài liệu cũ sẽ tự động được xóa mà không cần dùng bất cứ dòng lệnh nào.Khái niệm ReactJS ra mắt vào năm 2013, là một mã nguồn mở được phát triển bởi Facebook, bản thân nó được biết đến là một thư viện Javascript dùng để xây dựng các giao diện người dùng hay UI một cách dễ dàng và tiện lợi. Điểm nổi bật nhất của ReactJS đó là việc render dữ liệu được thực hiện cả ở trên tầng Server và ở dưới Client. Trong lập trình ứng dụng front-end, lập trình viên thường sẽ phải làm việc chính trên 2 thành phần sau: UI và xử lý tương tác của người dùng.
Điểm đến cuối cùng của việc sử dụng ReactJS đó là đảm bảo tốc độ nhanh, mượt và có khả năng mở rộng cao. Đặc trưng 2.JSX Trong React, lập trình viên sẽ thường dùng JSX thay vì thường xuyên sử dụng JavaScript để thiết kế bố cục trang web. JSX là một cú pháp mở rộng của Javascript, nó cho phép lập trình viên viết HTML trong React một cách dễ dàng. Khi biên soạn, JSX tối ưu hóa code, vì thế nó chạy nhanh hơn so với code JavaScript tương đương.Redux Redux là một vùng chứa trạng thái có thể dự đoán được hay còn biết đến là một thư viện của JavaScript.
Redux được thiết kế nhằm hỗ trợ lập trình viên khi viết các ứng dụng của JavaScript có thể hoạt động trong các môi trường khác nhau. Mặc dù Redux chủ yếu được sử dụng như một công cụ quản lý trạng thái với React, nhưng nó có thể được sử dụng với bất kỳ Framework hoặc thư viện JavaScript khác. JSON WEB TOKEN 2.Khái niệm JSON Web Token (JWT) là một tiêu chuẩn mở (RFC 7519) định nghĩa một phương thức nhỏ gọn và khép kín, là một phương tiện đại diện cho các yêu cầu chuyển giao giữa hai bên client - server dưới dạng một JSON.