Xây dựng website xem phim

Hệ thống hién thị thông báo Thêm mới video thành công, đồng thời thoát khỏi trang thêm mới video và quay về trang trước Ngoại lệ 8.1 Hệ thống hiển thị thông báo Thêm mới video không thàn

Trang 1

BỘ THONG TIN VÀ TRUYEN THONGHỌC VIEN CONG NGHỆ BƯU CHÍNH VIÊN THONG

TOT NGHIỆP ĐẠI HOC

Dé tai:

XAY DUNG WEBSITE XEM PHIM

Giảng viên hướng dẫn : TS.NGUYEN TAT THANG

Sinh viên thực hiện : LAI THỊ HUYENLớp : DI7HTTT2

Khóa : 2017 — 2022

Hệ : ĐẠI HỌC CHÍNH QUY

HÀ NỘI - 12/2021

Trang 2

BO THONG TIN VÀ TRUYEN THONGHỌC VIEN CONG NGHỆ BƯU CHÍNH VIÊN THONG

TOT NGHIỆP ĐẠI HOC

Đề lài:

XÂY DỰNG WEBSITE XEM PHIM

Giảng viên hướng dẫn : TS.NGUYÊN TAT THANG

Sinh viên thực hiện : LAI THỊ HUYENLớp : DI7HTTT2

Khóa : 2017 — 2022

Hé : ĐẠI HỌC CHÍNH QUY

HÀ NỘI - 12/2021

Trang 3

Đồ án tốt nghiệp Đại học

LỜI CÁM ƠN

Đầu tiên em xin chân thành gửi lời cảm ơn các thầy cô trong Học Viện Công

Nghệ Bưu Chính Viễn Thông nói chung và các khoa CNTT nói riêng đã luôn nhiệt

huyết, tận tình giảng dạy, chỉ bảo và tạo điều kiện cho em học tập và phát triển trong

thời gian học tập tại Học viện Công nghệ Bưu chính Viễn thông.

Em xin gửi lời cảm ơn sâu sắc tới Thầy Nguyễn Tắt Thắng, người đã trực tiếphướng dẫn em tận tình Cảm ơn Thay những lần góp ý cho em những ý tưởng - giảipháp, chia sẻ những kiến thức, tài liệu hết sức quý báu trong quá trình em học tập vàthực hiện đồ án tốt nghiệp

Em xin chân thành cảm ơn các Thay, Cô trong ban hội đồng đã dành thời gian

quan tâm góp ý kiến và nhận xét cho bản đồ án tốt nghiệp của em

Em xin cảm ơn tat cả người thân xung quanh đã luôn đồng hành, chia sẻ khó khăncùng em vượt qua những lúc khó khăn trong thời gian thực hiện đồ án tốt nghiệp

Em xin chân thành cảm ơn !!

LAI THỊ HUYEN -D17HTTT2 i

Trang 4

NHAN XÉT, ĐÁNH GIA, CHO DIEM

(Của giảng viên hưó angiang hướng dan)

Đồng ý/ Không đồng ý cho sinh viên bảo vệ trước hội đồng chấm tốt nghiệp

Hà Nội ngày tháng năm 2021

CÁN BỘ - GIANG VIÊN HUONG DAN

NGUYEN TAT THANG

LAI THỊ HUYEN -D17HTTT2 ii

Trang 5

NHAN XÉT, ĐÁNH GIA, CHO DIEM

(Của giảng viên phan biệngiảng phản biện)

—-.-:.:.L®

M

M d

¬

— Zä :

H .

ãmm ẰồẰồẰễồễềoễềễềoễ.ễồễồễồồ.Ầ

A4(Ặ

"tt ạ

¬ -^-ˆ-. .^.^ˆ^®^f -

2 ‹ H

¬

¬ L^:^+^†'ˆ : - Ạ

1

Leena ence ÔÔÓÔỒ

Điểm: (Bằng A0 )

Đồng ý/ Không đồng ý cho sinh viên bảo vệ trước hội đồng chấm tốt nghiệp

Hà Nội ngày tháng năm 2021

CÁN BỘ - GIẢNG VIÊN PHẢN BIỆN

(ký, họ tên)

LAI THỊ HUYEN -D17HTTT2 iii

Trang 6

1.5 Angular FrameWOrFK -ss=ss se

1.6 Kết luận chương l «<< s°s< se ©s££Ss£Es£Es££S£EseEsseveEseExevserserssersre

CHƯƠNG II PHAN TÍCH THIET KE HỆ THONG - 2s s2 ©ssess2

2.3.2.2 Usecase chỉ tiết cho modun Quản lý video -s s scsessessessese 10

2.3.2.3 Usecase chỉ tiết cho module Quản lý phim -5- 55-5 ss©ssessecse 13

2.3.2.4 Usecase chỉ tiết cho module Quản lý channel e- 55s ssesssese 17

2.3.2.5 Usecase chỉ tiết cho module Quản lý menu - 2-5 ss©ssesse se 20 2.3.2.6 Usecase chỉ tiết cho module Theo dõi search Ìogs . ° s-se s2 23 2.3.2.7 Usecase chỉ tiết cho module Xem phim theo thé loại phim 25

2.3.2.8 Usecase chỉ tiết cho module Xem phim hot của tháng . - 26

2.3.2.9 Usecase chỉ tiết cho module Xem phim theo Channel ° 2 27 2.3.2.10 Usecase chỉ tiết cho module Xem bình luận -. -2-5° s5 s2 28

2.3.2.11 Usecase chỉ tiết cho module Bình luận - se s<s<sssssessseessee 29

2.3.2.12 Usecase chỉ tiết cho module Tìm kiếm «°-es<vxss+rees 30

2.4 PHAM tich - G5 4 0 09.0 0.0.0 0.0.0.0 0001000109096 31

LAI THỊ HUYEN -D17HTTT2 iv

Trang 7

P50 c0, 0066 6 6 6 31

P5 N0 6 31

2.4.3 Thiét c6) 006 32

2.4.4 Bids dé tua tur 706 6 6 6 ee 33

2.4.4.1 Biểu đồ tuần tự đăng nhậpp << s°sssse©ssssevseEssexserserssesserse 33 2.4.4.2 Biểu đồ tuần tự thêm Video -s- <2 s<©ssssecsstssessetssersersersserserse 34 2.4.4.3 Biểu đồ tuần tự sửa video s«s<vsesvseerseerseerserrsertserrserrserrserrsee 34 2.4.4.4 Biểu đồ tuần tự xóa videO -s- sec css©ssssevssEssersetssersersetsserserssesseree 35 2.4.4.5 Biểu đồ tuần tự search video s-s<s<csecsecseesersersersersersessrssrsssse 35 2.4.4.6 Biểu đồ tuần tự thêm phim <2 5° s2 se sssseesevssesserseessessecse 36 2.4.4.7 Biểu đồ tuần tự sửa phỉm <5 5< s£ se se seEseEseEsessessessessessrssese 36 2.4.4.8 Biểu đồ tuần tự xóa phim -e-s- << se ©ss©ssevsstsserserssesserserssesserse 37 2.4.4.9 Biểu đồ tuần tự thêm Channel s se s<s<+sessee+seevseevseessesssee 37 2.4.4.10 Biểu đồ tuần tự sửa Channel se «se se+sevseevseerseerserssesssee 38 2.4.4.11 Biểu đồ tuần tự xóa Channel - << 5° s° se se sessessessessessessessese 38 2.4.4.12 Biéu đồ tuần tự thêm Menu 2.4.4.13 Biểu đồ tuần tự sửa Menu

2.4.4.14 Biểu đồ tuần tự xóa Menu

2.4.4.15 Biéu đồ tuần tự theo dõi Search IL,0gs . ° 5s ss©ssecssessessesse 40 2.4.4.16 Biểu đồ tuần tự xem phim theo thé loại phim . - 2s s<se 41 2.4.4.17 Biểu đồ tuần tự xem phim hot của thang - 2-5 s2 ©ssesse5se 41 2.4.4.18 Biểu đồ tuần tự xem phim theo Channel s -s- 5 s<sessessess 42 2.4.4.19 Biểu đồ tuần tự xem bình luận -2- s2 sscsessessesssessezsecse 42 2.4.4.20 Biểu đồ tuần tự bình luận <2 s< se se ssssevseEsserserserssesserse 43 2.4.4.21 Biểu đồ tuần tự tìm kiẾm -. <2 s<sssse©ssesseesevssessersersserserse 43 CHUONG III CÀI ĐẶT VÀ KET QUA TRIEN KHAI HỆ THÓNG 45

3.1 Yeu Cau hé nô nh 6 6 45

3.2 Thiét {1.0 01187 45

3.2.1 Giao diện LOIN d o5 G5 5 9 9 9 90 0.000.009 000086 45 3.2.2 Giao diện quản li Video 0 ó5 9 9.9 0.0.9 000000968041 56 45 3.2.3 Giao điện Quan lí FILM s- 5 << << << + 9191 95981059850050556 46 3.2.4 Giao diện quản lí Chanel S d G5 9 8 %9 %9 9.9949 89 96 999980959959948696 58 46 3.2.5 Giao điện quản lí Men <5 << << << + 91 99 0101098090 000556 47

3.2.6 Giao diện theo dõi lịch sử tìm kiếm của người dùng . 2- 5 sss 47

3.2.7 Giao diện trang Chủ Website - œ- <5 << HC 00006 86880685086 48

LAI THỊ HUYEN -D17HTTT2 y

Trang 8

3.2.8 Giao điện của từng MeN 5 << << «<< s 9 0008090050056 49

3.2.9 Giao diện chỉ tiẾt Phim - << 25252 ©s£ se Ss£EsEsEEsEESESsEEsEEsersersessssssssse 52

k<c.9⁄600/7 9006:0009) c1 52

KET LUAN 0 53

TÀI LIEU THAM KHÁO 5< ss°©s<©++e©++s£E+SeEEYAeEESseEEAeEvaeerxsstrsssrrssersse 54

LAI THỊ HUYEN -D17HTTT2 vỉ

Trang 9

DANH MỤC HÌNH VEHình 1 Biểu đô Usecase tổng quan

Hình 2 Biểu đô Usecase đăng nhậpHình 3 Biểu đồ Usecase quản lí video

Hình 4 Biểu đô Usecase quản lí phim

Hình 5 Biểu đô Usecase quản lí channelHình 6 Biểu đồ Usecase quản lí menu

Hình 7 Biểu đô Usecase theo dõi search logs

Hình 6 Biểu đồ Usecase xem phim theo thể loại phimHình 9 Biểu đồ Usecase xem phim hot cua tháng

Hinh 10 Biểu đô Usecase xem phim theo Channel

Hình II Biểu đồ Usecase xem bình luận

Hình 12 Biểu đô Usecase bình luậnHình 13 Biểu đô Usecase tìm kiểmHình 14 | Biểu đồ lớp

Hình 15 | Sơ do CSDLHình 16 Biểu đô tuân tự đăng nhập

Hình 17 Biểu đồ tuân tự thêm video

Hình IS Biểu đô tuần tự sửa video

Hình 19 Biéu đồ tuần tự xoá videoHình 20 Biểu đồ tuân tự search video

Hình 21 Biểu đô tuần tự thêm phimHình 22 Biểu đô tuân tự sửa phimHình 23 Biểu đô tuân tự xoá phimHình 24 Biểu đô tuần tự thêm channelHình 25 Biểu đô tuân tự sửa channel

Hình 26 Biểu đồ tuân tự xoá channel

Hình 27 Biểu đô tuần tự thêm menu

Hình 28 Biéu đồ tuân tự sửa menu

Hình 29 Biểu đô tuần tự xoá menuHình 30 Biểu đô tuân tự theo dõi Search LogsHình 3] Biểu đô tuân tự xem phim theo thể loại phimHình 32 Biểu đô tuân tự xem phim hót của tháng

Hình 33 Biểu đô tuân tự xem phim theo channelsHình 34 Biểu đồ tuân tự xem bình luận

Hình 35 Biểu đồ tuần tự bình luận

Hình 36 Biểu đồ tuân tự tìm kiếm

Hình 37 Giao diện đăng nhập

Hình 38 Giao diện quản lí video

Trang 10

Hình 39 Giao điện quản lí phim Hình 40 Giao diện quản lí channels Hình 41 Giao điện quản li menu

Hình 42 Giao diện theo đõi seach logs Hình 43 Giao điện trang chủ website Hình 44 Giao diện cua tùng menu

Hình 45 Giao diện chỉ tiết phim

Trang 11

Bang 5 Scenario tim kiém video

Bang 6 Scenario thém phim Bang 7 Scenario sửa phim Bang Š Scenario xóa phim Bang 9 Scenario thém channel Bang 10 Scenario sửa channel Bang 11 Scenario xóa channel Bang 12 Scenario thém menu Bang 13 Scenario sửa menu Bang 14 Scenario Xóa menu Bang 15 Scenario theo dõi search logs

Bang 16 Scenario xem phim theo thé loại phim

Bang 17 Scenario xem phim hót cua tháng Bang 18 Scenario xem phim theo channel Bang 19 Scenario xem bình luận

Bang 20 Scenario bình luận

Bang 21 Scenario tim kiém

LAI THỊ HUYEN -D17HTTT2 ix

Trang 12

LỜI MỞ ĐẦU

Trong thời buổi hiện nay, khi mà công nghệ phát triển, công nghệ thông tin ngày

càng phát triển trên thế giới cũng như Việt Nam và dan khang định được vị thé của

mình trong nền kinh tế thị trường Cùng với đó là sự ra đời của các ngôn ngữ lâp trình

cho phép thiết kế và xây dựng các ứng dụng nhằm đáp ứng các nhu cầu khác nhau của

con người Và một trong những ứng không thé thiếu ở nước ta là ứng dụng về nhu cầugiải trí Ứng dụng này nhằm mục đích giúp người dùng thư giãn những lúc căng thắng

mà không cần phải trực tiếp đến các khu vui chơi giải trí, mà chỉ cần sử dụng một thiết

bị máy tính, điện thoại có kết nối internet để truy cập vào website

Hiểu duoc các van đề đó cũng như đáp ứng nhu cầu của mọi người nên em thực

hiện đề tài: Xây dựng website xem film Với mục đích cung cấp các bộ phim hay và

độc đáo cho người xem qua những bộ phim mới ; cũng cấp đến người xem những thê loại phim và những bộ phim bồ ích Nội dung đồ án gồm 3 chương:

Chương 1: Cơ sở lý thuyết

Chương 2: Phân tích thiết kế hệ thống

Chương 3: Cài đặt và kết quả triển khai hệ thống

LAI THỊ HUYEN -D17HTTT2 x

Trang 13

Đồ án tốt nghiệp Đại học Chương I Cơ sở lý thuyết

CHUONG I CƠ SỞ LÝ THUYET1.1 Cơ sở lý thuyết về cơ sở dữ liệu MySQL

MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, 6n định và dễ sử dụng, có tính

khả chuyên, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các

hàm tiện ích rât mạnh.

Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truycập CSDL trên internet Người dùng có thể tải về MySQL miễn phí từ trang chủ.MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD,

NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS

MySQL là một trong những vi du rat cơ ban về Hệ Quản trị Cơ sé dữ liệu quan

hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)

MySQL được sử dụng trong các ứng dụng NodeJs, PHP, Perl, và nhiều ngôn ngữ

khác, làm nơi lưu trữ những thông tin trên các trang web viết bang NodeJs, PHP

hay Perl,

điểm của MySQL:

Dễ sử dụng: MySQL là cơ sở đữ liệu tốc độ cao, ôn định, dễ sử dụng và hoạt

động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất

mạnh.

Độ bảo mật cao: MySQL rat thích hợp cho các ứng dụng có truy cập CSDL trênInternet khi sở hữu nhiều nhiều tính năng bảo mật thậm chí là ở cấp cao

Đa tính năng: MySQL hỗ trợ rất nhiều chức năng SQL được mong chờ từ một

hệ quản trị cơ sở đữ liệu quan hệ cả trực tiếp lẫn gián tiếp.

Khả năng mở rộng và mạnh mẽ: MySQL có thé xử lý rất nhiều dữ liệu và hơn

thê nữa nó có thê được mở rộng nêu cân thiêt.

Nhanh chóng: Việc đưa ra một số tiêu chuẩn cho phép MySQL để làm việc rat

LAI THỊ HUYEN -D17HTTT2 1

Trang 14

hiệu quả và tiết kiệm chỉ phí, do đó nó làm tăng tốc độ thực thi

¢ Nhược điểm của MySQL:

Y Giới hạn: Theo thiết kế, MySQL không có ý định làm tất cả và nó đi kèm với

các hạn chê vê chức năng mà một vào ứng dụng có thê cân.

Y Độ tin cậy: Cách các chức năng cụ thé được xử lý với MySQL (ví dụ tài liệu

tham khảo, các giao dịch, kiểm toán, ) làm cho nó kém tin cậy hon so với một

sô hệ quản trị cơ sở dữ liệu quan hệ khác.

* Dung lượng hạn chế: Nếu số bản ghi của bạn lớn dần lên thì việc truy xuất dữ

liệu của bạn là khá khó khăn, khi đó chúng ta sẽ phải áp dụng nhiều biện pháp détăng tốc độ truy xuất dữ liệu như là chia tải database này ra nhiều server, hoặc

tạo cache MySQL.

1.2 Ngôn ngữ lập trình Java

> Java là một trong những ngôn ngữ lập trình hướng đối tượng Nó được sử dụng

trong phát triển phần mềm, trang web, game hay ứng dụng trên các thiết bị di

động.

> Java được khởi đầu bởi James Gosling và bạn đồng nghiệp ở Sun MicroSystem

năm 1991 Ban đầu Java được tạo ra nhằm mục đích viết phần mềm cho các sảnphẩm gia dụng, và có tên là Oak

> Java được tạo ra với tiêu chí “Viết (code) một lần, thực thi khắp nơi” (Write

Once, Run Anywhere — WORA) Chương trình phần mềm viết bằng Java cóthé chạy trên mọi nền tang (platform) khác nhau thông qua một môi trường thựcthi với điều kiện có môi trường thực thi thích hợp hỗ trợ nên tảng đó

s Đặc trưng của Java:

Y Là một ngôn ngữ hướng đối tượng hoàn toàn:

e Trong quá trình tạo ra một ngôn ngữ mới phục vụ cho mục đích chạy được

trên nhiều nền tảng, các kỹ sư của Sun MicroSystem muốn tạo ra một ngônngữ dễ học và quen thuộc với đa số người lập trình Vì vậy họ đã sử dụng lại

các cú pháp của C va C++.

e Tuy nhiên, trong Java thao tác với con trỏ bị lược bỏ nhằm đảo bảo tinh an

toàn va dé sử dụng hơn Các thao tác overload, goto hay các cau trúc như

Trang 15

struct và union cũng được loại bỏ khỏi Java.

Y Độc lập phan cứng và hệ điều hành:

e Một chương trình viết bằng ngôn ngữ Java có thê chạy tốt ở nhiều môi trường

khác nhau Gọi là khả năng “cross-platform” Khả năng độc lập phần cứng và

hệ điều hành được thể hiện ở 2 cấp độ là cấp độ mã nguồn và cấp độ nhi phân

e© Ở cấp độ mã nguồn: Kiểu dữ liệu trong Java nhất quan cho tat cả các hệ điều

hành và phần cứng khác nhau Java có riêng một bộ thư viện đề hỗ trợ vấn đềnày Chương trình viết bằng ngôn ngữ Java có thé biên dich trên nhiều loại

máy khác nhau mà không gặp lỗi.

s« O cấp độ nhị phân: Một mã biên dịch có thể chạy trên nhiều nền tảng khác

nhau mà không cần dịch lại mã nguồn Tuy nhiên cần có Java Virtual Machine

để thông dịch đoạn mã này

Y Ngôn ngữ thông dich:

e Ngôn ngữ lập trình Java thuộc loại ngôn ngữ thông dịch Chính xác hơn, Java

là loại ngôn ngữ vừa biên dịch vừa thông dịch.

e Khi viếtmã, hệ thống tạo ra một tệp java Khi biên dich mã nguồn của chương

trình sẽ được biên dich ra mã byte code May ảo Java (Java Virtual Machine)

sẽ thông dịch mã byte code này thành machine code (hay native code) khi

nhận được yêu cầu chạy chương trình

Y Cơ chế thu gom rác tự động:

e Khi tao ra các đối tượng trong Java, JRE sẽ tự động cấp phát không gian bộ

nhớ cho các đối tượng ở trên heap

e Với ngôn ngữ như C \ C++, bạn sẽ phải yêu cầu hủy vùng nhớ mà bạn đã cấp

phát, đề tránh việc thất thoát vùng nhớ Tuy nhiên vì một lý do nào đó, bạnkhông hủy một vài vùng nhớ, dẫn đến việc thất thoát và làm giảm hiệu năng

chương trình.

e Ngôn ngữ lập trình Java hỗ trợ cho bạn điều đó, nghĩa là bạn không phải tự

gọi hủy các vùng nhớ Bộ thu don rác của Java sẽ theo vét các tài nguyên đã

được câp Khi không có tham chiêu nào đên vùng nhớ, bộ thu dọn rác sẽ tiên

Trang 16

hành thu hồi vùng nhớ đã được cấp phát

Y Đa luồng: Java hỗ trợ lập trình đa tiến trình (multithread) dé thực thi các công

việc đồng thời Đồng thời cũng cung cấp giải pháp đồng bộ giữa các tiến trình

(giải pháp sử dụng priority ).

1.3 Spring Framework

> Spring là một Framework phát triển các ứng dụng Java được sử dụng bởi hàng

triệu lập trình viên Nó giúp tạo các ứng dụng có hiệu năng cao, dễ kiểm thử, sử

dụng lại code

> Spring là một mã nguôn mở, được phát triên, chia sẻ và có cộng đông người

dùng rất lớn

> Spring Framework được xây dựng dựa trên 2 nguyên tắc design chính là:

Dependency Injection và Aspect Oriented Programming.

Những tinh nang core (cốt lõi) của Spring có thé được sử dụng dé phat triển JavaDesktop, ứng dụng mobile, Java Web Mục tiêu chính của Spring là giúp phát triển các

ứng dụng J2EE một cách dễ dàng hơn dựa trên mô hình sử dụng POJO (Plain Old Java

Object)

“+ Đặc trưng của Spring Framework:

Y Spring cho phép lập trình viên sử dung POJOs: Việc sử dung POJOs giúp bạn

không phải làm việc với EJB, ứng dụng, các luồng chạy, cấu hình đơn giản

hơn rât nhiêu.

* Spring được tổ chức theo module: Số lượng các gói và các lớp khá nhiều,

nhưng bạn chỉ cần quan tâm đến những gì bạn cần và không cần quan tâm đến

phân còn lại.

Spring hỗ trợ sử dụng khá nhiều công nghệ như ORM Framework, các logging

framework, JEE, các thư viện tạo lịch trình (Quartz va JDK timer)

Module Web của Spring được thiết kế theo mô hình MVC nên nó cung cấp đầy

đủ các tính năng giúp thay thé các web framework khác như Struts

1.4 Ngôn ngữ lập trình Javascript

Trang 17

Ngôn ngữ lập trình Javaseript được giới thiệu đầu tiên vào năm 1995 với mụctiêu chính là cho phép lập trình điều khiến các thành phan nội dung trên trang web theo

một kịch bản xác định (script).

Ban đầu, JavaScript được phát triển trên môi trường trình duyệt Netscape vớitên gọi là LiveScript Theo thời gian, JavaScript dần trở nên phô biến, được hau hết các

trình duyệt hỗ trợ.

Hầu hết các trang web hiện nay đều dùng JavaScript Không những thế, một

phiên bản JavaScript là Node.js còn có thể được dùng dé phát triển ứng dụng back-end

Chính điều này đã làm cho JavaScript trở thành một trong những ngôn ngữ lập trình phổbiến nhất thế giới, và là ngôn ngữ "must know" (bắt buộc phải học) dành cho các nhàphát triển web

Đề đảm bảo tính thống nhất trong việc thực thi các đoạn mã lệnh JavaScript trên

các trình duyệt khác nhau, JavaScript chính thức được tô chức W3C chuẩn hóa và đặt

tên là ECMAScript.

s% Đặc trưng của Javascript:

Y Compile và chạy trực tiếp trên client

*_ Thông dụng và phổ biến:

e Javascript được người dùng đánh giá là ngôn ngữ lập trình đơn giản, dễ dàng

tìm hiểu cũng như sử dụng Với những cú pháp tương đối giống với tiếng Anhthì việc bạn có thể thực hiện thao tác với J avascript một cách dễ dàng và nhanh

chóng.

e Thông qua mô hình DOM được sử dụng, cung cấp tới nhiều tính năng hữu

ích, được viết sẵn và đem lại khả năng đáp ứng tốt với những nhu cau, đòi hỏi

khác nhau từ phía người dùng.

Y Độ nhanh chóng với người dùng cuối: Việc sử dụng ngôn ngữ Javascript có

khả năng đảm bảo khi mã được thực hiện trên thiết bị máy tính của người dùngđồng nghĩa với việc quá trình xử lý lẫn kết quả đều được hoàn thành ngay lập

tức Thời gian cụ thé sẽ phụ thuộc vào từng nhiệm vụ tương ứng thời gian nhất

định, tuy nhiên thường thì các vấn đề sẽ được giải quyết nhanh chóng

Y Hỗ trợ nhiều nền tảng lập trình: Javascript có thê được sử dụng cho cả backend

=em —.—.—.—

Trang 18

và frontend, với nhiều thư viện và framework hỗ trợ như Nodejs, Angualar,

ReactJS, VueJS

1.5 Angular Framework

Angular là một javascript framework do Google phat trién để xây dựng cácSingle Page Application (SPA) bang JavaScript , HTML và TypeScript

Angular cung cấp các tinh năng tích hợp cho animation , http service và có các

tính năng như auto-complete , navigation , toolbar , menus,

Code được viết bằng TypeScript , biên dịch thành JavaScript và hiển thị tương

tự trong trình duyệt.

s Đặc trưng của Angular Framework:

Y Cơ chế two-way binding: Đây là tính năng được developer đánh giá là ấn tượng

nhất của Angular Data binding tự động, tức thời Bat cứ thay đổi nào trên view,

dù là nhỏ nhất, cũng đều được tự động cập nhật thuộc tính “model” vào

component class và ngược lại.

VY Hỗ trợ cơ chế routing mạnh mé: Angular có cơ chế routing tải trang một cách

bất đồng bộ trên cùng một trang cho phép chúng ta tạo SPA

Mởrộng HTML: Nhờ Angular, developer có thé sử dung cau trúc lập trình giống

như điều kiện IF, vòng lặp FOR, những biến địa phương “local variables”, dé

render các control.

Y Thiết kế module hóa: Angular tiếp cận theo hướng thiết kế module hoá Người

dùng phải tạo các Angular Module dé tô chức tốt hơn và quản ly source code

1.6 Kết luận chương 1

Đồ án đã trình bay tong quan các lý thuyết sẽ áp dụng cho hệ thống về cơ sở dit

liệu MySQL, ngôn ngữ lập trình Java, Spring Framework, ngôn ngữ lập trình Javascript

va Angular Framework Kết quả của chương 1 sẽ được sử dụng dé xây dựng websitexem phim trong các chương tiếp theo của dự án

Trang 19

Đồ án tốt nghiệp Đại học Chương II Phân tích thiết kế hệ thong

CHUONG II PHAN TÍCH THIET KE HE THONG

2.1 Tong quan về đề tai

2.1.1 Lí do chọn đề tài

> Để đáp ứng được nhu cầu ngày càng lớn của con người, giúp mọi người

có thé thưởng thức những bộ phim hay

> Đáp ứng nhu cầu thư giãn và giải trí của con người sau giờ làm việc

> Bắt kịp xu thé phát trién của ngành công nghiệp sản xuất film trên thê giới2.1.2 Mục tiêu của đề tài

> Cung cấp kho phim hay và độc đáo cho người xem qua những bộ phim

mới

> Cung cấp cho người xem những thé loại phim và những bố phim bồ ích

> Phát triển website với quy mô lớn hơn đề đáp ứng với nhu cầu thực tế hiện

nay

2.1.3 Giới hạn và phạm vi

> Xây dựng website xem phim trực tuyến với các chức năng: giới thiệu, xem

phim online, cập nhật phim mới, phân loại phim theo thế loại phim,

> Pham vi tng dung: Su dung truc tuyén online trên mang,

> Đối tượng sử dụng: Website có thể sử dụng bởi người quản trị, người dùng

có thé phù hợp với mọi lứa tuối2.2 Xác đinh yêu cầu

s* Yêu cầu nghiệp vu:

Y Đối với người quản trị: Là người có quyền cao nhất của hệ thống có thể:

quản lí thông tin phim, thêm phim, thêm thé loại phim, thêm menu chowebsite, sửa xóa thông tin film, xử lí khắc phục các lỗi trên website,

Y Đối với thành viên: là người tìm hiểu thông tin phim, thành viên có thé

xem thông tin bộ phim, tìm kiếm bộ phim mình yêu thích hay thể loạiphim mình thích và xem phim trực tuyến trên website

Trang 20

2.3 Sơ đồ Usecase tổng quan và Usecase chỉ tiết

2.3.1 Sơ đồ Usecase tong quan

Xem phim theo

thể loại phim Người dùng

Admin

Hình 1: Biểu đồ Usecase tổng quan

“ Mô tả các UC:

* UC “Quản lý video”: Cho phép người quản trị có thé thêm mới video, sửa

xóa video, lựa chọn video được phát tiếp theo

Y UC “Quản lý thé loại phim”: Cho phép người quản trị có thê thêm mới,

sửa xóa thé loại, lựa chọn các bộ phim thuộc các thể loại này

Y UC “Quản lý Channel”: Cho phép người quản trị có thể thêm mới, sửa xóa

các channel

Y UC “Quản lý menu”: Cho phép người quan trị có thé thêm mới, sửa xóa

các menu

Y UC “Theo dõi search Log”: Cho phép người quản trị có thé thống kê các

bộ phim được tìm kiếm nhéu nhất trên website

¥ UC “Xem phim theo Channel”: Cho phép người dùng xem phim theo

Channel

Trang 21

* UC “Xem phim theo thé loại phim” : Cho phép người dùng xem phim theo

thê loại phim

¥ UC “Xem phim hót của tháng”: Cho phép người dùng xem phim hót của

tháng

¥ UC “Xem bình luận”: Cho phép người dùng xem các bình luận của phim

* UC “Tìm kiếm”: Người dùng có thé tìm kiếm phim theo tên của bộ phim

Y UC “Bình luận”: Người dùng có thé bình luận về bộ phim

Tiền điều kiện Đã có tài khoản trong hệ thống

Đảm bảo tối thiểu Đăng nhập thành công

Đảm bảo thành công Đăng nhập thành công

Kích hoạt Người quản trị đi đến trang quản trị

Chuỗi sự kiện chính

1 Người quản trị đi đến trang quản trị

2 Hệ thống hiển thị form đăng nhập

3 Người quản tri nhập username , pasword và click Login

4 Hệ thống hiện thi trang chủ của trang quan tri

Trang 22

Ngoại lệ

4.1 Hệ thống hiển thị thông báo Username or Password fail

Bang 1: Scenario đăng nhập vào hệ thông

2.3.2.2 Usecase chỉ tiết cho modun Quản lý video

1

e- 4

Hình 3: Biểu đồ Usecase quản lí video

> Scenario: Thêm video

Tên usecase Thêm video

Tác nhân chính Admin

Tiền điều kiện Người quản tri đăng nhập vào hệ thong

Đảm bảo tối thiểu Hệ thống hiên thị thông báo thêm

video thành công

Đảm bảo thành công Hệ thống hiển thị thông báo thêm video

thành công Kích hoạt Người quản trị click vào icon có biéu

tượng dấu (+)

Trang 23

1.Người quản trị đăng nhập vào hệ thống dé thêm mới video

2.Giao diện chính của trang quản tri hiện lên với các menu: Video, Film, Channel,

Menu, Search Logs, Logout

3 Người quan tri click chon chức năng quan lý “Video”

4 Giao hiện chức năng quản lý video hiện lên gồm bảng danh sách cách video đã được

phân trang, một Icon có biểu tượng dau (+), một 6 tìm kiém video

5 Người quản tri click icon có biểu tượng dau (+)

6 Giao diện thêm mới video hiện lên

7 Người quản trị đặt tên cho video, upload video, upload avatar cho video, click chọn

video phát tiếp theo, nhập mô tả cho video và click nút Save

8 Hệ thống hién thị thông báo Thêm mới video thành công, đồng thời thoát khỏi trang

thêm mới video và quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Thêm mới video không thành công

Bảng 2: Scenario thêm video

> Scenario: Sửa video

Tén usecase Stra video

Tiền điều kiện Người quan trị đăng nhập vào hệ thông

Đảm bảo tối thiểu Hệ thống hiền thi thông báo sửa video

thành công

Đảm bảo thành công Hệ thông hiển thị thông báo sửa video

thành công Kích hoạt Người quản tri click nút Edit

1.Người quan trị đăng nhập vào hệ thống dé sửa video

2.Giao diện chính của trang quản trị hiện lên với các menu: Video, Film, Channel,

LAI THỊ HUYEN —D17HTTT2 Il

Trang 24

3 Người quản trị click chọn chức năng quản lý “Video”

4 Giao hiện chức năng quản lý video hiện lên gồm bảng danh sách cách video đã đượcphân trang, một icon có biểu tượng dấu (+), một 6 tìm kiếm video

5 Người quản tri click icon ở cột Action ở danh sách video và click nút Edit

6 Giao diện sửa video hiện lên

7 Người quản tri chỉnh sửa thông tin cho video và click nút Save

8 Hệ thống hiền thị thông báo Chỉnh sửa video thành công, đồng thời thoát khỏi trang

chỉnh sửa video và quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Chỉnh sửa video không thành công

Bảng 3: Scenario sửa video

> Scenario: Xóa video

Tén usecase Xóa video

Tac nhân chính Admin

Tiền điều kiện Người quản trị đăng nhập vào hệ thong

Đảm bảo tối thiểu Hệ thống hiển thị thông báo xóa video

thành công

Đảm bảo thành công Hệ thống hiên thị thông báo xóa video

thành công Kích hoạt Người quản trị click nút Remove

1.Người quản trị đăng nhập vào hệ thống dé xóa video

2.Giao diện chính của trang quản tri hiện lên với các menu: Video, Film, Channel, Menu, Search Logs, Logout

3 Người quản tri click chọn chức năng quản lý “Video”

4 Giao hiện chức năng quản lý video hiện lên gồm bảng danh sách các video đã được

phân trang, một icon có biểu tượng dấu (+), một 6 tìm kiếm video

5 Người quản tri click icon ở cột Action ở danh sách video va click nút Remove

6 Giao diện xóa video hiện lên

Trang 25

7 Người quản tri click nút Remove

8 Hệ thống hién thị thông Xóa video thành công, đồng thời quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thong báo Xóa video không thành công

Bảng 4: Scenario xóa video

> Scenario: Tìm kiêm video

Tén usecase Tim kiém video

Tac nhan chinh Admin

Tién diéu kién Người quan trị đăng nhập vào hệ thong

Đảm bảo tối thiểu Hệ thông hiển thị danh sách video cần

tìm

Đảm bảo thành công Hệ thống hiền thị danh sách video cần tìm

Kích hoạt Người quản trị nhập tên video và click

Tìm kiếm

1.Người quản trị đăng nhập vào hệ thống đề tìm kiếm video

3 Người quan tri click chon chức năng quản ly “Video”

4 Giao hiện chức năng quản lý video hiện lên gồm bảng danh sách cách video đã đượcphân trang, một Icon có biểu tượng dấu (+), một ô tìm kiếm video

5 Người quản trị nhập tên video và click nút tìm kiếm

6 Hệ thống hiển thị danh sách video tìm được

Ngoại lệ

6.1 Hệ thống không hiền thị video nao

Bảng 5: Scenario tìm kiêm video

2.3.2.3 Usecase chỉ tiết cho module Quản lý phim

Trang 26

> Scenario: Thêm phim

Tén usecase Thém phim

Tiền điều kiện Người quản trị đăng nhập vào hệ thông

Đảm bảo tối thiểu Hệ thống hiền thị thông báo thêm phim

thành công

Đảm bảo thành công Hệ thống hiển thị thông báo thêm phim

thành công Kích hoạt Người quản tri click vào icon có biêu

tượng dấu (+)

1.Người quản trị đăng nhập vào hệ thong dé thêm mới phim

3 Người quản tri click chọn chức năng quản lý “Film”

4 Giao hiện chức năng quản lý thê loại hiện lên gồm bảng danh sách các thê loại đã

được phân trang, một icon có biểu tượng dấu (+)

6 Giao diện thêm mới thể loại hiện lên

Trang 27

7 Người quản tri đặt tên cho phim, chon avatar cho phim, chọn các video thuộc thể loại

này, nhập mô tả và click nút Save

8 Hệ thống hiền thị thông báo Thêm mới phim thành công, đồng thời thoát khỏi trang

thêm mới phim và quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Thêm mới phim không thành công

Bảng 6: Scenario thêm phim

> Scenario: Sửa phim

Tên usecase Sửa phim

Tiền điều kiện Người quản trị đăng nhập vào hệ thống

Đảm bảo tối thiểu Hệ thống hiên thị thông báo sửa phim

thành công

Đảm bảo thành công Hệ thống hiển thi thông báo sửa phim

thành công Kích hoạt Người quản trị click nút Edit

1.Người quản trị đăng nhập vào hệ thống dé sửa phim

Menu, Search Logs, Logout 3.Người quản tri click chọn chức năng quản ly “Film”

4.Giao hiện chức năng quản lý thể loại hiện lên gồm bảng danh sách các phim đã được

phân trang, một icon có biểu tượng dấu (+)

5.Người quan tri click icon ở cột Action ở danh sách phim và click nút Edit

6 Giao diện sửa phim hiện lên

7.Người quản trị chỉnh sửa thông tin cho phim và click nút Save

LAI THỊ HUYEN —D17HTTT2 15

Trang 28

8 Hệ thống hiển thị thông báo Chỉnh sửa phim thành công, đồng thời thoát khỏi trangchỉnh sửa phim và quay về trang trước

Ngoại lệ

8.1 Hệ thống hién thị thông báo Chỉnh sửa phim không thành công

Bảng 7: Scenario sửa phim

> Scenario: Xóa phim

Tên usecase X6a phim

Tién diéu kién Người quan trị đăng nhập vào hệ thông

Đảm bảo tối thiểu Hệ thống hiền thị thông báo xóa phim

thành công

Đảm bảo thành công Hệ thống hiển thị thông báo xóa phim

1.Người quản trị đăng nhập vào hệ thong dé xóa phim

2.Giao diện chính của trang quản trị hiện lên với các menu: Video, Film, Channel, Menu, Search Logs, Logout

3 Người quan tri click chọn chức nang quan ly “Film”

4 Giao hiện chức năng quan ly phim hiện lên gồm bảng danh sách các phim đã đượcphân trang, một icon có biểu tượng dấu (+)

5 Người quản tri click icon ở cột Action ở danh sách phim và click nút Remove

6 Giao diện xóa phim hiện lên

8 Hệ thống hién thi thông báo Xóa phim thành công, đồng thời quay về trang trước

LAI THỊ HUYEN —D17HTTT2 16

Trang 29

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Xóa phim không thành công

Bang 8: Scenario xóa phim

2.3.2.4 Usecase chi tiét cho module Quan ly channel

> Scenario: Thêm channel

Tén usecase Thém channel

Tién diéu kién Người quan trị đăng nhập vào hệ thống

Dam bao toi thiểu Hệ thống hiện thị thông báo thêm

Trang 30

1.Người quản trị đăng nhập vào hệ thống dé thêm mới channel

3 Người quản tri click chọn chức năng quản lý “Channel”

4 Giao hiện chức năng quản lý channel hiện lên gồm bảng danh sách các channel đã

6 Giao diện thêm mới channel hiện lên

7 Người quản tri nhập thông tin cho channel và click nút Save

8 Hệ thống hién thị thông báo Thêm mới channel thành công, đồng thời thoát khỏi

trang thêm mới channel và quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Thêm mới channel không thành công

Bảng 9: Scenario thêm channel

> Scenario: Sửa channel

Tén usecase Sửa channel

Tiền điều kiện Người quan trị đăng nhập vào hệ thông

Đảm bảo tối thiểu Hệ thống hiển thị thông báo sửa

channel thành công

Đảm bảo thành công Hệ thống hiên thị thông báo sửa channel

1.Người quan trị đăng nhập vào hệ thống dé sửa channel

Trang 31

3.Người quản trị click chọn chức năng quản lý “Channel”

4.Giao hiện chức năng quản lý channel hiện lên gồm bảng danh sách các channel đã

5.Người quản trỊ click icon ở cột Action ở danh sách channel và click nút Edit

6 Giao diện sửa channel hiện lên

7.Người quản trị chỉnh sửa thông tin cho channel và click nút Save

8.Hé thong hién thị thông báo Chỉnh sửa channel thành công, đồng thời thoát khỏitrang chỉnh sửa channel và quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thi thông báo Chỉnh sửa channel không thành công

Bảng 10: Scenario sửa channel

> Scenario: Xóa channel

Tén usecase Xóa channel

Tiền điều kiện Người quản trị đăng nhập vào hệ thong

Đảm bảo tối thiểu Hệ thống hiển thị thông báo xóa

channel thành công

Đảm bảo thành công Hệ thông hiền thị thông báo xóa channel

1.Người quản trị đăng nhập vào hệ thống dé xóa channel

2.Giao diện chính của trang quản tri hiện lên với các menu: Video, Film, Channel, Menu, Search Logs, Logout

3 Người quan tri click chọn chức năng quản lý “Channel”

4 Giao hiện chức năng quản lý thê loại hiện lên gồm bảng danh sách các channel đã

5 Người quản tri click icon ở cột Action ở danh sách channel và click nút Remove

6 Giao diện xóa channel hiện lên

Trang 32

8 Hệ thống hién thị thông Xóa channel thành công, đồng thời quay về trang trước

Ngoại lệ

8.1 Hệ thống hién thị thông báo Xóa channel không thành công

Bảng 11: Scenario xóa channel

2.3.2.5 Usecase chỉ tiết cho module Quản lý menu

> Scenario: Thêm menu

Tên usecase Thêm menu

Đảm bảo tối thiểu Hệ thống hiên thị thông báo thêm

menu thành công

Đảm bảo thành công Hệ thống hiển thị thông báo thêm menu

thành công Kích hoạt Người quản trị click vào icon có biêu

tượng dấu (+)

Trang 33

1.Người quản trị đăng nhập vào hệ thống đề thêm mới menu

3 Người quản tri click chọn chức năng quản lý “Menu”

4 Giao hiện chức năng quản lý channel hiện lên gồm bảng danh sách các menu đã

6 Giao diện thêm mới menu hiện lên

7 Người quản trị nhập thông tin cho menu và click nút Save

8 Hệ thống hién thị thông báo Thêm mới menu thành công, đồng thời thoát khỏi trang

thêm mới menu va quay về trang trước

Ngoại lệ

8.1 Hệ thống hiển thị thông báo Thêm mới menu không thành công

Bảng 12: Scenario thêm menu

> Scenario: Sửa menu

Tén usecase Sửa menu

Đảm bảo tối thiểu Hệ thống hiền thị thông báo sửa menu

thành công

Đảm bảo thành công Hệ thông hiển thị thông báo sửa menu

1.Người quan trị đăng nhập vào hệ thống dé sửa menu

3.Người quan tri click chon chức năng quản lý “Menu”

Tiêu đề	Xây dựng website xem phim
Tác giả	Lai Thị Huyền
Người hướng dẫn	TS. Nguyễn Tất Thắng
Trường học	Học Viện Công Nghệ Bưu Chính Viễn Thông
Chuyên ngành	Công nghệ thông tin
Thể loại	Đồ án tốt nghiệp Đại học
Năm xuất bản	2021
Thành phố	Hà Nội

Định dạng
Số trang	66
Dung lượng	14,23 MB