Đồ án: Xây dựng Website và App đặt vé xem phim cho rạp HTV (ĐH Sư phạm Kỹ thuật)

Tham khảo đồ án tốt nghiệp xây dựng website và app đặt vé xem phim rạp HTV. Tài liệu chi tiết cho sinh viên ngành CNTT về phân tích, thiết kế hệ thống.

• Tác giả: Huynh Tran Phuoc Hung
• Người hướng dẫn: TS. Le Van Vinh
• Trường học: Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website, ứng dụng di động đặt vé xem phim cho rạp phim HTV
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2020
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Giới thiệu về đề tài Xây dựng Website và App đặt vé xem phim HTV

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ, đề tài đặt vé xem phim đã được lựa chọn để giúp người dùng tiết kiệm thời gian và công sức. Đây là một dự án tốt nghiệp ngành Công Nghệ Thông Tin tại Trường Đại học Sư phạm Kỹ thuật TP.HCM, được thực hiện bởi ba sinh viên dưới sự hướng dẫn của TS. Lê Văn Vinh. Đề tài này nhằm xây dựng nền tảng kỹ thuật cho rạp phim HTV với hai sản phẩm chính: một website đặt vé và một ứng dụng Android. Mục tiêu là cung cấp trải nghiệm đặt vé phim trực tuyến thuận tiện, nhanh chóng và an toàn cho khách hàng.

1.1. Bối cảnh và ý nghĩa của dự án

Cuộc sống hiện đại ngày càng bận rộn, khiến mọi người cần những giải pháp tiện lợi. Ứng dụng đặt vé xem phim giúp giảm bớt căng thẳng và công sức khi muốn thưởng thức phim tại rạp phim HTV. Đây là một dự án thực tế giúp sinh viên công nghệ thông tin áp dụng kiến thức vào thực tiễn, đồng thời tạo ra giá trị cho xã hội.

1.2. Đối tượng và phạm vi thực hiện

Đề tài tốt nghiệp này hướng tới người dùng muốn đặt vé xem phim trực tuyến mà không cần đến trực tiếp rạp. Phạm vi bao gồm xây dựng website để quản lý vé, lịch chiếu, và phát triển app di động để tiếp cận khách hàng rộng hơn. Dự án được thực hiện với đầy đủ các quy trình phần mềm chuyên nghiệp.

II. Các công nghệ và quy trình phát triển hệ thống

Hệ thống đặt vé xem phim được xây dựng dựa trên những công nghệ hiện đại nhất trong lĩnh vực phần mềm và ứng dụng di động. Nhóm thực hiện đã áp dụng quy trình phân tích, thiết kế và lập trình chuyên nghiệp. Website sử dụng các công nghệ web phổ biến để đảm bảo tính ổn định và hiệu suất cao, trong khi ứng dụng Android được phát triển với giao diện thân thiện người dùng. Toàn bộ quy trình được giám sát bởi giảng viên hướng dẫn để đảm bảo chất lượng sản phẩm cuối cùng.

2.1. Phân tích và thiết kế hệ thống

Giai đoạn phân tích yêu cầu xác định các chức năng chính như tìm kiếm phim, lịch chiếu, thanh toán vé. Thiết kế hệ thống bao gồm thiết kế cơ sở dữ liệu, kiến trúc ứng dụng và giao diện người dùng. Nhóm sử dụng các công cụ thiết kế chuyên nghiệp để đảm bảo hệ thống đặt vé hiệu quả và dễ sử dụng.

2.2. Lập trình và kiểm thử

Phát triển website và ứng dụng Android được thực hiện song song. Nhóm áp dụng các phương pháp lập trình tốt nhất để đảm bảo mã nguồn sạch và bảo trì được. Kiểm thử hệ thống được thực hiện ở nhiều giai đoạn để phát hiện và sửa lỗi, đảm bảo sản phẩm hoạt động ổn định trước khi đưa vào sử dụng.

III. Các tính năng chính của ứng dụng đặt vé xem phim

Ứng dụng đặt vé xem phim cho rạp phim HTV được trang bị những tính năng quan trọng để phục vụ khách hàng tốt nhất. Người dùng có thể tìm kiếm phim theo thể loại, thời gian, xem chi tiết lịch chiếu, chọn ghế theo sở thích, và thanh toán trực tuyến một cách an toàn. Hệ thống quản lý vé cho phép khách hàng theo dõi đơn hàng, hủy vé nếu cần, và nhận thông báo về các bộ phim mới hoặc khuyến mãi. Giao diện di động được tối ưu để hoạt động mượt mà trên các thiết bị khác nhau.

3.1. Tính năng tìm kiếm và xem thông tin phim

Tính năng tìm kiếm phim trên ứng dụng cho phép người dùng lọc theo thể loại, ngôn ngữ, độ tuổi. Mỗi bộ phim hiển thị thông tin chi tiết: diễn viên, đạo diễn, nội dung, và lịch chiếu cụ thể. Người dùng có thể xem trailers, đọc nhận xét từ khách hàng khác, giúp họ quyết định đặt vé dễ dàng hơn.

3.2. Thanh toán an toàn và quản lý vé

Hệ thống thanh toán hỗ trợ nhiều phương thức như thẻ tín dụng, ví điện tử, chuyển khoản. Tất cả giao dịch được mã hóa để đảm bảo bảo mật thông tin khách hàng. Quản lý vé cho phép người dùng xem lại đơn hàng, tải vé điện tử, và hủy vé trước thời hạn với chính sách hoàn tiền rõ ràng.

IV. Kết quả đạt được và hướng phát triển trong tương lai

Đồ án tốt nghiệp này đã hoàn thành thành công cả website và ứng dụng Android với đầy đủ các tính năng cần thiết. Sản phẩm đã được kiểm thử toàn diện và sẵn sàng phục vụ khách hàng của rạp phim HTV. Hệ thống đặt vé này không chỉ giải quyết bài toán thực tế mà còn là một ví dụ tốt về quy trình phát triển phần mềm chuyên nghiệp. Trong tương lai, dự án có thể mở rộng để phục vụ nhiều rạp phim khác, tích hợp công nghệ AI để gợi ý phim cá nhân, hoặc thêm tính năng booking bộp nước.

4.1. Các thành tựu và kết quả đạt được

Nhóm sinh viên đã hoàn thành đúng tiến độ và vượt những thách thức trong quá trình phát triển. Sản phẩm cuối cùng đáp ứng tất cả yêu cầu chức năng và yêu cầu phi chức năng của đề tài. Website hoạt động ổn định, ứng dụng Android thân thiện với người dùng, và cơ sở dữ liệu được thiết kế tối ưu. Đây là kết quả đáng tự hào của một dự án tốt nghiệp chuyên nghiệp.

4.2. Hướng phát triển và nâng cấp trong tương lai

Dự án có tiềm năng phát triển bằng cách mở rộng cho nhiều rạp phim, tích hợp thanh toán bằng ứng dụng di động, hoặc thêm tính năng thành viên loyal. Công nghệ AI có thể được sử dụng để đề xuất phim dựa trên sở thích của từng khách hàng. Phát triển ứng dụng iOS cũng là một hướng tiếp theo để tiếp cận khách hàng rộng hơn.

Trích đoạn nội dung tài liệu

CHƯƠNG 1. Lý do chọn đề tài Hiện nay, cùng với sự phát triển gần như phổ biến của web và ứng dụng di động, các nền tảng dịch vụ cũng như các nghành hàng liên quan đều có tiền đề để phát triển lên mạnh mẽ. Con người cũng từ đó mà thay đổi theo các thói quen sinh hoạt để phù hợp với cuộc sống bận rộn cũng như để thời gian được tối ưu nhiều nhất để hoàn thành những công việc khác ngay cả trong những việc liên quan đến giải trí, thư giãn như xem phim cũng cần được công nghệ hóa như vậy. Vì vậy nhóm thực hiện đã xây dựng một nền tảng giúp cho người dùng có thể đặt vé một cách trực tuyến nhanh chóng.

Mục tiêu Mục tiêu của đề tài là áp dụng các kiến thức đã học để xây dụng một nền tảng giúp những khách hàng có nhu cầu đặt ghế được thực hiện một cách nhanh nhất và tiện lợi. Công nghệ sử dụng Để thực hiện đề tài khóa luận này, nhóm thực hiện đã tìm hiểu và áp dụng một số công nghệ như sau: - Ứng dụng web • Front-end: Ứng dụng web xây dựng bởi Reactjs • Back-end: Nền tảng NodeJs • Một số công nghệ khác như: Bootstrap 4, React-strap, HTML, CSS. - Ứng dụng di động • Front-end: Ứng dụng di động xây dựng bởi React native • Back-end: Nền tảng NodeJs 1 Báo Cáo Khóa Luận Tốt Nghiệp CHƯƠNG 2. Lịch sử NodeJS được tạo bởi Ryan Dahl từ năm 2009, và phát triển dưới sự bảo trợ của Joyent.

Mục tiêu ban đầu của Dahl là làm cho trang web có khả năng push như trong một số ứng dụng web như Gmail. Sau khi thử với vài ngôn ngữ Dahl chọn Javascript vì một API Nhập/Xuất không đầy đủ. Điều này cho phép anh có thể định nghĩa một quy ước Nhập/Xuất điểu khiển theo sự kiện, non-blocking. [1] Vài môi trường tương tự được viết trong các ngôn ngữ khác bao gồm Twisted cho Python, Perl Object Environment cho Perl, libevent cho C và EventMachine cho Ruby.

Khác với hầu hết các chương trình Javascript, Nodejs không chạy trên một trình duyệt mà chạy trên Server.js sử dụng nhiều chi tiết kỹ thuật của CommonJS. Nó cung cấp một môi trường REPL cho kiểm thử tương tác.js được InfoWorld bình chọn là "Công nghệ của năm" năm 2012. Giới thiệu về NodeJS [3] Hình 2.1: NodeJS NodeJS là một môi trường chạy JavaScript ( JavaScript Runtime Environment) bên ngoài trình duyệt. NodeJS cũng bao gồm các thành phần, thư viện khác để nó có thể hoạt động như một Web Application Server.

Chúng ta có thể xây dựng được các ứng dụng mạng một cách nhanh chóng và dễ dàng mở rộng. 2 Báo Cáo Khóa Luận Tốt Nghiệp Node.js được xây dựng và phát triển từ năm 2009, bảo trợ bởi công ty Joyent, trụ sở tại California, Hoa Kỳ. [6] NodeJs là một mã nguồn mở, đa nền tảng cho phát triển các ứng dụng phía Server và các ứng dụng liên quan đến mạng. Ứng dụng NodeJS được viết bằng Javascript và có thể chạy trong môi trường NodeJS trên hệ điều hành Window, Linux.

NodeJS cũng cung cấp cho chúng ta các module Javascript đa dạng, có thể đơn giản hóa sự phát triển của các ứng dụng web sử dụng Node.js với các phần mở rộng. NodeJS không phải là một ngôn ngữ mở rộng của Javascript. Tại sao cần sử dụng NodeJS 2. Đặc điểm - Các ứng dụng NodeJS được viết bằng Javascript, ngôn ngữ này là một ngôn ngữ khá thông dụng.

Theo tác giả của ngôn ngữ Javascript, Ryan Dahl: “Javascript có những đặc tính mà làm cho nó rất khác biệt so với các ngôn ngữ lập trình động còn lại, cụ thể là nó không có khái niệm về đa luồng, tất cả là đơn luồng và hướng sự kiện.“ - Nodejs chạy đa nền tảng phía Server, sử dụng kiến trúc hướng sự kiện Event-driven, cơ chế non-blocking I/O làm cho nó nhẹ và hiệu quả. - Có thể chạy ứng dụng NodeJS ở bất kỳ đâu trên máy Mac – Window – Linux, đồng thời cộng đồng Nodejs rất lớn và hoàn toàn miễn phí. Các package đều hoàn toàn miễn phí. - Các ứng dụng NodeJS đáp ứng tốt thời gian thực và chạy đa nền tảng, đa thiết bị.

Về tốc độ - Ưu điểm NodeJS có tốc độ rất nhanh, về tốc độ thực thi và khả năng mở rộng. - NodeJS có thể đáp ứng được một lượng lớn người dùng khi trang web hoạt động. - JS có thể xử lý hàng ngàn kết nối đồng thời. Về JSON API - Với khả năng xử lý nhiều Request/s đồng thời thời gian phản hồi nhanh.

Các ứng dụng định viết không muốn tải lại trang, gồm rất nhiều request từ người dùng cần sự hoạt động nhanh để thể hiện sự chuyên nghiệp thì NodeJS sẽ là sự lựa chọn của đúng đắn. 3 Báo Cáo Khóa Luận Tốt Nghiệp - Node.JS có thể xử lý hàng nghìn Process và trả ra 1 luồng khiến cho hiệu xuất hoạt động đạt mức tối đa nhất và tuyệt vời nhất. - Các web thông thường gửi HTTP request và nhận phản hồi lại (Luồng dữ liệu). Giả xử sẽ cần xử lý 1 luồng giữ liệu cực lớn, Node.JS sẽ xây dựng các Proxy phân vùng các luồng dữ liệu để đảm bảo tối đa hoạt động cho các luồng dữ liệu khác.

NodeJS và cơ chế xử lý bất đồng bộ - Đồng bộ (Synchronous): Diễn ra theo thứ tự. Một hành động chỉ được bắt đầu khi hành động trước kết thúc. - Bất đồng bộ (Asynchronous): Không theo thứ tự, các hành động có thể xảy ra đồng thời hoặc chí ít, mặc dù các hành động bắt đầu theo thứ tự nhưng kết thúc thì không. Một hành động có thể bắt đầu (và thậm chí kết thúc) trước khi hành động trước đó hoàn thành.

Vì thế, trong thời gian chờ kết quả trả về nó vẫn hoạt động do đó cơ chế xử lý bất đồng bộ tối ưu được thời gian xử lý. Lịch sử React được tạo ra bởi Jordan Walke, một kỹ sư phần mềm tại Facebook. Người bị ảnh hưởng bởi XHP (Một nền tảng thành phần HTML cho PHP). React lần đầu tiên được triển khai cho ứng dụng Newsfeed của Facebook năm 2011, sau đó được triển khai cho Instagram.

Nó được mở mã nguồn (open-sourced) tại JSConf US tháng 5 năm 2013.Giới thiệu về ReactJS [4] Hình 2.2: React 4 Báo Cáo Khóa Luận Tốt Nghiệp ReactJS là một thư viện Javascript đang nổi lên trong những năm gần đây với xu hướng Single Page Application. Trong khi những framework khác cố gắng hướng đến một mô hình MVC hoàn thiện thì React nổi bật với sự đơn giản và dễ dàng phối hợp với những thư viện Javascript khác. React là một thư viện cho phép nhúng code html trong code javascript nhờ vào JSX, có thể dễ dàng lồng các đoạn HTML vào trong JS.Tích hợp giữa javascript và HTML vào trong JSX làm cho các component dễ hiểu hơn React 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ể sử dụng lại được. Một trong những điểm hấp dẫn của React 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.

React 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 [5] Hình 2.3: VirtualDOM React cũng sử dụng khái niệm là Virtual DOM (DOM ảo). Virtual DOM tạo ra bản cache cấu trúc dữ liệu của ứng dụng trên bộ nhớ. Sau đó, ở mỗi vòng lặp, nó liệt kê những thay đổi và sau đó là cập nhật lại sự thay đổi trên DOM của trình duyệt một cách hiệu quả.

Điều này cho phép ta viết các đoạn code như thể toàn bộ trang được render lại dù thực tế là Reactjs chỉ render những component hay subcomponent nào thực sự thay đổi. 5 Báo Cáo Khóa Luận Tốt Nghiệp 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ý. React JS 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.

JSX JSX là một dạng ngôn ngữ cho phép viết các mã HTML trong Javascript. Đặc điểm: Faster: Nhanh hơn. JSX thực hiện tối ưu hóa trong khi biên dịch sang mã Javacsript. 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.

Safer: an toàn hơn. Ngược với Javascript, JSX là kiểu statically-typed, nghĩa là nó được biên dịch trước khi chạy, giống như Java, C++. Vì thế các lỗi sẽ được phát hiện ngay trong quá trình biên dịch. Ngoài ra, nó cũng cung cấp tính năng gỡ lỗi khi biên dịch rất tốt.

Easier: 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 Javascripts có thể sử dụng 2. Props và State Props: giúp các component tương tác với nhau, component nhận input gọi là props, và trả thuộc tính mô tả những gì component con sẽ render. Prop là bất biến.

State: thể hiện trạng thái của ứng dụng, khi state thay đồi thì component đồng thời render lại để cập nhật UI. Tại sao cần sử dụng ReactJS? 2. Ưu điểm ReactJS giúp việc viết code JS dễ dàng hơn, ReactJS dùng cú pháp JSX (Javascript mở rộng) cho phép trộn code HTML và Javascript. Ta có thể thêm các đoạn HTML vào trong hàm render mà không cần phải nối chuỗi.

Đây là đặc điểm thú vị và nổi bật của ReactJS, nó sẽ chuyển đổi các đoạn HTML thành các hàm khởi tạo đối tượng HTML bằng việc sử dụng biến đổi JSX. ReactJS có nhiều công cụ phát triển: khi bắt đầu với ReactJS việc cài đặt ứng dụng mở rộng của Chrome dành cho ReactJS rất hữu ích. Nó giúp việc debug code dễ dàng hơn. 6 Báo Cáo Khóa Luận Tốt Nghiệp Render tầng server: Reactjs là một thư viện component, nó có thể vừa render ở ngoài trình duyệt sử dụng DOM và cũng có thể render bằng các chuỗi HTML mà server trả về.

Làm việc với vấn đề test giao diện: Nó cực kì dễ để viết các test case giao diện vì virtual DOM được cài đặt hoàn toàn bằng JS. Hiệu năng cao đối với các ứng dụng có dữ liệu thay đổi liên tục, dễ dàng cho bảo trì và sửa lỗi. Nhược điểm Reactjs chỉ phục vụ cho tầng View. React chỉ là View Library nó không phải là một MVC framework như những framework khác.