Toàn văn Báo cáo Đồ án Website xem phim MovieHub (ĐH GTVT)

Tải báo cáo đồ án MovieHub, dự án xây dựng website xem phim trực tuyến. Tài liệu tham khảo cho sinh viên CNTT với React, NodeJS và Spring Boot.

• Tác giả: Nguyễn Anh Tuấn
• Trường học: Trường Đại Học Giao Thông Vận Tải Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: MovieHub: Xây Dựng Website Xem Phim Chuyên Nghiệp
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2025
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Giới thiệu về Đồ án MovieHub

MovieHub là một website xem phim trực tuyến được phát triển bởi sinh viên Khoa Công nghệ Thông tin, Trường Đại học Giao thông Vận tải TP.HCM. Dự án này lấy cảm hứng từ các nền tảng giải trí lớn như Netflix, Disney+ và Amazon Prime Video. MovieHub nhằm cung cấp một nền tảng xem phim chuyên nghiệp với giao diện thân thiện, dễ sử dụng, tương thích đa thiết bị (máy tính, điện thoại, tablet). Hệ thống được thiết kế để đáp ứng nhu cầu xem phim trực tuyến ngày càng tăng của người dùng hiện đại. Với các chức năng quản lý nội dung và người dùng, MovieHub không chỉ là một đề tài học thuật mà còn là mô hình mẫu của một platform giải trí kỹ thuật số hoàn chỉnh.

1.1. Nhu cầu xây dựng website xem phim

Trong thời đại công nghệ số, nhu cầu xem phim trực tuyến ngày càng phổ biến. Người dùng muốn xem phim mọi lúc, mọi nơi với chất lượng cao. Các nền tảng streaming đã thay thế hình thức xem phim truyền thống. MovieHub được xây dựng để cung cấp giải pháp xem phim tiện lợi, an toàn và đáng tin cậy cho cộng đồng người dùng Việt Nam.

1.2. Mục tiêu chính của đề tài

Mục tiêu của MovieHub là xây dựng một website xem phim đáp ứng tiêu chuẩn chuyên nghiệp với các tính năng: tìm kiếm phim nhanh chóng, đánh giá và bình luận, quản lý tài khoản người dùng, quản lý nội dung từ trang quản trị viên. Dự án cũng giúp sinh viên áp dụng kiến thức lập trình web vào thực tiễn.

II. Cấu trúc hệ thống MovieHub

Hệ thống MovieHub được xây dựng theo mô hình client-server với kiến trúc phân lớp (multi-tier architecture). Cấu trúc này bao gồm ba thành phần chính: giao diện người dùng (Frontend), máy chủ ứng dụng (Backend), và cơ sở dữ liệu (Database). Thiết kế này đảm bảo tính ổn định, bảo mật và khả năng mở rộng của hệ thống. Frontend được phát triển bằng JavaScript, NodeJS, React với giao diện responsive design tương thích mọi thiết bị. Backend sử dụng Java Spring Boot xử lý logic ứng dụng và cung cấp RESTful API. Database quản lý toàn bộ dữ liệu phim, người dùng, đánh giá và bình luận một cách an toàn.

2.1. Giao diện người dùng Frontend

Frontend được phát triển bằng JavaScript, NodeJS, React nhằm tạo ra giao diện thân thiện, dễ sử dụng. Chức năng chính bao gồm: hiển thị danh sách phim, tìm kiếm và lọc theo thể loại/quốc gia, tích hợp trình phát video trực tuyến (video player), quản lý tài khoản cá nhân. Giao diện responsive design tương thích hoàn hảo trên máy tính, điện thoại, tablet.

2.2. Máy chủ ứng dụng Backend và Cơ sở dữ liệu

Backend được xây dựng bằng Java Spring Boot xử lý yêu cầu từ người dùng, quản lý cơ sở dữ liệu phim, người dùng, đánh giá. Hệ thống cung cấp API RESTful kết nối với Frontend. Database lưu trữ thông tin phim, tài khoản người dùng, bình luận, đánh giá và liên kết video một cách an toàn và hiệu quả.

III. Chức năng chính của MovieHub

MovieHub cung cấp các chức năng toàn diện để nâng cao trải nghiệm xem phim của người dùng. Hệ thống cho phép người dùng tìm kiếm phim nhanh chóng, duyệt danh sách phim theo thể loại, quốc gia, năm phát hành, và xem phim trực tiếp trên trình duyệt với chất lượng cao. Người dùng có thể đánh giá và bình luận về các bộ phim yêu thích, tương tác với cộng đồng xem phim. Trang quản trị viên cho phép quản lý nội dung phim, quản lý tài khoản người dùng, cập nhật thông tin phim trực tiếp trên cơ sở dữ liệu. Các chức năng này được thiết kế để đảm bảo an toàn dữ liệu, kiểm tra phân quyền truy cập, và cung cấp trải nghiệm người dùng tối ưu.

3.1. Chức năng dành cho người dùng

Người dùng có thể đăng ký tài khoản dễ dàng, đăng nhập an toàn và quản lý tài khoản cá nhân. Hệ thống cho phép tìm kiếm phim theo tên, lọc theo thể loại, xem thông tin chi tiết, xem phim trực tuyến, đánh giá phim, bình luận và tương tác với người dùng khác.

3.2. Chức năng dành cho quản trị viên

Quản trị viên có quyền quản lý nội dung phim (thêm, sửa, xóa), quản lý tài khoản người dùng, kiểm duyệt bình luận và đánh giá, cập nhật thông tin phim, quản lý phân quyền truy cập nội dung. Trang quản lý backend cung cấp công cụ quản lý dữ liệu mạnh mẽ và hiệu quả.

IV. Hướng dẫn sử dụng MovieHub

MovieHub được thiết kế với giao diện thân thiện, dễ sử dụng, giúp người dùng nhanh chóng làm quen với hệ thống. Quy trình sử dụng website xem phim này rất đơn giản, từ đăng ký tài khoản, đăng nhập, tìm kiếm phim, đến xem phim trực tuyến. Người dùng có thể tìm kiếm phim thông qua thanh tìm kiếm, lọc theo thể loại như hành động, hài kịch, tình cảm, xem phim trực tiếp trên trình duyệt mà không cần tải xuống. Hệ thống hỗ trợ quản lý tài khoản cá nhân, thay đổi mật khẩu, xem lịch sử xem phim. Giao diện responsive đảm bảo trải nghiệm mượt mà trên các thiết bị khác nhau.

4.1. Đăng ký và đăng nhập tài khoản

Để sử dụng MovieHub, người dùng cần đăng ký tài khoản bằng cách nhập họ tên, email, tên đăng nhập, mật khẩu. Sau khi đăng ký thành công, người dùng có thể đăng nhập ngay lập tức. Quá trình này đơn giản, chỉ mất vài phút, đảm bảo bảo mật tài khoản với mã hóa mật khẩu.

4.2. Tìm kiếm xem phim và tương tác

Sau đăng nhập, người dùng có thể tìm kiếm phim bằng thanh tìm kiếm, lọc theo thể loại, xem phim trực tuyến với chất lượng cao. Người dùng có thể đánh giá phim từ 1-5 sao, viết bình luận, xem bình luận từ người dùng khác, quản lý lịch sử xem phim, và lưu phim yêu thích.

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

TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN ---------- BÁO CÁO ĐỒ ÁN ĐỀ TÀI: MOVIEHUB STT Họ và tên MSSV 1 Nguyễn Anh Tuấn 22H1120058 2 Ngô Minh Mỹ 22H1120043 3 Quảng Thanh Sang 22H1120049 4 Lê Minh Hưng(010412203901) 2251120091 Ngày 9 tháng 5 năm 2025 Mục Lục I. Giới thiệu tổng quan về đề tài. Giới thiệu web xem phim trực tuyến. Lợi ích của việc phát triển web xem phim trực tuyến.

Mô hình hoạt động của website xem phim. Mô tả hệ thống MovieHub. Giới thiệu hệ thống MovieHub. Cấu trúc hệ thống MovieHub.

Quy trình vận hành hệ thống MovieHub. Hướng dẫn sử dụng website. Đăng ký tài khoản. Đánh giá và bình luận phim.

Quản lý tài khoản cá nhân. Một số ảnh demo:. Giới thiệu tổng quan về đề tài Trong thời đại công nghệ số phát triển mạnh mẽ, nhu cầu xem phim trực tuyến ngày càng trở nên phổ biến. Các nền tảng như Netflix, Disney+, Amazon Prime Video đã và đang chiếm lĩnh thị trường giải trí, mang đến cho người dùng trải nghiệm xem phim tiện lợi, đa dạng và chất lượng cao.

Xuất phát từ ý tưởng này, nhóm chúng tôi xây dựng MovieHub – một website xem phim trực tuyến lấy cảm hứng từ Netflix, nhằm cung cấp cho người dùng một nền tảng giải trí với các chức năng cơ bản như:  Tìm kiếm và xem phim trực tuyến  Đánh giá và bình luận phim  Quản lý tài khoản người dùng  Quản lý nội dung phim từ trang quản trị MovieHub hướng tới một giao diện thân thiện, dễ sử dụng, tương thích trên nhiều thiết bị, đồng thời cung cấp các tính năng quản lý cơ bản cho người dùng và quản trị viên, giúp nâng cao trải nghiệm xem phim trực tuyến một cách thuận tiện và an toàn. Mục tiêu của đề tài là:  Xây dựng website đáp ứng nhu cầu xem phim mọi lúc, mọi nơi  Tích hợp các chức năng đánh giá, bình luận, tìm kiếm phim  Hỗ trợ quản lý nội dung phim và người dùng một cách dễ dàng  Học hỏi mô hình hoạt động của các nền tảng lớn như Netflix, từ đó áp dụng và phát triển phù hợp cho phạm vi nhỏ hơn MovieHub không chỉ là một đề tài học thuật mà còn là mô hình mẫu của một nền tảng xem phim trực tuyến hiện đại, kết hợp giữa kiến thức lập trình web và xu hướng công nghệ giải trí ngày nay. Giới thiệu web xem phim trực tuyến Trong những năm gần đây, dịch vụ xem phim trực tuyến đã trở thành một xu hướng phổ biến, thay thế dần hình thức xem phim truyền thống tại rạp hoặc thông qua đĩa DVD. Với sự phát triển của Internet và công nghệ truyền phát nội dung (streaming), người dùng chỉ cần một thiết bị kết nối mạng là có thể xem phim mọi lúc, mọi nơi.

Các nền tảng nổi tiếng như Netflix, Disney+, Amazon Prime Video đã mang đến kho phim đa dạng, chất lượng cao, cùng với giao diện thân thiện, dễ sử dụng. Điều này giúp người xem chủ động lựa chọn nội dung yêu thích, đồng thời trải nghiệm các dịch vụ giải trí cá nhân hóa. Một website xem phim trực tuyến cơ bản thường bao gồm các chức năng:  Duyệt danh sách phim theo thể loại, quốc gia, năm phát hành  Tìm kiếm phim nhanh chóng  Xem phim trực tiếp trên trình duyệt  Đánh giá, bình luận phim  Quản lý người dùng và phim đối với quản trị viên 2  Nội dung phim được cập nhật, thay đổi trực tiếp trên cơ sở dữ liệu. Hướng dẫn sử dụng website MovieHub là website xem phim trực tuyến với giao diện thân thiện, dễ sử dụng.

Dưới đây là các bước hướng dẫn sử dụng cơ bản dành cho người dùng: 1. Đăng ký tài khoản  Truy cập trang chủ MovieHub → Nhấn “Đăng ký”.  Điền các thông tin: Họ tên, email, tên đăng nhập, mật khẩu.  Xác nhận thông tin → Nhấn “Đăng ký” để hoàn tất.

 Có thể đăng nhập ngay sau khi đăng ký thành công. Trang đăng ký tài khoản 2. Đăng nhập  Tại trang chủ → Nhấn “Đăng nhập”.  Nhập tên đăng nhập và mật khẩu → nhấn “Đăng nhập”.

7  Tương thích trên máy tính, điện thoại, tablet - Hệ thống quản lý (Backend)  Xử lý yêu cầu của người dung  Quản lý cơ sở dữ liệu phim, người dùng, đánh giá  Kiểm tra phân quyền truy cập nội dung - Cơ sở dữ liệu (Database)  Lưu trữ thông tin phim, người dùng, đánh giá, bình luận  Lưu trữ liên kết video phim 2. Cấu trúc hệ thống MovieHub Hệ thống MovieHub được xây dựng theo mô hình client-server với kiến trúc phân lớp (multi-tier architecture), bao gồm các thành phần chính sau: 2. Giao diện người dùng (Frontend) Được phát triển bằng các công nghệ: JavaScript, NodeJS, react - Chức năng chính: o Hiển thị danh sách phim, thông tin phim chi tiết. o Tìm kiếm, lọc phim theo thể loại, quốc gia, năm phát hành.

o Tích hợp trình phát video trực tuyến (video player). o Giao diện thân thiện, dễ sử dụng, responsive (tương thích máy tính, điện thoại, tablet). Máy chủ ứng dụng (Backend)  Được xây dựng bằng Java Spring Boot  Chức năng chính:  Xử lý các yêu cầu từ frontend (xem phim, đăng nhập, đăng ký, đánh giá, bình luận…).  Kết nối cơ sở dữ liệu để lấy và lưu trữ thông tin.

 Cung cấp API (RESTful API) cho frontend. Cơ sở dữ liệu (Database) 5  Nội dung phim được cập nhật, thay đổi trực tiếp trên cơ sở dữ liệu. Hướng dẫn sử dụng website MovieHub là website xem phim trực tuyến với giao diện thân thiện, dễ sử dụng. Dưới đây là các bước hướng dẫn sử dụng cơ bản dành cho người dùng: 1.

Đăng ký tài khoản  Truy cập trang chủ MovieHub → Nhấn “Đăng ký”.  Điền các thông tin: Họ tên, email, tên đăng nhập, mật khẩu.  Xác nhận thông tin → Nhấn “Đăng ký” để hoàn tất.  Có thể đăng nhập ngay sau khi đăng ký thành công.

Trang đăng ký tài khoản 2. Đăng nhập  Tại trang chủ → Nhấn “Đăng nhập”.  Nhập tên đăng nhập và mật khẩu → nhấn “Đăng nhập”. 7  Nếu quên mật khẩu, có thể sử dụng chức năng “Quên mật khẩu” để đặt lại.

Trang đăng nhập tài khoản 3. Tìm kiếm phim  Sử dụng thanh tìm kiếm để tìm phim theo tên.  Hoặc chọn thể loại, quốc gia, năm phát hành từ menu lọc.  Kết quả sẽ hiển thị danh sách phim phù hợp → chọn phim muốn xem.

Tìm kiếm và chọn phim 4. Xem phim 8  Tại trang chi tiết phim → nhấn “Xem phim”.  Hệ thống sẽ phát phim ngay trên giao diện website qua trình phát video tích hợp.  Có thể chọn chất lượng video (SD, HD, FullHD) tuỳ theo đường truyền.

 Có thể phóng to, thu nhỏ, tua, dừng tuỳ ý. Đánh giá và bình luận phim  Sau khi xem phim, kéo xuống dưới trang phim → nhập điểm đánh giá (1-5 sao).  Viết bình luận chia sẻ cảm nghĩ.  Nhấn “Gửi” → bình luận sẽ hiển thị trên trang (có thể kiểm duyệt trước khi công khai).

Quản lý tài khoản cá nhân  Truy cập “Tài khoản của tôi”: o Xem, chỉnh sửa thông tin cá nhân. o Đổi mật khẩu. o Xem lịch sử phim đã xem, phim yêu thích. Hướng dẫn cho Quản trị viên (Admin) Admin truy cập trang quản trị (admin dashboard) bằng tài khoản quản trị:  Quản lý phim: o Thêm phim mới: nhập thông tin, upload ảnh, link video.

o Sửa/xóa thông tin phim.  Quản lý người dùng: o Xem danh sách người dùng. o Khoá/mở khoá tài khoản.  Quản lý đánh giá, bình luận: o Xem danh sách bình luận.

o Xóa bình luận vi phạm. o Duyệt bình luận trước khi hiển thị (nếu bật chế độ kiểm duyệt). Kết luận - Sau quá trình nghiên cứu và phát triển, đề tài “MovieHub – Website xem phim trực tuyến” đã hoàn thành các mục tiêu đề ra:  Xây dựng một nền tảng xem phim trực tuyến với giao diện đơn giản, thân thiện, dễ sử dụng.  Tích hợp đầy đủ các chức năng cơ bản: đăng ký, đăng nhập, tìm kiếm, xem phim, đánh giá, bình luận.

 Cung cấp trang quản trị (admin dashboard) giúp quản lý nội dung phim, người dùng và bình luận hiệu quả.  Đảm bảo website có khả năng mở rộng, bảo mật thông tin người dùng và quản lý nội dung chặt chẽ. - Hệ thống MovieHub không chỉ đáp ứng nhu cầu giải trí của người dùng mà còn là một sản phẩm minh chứng cho khả năng ứng dụng các kiến thức lập 9  Tương thích trên máy tính, điện thoại, tablet - Hệ thống quản lý (Backend)  Xử lý yêu cầu của người dung  Quản lý cơ sở dữ liệu phim, người dùng, đánh giá  Kiểm tra phân quyền truy cập nội dung - Cơ sở dữ liệu (Database)  Lưu trữ thông tin phim, người dùng, đánh giá, bình luận  Lưu trữ liên kết video phim 2. Cấu trúc hệ thống MovieHub Hệ thống MovieHub được xây dựng theo mô hình client-server với kiến trúc phân lớp (multi-tier architecture), bao gồm các thành phần chính sau: 2.

Giao diện người dùng (Frontend) Được phát triển bằng các công nghệ: JavaScript, NodeJS, react - Chức năng chính: o Hiển thị danh sách phim, thông tin phim chi tiết. o Tìm kiếm, lọc phim theo thể loại, quốc gia, năm phát hành. o Tích hợp trình phát video trực tuyến (video player). o Giao diện thân thiện, dễ sử dụng, responsive (tương thích máy tính, điện thoại, tablet).

Máy chủ ứng dụng (Backend)  Được xây dựng bằng Java Spring Boot  Chức năng chính:  Xử lý các yêu cầu từ frontend (xem phim, đăng nhập, đăng ký, đánh giá, bình luận…).  Kết nối cơ sở dữ liệu để lấy và lưu trữ thông tin.  Cung cấp API (RESTful API) cho frontend. Cơ sở dữ liệu (Database) 5  Nếu quên mật khẩu, có thể sử dụng chức năng “Quên mật khẩu” để đặt lại.

Trang đăng nhập tài khoản 3. Tìm kiếm phim  Sử dụng thanh tìm kiếm để tìm phim theo tên.  Hoặc chọn thể loại, quốc gia, năm phát hành từ menu lọc.  Kết quả sẽ hiển thị danh sách phim phù hợp → chọn phim muốn xem.

Tìm kiếm và chọn phim 4. Xem phim 8  Nếu quên mật khẩu, có thể sử dụng chức năng “Quên mật khẩu” để đặt lại. Trang đăng nhập tài khoản 3. Tìm kiếm phim  Sử dụng thanh tìm kiếm để tìm phim theo tên.

 Hoặc chọn thể loại, quốc gia, năm phát hành từ menu lọc.  Kết quả sẽ hiển thị danh sách phim phù hợp → chọn phim muốn xem. Tìm kiếm và chọn phim 4. Xem phim 8  Sử dụng MySQL  Lưu trữ: o Thông tin phim: tên, mô tả, thể loại, ảnh bìa, link video.

o Thông tin người dùng: username, password (mã hoá), email, quyền. o Đánh giá, bình luận của người dùng.