THIẾT kế WEBSITE XEM PHIM BẰNG HTML, CSS, JAVASCRIPT

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN


LUẬN VĂN TỐT NGHIỆP
(CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN)

Đề Tài:
THIẾT KẾ WEBSITE XEM PHIM BẰNG HTML, CSS,
JAVASCRIPT

Giáo viên hướng dẫn: Nguyễn Vân Anh
Sinh viên thực hiện :
Mã sinh viên

:

Lớp

: PM24.13

Hà Nội - 2023


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN


LUẬN VĂN TỐT NGHIỆP
(CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN)

Đề Tài:
THIẾT KẾ WEBSITE XEM PHIM BẰNG HTML, CSS,
JAVASCRIPT

Giáo viên hướng dẫn: Nguyễn Vân Anh
Sinh viên thực hiện :
Mã sinh viên

:

Lớp

: PM24.13
Hà Nội - 2023

PM24.13

2


LỜI CẢM ƠN

Sau quá trình học tập và rèn luyện tại trường Đại Học Kinh Doanh Và
Công Nghệ Hà Nội, được sự hỗ trợ và giúp đỡ từ quý thầy cô. Trước tiên, em
xin phép được gửi lời cảm ơn chân thành đến quý thầy cô giáo những người đã
đứng lớp tận tình hướng dẫn, khuyến khích, chỉ bảo và tạo điều kiện tốt nhất cho

em từ khi bắt đầu cho tới khi hồn thành đồ án của mình.
Em xin chân thành cảm ơn Ban giám hiệu nhà trường cùng các thầy cô
trong khoa Công nghệ thông tin đã cung cấp kiến thức, đào tạo tận tình và tạo
điều kiện tốt nhất cho em trong suốt quá trình học tập và nghiên cứu tại Trường.
Em xin gửi lời cảm ơn đến các thành viên lớp PM24.13, những người đã luôn
bên em, cùng nhau học tập rèn luyện và động viên em trong q trình hồn
thành đồ án của mình.
Trong q trình hồn thành đồ án của mình cịn có nhiều sai sót, em mong
nhận được những lời nhận xét, góp ý, chỉ bảo từ các thầy cô để bài làm được
hoàn thiện hơn.
Em xin chân thành cảm ơn!

Hà Nội, ngày 07 tháng 05 năm 2023
Sinh viên thực hiện
Nguyễn Đức Thắng


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

MỤC LỤC

LỜI CẢM ƠN......................................................................................................3
MỞ ĐẦU..............................................................................................................7
1. Lý do chọn đề tài.........................................................................................7
2. Đối tượng và phạm vi nghiên cứu...............................................................8
3. Phương pháp nghiên cứu.............................................................................8
4. Mục tiêu nghiên cứu đề tài..........................................................................8
5. Ý nghĩa của đề tài........................................................................................8
CHƯƠNG I. CƠ SỞ LÝ LUẬN.........................................................................9
1. Giới thiệu về internet...................................................................................9

1.1. Khái niệm mạng internet.......................................................................9
1.2. Sự ra đời và phát triển của internet........................................................9
1.3. Ứng dụng Web.....................................................................................10
2. Giới thiệu về Website xem phim...................................................10
3. Giới thiệu về công nghệ sử dụng...............................................................11
3.1. Ngôn ngữ HTML.................................................................................11
3.2. CSS ....................................................................................................12
3.3. Tailwind CSS.......................................................................................13


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

3.4. JavaScript............................................................................................14
3.5. JavaScript Framework.........................................................................14
CHƯƠNG II. THỰC TRẠNG.........................................................................15
1. Thực trạng thị trường Website...................................................................15
2. Thực trạng Website ở Việt Nam................................................................17
CHƯƠNG III. GIẢI PHÁP..............................................................................20
1. Chức năng của đồ án Website xem phim..................................................20
2. Phân tích hệ thống người dùng Website....................................................20
3. Đặc tả quy trình nghiệp vụ hệ thống.........................................................20
3.1. Người dùng khơng có tài khoản..........................................................20
3.2. Người dùng có đăng kí tài khoản trên Website...................................21
3.3. Người dùng hệ thống...........................................................................21
4. Lập mơ hình nghiệp vụ..............................................................................22
4.1. Biểu đồ ngữ cảnh hệ thống..................................................................22
4.2. Biểu đồ phân rã chức năng..................................................................22
4.3. Biểu đồ phân rã luồng dữ liệu.............................................................23
5. Mô tả giao diện Website............................................................................25
CHƯƠNG 4: HỆ THỐNG THỬ NGHIỆM....................................................27

KẾT LUẬN........................................................................................................31


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

1. Kết quả đạt được.......................................................................................31
2. Hạn chế của đề tài.....................................................................................31
3. Hướng phát triển của đề tài.......................................................................31
4. Đề nghị góp ý............................................................................................31
TÀI LIỆU THAM KHẢO................................................................................32


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

MỞ ĐẦU

1.

Lý do chọn đề tài
Hiện nay, công nghệ dành cho thiết bị laptop, máy tính bảng, di động ngày càng

phát triển. Nếu như trước đây, người ta phải dùng chiếc máy tính để bàn (MTĐB) cồng
kềnh cùng trình duyệt web IE (Internet Explorer) để lướt web, thì giờ đây với máy tính
xách tay (laptop), điện thoại thơng minh (smartphone) cùng rất nhiều trình duyệt web
khác (Firefox, Opera, Google Chrome…) người dùng có thể lướt mạng Internet ở bất
cứ đâu. Tuy nhiên với những thiết bị, trình duyệt web khác nhau, nội dung hiển thị trên
màn hình sẽ khác nhau. Chẳng hạn như máy tính có thể xem trang web này rất tốt
nhưng trên điện thoại thơng minh thì giao diện và cấu trúc trang bị xáo trộn. Vậy giải
pháp nào có thể xem được đầy đủ, trọn vẹn nội dung, thông tin trên internet.
HTML cho phép nhà phát triển, lập trình web tạo ra những trang web có những

tính năng ưu việt hơn. Khơng những vậy, HTML cịn đem đến cho người dùng những
trải nghiệm về tốc độ truy cập web nhanh hơn, tốt hơn, tài nguyên phong phú hơn.
Javascript xử lý những đối tượng HTML trên trình duyệt. Nó có thể can thiệp với
các hành động như thêm / xóa / sửa các thuộc tính CSS và các thẻ HTML một cách dễ
dàng.
HMTL và CSS cũng làm cho các ứng dụng web, các trang web trong hấp dẫn
hơn, sinh động hơn. Với những tính năng được thêm vào giúp cho việc xây dựng ứng
dụng web dễ dàng hơn rất nhiều. Tất cả những điều này làm cho một trang Web trở
nên dễ nhìn hơn, bắt mắt hơn, dễ tiếp cận người dùng hơn.
Cũng chính vì lý do này, em lựa chọn đề tài “XÂY DỰNG MỘT GIAO DIỆN
WEBSITE XEM PHIM BẰNG HTML, CSS, JAVASCRIPT” làm đề tài cho LUẬN
VĂN TỐT NGHIỆP của mình. Do thời gian và trình độ kiến thức cịn nhiều hạn chế
nên bài làm của em khơng tránh khỏi những sai sót. Em rất mong nhận được sự góp ý,
chỉ bảo thêm từ phía thầy cơ để bài làm ngày hoàn thiện hơn.
Em xin chân thành cảm ơn !


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

2.

Đối tượng và phạm vi nghiên cứu
Nghiên cứu phát triển website trên hai nền tảng phổ biến nhất là website và

mobile.

3.

Phương pháp nghiên cứu
- Sử dụng những kiến thức đã học và các tài liệu liên quan trong và ngoài

nước liên quan đến đề tài nghiên cứu, đặc biệt là các đề tài về phát triển
website, giao diện, chức năng, cách thức quản lý…
- Nghiên cứu và tìm hiểu tập trung, bám sát vào sự hướng dẫn của giáo viên
bộ môn, giáo viên hướng dẫn.

4.

Mục tiêu nghiên cứu đề tài
- Phát triển một website, cung cấp thông tin, dịch vụ đến người dùng.
- Phát triển hệ thống web có tính thực tiễn cao, có khả năng triển khai ứng
dụng vào thực tế, giúp cho người dùng có thể dễ dàng thao tác và tiện lợi
hơn trong việc quản lý.

5.

Ý nghĩa của đề tài
- Tạo một hệ thống website thân thiện, phục vụ nhu cầu giải trí, xem phim
-

của người dùng.
Giúp người dùng dễ dàng tiếp cận hơn đến những bộ phim mới, phim hot


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

CHƯƠNG I. CƠ SỞ LÝ LUẬN
1. Giới thiệu về internet
1.1. Khái niệm mạng internet
Internet là một hệ thống thơng tin tồn cầu, có thể truy cập
cơng cộng với nhiều mạng máy tính được kết nối với nhau. Hệ

thống này sẽ truyền thông tin theo cách packet switching (nối
chuyển gói dữ liệu) dựa trên giao thức Internet chuẩn hóa (giao
thức IP). Hệ thống này bao gồm hàng nghìn mạng máy tính nhỏ
của các doanh nghiệp, viện nghiên cứu, trường đại học hoặc
của người dùng cá nhân.
Ngồi ra, khái niệm Internet là gì cịn được hiểu là một hệ
thống mạng máy tính tồn cầu được kết nối với nhau, thông qua
việc sử dụng bộ giao thức Internet (TCP / IP) để liên kết các thiết
bị trên toàn cầu.
Internet được coi là một mạng lưới khổng lồ, là cầu nối giữa
hàng triệu mạng máy tính nhỏ hơn trên toàn cầu. Các mạng này
được kết nối với nhau thông qua cáp mặt đất, cáp ngầm, liên
kết vệ tinh,...
1.2.

Sự ra đời và phát triển của internet
Trong những năm 60 và 70 , nhiều công nghệ mạng máy tính ra đời nhưng

mỗi kiểu lại dựa trên những phần cứng riêng biệt. Một trong những kiểu này
được gọi là mạng LAN cục bộ (Local Area Networks - LAN), nối các máy tính
với nhau trong phạm vi hẹp bằng dây dẫn và một thiết bị cài đặt trong mỗi máy.
Các mạng lớn được gọi là mạng diện rộng (Wide Area Networks-WAN) ,
nối nhiều máy tính với nhau trong phạm vi rộng thông qua một hệ thống dây
truyền dẫn kiểu như trong các hệ thống điện thoại.
Giao thức TCP/IP đảm bảo sự thơng suốt trao đổi thơng tin giữa các máy
tính. Internet hiện nay đang liên kết hàng ngàn máy tính thuộc các công ty, cơ


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

quan nhà nước, các trung tâm nghiên cứu khoa học, trường đại học, khơng
phân biệt khoảng cách địa lý. Đó là ngân hàng dữ liệu khổng lồ của nhân loại.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

1.3.

Ứng dụng Web
Khi nói đến Internet người ta thường nhắc đến bộ giao thức chuẩn TCP/IP

và các dịch vụ điển hình nhất của nó là email, FPT (File Transfer Protocol) và
WWW (World Wide Web). Tuy nhiên WWW chiếm vai trò quan trọng nhất vì
nó quyết định mơ hình của internet.
Tìm hiểu về WWW ta có thể xác định phạm vi ứng dụng của internet trong
thực tiễn, khoa học, công nghệ cũng như trong đời sống.
WWW rất dễ sử dụng và thú vị cho nên đã trở thành một dịch vụ quen
thuộc không thể thiếu. Ngày nay, khi email và FPT đã được tích hợp vào hầu
hết các trình duyệt thì WWW cũng đã trở thành một công cụ để khai thác các
hoạt động tìm kiếm , giải trí... Với bản chất là một siêu tài liệu đa phương tiện,
chứa đựng các thông tin về các dữ liệu multimedia, WWW đã làm cho internet
trở nên thuận lợi, sinh động và hấp dẫn hơn nhiều.

2. Giới thiệu về Website xem phim
Thời buổi 4.0 là thời buổi mà công nghệ đang rất được ưa
chuộng, nhu cầu giải trí của con người cũng được chú trọng hơn.
Việc xem phim không chỉ đơn giản là xem những tập phim được
chiếu theo lịch trình của các đài truyền hình nữa, mà người xem
có thể lựa chọn bộ phim ưa thích trên rất nhiều trang website.
Trước hết là đối với người sử dụng thì việc xem phim trên

một trang website nào đó sẽ đáp ứng được các nhu cầu cần
thiết như bộ phim u thích, có thể lưu lại và xem khi cần thiết.
Hơn nữa việc xem phim online sẽ khơng mất phí hoặc chỉ mất
phí rất ít, người xem có thể chủ động được thời gian hơn.
Sau đó là đối với người xây dựng, quản lý trang website đó
sẽ nhận được rất nhiều lợi ích như:


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

- Thứ nhất là kiếm được lợi nhuận với nhà quảng cáo khi
web của bạn có được nhiều lượt đăng ký.
- Có được số lượng tương tác của rất nhiều người xem
- Với số lượng truy cập lớn bạn cũng sẽ dễ dàng tận dụng để
kinh doanh trên website trực tuyến đó
- Dễ dàng quản lý mà không bị phụ thuộc vào bất kỳ ai
Một website xem phim online chất lượng, có sự chuyên
nghiệp và dễ dàng sử dụng sẽ khiến cho người dùng thoải mái
và yêu thích khi xem phim. Xây dựng website xem phim online
phải có sự đầu tư và thu hút người xem, từ đó mới có thể lấy
được sự tương tác và đăng ký của người dùng.

3. Giới thiệu về công nghệ sử dụng
3.1. Ngôn ngữ HTML
HTML là là chữ viết tắt của HyperText Markup Language, có nghĩa là ngơn
ngữ đánh dấu siêu văn bản. Nó dùng để định dạng bố cục, các thuộc tính liên
quan đến cách hiển thị của một đoạn text và được hiển thị trên một chương trình
đặc biệt ta gọi là Browser.
Hiện nay có khá nhiều Browser như Firefox, Chrome, Cốc Cốc...Tất cả
Browser đều có điểm chung là giúp người dùng thao tác với website và nó đều

có khả năng biên dịch những đoạn mã HTML, CSS và Javascript.
Các thành phần cơ bản của HTML


Thẻ (tag): là một tập hợp ký hiệu được định nghĩa trong HTML có ý nghĩa

đặc biệt.


Phần tử (element): có thể bao gồm thẻ mở, thẻ đóng và nội dung bên trong

cặp thẻ mở, đóng.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript



Thuộc tính: mỗi thẻ có thể một hay nhiều thuộc tính đi kèm. Thuộc tính

được nhập ngay trước ngoặc đóng “>” của thẻ mở. Có thể có nhiều thuộc tính
trong một thẻ, các thuộc tính phân cách nhau khoảng trắng. Các giá trị thuộc
tính có thể đặt trong “”, ‘’ hoặc khơng có. Nếu giá trị là chuỗi ký tự có khoảng
trắng bên trong, bắt buộc phải dùng “” hay ‘’ để bao chuỗi lại.
Ngôn ngữ đánh dấu siêu văn bản (HTML) chỉ rõ một trang Web sẽ được
hiển thị như thế nào trong một trình duyệt. Sử dụng các thẻ và các phần tử
HTML, bạn có thể :
Điều khiển hình thức và nội dung của trang


Xuất bản các tài liệu trực tuyến và truy xuất các thông tin trực tuyến bằng

cách sử dụng các liên kết được chèn vào tài liệu HTML.


Tạo các biểu mẫu trực tuyến để thu thập thông tin về người sử dụng. quản

lý các giao dich….


Chèn các đối tượng như audio clip, video clip, các thành phần ActiveX,

Flash và các Java Applet vào tài liệu HTML.
Tài liệu HTML tạo thành mã nguồn của trang Web. Khi được xem trên
trình soạn thảo, tài liệu này là một chuỗi các thẻ và các phần tử, mà chúng xác
định trang web hiển thị như thế nào. Trình duyệt đọc các file có đi .html và
hiển thị trang web đó theo các lệnh có trong đó. HTML là kiến thức cơ bản mà
bất cứ ai muốn học lập trình web hoặc học thiết kế web đều phải biết. Tất cả các
trang web dù xử lý phức tạp đến đâu đều phải trả về dưới dạng mã nguồn HTML
để trình duyệt có thể hiểu và hiển thị lên được.

3.2.

CSS
CSS là chữ viết tắt của Cascading Style Sheets, được hiểu là một ngôn ngữ

được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ
đánh dấu (ví dụ như HTML).

Thiết kế Website xem phim bằng HTML, CSS, JavaScript

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.

Đặc điểm CSS:
CSS cung cấp cho hàng trăm thuộc tính trình bày dành cho các đối tượng
với sự sáng tạo cao trong kết hợp các thuộc tính giúp mang lại hiệu quả.
Ngồi ra, hiện tại CSS đã được hỗ trợ bởi tất cả các trình duyệt, nên bạn
hồn tồn có thể tự tin trang web của mình có thể hiển thị hầu như “như nhau”
dù trên một hệ thống sử dụng Windows, Linux hay trên một máy Mac miễn là
bạn đang sử dụng một phiên bản trình duyệt mới nhất.
Sử dụng các mã định dạng trực tiếp trong HTML tốn hao nhiều thời
gian thiết kế cũng như dung lượng lưu trữ trên đĩa cứng. Trong khi đó CSS đưa
ra phương thức “tờ mẫu ngoại” giúp áp dụng một khuôn mẫu chuẩn từ một file
CSS ở ngồi. Nó thật sự có hiệu quả đồng bộ khi bạn tạo một website có hàng
trăm trang hay cả khi bạn muốn thay đổi một thuộc tính trình bày nào đó.

3.3.

Tailwind CSS
Tailwind CSS là một utility-first CSS framework, cung cấp các class thực

thi những chức năng nhỏ trong giao diện như .text-black .p-4 ... để xây dựng
nhanh chóng các giao diện người dùng tùy chỉnh. Đây là một css framework cấp
thấp, có thể tùy chỉnh cao, cung cấp cho bạn tất cả các công cụ bạn cần để xây
dựng các thiết kế riêng mà khơng có bất kỳ sự ràng buộc nào.
Một số điểm nổi bật của Tailwind Css:
-

Xây dựng giao diện chỉ cần khai báo class trên file html

-

Dễ dàng thiết lập Responsive ngay trên file html

-

Hỗ trợ tương tác hover, focus… ngay trên class html


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

-

Tối ưu những cấu trúc html css có tính lặp lại

-

Định nghĩa thêm class mới được phối hợp bởi các class có sẵn trong
tailwind

-

3.4.

Dễ dàng mở rộng, chỉnh sửa và biến đổi

JavaScript
Javascript là một ngơn ngữ lập trình kịch bản dựa vào đối tượng phát triển

có sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng
Website. Javascript được hỗ trợ hầu như trên tất cả các Browser như Firefox,
Chrome, Cốc Cốc... trên máy tính lẫn điện thoại.
Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt.
Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS
và các thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngơn
ngữ lập trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện
của NodeJS đã giúp cho Javascript có thể làm việc ở backend.

3.5.

JavaScript Framework
Javascript Framework là một bộ thư viện được xây dựng dựa vào ngơn ngữ

lập trình Javascript. Mỗi framework thường được tạo ra để phục vụ cho một lĩnh
vực nào đó. Ví dụ với Vuejs, Reactjs và Angular thì chuyên xử lý frontend,
NodeJS thì chuyên xử lý backend.
Ưu điểm:
Javascript giúp thao tác với người dùng ở phía client và tách biệt giữa các
client. Ví dụ 2 người đang truy cập vào 2 trình duyệt khác nhau thì cả hai đều có
những phiên xử lý Javascript khác nhau, khơng ảnh hưởng lẫn nhau. Javascript
có thể hoạt động trên nhiều nền tảng khác nhau, từ Windows, macOS cho đến
các hệ điều hành trên mobile.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Javascript là một ngôn ngữ dễ tiếp cận, bạn sẽ dễ dàng học nó mà khơng
cần phải cài đặt q nhiều phần mềm.

Nhược điểm:
Vì là một ngơn ngữ rất dễ dàng bị soi code nên dễ bị khai thác. Hacker có
thể nhập một đoạn code bất kì vào khung console của trình duyệt, lúc này trình
duyệt sẽ hiểu rằng đoạn code đó là chính thống, nên hacker có thể gửi những
request lên server một cách dễ dàng.

CHƯƠNG II. THỰC TRẠNG
1. Thực trạng thị trường Website

Sự biến chuyển của ngành công nghệ là một trong những lí
do khiến người dùng làm quen với các thiết bị thông minh và
truy cập internet nhiều hơn, từ đó họ có thể dễ dàng tìm kiếm
thơng tin thỏa mãn các nhu cầu cá nhân của mình.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Chính vì thế, việc các doanh nghiệp hoặc thương hiệu sở
hữu một thiết kế website hấp dẫn sẽ giúp thu hút nhiều
khách hàng hơn và quảng bá về sản phẩm, dịch vụ của mình
đến gần với khách hàng.
Nhờ có website, tệp khách hàng tiềm năng của doanh
nghiệp sẽ được mở rộng, giúp doanh nghiệp kiếm được lợi
nhuận cao hơn mà không tốn q nhiều cơng sức và chi phí.
Trên thực tế, để vận hành kinh doanh và tạo dựng được
thương hiệu trên thị trường, doanh nghiệp cần phải đầu tư một
khoản chi phí khá lớn cho hoạt động tiếp thị. Trong khi đó, thay
vì lựa chọn quảng bá trên các phương tiện truyền thơng một
cách tốn kém, doanh nghiệp hồn tồn có thể thiết kế

website và thực marketing trên chính trang web đó của chính
mình.
Khi sở hữu một trang website hồn chỉnh, doanh nghiệp sẽ
dễ dàng điều chỉnh nội dung cũng như triển khai các chiến dịch
truyền thông online hiệu quả mà khơng phải tốn q nhiều
ngân sách marketing.
Bên cạnh đó, một website có thiết kế đẹp mắt cũng sẽ làm
tăng độ nhận diện thương hiệu của doanh nghiệp với khách
hàng. Khi nhìn vào một website được đầu tư thiết kế chỉn chu và
chuyên nghiệp, khách hàng sẽ có hảo cảm và nhớ tới thương
hiệu của bạn lâu hơn.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Ngày càng nhiều doanh nghiệp tham gia vào thị trường
thiết kế website

Khi nhu cầu về thiết kế web lên cao, thị trường về lĩnh vực
này cũng ngày càng trở nên sôi động với sự tham gia của rất
nhiều cơng ty. Chính vì đây là một mảnh đất hấp dẫn, mà nhiều
đơn vị cung cấp dịch vụ thiết kế giao diện website đã không
tiếc đầu tư công sức nhằm chiếm được một vị thế riêng cho
mình.
Song song với nhu cầu thiết kế ngày càng cao, càng có
nhiều doanh nghệp thiết kế web được thành lập. Vì vậy thị
trường cạnh tranh sẽ ngày càng khốc liệt hơn và trở thành một
cuộc đua vơ hình “không hồi kết” giữa các đơn vị thiết kế.

2. Thực trạng Website ở Việt Nam

Web site thâm nhập vào Việt Nam từ những năm 19951996. Khi đó việc thiết lập nên một Web site là cả một vấn đề.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Vào thời kỳ đó, người ta xây dựng một Web site thơng qua việc
viết các tệp siêu văn bản HTML với các thẻ của nó bằng các
trình soạn thảo thơng thường như NotePad, WordPad, cao cấp
hơn thì sử dụng Hotdog, Hotmetal có hỗ trợ một vài công cụ để
giảm bớt sự nặng nhọc khi phải viết các thẻ HTML.
Vào giữa năm 1996, tình hình trên đã được cải thiện rất
nhiều khi xuất hiện các sản phẩm như MS Word Assistance, cho
phép soạn thảo các tệp văn bản Word rồi lưu chúng dưới dạng
các tệp siêu văn bản HTML ngay trong Word từ phiên bản 6.0 rồi
tiếp tục cho tới các phiên bản Word sau này với những cải tiến
ngày một lớn. Tiếp đó là các cơng cụ mạnh như Microsoft
FrontPage 98/2000, Microsoft Office 97/2000/XP, ColFusion,
Dreamwave và nhiều công cụ khác hỗ trợ việc xây dựng các tệp
siêu văn bản HTML một cách dễ dàng. Theo hướng này, rất
nhiều các Web site đã được ra đời và được biết tới như những
Web site tĩnh, hiểu theo nghĩa là các Web site được xây dựng
nên bởi sự liên kết giữa các tệp văn bản HTML mà khơng có sự
tham gia của bất cứ một hệ quản trị cơ sở dữ liệu nào. Tuy
nhiên, khi dữ liệu trở nên nhiều hơn và đa dạng hơn, hầu hết
mọi nơi đều nghĩ tới việc xây dựng các Web site có sự kết hợp
với các hệ quản trị cơ sở dữ liệu.
Cuối năm 1996, đầu 1997, tại Việt Nam, công nghệ Active
Server Page của Mỉcrosotf bắt đầu được nhiều người biết tới.
Cùng với nó, việc xây dựng các cơ sở dữ liệu dựa trên Web bắt
đầu được xây dựng. Ban đầu là với hệ quản trị cơ sở dữ liệu MS

Access hay FoxPro. Sau này, nhiều công nghệ khác cũng đã du
nhập vào Việt Nam và nhiều Web site được xây dựng theo
hướng này dựa trên nhiều hệ quản trị cơ sở dữ liệu khác nhau
như Oracle, Microsoft SQL Server, Sybase, Informix, DB2 và


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Lotus Domino. Một hai năm trở lại đây, khi trào lưu sử dụng
phần mềm mã nguồn mở với hệ điều hành Linux xuất hiện tại
Việt Nam thì xu hướng này được mở rộng ra cả với một số hệ
quản trị cơ sở dữ liệu khác như MySQL hoặc PostgreSQL. Với
việc phát triển các ứng dụng Web dựa trên cho các cơ sở dữ
liệu, có thể thấy rõ có 2 xu hướng chính là sử dụng công nghệ
Active Server Page (hoặc .NET) của Microsoft với đại diện là các
tệp *.asp (hoặc aspx của .NET) và sử dụng công nghệ Java của
Sun với đại diện là các tệp *.jsp.
Cho tới nay, phần lớn các Web site có sự kết hợp của cả
phần động – được xây dựng trên cơ sở các hệ quản trị cơ sở dữ
liệu viết trên công nghệ Web – với các tiêu chí của cơ sở dữ liệu
chỏ tới phần tĩnh – thường là các tệp siêu văn bản, ảnh, đa
phương tiện – được lưu trữ trong các cây thư mục của máy chủ
Web.
Để thực hiện việc tìm kiếm thơng tin trên Web site, người ta
sử dụng cách tìm kiếm theo trường của cơ sở dữ liệu kết hợp với
kiểu tìm kiếm tồn văn đối với các tệp văn bản nằm trong các
cây thư mục của máy chủ Web – thơng qua một máy chủ đánh
chỉ số tìm kiếm (như MS Index Server chẳng hạn).
Có thể nói, hiện nay tại Việt Nam có hàng chục ngàn Web
site đã và đang được xây dựng. Vì vậy, nhu cầu về quản lý nội

dung thông tin trên Web site là rất lớn.


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

CHƯƠNG III. GIẢI PHÁP
1. Chức năng của đồ án Website xem phim
Website cho các thiết bị kết nối internet như: laptop, pc, smartphone… giúp
các hãng phim quảng bá thương hiệu, các dịch vụ của mình đến khách hàng và
cũng là nơi để khách hàng tìm kiếm bộ phim u thích của mình.
Website quản trị: Quản lý tất cả các danh mục, sản phẩm, người dùng...

2. Phân tích hệ thống người dùng Website
Có 3 kiểu người dùng:
- Kiểu người dùng khơng có tài khoản trên Website: Khi truy cập vào

Website có thể xem phim và sử dụng chức năng tìm kiếm.
- Kiểu người dùng có tài khoản trên Website: Ngồi sử dụng các chức năng
như

xem phim và tìm kiếm thì kiểu tài khoản này có thể comment,

download phim và yêu cầu post phim.
- Kiểu người dùng là Admin của hệ thống: Quản lý các tài khoản của người
dùng và quản trị nội dung Website.
3. Đặc tả quy trình nghiệp vụ hệ thống
3.1. Người dùng khơng có tài khoản
Đối với kiểu người dùng khơng có tài khoản trên Website sẽ được sử dụng
những một số chức năng trên Website như sau:
Chức năng tìm kiếm (search) trên Website: Nội dung tìm kiếm sẽ bao gồm

tìm kiếm theo tên phim hoặc tìm kiếm theo tên chữ cái đầu tiên của phim. Sau
đó người dùng sẽ xem những bộ phim mình vừa tìm kiếm được.

3.2.

Người dùng có đăng kí tài khoản trên Website


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Đối với kiểu người dùng có tài khoản trên Website, ngồi các chức năng
của người dùng bình thường. Khi đăng nhập vào Website thì họ cịn có những
chức năng như đưa ra ý kiến (comment), bình luận về những bộ phim, giao lưu
trên diễn đàn của Website và có thể yêu cầu post phim.
Sau đó người dùng có thể đăng xuất ra khỏi tài khoản của mình và có
thể sử dụng các chức năng như một người dùng khơng có tài khoản.
Nếu người dùng không đăng xuất ra khỏi hệ thống mà trực tiếp tắt trang
web thì sau 10 phút hệ thống sẽ tự đăng xuất tài khoản của người dùng.

3.3.

Người dùng hệ thống
Admin sẽ có quyền như xóa bỏ những bộ phim khơng phù hợp, thay đổi

các ads (quảng cáo), xóa bỏ những comment người dùng đăng lên có nội dung
khơng phù hợp.
Admin sẽ quản lý các quyền của người dùng, cấp quyền và phân quyền cho
người dùng.
Đăng ký tài khoản: Người dùng có thể đăng ký tài khoản trên Website.
Người dùng sẽ cung cấp những thông tin mà hệ thống Website yêu cầu. Khi hệ

thống Website kiểm tra tất cả các thông tin mà người dùng cung cấp đều hợp lệ
thì người dùng đó sẽ được mở một tài khoản mới. Và khách hàng có thể sử dụng
các cơng cụ, chức năng trên Website ngay lập tức.
Xóa tài khoản của người dùng: Những tài khoản mà vi phạm nội quy của
diễn đàn sẽ bị Admin xóa bỏ tài khoản.

4. Lập mơ hình nghiệp vụ
4.1. Biểu đồ ngữ cảnh hệ thống


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Phản hồi hệ thống

Yêu cầu phim
Đăng nhập
HỆ THỐNG

NGƯỜI DÙNG
Xem phim

Ý kiến phản hồi

Hình 3.1. Biểu đồ ngữ cảnh hệ thống

4.2.

Biểu đồ phân rã chức năng

Quản lý Website

1.Xem phim

1.2. Đưa ra ý
kiến

2.Tìm kiếm

2.1. Theo tên
phim

3.Admin

3.1. Quản lý
người dùng

Hình 3.2. Biểu đồ phân rã chức năng
3.2. Quản lý
2.2. Theo chữ
1.3. Yêu cầu
nội dung
4.3. Biểu đồ phân rã
dữ liệu
đầu tên
cáiluồng
phim 4.3.1. Biểu đồ luồng phân
rã cấp 1


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

Đưa ra các yêu cầu
HỆ THỐNG

NGƯỜI DÙNG
Phản hồi yêu cầu

Hình 3.3. Biểu đồ luồng phân ra cấp 1

4.3.2. Biểu đồ luồng phân rã cấp 2
u cầu tìm kiếm
tên phim
TÌM KIẾM

NGƯỜI DÙNG
Phản hồi yêu cầu

Dữ liệu tìm kiếm
phim
Hình 3.4. Biểu đồ luồng phân rã cấp 2


Thiết kế Website xem phim bằng HTML, CSS, JavaScript

4.3.2.1. Biểu đồ luồng phân rã cấp 2.1
Yêu cầu post phim
REQUEST

NGƯỜI DÙNG
Phản hồi yêu cầu

Dữ liệu trao đổi
Hình 3.5. Biểu đồ luồng phân rã cấp 2.1

4.3.2.2. Biểu đồ luồng phân rã cấp 2.2
Đăng kí tài
khoản & login
Quản lý USER

NGƯỜI DÙNG
Phản hồi yêu cầu

Dữ liệu các User

Hình 3.6. Biểu đồ luồng phân rã cấp 2.2