môn lập trình web Đề tài Xây dựng web xem phim online

➢ Thêm dữ liệu có liên quan tới phim: Thể loại, thẻ tag, ngôn ngữ,quốc gia, đạo diễn, diễn viên,… ➢ Thêm phim: Người quản trị hoặc biên tập viên sẽ thêm những bộ phim mới vào hệ thống..

Đề tài: Xây dựng web xem phim online

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP THỰC PHẨM TP.HỒ CHÍ MINH

Giảng viên hướng dẫn: Trần Như Ý

MÔN: LẬP TRÌNH WEB

TỔNG QUAN VỀ ĐỒ ÁN 1

1.1 HIỆN TRẠNG HỆ THỐNG

Hệ thống website mà nhóm em đã làm hiện tại vẫn là một đồ án phục vụ cho môn học “Lập trình Web” Hệ thống vẫn được hoàn thiện thêm theo từng ngày nhằm đáp ứng tốt với những yêu cầu ngày càng cao của người dùng, khách truy cập.

Giới thiệu về hệ thống

Hệ thống website mà nhóm em đang làm là một nền tảng cho phép người dùng, khách truy cập thưởng thức các bộ phim với kho phim đang càng ngày nhiều hơn Hiện tại

hệ thống website đã đáp ứng được với những phim lẻ, phim chiếu rạp.

Hiện trạng hệ thống

Các quy trình hoạt động

Đối với người quản trị, biên tập viên:

➢ Đăng nhập: Người quản trị hoặc biên

tập viên sẽ đăng nhập vào hệ thống

➢ Thêm dữ liệu có liên quan tới phim:

Thể loại, thẻ tag, ngôn ngữ,quốc gia,

đạo diễn, diễn viên,…

➢ Thêm phim: Người quản trị hoặc

biên tập viên sẽ thêm những bộ

phim mới vào hệ thống

Đối với người dùng, khách truy cập:

➢ Đăng nhập: Người dùng, khách truy cập sẽ đăng nhập vào tài khoản

➢ Chọn phim: Từ các danh sách hoặc tìm kiếm phim mong muốn

➢ Xem chi tiết phim: Xem chi tiết thông tin phim

➢ Xem phim: Thưởng thức nội dung phim

Trang web cho phép người dùng và khách truy cập xem các phim lẻ, phim chiếu rạp Chỉ có những tài khoản có quyền quản trị hoặc quyền biên tập viên mới có thể thực hiện thêm mới, chỉnh sửa phim.

Phạm vi

Đối với người dùng, khách truy cập có thể xem phim, tìm kiếm phim, thực hiện các đánh giá đơn giá đơn giản

về phim (thích hoặc không thích phim).

Phạm vi

❖ Sử dụng các ngôn ngữ: HTML, CSS, Javascript, C# (.NET Framework 4.5)

❖ Sử dụng các công cụ lập trình: Visual Studio Code, SQL Server 2014 trở lên, Visual Studio 2019.

❖ Các công cụ hỗ trợ khác: Live Server (tiện ích trong Visual Studio Code), Live Share (tiện ích được tích hợp trong Visual Studio Code và Visual Studio 2019), nền tảng quản lý mã nguồn Github.

Môi trường triển khai

1.3 SỰ CẦN THIẾT, LÝ DO

➢ Nhu cầu về giải trí cũng ngày càng cao với đại bộ phận người dân Với sự phát triển của Internet, những.

➢ Nhận thấy nhu cầu xem phim online ngày càng phổ biến.

PHÂN TÍCH YÊU CẦU VÀ QUY

TRÌNH NGHIỆP VỤ 2

2.1 PHÂN TÍCH YÊU CẦU

➢Yêu cầu của người dùng, khách truy cập

➢Yêu cầu của người quản trị, biên tập viên

Yêu cầu của người dùng, khách truy cập

➢ Giao diện dễ sử dụng, phù hợp với nhu cầu xem phim online.

➢ Tìm kiếm được phim dễ dàng.

➢ Có các đáp ứng được các nhu cầu cần thiết cho người dùng, khách truy cập.

➢ Đăng ký, đăng nhập tài khoản, các tác vụ quản lý tài khoản dễ dàng.

➢ Kho phim đa dạng.

➢ Thông tin tài khoản được bảo mật tốt.

Yêu cầu của người quản trị, biên tập viên

➢ Có các chức năng thống kê: Số lượng phim, thể loại, lượt xem trang hiện tại,

tình trạng hệ thống,…

➢ Quản lý được các dữ liệu phim (xem chi tiết, thêm, xóa, sửa).

➢ Quản lý được các dữ liệu liên quan như: Thể loại, thẻ tag, ngôn ngữ, quốc gia,

đạo diễn, diễn viên,…

➢ Quản lý các tài khoản, quyền hạn của tài khoản,…(Chỉ có người quản trị mới

có thể thay đổi).

➢ Quản lý các dữ liệu trên hệ thống dễ dàng.

Các tác nhân Các tác vụ có thể thực hiện

Quản trị, biên tập viên Quản lí phim, thể loại, đạo diễn, diễn viên,…

Quản trị, biên tập viên Các chức năng thống kê.

Quản trị Quản lí các tài khoản, quyền hạn tài khoản,…

Quản trị, biên tập viên, người dùng Đăng nhập, đăng xuất, đăng ký, lấy lại mật khẩu.

Quản trị, biên tập viên, người dùng Các tác vụ như xem chi tiết phim, phim theo thể loại, tìm kiếm, xem phim,

đánh giá phim.

Các tình huống sử dụng

2.2 QUY TRÌNH NGHIỆP VỤ

➢ Mô hình nghiệp vụ tạo tài khoản

➢ Mô hình nghiệp vụ đăng nhập tài khoản

➢ Mô hình nghiệp vụ lấy lại mật khẩu cho tài khoản

➢ Mô hình nghiệp vụ phần dành cho người dùng,

khách truy cập

➢ Mô hình nghiệp vụ phần quản trị

➢ Mô hình Usecase tổng quát

Mô hình nghiệp vụ tạo tài khoản

Mô hình nghiệp vụ đăng nhập tài khoản

Mô hình nghiệp vụ lấy lại mật khẩu cho tài khoản

Mô hình nghiệp vụ phần dành cho người dùng,

khách truy cập

Mô hình nghiệp vụ phần quản trị

Mô hình Usecase tổng quát

2.3 YÊU CẦU CHỨC NĂNG

➢ Nhóm chức năng thuộc phần quản trị

➢ Nhóm chức năng thuộc phần tài khoản

➢ Nhóm các chức năng người dùng, khách truy cập

Nhóm chức năng thuộc phần quản trị

➢ Quản lý phim: Chức năng thêm, sửa, xóa các thông tin của bộ phim.

➢ Quản lý thể loại: Chức năng thêm, sửa, xóa các thông tin thể loại của bộ phim.

➢ Quản lý thẻ tag: Chức năng thêm, sửa, xóa các thẻ tag của bộ phim.

➢ Quản lý quốc gia: Chức năng thêm, sửa, xóa các quốc gia sản xuất của bộ

phim

➢ Quản lý ngôn ngữ: Chức năng thêm, sửa, xóa các ngôn ngữ gốc của bộ phim.

➢ Quản lý đạo diễn: Chức năng thêm, sửa, xóa các đạo diễn của bộ phim.

➢ Quản lý diễn viên: Chức năng thêm, sửa, xóa các diễn viên của bộ phim.

Nhóm chức năng thuộc phần tài khoản

➢ Đăng nhập: Cho phép đăng nhập vào tài khoản người dùng, người quản trị,

biên tập viên và điều hướng tới trang phù hợp

➢ Đăng xuất: Đăng xuất khỏi tài khoản, xóa phiên người dùng hiện tại.

➢ Đăng ký: Đăng ký 1 tài khoản mới tài khoản người dùng mới

➢ Xác minh tài khoản: Sau khi kích hoạt tài khoản thành công, người dùng có thể đăng nhập vào website

➢ Lấy lại mật khẩu: Hỗ trợ người dùng, người quản trị, biên tập viên có thể tạo

mới mật khẩu nếu như quên mật khẩu hiện tại

Nhóm chức năng thuộc phần người dùng, khách truy cập

➢ Phim mới nhất: Lấy ra danh sách phim mới được thêm.

➢ Phim theo thể loại: Lấy ra danh sách phim theo thể loại được yêu cầu.

➢ Danh sách thể loại: Danh sách thể loại phim của trang web đang có.

➢ Chi tiết phim: Lấy ra toàn bộ thông tin phim bao gồm: tên, mô tả, đạo diễn,

diễn viên, ngôn ngữ, quốc gia,…

➢ Trang xem phim: Trang có chức năng cho người dùng xem phim đã chọn.

➢ Tìm kiếm phim: Tìm những bộ phim có tên chứa từ khóa được nhập vào.

THIẾT KẾ HỆ THỐNG 3

Lược đồ Diagram

➢ Bảng người dùng (User): lưu trữ thông tin tài khoản của người dùng và người

➢ Bảng thể loại (Category): lưu trữ thông tin thể loại.

➢ Bảng thẻ Tag (Tag): lưu trữ thông tin thẻ tag.

➢ Bảng quốc gia (Country): lưu trữ thông tin quốc gia của phim.

➢ Bảng ngôn ngữ (Language): lưu trữ thông tin ngôn ngữ của phim.

➢ Bảng đạo diễn (Director): lưu trữ thông tin đạo diễn.

➢ Bảng diễn viên (Cast): lưu trữ thông tin diễn viên.

➢ Bảng phân phối thể loại (CategoryDistribution): lưu trữ thông tin các thể

loại của phim

➢ Bảng phân phối thẻ Tag (TagDistribution): lưu trữ thông tin các thẻ tag của

phim

Các bảng trong cơ sở dữ liệu

➢ Bảng đạo diễn của phim (DirectorOfFilm): lưu trữ các đạo diễn của phim.

➢ Bảng diễn viên của phim (CastOfFilm): lưu trữ thông tin các diễn viên của phim

➢ Bảng phim (Film): lưu trữ thông tin phim

Các bảng trong cơ sở dữ liệu

XÂY DỰNG CHƯƠNG TRÌNH 4

4.1 PHẦN NGƯỜI DÙNG, KHÁCH TRUY CẬP

Trang chủ

Trang phim theo thể loại

Trang kết quả tìm kiếm

Trang lịch sử xem phim của phiên đăng nhập

Trang chi tiết phim

Trang xem phim

Trang chủ rút gọn

Trang phim theo thể loại rút gọn

Trang xem chi tiết rút gọn

Trang xem phim rút gọn

4.2 PHẦN TÀI KHOẢN

Trang đăng ký

Trang đăng nhập

Trang lấy lại mật khẩu

Trang nhập mã xác nhận

Trang nhập mật khẩu mới

Trang đăng xuất

4.3 PHẦN QUẢN TRỊ

Trang tổng quan

Nhóm các trang xem danh sách

Nhóm các trang xem chi tiết một đối tượng

Nhóm các trang tạo mới một đối tượng

Nhóm các trang chỉnh sửa một đối tượng

Nhóm các trang xóa một đối tượng

KẾT LUẬN VÀ ĐỊNH HƯỚNG

Kết quả đạt được

Về chức năng: Hệ thống website đã hoàn thiện được hầu hết chức năng cơ bản của

một website xem phim như là:

➢ Người dùng có thể tạo tài khoản, đăng nhập, lấy lại mật khẩu và sử dụng các chức năng như xem danh sách phim, tìm kiếm phim, xem chi tiết phim, xem phim,…

➢ Người quản trị có thể xem thống kê cơ bản như xem số lượng phim, thể loại, thẻ tag, lượng người đang truy cập Người quản trị sẽ được sử dụng các chức năng thêm, xóa, sửa, xem chi tiết phim, thể loại, ngôn ngữ, quốc gia,

Kết quả đạt được

Về giao diện: Hệ thống đã phát triển được giao diện tương đối đẹp, bố cục gọn

gàng Hệ thống website có 4 phần giao diện bao gồm:

➢ Phần dành cho quản trị: Giao diện được thiết kế trên tông màu sáng, có sidebar chứa những chức năng quản lý cần thiết Các chức năng được thiết kế một cách tối ưu, đơn giản, không gây rối nhằm đáp ứng tốt cho người quản trị

➢ Phần tài khoản: Giao diện được thiết kế trong tông màu tối, đáp ứng cơ bản cho các chức năng đăng nhập, đăng ký và các thao tác khác liên quan đến tài khoản

Kết quả đạt được

Về giao diện:

➢ Phần dành cho người dùng, khách truy cập: Giao diện được thiết kế trên tông màu xanh tối, bố cục giao diện được sắp xếp hợp lý phù hợp nhằm mang tới những trải nghiệm tốt cho người dùng và khách truy cập

➢ Phần dành cho người dùng, khách truy cập (phiên bản rút gọn): Giao diện được rút gọn ở mức tối đa, loại bỏ các chức năng không cần thiết nhằm tăng tốc độ trong trường hợp tốc độ truy cập chậm

Kết quả đạt được

➢ Về hiệu năng: Hệ thống có hiệu năng ở mức chấp nhận được, khả năng đáp

ứng của hệ thống tương đối nhanh Hệ thống được kiểm tra tương đối kỹ, giảm thiểu được phần lớn các lỗi cố xảy ra

➢ Về kiến thức và kỹ năng: Thông qua đồ án này, nhóm em đã được tiếp cận

thêm nhiều kiến thức mới về ngôn ngữ lập trình C#, cách sử dụng HTML, CSS, Javascript, thư viện Bootstrap, Video.js,… để xây dựng giao diện Bên cạnh đó, các kỹ năng tìm kiếm thông tin, phân tích nghiệp vụ, xử lý các vấn đề phát sinh trong quá trình làm đồ án được cải thiện lên rất nhiều

Kết quả chưa đạt được

Về chức năng: Hệ thống hiện tại vẫn còn thiếu những chức năng cần thiết và nâng

cao như sau:

➢ Người dùng vẫn chưa có chức năng như bình luận, viết đánh giá phim, thêm phim vào danh sách yêu thích, nhận thông báo khi có phim mới,… Chưa có các chức năng cập nhật thông tin cho tài khoản người dùng

➢ Người quản trị chỉ có thể xem các thống kê cơ bản, các thống kê chi tiết, công

cụ phân tích vẫn chưa có Các chức năng của phần quản trị được thiết kế chỉ đáp ứng được với lượng dữ liệu nhỏ

Kết quả chưa đạt được

Về giao diện: Phần lớn giao diện được thiết kế đẹp, tuy nhiên vẫn còn tại những

vấn đề sau:

➢ Phần dành cho quản trị, phần tài khoản, phần dành cho người dùng, khách truy cập (phiên bản rút gọn): Thiết kế chưa đáp ứng cho các thiết bị di động (chưa responsive)

➢ Phần dành cho người dùng, khách truy cập: Giao diện có nhiều thành phần, kích thước lớn làm giảm hiệu năng cho hệ thống

Kết quả chưa đạt được

➢ Về hiệu năng: Tại thời điểm hiện tại, hệ thống đáp ứng tốt các yêu cầu sử

dụng Tuy nhiên, trong tương lai khi quy mô của hệ thống thay đổi thì chắc chắn hệ thống sẽ không thể đáp ứng được các yêu cầu, lúc đó hệ thống phải được thiết kế lại

➢ Về bảo mật: Hệ thống vẫn tồn tại những lỗ hổng tiềm ẩn Những lỗ hổng này

nếu bị khai thác cho mục đích tấn công hệ thống thì sẽ gây ảnh hưởng lớn cho

hệ thống

Định hướng phát triển

➢ Trong tương lai, nhóm chúng em sẽ tiếp tục phát triển các chức năng đang ở mức cơ bản của hệ thống Bên cạnh đó, nhóm em sẽ phát triển thêm nhiều các chức năng mới cho hệ thống: Hỗ trợ thanh toán online, viết đánh giá phim, thông báo khi có phim mới, chức năng xử lý ảnh, lưu trữ video trên các nền tảng đám mây,…

➢ Việc cải thiện hiệu năng cũng vô cùng quan trọng trong tương lai khi mà lượng người dùng và dữ liệu ngày một nhiều lên Giải pháp trong tương lai là tối ưu lại toàn bộ câu truy vấn cơ sở dữ liệu, thiết kế lại toàn bộ cơ sở dữ liệu, giao diện loại bỏ bớt hiệu ứng không cần thiết, chuyển hình ảnh và video lên nền tảng đám mây…

Any questions?