đồ án môn học lập trình web xây dựng ứng dụng web xem phim giải trí

Đứng trước sự bùng nồ của thông tin hoạt động giải trí cạnh tranh gay gắt, các tô chức và các doanh nghiệp đều tìm mọi biện pháp dé xây dựng và hoàn thiện hệ thống thông tin giải trí của

TRUONG DAI HOC NGUYEN TAT THANH KHOA CONG NGHE THONG TIN

DO AN MON HOC

Lap trinh web

Tên đề tài: XÂY DỰNG ỨNG DỤNG WEB

XEM PHIM GIẢI TRÍ

Môn học : Lập trình web

Giángviên — : BÙI DUY TẤN

SV thựchiện : VÕ QUÓC SƠN [2200003868]

Học kỳ 1 Năm 2023 - 2024

Trong thế giới ngày càng phát triển của công nghệ thông tin, việc tận dụng những tiện ích mà máy tính và internet mang lại không chỉ giúp cho cuộc sống trở nên tiện lợi hơn mà còn mở ra nhiều cơ hội mới trong lĩnh vực giải trí và thương mại Máy tính điện tử và internet không còn là một thứ phương tiện quý hiếm mà đang ngày cảng trở thành một công cụ làm việc và giải trí thông dụng của con người không chỉ ở văn phòng làm việc mà ngay cả trong gia đình Đứng trước sự bùng nồ của thông tin hoạt động giải trí cạnh tranh gay gắt, các tô chức và các doanh nghiệp đều tìm mọi biện pháp dé xây dựng và hoàn thiện hệ thống thông tin giải trí của mình nhằm đáp

ứng nhu cầu giải trí về điện ảnh hiện nay

Hiện nay với sự phát triển vượt bậc của internet và điện ảnh nên việc tìm kiếm một bộ phim là một điều khá đễ dàng nhưng để xem được phim và tìm hiểu đầy đủ

thông tin về bộ phim thì ở Việt Nam hiện nay rất ít tổ chức triển khai mô hình cung

cấp phim và thông tin về phim Bằng sự kết hợp giữa kiến thức về công nghệ và niềm đam mê với phim ảnh, em đã tạo ra một không gian trực tuyến đây đủ thông tin về các bộ phim hot nhất, từ những tác phâm bom tấn đình đám cho đến những phim độc lạ và sáng tạo Nhằm đáp ứng nhu cầu xem phim giải trí, tìm hiểu thông tin về phim và giúp mọi người đễ dàng tiếp cận và tìm hiểu về các tác phâm điện ảnh đa dạng Nơi mọi người có thê dễ đàng xem những bộ phim mà mình yêu thích và tìm thấy thông tin về các bộ phim mà mình đang quan tâm mà không cần mắt nhiều thời gian và công sức

Đề hỗ trợ mọi người dễ dàng tiếp cận nội dung và tránh mất nhiễu thời gian trong việc tìm kiếm phim đề xem và những thông tin chính thống, em đã tìm hiểu và xây dựng một “Ứng dụng web xem phim giải trí” Với sự hướng dẫn tận tình của thây: Bùi Duy Tân em đã hoàn thành cuốn báo cáo đỗ án xây dựng ứng đụng web này Tuy đã cô gắng hết sức tìm hiểu, phân tích thiết kế, xây dựng sản phẩm và tìm kiếm tài nguyên cho trang web nhưng chắc chăn không tránh khỏi được những thiếu sót Em rất mong được sự thông cảm và góp ý của các quý thầy cô

LOI CAM ON

Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của trường Đại học Nguyên Tât Thành, đặc biệt là thây Bùi Duy Tân đã tận tình hướng dẫn cho em những thông tin, kiến thức, kĩ năng cần thiết dé có thê hoàn thành bài báo cáo trên

Trong quá trình tìm hiểu, thực hiện khó tránh khỏi những sai sót, kính mong các thầy cô bỏ qua Đồng thời do trình độ lý luận cũng như kĩ năng và kiến thức còn hạn chế nên bài báo cáo không thể tránh khỏi những thiếu sót Em rất mong nhận được những ý kiến của các thầy cô để em học thêm được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn trong những bài báo cáo sau

Sau củng em xin kính chúc quý thầy cô dồi đào sức khỏe, niềm tin dé tiếp tục thực hiện sứ mệnh cao đẹp truyền đạt kiên thức cho thê hệ mai sau và luôn thành công tốt đẹp trong công việc

Sinh viên thực hiện

W 102/041) 114

1.1 Mô tả tóm tắt VỀ W€bSif€ c cọc rung

1⁄2 Cơ sở lý thuyết cn Hn HH HH HH nhu 121gr ng re

Chương 2 Phân tích và hoạch định G2 12012211211 121 3111 1011111111211111 1012 1118111 11kg 2.1 Các module chức năng: Trình bày sơ đồ chức năng 5 St re

2.2 Site map: Trình bày sơ đồ liên kết - - s n nn nEt t2 12222121 11g re

2.3 Database diagram: M6 ta luge dé hị)ì98:1EHdai

2.4 GUI: Mô tả giao diện các các nhóm trang web của websIfe se nneesreee Chương3 Triển khai ứng dụng web S2 TH HH ng tru 3.1 Thiết kế giao diện: Trình bày các bước thiết kế, công cụ sử dụng và kết quả

3.2 Thiết kế dữ liệu: Trình bày sơ đồ đữ liệu và chỉ tiết các bảng ccc sec

3.3 Thiết kế xử lý: Trình bảy chỉ tiết các bước cài đặt các module chức năng

DANH MUC HINH ANH

Hình 2.4.2: Layout Các Trang: Phim Mới, Phìim Bộ, Phim Lẻ, Phim Anime

Hình 2.4.3: Layout Trang Thong Tin Chi Tiét Phim Và Xem Phim - 55522 ve 225c: Hình 2.4.4: Layout Trang Liên Hệ, Giới Thiệu, Đăng Nhập, Đăng Ký - - -

Nội dung bao cáo Đồ án môn học Lập trình Web

Thong tin chung

Tên đồ án: Xây dựng ứng dụng web xem phim giải trí

DO AN MON HOC LAP TRINH WEB Chương 1 Tổng quan

1.1 Mô tả tôm tắt về website

- Nosime là một ứng dụng web giải trí cho phép người dùng xem phim trực tuyến và trải nghiệm nhiều nội dung giải trí đa dạng Ứng dụng web này cung cấp một nền

tảng thuận tiện để tìm kiếm, xem, và tận hưởng các bộ phim với đa dạng thể loại

từ nhiều quốc gia khác nhan - _ Tính năng chính của Nosime bao gồm:

(| Thư viện thể loại phong phú: Nosime cung cấp một thư viện phong phú với

hàng ngàn tùy chọn phim và vô vàng thể loại phim từ khắp nơi trên thế giới

Người dùng có thể tìm kiếm và chọn lựa dựa trên thể loại, quốc gia, năm sản

xuất, và nhiều tiêu chí khác

¡1 Giao diện dễ sử dụng: Giao diện của Nosime được thiết kế đề đễ sử dụng, giúp người dùng dé dàng tìm kiếm vả truy cập nội dung giải trí một cách nhanh chóng

O Xem trực tuyến và tải về: Người dùng có khả năng xem nội dung trực tuyến hoặc tải về đề xem ngoại tuyến, tùy thuộc vào tùy chọn của họ

r]_ Đề xuất nội dung: Nosime có tính năng đề xuất nội dung dựa trên sở thích của

người dùng và lịch sử xem phim của họ, giúp tạo ra trải nghiệm ca nhân hóa

(| Đa nền tảng: Nosime có sẵn trên nhiều nền tảng, bao gồm máy tính, điện thoại di động và máy tính bảng, giúp người dùng truy cập nội dung ở bất kỳ đâu và

bắt kỳ khi nào

- Nosime mang lai cho người dùng một trải nghiệm giải trí linh hoạt, đa dạng và

thuận tiện, cho phép người dùng tận hưởng các bộ phim trực tuyến theo cách riêng của họ

- _ Xác định yêu cầu, thu thập thông tin và các dữ liệu liên quan O Yêu cầu chức năng:

+ Quản trị viên: Thêm, sửa và xóa phim

+ Người xem (người sử dụng): Tìm kiếm phim, xem phim, đánh giá, tải phim,

chia sé O Yêucầu phi chức năng: Giao diện dé str dụng, thao tác thuận tiện với mọi độ

tuổi, thu hút người dùng

L] Nguồn thông tin và dữ liệu: Thông tin và dữ liệu được cập nhật từ Internet , các tổ chức phi lợi nhuận và từ khảo sát của người dùng

SỮ thục hiện: Võ Quốc Son

dung dé tao ra cac trang web

HTML bao gồm một tập hợp các thẻ dùng đê :

© o_ + Định nghĩa cấu trúc của trang web © + Dinh dạng nội dung của trang web

o_ + Tạo các siêu liên kết đề liên kết đến những trang web khác

©_ + Chèn âm thanh, hình ảnh, video, vào trang web

1.2.2 CSS:

Hình 12.2: CSS o CSS (Casscading Style Sheét) là một ngôn ngữ dùng đề định dạng cho các

phân tử HTML (Ví dụ : chỉnh kích cỡ chữ, chỉnh font chữ, màu chữ, màu nền,

hình nên, đường viễn )

o_ Với việc sử dụng CSS, ta có thể định dạng ra các phần tử HTML thật đặc biệt

và chuyên nghiệp

SỮ thục hiện: Võ Quốc Son

DO AN MON HOC LAP TRINH WEB

1.2.3 Bootstrap (Bootstrap 3 va bootstrap 5):

Hình 12.3 Bootstrap o_ Bootstrap là một khung công tác mặt trước miễn phi dé phat trién web nhanh

hơn và dễ dàng hơn o_ Bootstrap bao gồm các mẫu thiết kế dựa trên HTML và CSS cho kiêu chữ,

biểu mẫu, nút, bảng, điều hướng, phương thức, bằng chuyên hình ảnh và nhiều

mẫu khác, cũng như các plugin JavaScript tuy chọn o_ Bootstrap cũng được cung cấp cho bạn khả năng dễ dàng tạo ra các thiết kế

đáp ứng o Bootstrap 5 là phiên bản mới nhất của Bootstrap; với các thành phần mới, biêu

định kiêu nhanh hơn và phản ứng nhanh hơn o Bootstrap 5 hé trợ các bản phát hành ôn định, mới nhất của tất cả các trình

duyệt và nền tảng chính Tuy nhiên, Internet Explorer 9 trở xuống không được hồ trợ

1.2.4 JavaScript:

Hình 1.2.4: JavaScript o_ JavaScript là một ngôn ngữ kịch bản (scripting language) duge ding dé tao cac

script 6 may client (client-side script) va may server (server-side script) Cac

SV thuc hién: V6 Quốc Son

script ở máy client được thực thi tại trình duyệt, các script ở máy server được

thực hiện trên server Chương này sẽ giới thiệt cho chúng ta về ngôn ngữ

JavaScript, và cách chèn một script vào trong tài liéu HTML

o_ HTML lúc đầu được phát điển như là một định dạng của tài liệu có thê chuyên

đữ liệu trên Internet Tuy nhiên, không lâu sau đó, trọng tâm của HTML nặng

ngày nay người dùng xem Internet như là một nguồn thông tin và giải trí Các trang web ngày càng mang tính sáng tạo và đẹp mắt hơn nhằm thu hút nhiều người dùng hơn Nhưng thực chất kiêu dáng và nội dung bên trong vẫn không

thay đôi Và người dùng hầu như không thê điều khiên trên trang Web mỗi khi

nó được hiền thị

o Javascript duge phat trién nhu 1a mét giai phap cho van dé néu trén Javascript là một ngôn ngữ kịch bản được Sun Microsystems và Netscape phát triển Nó được dùng đề tạo các trang Web động và tương tác trên Internet Đối với những người phát triển HTML, Javascipt rất hữu ích trong việc xây dựng các hệ thống HTML có thể tương tác với người dùng

o_ Ngôn ngữ lập trình C#: C# là một ngôn ngữ lập trình đa năng được phát triên

bởi Microsoft Dược giới thiệu vào cuối những năm 1990, C# đã nhanh chóng

trở thành một ngôn ngữ phát triển ứng dụng phô biến trên nên tang Windows Cú pháp của C# đễ đọc, giúp lập trình viên viết mã một cách dễ dàng và hiệu quả

o_ Biến và Kiểu dữ liệu: C# hỗ trợ nhiều loại kiêu đữ liệu như số nguyên (ïnt,

float, double), chuỗi (string), boolean, và nhiều kiểu đữ liệu tùy chỉnh (class)

Điều nảy cho phép bạn làm việc với nhiều loại dữ liệu khác nhau trong ứng dụng của minh

o_ Kiểm soát dòng chương trình: Trong C#, bạn có thé str dung cac cầu trúc kiêm

soát dòng chương trình nhuw if, else, switch, for, while, và do-while đê điều

khiến luồng thực thi của chương trình Điều nảy giúp bạn thực hiện các quyết

định và vòng lặp trong mã cua minh

SỮ thục hiện: Võ Quốc Son

DO AN MON HOC LAP TRINH WEB

Hình 1.2.6-B: Sơ Đồ Model-View-Comtroller

o_ Mô hình MVC: ASP.NET MVC áp dụng mô hình MVC đề tách biệt ứng dụng

thành ba phan riêng biệt Model đại diện cho đữ liệu và logic liên quan đến dữ

liệu, View là giao diện người dùng và Controller quản lý luồng điều hướng và tương tác giữa Model va View

© Controller: Controller 1a trai tim cua ing dung ASP.NET MVC No xử lý các yêu cầu từ người dùng, quyết định Model nào cần được sử dụng và sau đó

SỮ thục hiện: Võ Quốc Son

chuyên dữ liệu dén View thich hop dé hién thi cho ngudi ding Controller

cung cấp điều hướng và điều khiển luồng của ứng dụng o_ View: View chịu trách nhiệm hiên thị dữ liệu cho người dùng dưới dạng giao

diện web Chúng không chứa logic kinh doanh, chỉ đơn giản là hiên thị dữ liệu từ Model mà Controller đã cung cấp View thường được viết băng HTML và

có thê sử đụng các thẻ Razor đề tích hợp dữ liệu động

o ASP.NET MVC gitp phat trién img dung web tro nén dé quan ly, dé bao tri va tách biệt rõ ràng giữa các phần khác nhau của ứng dụng, giúp cải thiện sự phát triển đồng thời của các phân của dự án

1.2.7 Công cụ thực hiện: Visual Studio

Visual Studio

Hinh 1.2.7: Visual Studio

© Visual studio la mot trong những công cụ hé tro lap trinh website rất nỗi tiếng

nhất hiện nay của Mcrosoft và chưa có một phần mềm nào có thê thay thé

được nó Visual Studio được viết bằng 2 ngôn ngữ đó chính là C# và VB+ Đây là 2 ngôn ngữ lập trình giúp người dùng có thẻ lập trình được hệ thống

một các dễ dàng và nhanh chóng nhất thông qua Visual Studio

o Visual Studio là một phan mém lap trinh hé thong được sản xuất trực tiếp từ

Microsoft Từ khi ra đời đến nay, Visual Studio đã có rất nhiều các phiên bản sử dụng khác nhau Điều đó, giúp cho người dùng có thê lựa chọn được phiên bản tương thích với dòng máy của mình cũng như cầu hình sử dụng phủ hợp nhật

o_ Bên cạnh đó, Visual Studio còn cho phép người dùng có thê tự chọn lựa giao diện chính cho máy của mình tùy thuộc vào nhu cầu sử dụng

SỮ thục hiện: Võ Quốc Son

DO AN MON HOC LAP TRINH WEB

Xem nội dung phim 1 1 Sửa phim > J | Đăng nhập/ 1 + Cập nhật danh Cập nhập thông

Knaon sách thông tin tin tài khoản

uên mật

kháu/Thay đối mật] Chuyển đổi tài

Đánh giá fk} —+ Hiển thịphim | khẩu khoản/Đăng xuất

thích

Hình 2.1: Sơ Đồ Chức Năng 2.2 Site map: Trình bảy sơ đồ liên kết

': Trang Chủ ƒ#“———————————————”

| | : Thể hiện cho 1 Ỷ

Trang Web v

Đăng Nhập/Đăng

2.3 Database diagram: M6 ta luge 46 quan hé

ID_YT (PK) ID_USER (FK) ID_PHIM (FK)

THE_LOAI

TAP

DANH_GIA DEC

TIME_SIGNUP

ID_LS (PK) ID_USER (FK) ID_PHIM (FK) VIEWING_TIME

Hình 2.3: Mô tả lược đồ quan hệ

2.4 GUI: Mô tả giao diện các các nhóm trang web của website

Top Header Header

DO AN MON HOC LAP TRINH WEB

Top Header —