Báo cáo project 2 đề tài thiết kế website xem phim

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG -□□&□□ - BÁO CÁO PROJECT Đề tài: Thiết kế website xem phim Giảng viên hướng dẫn: Bộ môn: Viện: Sinh viên thực ThS Lê Đức Trung Công nghệ Phần mềm Cơng nghệ thơng tin truyền thơng Hồng Hữu Phúc - 20194818 HÀ NỘI, tháng 7, năm 2022 MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I GIỚI THIỆU 1.1 Đề tài .4 1.2 Ngôn ngữ công nghệ sử dụng .4 1.2.1 Thư viện React 1.2.2 Framework Next.js .4 1.2.3 TypeROM 1.2.4 Postgres 1.2.5 Express .5 1.2.6 Redis CHƯƠNG II PHÂN TÍCH BÀI TỐN 2.1 Phân tích yêu cầu 2.2 Đặc tả phần mềm 2.3 Sơ đồ Use-Case 10 2.3.1 Sơ đồ Use-case tổng quan 10 2.3.2 Use-case chi tiết .11 CHƯƠNG III THIẾT KẾ VÀ XÂY DỰNG PHẦN MỀM 15 3.1 Giao diện 15 3.1.1 Giao diện Trang Chủ 15 3.1.2 Giao diện đăng nhập 17 3.1.3 Trang thông tin phim 17 3.1.4 Trang xem phim .18 3.2 Cơ sở liệu 19 3.2.1 Sơ đồ bảng quan hệ 19 3.3 Thiết kế API 19 3.3.1 API xác thực .19 3.3.2 API phim 19 CHƯƠNG IV TỔNG KẾT ĐÁNH GIÁ VÀ HƯỚNG PHÁT TRIỂN 21 4.1 Những điểm chương trình làm 21 4.2 Những điểm chưa làm 21 4.3 Hướng phát triển chương trình 21 Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim LỜI MỞ ĐẦU Hiện thị trường xuất nhiều phần mềm giải trí giúp người dùng thư giãn Đặc biệt mảng phim điện ảnh hoạt hình thu hút nhiều người xem ghé thăm trang website cung cấp dịch vụ Các nhà cung cấp dịch vụ phim giải trí lớn phải kể đến Disney, Netflix, Hulu, Amazon Prime,… Mặc dù kiếm danh thu khủng năm nhờ vào việc cung cấp dịch vụ xem phim cho người dùng, công ty lại gặp nhược điểm họ cung cấp phim tảng riêng lẻ Người dùng muốn trải nghiệm hết tất phim phải đăng ký nhiều tài khoản khác Việc lại rào cản lớn để khách hàng sẵn sảng bỏ tiền vào dịch vụ họ Và trang web họ lại cung cấp dịch vụ xem phim mà bỏ qua nỗi khao khát lớn người xem – nêu cảm nghĩ, bình phẩm cá nhân sau thưởng thức phim Cũng gắn kết người dùng hệ thống với Để thỏa mãn việc người dùng tạo hội nhóm mạng xã hội Facebook – thứ làm tốt công việc Nên mong muốn em nghiên cứu lập trình ứng dụng này, thứ thỏa mãn niềm đam mê với điện ảnh Thứ hai viết thêm vào tính độc website – thứ mà tảng chưa có Và cuối mai sau tương lai sản phẩm em góp mặt thị trường mong mang đến trải nghiệm tốt cho người xem em Vì cơng nghệ ngôn ngữ em sử dụng lạ với em, nên em làm đến mức độ Em cố gắng hoàn thiện tất chức để sản phẩm trở nên tốt Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim CHƯƠNG I GIỚI THIỆU 1.1 Đề tài Phát triển website cung cấp dịch vụ xem phim cho người dùng Website cung cấp thông tin phim điện ảnh, series phim dài tập, TV show phim hoạt hình Website cung cấp tảng để người dùng kết bạn trị chuyện với Các người dùng thành lập nhóm group để bàn luận chủ đề phim 1.2 Ngôn ngữ công nghệ sử dụng 1.2.1 Thư viện React ReactJS hiểu thư viện có chứa nhiều JavaScript mã nguồn mở cha đẻ ReactJS ông lớn với tên biết Facebook Mục đích việc tạo ReactJS để tạo ứng dụng website hấp dẫn với tốc độ nhanh hiệu cao với mã hóa tối thiểu Và mục đích chủ chốt ReactJS website sử dụng ReactJS phải chạy thật mượt thật nhanh có khả mở rộng cao đơn giản thực 1.2.2 Framework Next.js a) Giới thiệu Next.js framework front-end React phát triển dạng opensource bổ sung khả tối ưu hóa render phía máy chủ (SSR) tạo trang web static Next.js xây dựng dựa thư viện React, có nghĩa ứng dụng Next.js sử dụng core React thêm tính bổ sung Việc triển khai ứng dụng SSR cho phép máy chủ truy cập tất liệu yêu cầu xử lý JavaScript để hiển thị trang Sau đó, trang gửi lại tồn cho trình duyệt hiển thị SSR cho phép trang web load thời gian nhỏ tăng trải nghiệm người dùng với khả phản hồi nhanh b) Tại lại sử dụng Next.js ? Ưu điểm Next.js hỗ trợ SSR tích hợp để tăng hiệu suất SEO Với tất thông tin server, xử lý để generate thơng tin HTML trang/ Sau Client gửi yêu cầu đến Server nhận toàn trang HTML thay yêu cầu thành phần riêng lẻ với Client Render 1.2.3 TypeROM TypeORM ORM chạy tảng NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo Electron cịn dùng Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim với TypeScript JavaScript (ES5, ES6, ES7, ES8) Công cụ đời nhằm hỗ trợ tính JavaScript nhất, cung cấp tính bổ sung giúp bạn phát triển ứng dụng tích hợp sở liệu – từ ứng dụng nhỏ với vài table đến ứng dụng doanh nghiệp quy mô lớn có nhiều sở liệu 1.2.4 Postgres PostgreSQL hệ thống quản trị sở liệu quan hệ-đối tượng (objectrelational database management system) có mục đích chung, hệ thống sở liệu mã nguồn mở tiên tiến PostgreSQL không yêu cầu nhiều cơng tác bảo trì có tính ổn định cao Do đó, bạn phát triển ứng dụng dựa PostgreSQL, chi phí sở hữu thấp so với hệ thống quản trị liệu khác PostgreSQL sở hữu hệ tính đa dạng giúp hỗ trợ nhà phát triển xây dựng app, nhà quản trị bảo vệ toàn vẹn liệu, tạo môi trường chịu lỗi fault-tolerant giúp bạn quản lý liệu tập liệu lớn hay nhỏ Bên cạnh hệ thống nguồn mở miễn phí, PostgreSQL có khả mở rộng tuyệt vời Ví dụ, bạn định nghĩa kiểu liệu riêng bạn, xây dựng hàm tùy chỉnh, hay viết mã từ ngơn ngữ lập trình khác mà không cần biên dịch lại sở liệu! 1.2.5 Express Expressjs hay viết Express js, Express.js Đây framework mã nguồn mở miễn phí cho Node.js Express.js sử dụng thiết kế xây dựng ứng dụng web cách đơn giản nhanh chóng Trên thực tế, khơng sử dụng Express.js, bạn phải thực nhiều bước lập trình phức tạp để xây dựng nên API hiệu Express js giúp cho việc lập trình Node.js trở nên dễ dàng có nhiều tính bổ sung 1.2.6 Redis Redis sở liệu giá trị quan trọng thường xếp vào nhóm sở liệu NoSQL Redis sở liệu nhớ, có nghĩa liệu lưu trữ nhớ RAM máy chủ lưu trữ Điều làm cho Redis nhanh khơng phải chờ cho ổ cứng truyền thống tìm kiếm đọc nhiều lần Là sở liệu NoSQL, Redis cho phép bạn tạo cấu trúc liệu lược đồ phù hợp với nhu cầu ứng dụng bạn Bạn sử dụng Redis cho đơn giản, tạo đếm lượng khách truy cập, để biết thêm thông tin, lưu trữ thông tin người dùng Redis hữu dụng bạn cần thật nhanh Redis sử dụng cho Caching, Queuing, Pub/Sub Machine learning Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim CHƯƠNG II PHÂN TÍCH BÀI TỐN 2.1 Phân tích u cầu a Về phía người dùng - Trang web cho phép người dùng tạo tài khoản đăng nhập vào tài khoản tạo Tài khoản giúp định danh người dùng lưu trữ thông tin liên quan đến người dùng - Trang web cung cấp thông tin phim tên phim, ngày phát hành, mô tả ngắn gọn, … - Người dùng xem phim trang web hệ thống - Người dùng kết bạn với người khác lưu họ vào danh sách bạn bè Sẽ có kênh chat nhóm chat để người dùng giao tiếp - Người dùng tạo nhóm để thảo luận bàn chủ để liên quan đến phim - Người dùng tra cứu lịch sử xem phim sau đăng nhập thành cơng vào web b Về phía người quản trị - Cho phép người quản trị thêm phim vào kho liệu - Sửa cập nhật thông tin phim cần thiết - Theo dõi lượng người xem phim kho liệu 2.2 Đặc tả phần mềm - Các chức hệ thống: + Đăng nhập: - Cho phép người xác thực tài khoản trì đăng nhập khoảng thời gian định - Đầu vào: email mật nhập từ form đăng nhập - Quá trình xử lý: + Module nhận email mật nhập gửi cho bên server + Server kiểm tra email, mật trả thông báo - Đầu ra: + Thông báo đăng nhập thành công chuyển trang chủ + Thông báo đăng nhập thất bại người dùng nhập sai tài khoản mật + Thông báo tài khoản không tồn yêu cầu người dùng đăng ký tài khoản Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim + Thêm phim vào danh sách ưu thích: - Người dùng thêm phim vào danh sách ưu thích - Đầu vào: id phim - Quá trình xử lý: + Module nhận id gửi đến cho server + Server thêm id phim vào bảng liệu lịch sử người dùng - Đầu ra: + Thông báo thêm thành công + Tra cứu lịch sử xem phim: - Người dùng xem lịch sử phim xem - Đầu vào: token lưu cookie trình duyệt - Quá trình xử lý: + Server nhận cookie tách token từ cookie + Server trích xuất thơng tin người dùng từ cookie lấy liệu xem phim người dùng - Đầu ra: + Danh sách phim mà người dùng xem + Xem phim: - Cho phép người xác thực tài khoản trì đăng nhập khoảng thời gian định - Đầu vào: email mật nhập từ form đăng nhập - Quá trình xử lý: + Module nhận email mật nhập gửi cho bên server + Server kiểm tra email, mật trả thông báo - Đầu ra: + Thông báo đăng nhập thành công chuyển trang chủ + Thông báo đăng nhập thất bại người dùng nhập sai tài khoản mật + Thông báo tài khoản không tồn yêu cầu người dùng đăng ký tài khoản + Tìm kiếm: - Người dùng tìm kiếm phim dựa tên phim - Đầu vào: tên cụm từ người dùng khơng nhớ tên Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim - Quá trình xử lý: + Module nhận ký tự tìm kiếm + Server tìm kiếm phim dựa cụm từ mà module gửi đến - Đầu ra: + Danh sách phim có tên gần giống với cụm từ mà người dùng nhập vào + Danh sách trống khơng tồn phim với tên giống với cụm từ người dùng nhập vào + Kết bạn: - Người dùng gửi lời kết bạn với người dùng khác website - Đầu vào: id người muốn kết bạn - Quá trình xử lý: + Module nhận id người mà người dùng muốn kết bạn + Server gửi thông báo muốn xác nhận kết bạn với người chờ xác nhận - Đầu ra: + Thông báo kết bạn thành công người bên chấp nhận lời mời + Nếu người bên từ chối kết bạn khơng hiển thị với người dùng Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim 2.3 Sơ đồ Use-Case 2.3.1 Sơ đồ Use-case tổng quan Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim 2.3.2 Use-case chi tiết a Use-case Quản lý kho phim Tên use-case  Quản lý kho phim Tác nhân  Quản trị viên  Mô tả  Quản trị viên thêm, sửa xóa liệu phim Điều kiện đầu Quản trị viên đăng nhập thành công vào trang quản trị vào  Kết đầu ra  Thêm, sửa, xóa thành cơng  Luồng kiện chính  Tần suất sử dụng  STT  Tác nhân  Hành động  1  Quản trị viên  Chọn chức quản lý kho phim  2  Quản trị viên  Tùy chọn chức thêm, sửa, xóa giao diện 3  Quản trị viên  Thực chức trên  4a  Quản trị viên  Xác nhận kết quả  Cao  Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim b Use-case Tìm kiếm Tên use-case  Tìm kiếm Tác nhân  Người dùng  Mơ tả  Người dùng tìm phim Điều kiện đầu Người dùng nhập cụm từ để tìm kiếm phim vào  Kết đầu ra  Người dùng tìm phim mong muốn  Luồng kiện chính  STT  Tác nhân  Người dùng  Website  Người dùng  Hành động  Nhập từ khóa vào tìm kiếm Trả danh sách tên phim có chứa từ khóa Chọn kết mà muốn   Website Trả trang thông tin phim mà người dùng chọn STT  Tác nhân  Luồng ngoại lệ  2a Website Tần suất sử dụng  Hành động  Khơng tìm thấy phim có tên tương ứng với từ khóa nhập  Cao  Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim c Use-case Quản lý bạn bè Tên use-case  Quản lý bạn bè Tác nhân  Người dùng  Người dùng dùng chức để xem danh sách bạn bè, tìm kiếm bạn loại bạn bè khỏi danh sách Mô tả  Điều kiện đầu Người dùng cần đăng nhập thành công vào trang web vào  Kết đầu ra  Thao tác thành công chức mà trang Bạn bè cung cấp STT  Tác nhân  Hành động  1  Người dùng  Vào xem trang Bạn bè website  2  Người dung   Người dùng thực chức năng: thêm bạn mới, tìm kiếm bạn bè xóa bạn bè khỏi danh sách Luồng kiện 3  Người dùng  - Nếu người dùng thêm bạn bè phải đợi đến chính  người bên chấp nhận lời kết bạn Tần suất sử dụng  - Nếu người dùng tìm kiếm bạn bè website hiển thị danh sách người dùng có tên trùng với cụm từ mà người dùng nhập vào - Nếu người dùng muốn xóa khỏi danh sách bạn bè website gửi thơng báo xác nhận Bình thường Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim d Use-case Quản lý đăng Tên use-case  Quản lý đăng Tác nhân  Người dùng  Người dùng thực chức đăng viết phim đó, sửa xóa thơng tin đăng Mơ tả  Điều kiện đầu Người dùng đăng nhập vào tài khoản thành công vào  Kết đầu ra  Đăng bài, sửa viết xóa viết thành cơng  Luồng kiện chính  STT  Tác nhân  Hành động  1  Người dùng  Vào trang cá nhân chọn mục quản lý viết  2  Người dùng  Thực ba chức thêm, sửa, xóa viết 3  Người dùng  Xác nhận hành động 4  Tần suất sử dụng  Website  Cập nhật lại danh sách thông tin viết người dùng Bình thường Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim CHƯƠNG III THIẾT KẾ VÀ XÂY DỰNG PHẦN MỀM 3.1 Giao diện 3.1.1 Giao diện Trang Chủ - Sau đăng nhập vào tài khoản Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim - Thanh tìm kiếm - Danh sách phim cơng chiếu Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim 3.1.2 Giao diện đăng nhập 3.1.3 Trang thơng tin phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim - Danh sách diễn viên với tên nhân vật họ đảm nhận phim 3.1.4 Trang xem phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim 3.2 Cơ sở liệu 3.2.1 Sơ đồ bảng quan hệ Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim 3.3 Thiết kế API 3.3.1 API xác thực - - Khi người dùng nhấn nút đăng ký trang đăng ký, website gọi đến API /auth/register kèm theo thông tin đăng ký (email, password) Khi người dùng nhấn nút đăng nhập trang đăng nhập, website gọi đến API /auth/login kèm theo thông tin đăng nhập (email, password) Nếu thơng tin xác người dùng chuyển đến trang chủ Nếu không thơng báo lỗi u cầu đăng ký Thêm vào đó, server tạo token dựa tài khoản đăng nhập gửi lại cho máy người dùng Trình duyệt lưu token cookie dùng để xác thực Nếu token hết hạn người dùng phải đăng nhập lại 3.3.2 API phim - Vì chưa có sở liệu thơng tin phim nên em sử dụng api có sẵn từ trang https://www.themoviedb.org/ - Khi người dùng muốn xem thông tin chi tiết phim, website gọi đến API /movies/id với id id phim muốn xem - Khi người dùng muốn xem phim, website gọi đến API /videos/id với id id phim muốn xem Sau đó, website nhận video từ server gửi cho website hiển thị - Một số API sử dụng: + /movie/id/credits: lấy danh sách dàn diễn viên, đội ngũ sản xuất phim + /movie/upcoming: lấy danh sách phim khởi chiếu + /trending/all/week: lấy danh sách phim trending tuần + /movie/top_rated: lấy danh sách phim có điểm đánh giá cao Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim CHƯƠNG IV TỔNG KẾT ĐÁNH GIÁ VÀ HƯỚNG PHÁT TRIỂN 4.1 Những điểm chương trình làm Cho phép người dùng tạo tài khoản, đăng nhập xác thực Người dùng xem chi tiết thông tin phim Người dùng xem danh sách phim mà mong muốn Người dùng tim kiếm tên phim thơng qua cụm từ nhập vào tìm kiếm 4.2 Những điểm chưa làm Cơ sở liệu phim chưa hoàn thiện Chưa hoàn thành trang quản trị kho liệu phim Chưa có chức bạn bè cộng đồng Chức tìm kiếm cịn đơn giản Trang xem phim đơn giản Load ảnh lớn chậm 4.3 Hướng phát triển chương trình Đầu tiên cải thiện điểm nêu Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Thứ hai, tối ưu hóa code front-end back-end website Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim Báo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phimBáo.cáo.project.2.đổ.tài.thiết.kế.website.xem.phim