Xây dựng website xem phim tích hợp hệ thống khuyến nghị

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN ĐỀ TÀI: XÂY DỰNG WEBSITE XEM PHIM TÍCH HỢP HỆ THỐNG KHUYẾN NGHỊ Giảng viên hướng dẫn:Ths Nguyễn Thị Thanh Trúc Sinh viên thực hiện: Nguyễn Ngọc Đức-20521197 Lâm Phú Sỹ-20521853 TP.HỒ CHÍ MINH, 6/2023 LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để thực Đồ án Để hồn thành Đồ án này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thơng tin Chúng em xin gửi lời cảm ơn chân thành đến cô Nguyễn Thị Thanh Trúc tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà cịn hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy cô khoa, bạn bè, tập thể lớp PMCL2020.2 người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm Đồ án chúng em khơng tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý quý thầy để hồn thiện phát triển đồ án Khóa luận tốt nghiệp tương lai Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người TP Hồ Chí Minh, 18 tháng năm 2023 Nhóm sinh viên thực viện Nguyễn Ngọc Đức -20521197 Lâm Phú Sỹ -20521853 MỤC LỤC CHƯƠNG I: GIỚI THIỆU CHUNG 12 1.1Tổng quan đề tài 12 1.2 Lý chọn đề tài 12 1.3 Phân tích thị trường đối thủ cạnh tranh 12 1.4 Đối tượng sử dụng 15 1.5 Phạm vi nghiên cứu 16 1.5.1 Phạm vi môi trường 16 1.5.2 Phạm vi chức 16 CHƯƠNG II:CƠ SỞ LÝ THUYẾT VÀ NỀN TẢNG CÔNG NGHỆ 16 2.1 ReactJs 16 2.2 Tailwind CSS 19 2.3 NodeJS 21 2.4 MongoDB 23 2.5 Cloudinary 25 2.6 Hệ thống khuyến nghị 26 2.6.2 Khái niệm 26 2.6.3 Phân loại recommendation system 26 2.6.4 Ưu điểm recommendation system 28 2.6.5 Nhược điểm recommendation system 28 2.6.6 Content-based recommendation system 29 2.6.7 Các bước triển khai 29 CHƯƠNG III :THIẾT KẾ HỆ THỐNG .32 3.1 Kiến trúc hệ thống: Mơ hình Client – Server 32 3.1.1 Sơ đồ tổng quan giới thiệu 32 3.1.2 Chi tiết thành phần hệ thống 33 3.2 Yêu cầu chức 35 3.2.1 Sơ đồ Usecase 35 3.2.2 Danh sách tác nhân 36 3.2.3 Danh sách Use Case 36 3.2.4 Mô tả chi tiết Use Case 37 3.2.4.1 Đăng ký 37 3.2.4.2 Đăng nhập 38 3.2.4.3 Đăng xuất 40 3.2.4.4 Quên mật 42 3.2.4.5 Tìm kiếm phim 43 3.2.4.6 Xem phim 45 3.2.4.7 Đổi chủ đề Theme 46 3.2.4.8 Xem bình luận 47 3.2.4.9 Bình luận 48 3.2.4.10 Rating 50 3.2.4.11 Thêm phim 52 3.2.4.12 Xóa phim 53 3.2.4.13 Sửa phim 55 3.2.4.14 Thêm diễn viên 56 3.2.4.15 Xóa diễn viên 58 3.2.4.16 Sửa diễn viên 59 3.2.4.17 Thêm phim yêu thích 61 3.2.4.18 Xóa phim u thích 62 CHƯƠNG IV:THIẾT KẾ CƠ SỞ DỮ LIỆU .64 4.1 Bảng Actor 64 4.2 Bảng Emailverificationtoken 64 4.3 Bảng Movies 64 4.4 Bảng passwordresettokens 65 4.5 Bảng reviews 65 4.6 Bảng users 65 4.7 Bảng favorites 66 CHƯƠNG V :THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 66 5.1 Screen Flow 66 5.2 Danh sách hình 67 5.3 Mơ tả chi tiết hình 67 5.3.1 Trang 67 5.3.2 Trang đăng ký 69 5.3.3 Trang đăng nhập 69 5.3.4 Trang quên mật 70 5.3.5 Trang tạo mật 71 5.3.6 Trang xác thực 72 5.3.7 Trang chi tiết phim 73 5.3.8 Trang đánh giá phim 75 5.3.9 Trang xem bình luận phim 76 5.3.10 Trang danh sách phim yêu thích 76 CHƯƠNG VI:CÀI ĐẶT VÀ KIỂM THỬ 77 6.1 Môi trường cài đặt kiểm thử 77 6.2 Kết kiểm thử: 78 CHƯƠNG VII: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .79 7.1 Kết 79 7.2 Khó khăn 79 7.3 Kết 79 7.4 Hạn chế đồ án 80 7.5 Hướng phát triển 80 CHƯƠNG VIII : TÀI LIỆU THAM KHẢO 80 DANH MỤC HÌNH ẢNH Hình 1:Diễn biến thảo luận mạng xã hội Netflix Hình 2:Diễn biến thảo luận mạng xã hội FPT PLAY Hình 3:Framework ReactJs Hình 4:TailwindCss Hình 5:Framework Nodejs Hình :Hệ sơ quản trị liệu MongoDB Hình 7: Cloudinary 15 15 17 20 21 24 25 Hình 8: Recommendation Systems Hình 9:Import thư viện Hình 10: Khởi tạo liệu (Code) Hình 11: Thiết lập ma trận TF - IDF (Code) Hình 12: Tính độ tương đồng item (Code) Hình 13: Xử lí kết (Code) Hình 15:Sơ đồ UseCase Hình 16:Activity Diagram Đăng ký Hình 17:Activity Diagram Đăng nhập Hình 18:Activity Diagram Đăng xuất Hình 19:Activity Diagram Quên mật Hình 20:Activity Diagram Tìm kiếm phim Hình 21:Activity Diagram Xem phim Hình 24:Activity Diagram Xem Bình Luận Hình 25:Activity Diagram Bình luận Hình 26:Activity Diagram Rating Hình 27:Activity Diagram Thêm phim Hình 28:Activity Diagram Xóa phim Hình 29:Activity Diagram Sửa phim Hình 30:Activity Diagram Thêm diễn viên Hình 31:Activity Diagram Xóa phim Hình 32:Activity Diagram Sửa phim Hình 33:Activity Diagram Thêm phim u thích Hình 34:Activity Diagram Xóa phim u thích Hình 35:ScreenFlow Hình 36:Trang Hình 37 :Trang đăng ký Hình 38:Trang đăng nhập Hình 39:Trang quên mật Hình 40 :Trang tạo mật Hình 41:Trang xác thực Hình 42:Trang chi tiết phim Hình 43:Trang đánh giá phim Hình 44 :Trang xem bình luận phim Hình 45:Trang danh sách phim u thích ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH 27 31 31 31 32 33 36 39 41 42 44 46 47 49 51 52 54 55 57 58 60 61 63 64 67 70 70 71 72 73 74 76 76 77 78 CƠNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP.HCM, ngày 18 tháng năm 2023 Đề cương chi tiết TÊN ĐỀ TÀI: Xây dựng website xem phim tích hợp hệ thống khuyến nghị Cán hướng dẫn :ThS.Nguyễn Thị Thanh Trúc Thời gian thực hiện: (3/2023-7/2023) Sinh viên thực hiện: Nguyễn Ngọc Đức – 20521197 Lâm Phú Sỹ -20521853 Nội dung đề tài 1.Lý chọn đề tài : Ngày , chất lượng sống ngày chất lượng, nhu cầu giải trí ngày tăng cao Bên cạnh đời sống vật đời sống tinh thần ngày nâng cao phát triển.Với phát triển công nghệ Internet,đặc biệt phim để đáp ứng nhu cầu xem phim phải đa dạng nội dung,chất lượng tiện lợi người dùng xem phim lúc nơi, chi phí tiết kiệm Đặc biệt thời điểm đại dịch covid xuất hoạt động vui chơi giải trí phải tạm dựng nên nhu cầu giải trí tảng xem phim trực tuyến ngày lớn.Để đáp ứng nhu cầu trên,nhóm em định phát triển tảng xem phim trực tuyến,có tích hợp hệ thống khuyến nghị gợi ý, giúp người dùng lựa chọn phim chất lượng phù hợp với sở thích 2.Mục tiêu đề tài : ● Nền tảng xem phim trực tuyến giao diện trực quan, dễ sử dụng cho người dùng ● Xây dựng tích hợp tính công nghệ để đảm bảo chất lượng phim tốt tăng tốc độ xử lý trang ● Ứng dụng quản lý thông tin người dùng, diễn viên, phim: -Cho phép người quản lý thêm, xóa , sửa thông tin người dùng, diễn viên -Cập nhật thêm phim vào ứng dụng -Quản lý tìm kiếm thơng tin diễn viên, phim ● Ứng dụng cho phép người dùng đánh giá,bình luận phản hồi phim trải nghiệm, tìm kiếm lựa chọn phim theo chủ đề ● Ứng dụng gợi ý phim phù hợp theo nhu cầu sở thích người dùng 3.Phạm vi đề tài 3.1 Phạm vi môi trường : Website 3.2 Phạm vi chức : ● Đối với hệ thống khuyến nghị: -Gợi ý phim cho người dùng dựa lịch sử hành vi -Gợi ý phim dựa người dùng trải nghiệm trải nghiệm -Gợi ý phim theo người dùng tương đồng chủ đề nội dung phim trải nghiệm ● Đối với ứng dụng: -Cho phép quản lý thơng tin phim (thêm , xóa sửa) -Cho phép người dùng thực số chức đăng xuất, đăng nhập, đăng ký, quên mật khẩu, sửa hồ sơ cá nhân( chỉnh sửa thông tin cá nhân) -Cho phép người dùng đánh giá , bình luận trải nghiệm phim -Cho phép người dùng tiếp cận thông tin phim cách chi tiết điểm số,bình luận thơng tin diễn viên, nhà sản xuất … -Cho phép người dùng nhận gợi ý phim phù hợp với sở thích 4.Đối tượng sử dụng: ● Tất người dùng sử dụng Internet có nhu cầu giải trí xem phim trực tuyến đặc biệt độ tuổi từ (12- 40) 5.Yêu cầu ● Tính thân thiện: Ứng dụng phải dễ sử dụng, UI/UX thân thiện với người dùng ● Tính đắn: Ứng dụng chạy khơng lỗi ● Tính thích nghi: Ứng dụng chạy tốt nhiều trình duyệt, nhiều thiết bị cấu hình phần cứng khác thiết kế kiến trúc thiết bị khác ● Tính tiến hóa: Ứng dụng phải dễ dàng phát triển thêm tính mà khơng gây ảnh hưởng đến tính phát triển trước ● Tính bảo trì: Ứng dụng thay đổi, chỉnh sửa chức mà không gây ảnh hưởng đến chức khác ● Tính tương tác: Ứng dụng tạo mơi trường tương tác hệ thống người dùng 6.Phương pháp thực hiện: ● Phương pháp làm việc: − Làm việc nhóm thành viên thơng qua phương thưc online dươi sư hương dẫn giảng viên hương dẫn ● Phương pháp nghiên cứu: − Phân tích nhu cầu sử dụng đối tượng người dùng − Nghiên cưu tài liệu công nghệ liên quan ● Phương pháp cơng nghệ: − Tìm hiểu xây dưng hệ khuyến nghị mobile website − Xây dựng giao diện website để tương tác với người dùng − Quản lý source code thông qua Github − Sử dụng Google doc,… để quản lý tiến trình tài liệu 7.Nền tảng công nghệ ● Front-end:ReactJs, Tailwind CSS ● Back-end:Nodejs , ExpressJs ● Database:MongoDB ● Deployment:Vercel 8.Kết mong đợi: ● Website hoạt động ổn định, trang web truyền tải video tốt…