Đồ án xây dựng website chia sẻ kiến thức hỗ trợ video sharing

ĐẠ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 ĐỒ ÁN XÂY DỰNG WEBSITE CHIA SẺ KIẾN THỨC HỖ TRỢ VIDEO SHARING GV HƯỚNG DẪN: Nguyễn Thị Thanh Trúc SV THỰC HIỆN: Lâm Tấn Phát – 20520682 Hồ Minh Tuệ - 20520850 TP HỒ CHÍ MINH, 2023 LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến Ths Nguyễn Thị Thanh Trúc, giảng viên hướng dẫn chúng em mơn Đồ án Trong q trình học tập thực đồ án, em nhận quan tâm giúp đỡ, hướng dẫn tận tình Cơ Q trình thực đồ án q trình đầy thử thách, địi hỏi phải dành nhiều thời gian, cơng sức để nghiên cứu, tìm tịi xây dựng Vì thế, hội để em rèn luyện, hoàn thiện thân kĩ tích lũy suốt q trình học Chính nhờ góp ý, động viên quý báu không động lực trình thực đồ án mơn học mà cịn hành trang để em vững bước sau Do vốn kiến thức nhiều hạn chế khả tiếp thu nhiều giới hạn, em khơng tránh khỏi có thiếu sót Em mong nhận góp ý, quan tâm đến từ Cơ để đồ án em hồn thiện Lời cuối cùng, chúng em xin chân thành cảm ơn Cơ xin kính chúc Cơ nhiều sức khỏe, hạnh phúc thành công đường nghiệp giảng dạy Hồ Minh Tuệ Lâm Tấn Phát MỤC LỤC ● Chương 1: GIỚI THIỆU ĐỀ TÀI ○ Mô tả đề tài ○ Lý chọn đề tài ○ Tìm hiểu ● Chương 2: KIẾN THỨC VÀ CÔNG NGHỆ SỬ DỤNG ○ React JS ○ Node JS 10 ○ Express 11 ○ MongoDB 12 ○ Google Drive 12 ○ CDN 13 ○ Dynamic Adaptive Streaming over HTTP 14 ○ HLS 15 ● Chương 3: XÂY DỰNG ỨNG DỤNG 16 ○ Cơ sở lý thuyết 16 ■ Lưu trữ: 16 ■ Hiển thị video: 17 ■ Xử lý, xác thực video: 17 ■ Cân tải: 17 ■ Xác thực người dùng 17 ○ Triển Khai: 18 ■ Đăng ký tài khoản: 18 ■ Đăng nhập: 18 ■ Quản lý tài khoản cá nhân: 19 ■ Xem viết: 19 ■ Đăng bài: 20 ■ Quản lý viết: 20 ○ Phân tích hệ thống 21 ● Chương 4: GIAO DIỆN ỨNG DỤNG 24 ● Chương 5: KẾT LUẬN 26 ○ Nhận xét 26 ○ Hướng phát triển đồ án 26 TÓM TẮT ĐỒ ÁN Đồ án bao gồm tìm hiểu, phân tích kỹ thuật, quy tắc tảng Q&A video sharing, kỹ thuật sử dụng tảng tạo dựng lại website có ứng dụng lại kỹ thuật trên, với quy mô nhỏ phù hợp nhu cầu sử dụng Đồ án sử dụng tảng có sẵn mà có, nâng cấp lên Google Drive, MongoDB Ngoài website phải đáp ứng nhu cầu sử dụng người dùng đăng tải nội dung mang tính chất giáo dục, kiến thức bổ ích cho người khác Từ tạo dựng cồng đồng chia sẻ kinh nghiệm sống lớn mạnh hơn, giúp đỡ người muốn tìm hiểu lĩnh vực ● Chương 1: GIỚI THIỆU ĐỀ TÀI ○ Mô tả đề tài Thời đại cơng nghệ phát triển nhanh chóng, đời sống liên tục tác động công nghệ Mỗi ngày có nhiều cơng nghệ tạo áp dụng vào đời sống Những thủ thuật áp dụng vào cơng việc, có trường hợp khơng phổ cập kịp kiến thức để phục vụ công việc Nhưng nhiều người đời sống dễ dàng gặp khó khăn việc nhỏ, thiếu kinh nghiệm sống nên thường cần giúp đỡ, tìm kiếm thơng tin mạng Và mạng có sẵn nhiều diễn đàn trợ giúp Nhưng diễn đàn dành cho người có lượng kiến thức định lĩnh vực, chủ đề diễn đàn Nhưng người khơng chun họ gặp khó khăn việc tìm hiểu kiến thức mới, dễ dàng mắc phải lỗi bản, lặp lặp lại liên tục nhiều người Và người có lý khách quan khơng thể tốn thời gian để tìm hiểu kiến thức khơng có thời gian, khơng biết nên tìm hiểu phần nào, khơng có nhu cầu lâu dài… ○ Lý chọn đề tài Chúng em muốn xây dựng tảng chia sẻ kiến thức, tài liệu, thủ thuật có video hỗ trợ việc truyền tải nội dung Nội dung video giới thiệu hướng giúp giảm sai sót dành cho người chưa có kinh nghiệm lĩnh vực Đồng thời tạo điều kiện cho người có nhu đầu chia sẻ kiến thức cho cộng đồng thoải mái, mang tính chất xây dựng mơi trường lành mạnh ○ Tìm hiểu Hiện có nhiều tảng video sharing, tảng Q&A sẵn có Youtube Youtube có từ sớm dẫn đầu tảng video sharing Lượng kiến thức, nội dung dồi nhiều người tin cậy để đăng tải nội dung lên Nội dung video kiểm soát kĩ lưỡng nhờ vào thuật tốn cơng nghệ tiên tiến Trải nghiệm người dùng liên tục nâng cao nhờ vào chất lượng video sắc nét Reddit Là diễn đàn online, đa dạng chủ đề cộng đồng chủ đề đông đảo Cộng đồng hỏi đáp phản ứng nhanh chóng, đầy đủ, lượng kiến thức đến từ nhiều người khác Các đăng đánh giá điểm cộng đồng, khiến độ tin cậy tăng cao nội dung đảm bảo Stackoverflow Là cộng đồng hỏi đáp chuyên sâu công nghệ Các câu hỏi phổ biến có sẵn Cộng đồng kỹ sư, người có kinh nghiệm cao ngành đánh giá lẫn qua chất lượng câu trả lời, tăng điểm uy tín người dùng Facebook Mạng xã hội đông đảo, nội dung sáng tạo từ người dùng đa dạng Lượng người tham gia vào đăng đóng góp ý kiến lẫn Các hội nhóm phân chia rạch rịi không phần linh hoạt cần hỏi đáp Người dùng tạo điều kiện để tạo nội dung chia sẻ lẫn Các blog cá nhân khác Ngồi cịn nhiều blog cá nhân khác dùng để chia sẻ kiến thức họ tự định nội dung trang web howkteam, xuanthulab, codekarle,… Các blog thường cá nhân nhóm quản lý nội dung đăng tải lên kiến thức chuyên sâu mảng Về tảng video sharing youtube chủ đề rộng rãi, lượng kiến thức từ đến nâng cao có khơng phân loại theo chủ đề tìm hiểu Kiến thức, nội dung video khơng bị dính quyền bị kiểm sốt lỏng lẻo, đánh giá từ người dùng khách quan thường không ý đến Đều khiến cho nội dung chia sẻ kiến thức uy tín Cịn tảng hỏi đáp stackoverflow địi hỏi lượng kiến thức định hỏi hiểu câu trả lời Điều gây bất lợi cho người chưa có kiến thức khơng có nhu cầu kiến thức chun sâu, muốn tìm hiểu sơ qua Và cách tiếp cận nội dung tảng chữ, nên người khó hình dung Cịn người đăng tải nội dung khó tiếp cận với người xem nhiều ý kiến trái chiều, phản cảm từ người lợi dụng quyền tự ngôn luận để quấy phá, đùa giỡn =>Giải pháp: Xây dựng tảng video sharing, cho phép người dùng đăng tải nội dung chia sẻ kiến thức thân học kinh nghiệm cá nhân Người dùng đánh giá hình thức bình luận “thích” đăng, tăng điểm uy tín người sáng tạo nội dung Phân loại video thành chủ đề khác Kỹ thuật, Đời sống, Mỹ thuật, Ẩm thực Du lịch để người dùng dễ dàng xác định nội dung, kiến thức ● Chương 2: KIẾN THỨC VÀ CÔNG NGHỆ SỬ DỤNG ○ React JS Hình 2.1: Biểu tượng React ReactJS thư viện javascript mã nguồn mở phát triển Facebook, mắt vào 2013 ReactJS hỗ trợ việc xây dựng thành phần website có tính tương tác cao, có trạng thái sử dụng lại JSX: JSX (nói ngắn gọn JavaScript extension) React extension giúp dễ dàng thay đổi DOM HTML-style code đơn giản Virtual DOM: Hình 2.2: Minh họa Virtual DOM Khi sử dụng JSX, DOM cập nhật cho DOM đó, ReactJS khởi tạo thứ gọi Virtual DOM (DOM ảo) Virtual DOM copy DOM thật trang đó, ReactJS sử dụng copy để tìm kiếm phần mà DOM thật cần cập nhật kiện khiến thành phần thay đổi Với việc cập nhật chỗ vậy, khỏi phải nói tiết kiệm cho nhiều tài nguyên thời gian xử lý Ở website lớn phức tạp thương mại điện tử, đặt ăn, … việc vô cần thiết quan trọng để làm tăng trải trải nghiệm khách hàng performance cải thiện đáng kể ○ Node JS Hình 2.3: Biểu tượng NodeJS Nodejs tảng (Platform) phát triển độc lập xây dựng V8 JavaScript Engine – trình thơng dịch thực thi mã JavaScript NodeJS chạy nhiều tảng hệ điều hành khác từ Window NodeJS có điểm mạnh NPM, Non-blocking I/O, Event Loop Non Blocking IO: Là phương pháp để xử lý đồng thời nhiều request luồng đơn (single thread) mà khơng cần đợi hồn thành xử lý request trước xử lý request sau NodeJS sử dụng chế Event loop để xử lý Non-blocking tất request để tăng tốc độ xử lý xử lý đồng Package Manager: Package Manager kho lưu trữ xuất (publishing) package/module để người khác sử dụng dịng lệnh (command line) để cài đặt, quản lý phiên bản, quản lý gói phụ thuộc, gỡ cài đặt package/module có kho lưu trữ Hiện có nhiều package manager sử dụng thông dụng npm, yarn Event Loop: Event Loop chế giúp Javascript thực nhiều thao tác lúc (concurrent model), trước nghe nói NodeJs xử lý hàng ngàn request lúc dùng thread (Single Threaded) ○ Express Hình 2.4: Biểu tượng Express Express.js 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 Express hỗ trợ phương thức HTTP middleware tạo API vô mạnh mẽ dễ sử dụng Vì Express js u cầu ngơn ngữ lập trình Javascript nên việc xây dựng ứng dụng web API trở nên đơn giản với lập trình viên nhà phát triển Expressjs phần công nghệ giúp quản lý ứng dụng web cách dễ dàng hay gọi ngăn xếp phần mềm MEAN.Nhờ có thư viện Javascript Express js giúp cho nhà lập trình xây dựng nên ứng dụng web hiệu nhanh chóng Phát triển máy chủ nhanh chóng: Expressjs cung cấp nhiều tính dạng hàm để dễ dàng sử dụng đâu chương trình Điều loại bỏ nhu cầu viết mã từ tiết kiệm thời gian Phần mềm trung gian Middleware: Đây phần mềm trung gian có quyền truy cập vào sở liệu, yêu cầu khách hàng phần mềm trung gian khác Phần mềm Middleware chịu trách nhiệm cho việc tổ chức có hệ thống chức Express.js Định tuyến - Routing: Express js cung cấp chế định tuyến giúp trì trạng thái website với trợ giúp URL Tạo mẫu - Templating: Các công cụ tạo khuôn mẫu Express.js cung cấp cho phép nhà xây dựng nội dung động website cách tạo dựng mẫu HTML phía máy chủ Gỡ lỗi - Debugging: Để phát triển thành công ứng dụng web thiết việc gỡ lỗi Giờ với Expressjs việc gỡ lỗi trở nên dễ dàng nhờ khả xác định xác phần ứng dụng web có lỗi ○ MongoDB Hình 2.5: Biểu tượng MongoDB MongoDB hệ quản trị sở liệu mã nguồn mở, CSDL thuộc NoSql Với CSDL quan hệ có khái niệm bảng, sở liệu quan hệ (như MySQL hay SQL Server ) sử dụng bảng để lưu liệu với MongoDB dùng khái niệm collection thay bảng Mongodb database hướng tài liệu, nên liệu lưu trữ document theo kiểu JSON thay lưu theo dạng bảng CSDL quan hệ nên việc truy cập vấn nhanh chóng Với CSDL quan hệ có khái niệm bảng, sở liệu quan hệ sử dụng bảng để lưu trữ liệu, cịn với Mongodb bạn cần phải sử dụng khái niệm collection thay cho bảng Với collection có Mongodb thường cấu trúc linh hoạt nên cho phép liệu lưu trữ mà không cần phải tuân theo cấu trúc định Các thơng tin có liên quan lưu trữ với để người dùng truy cập truy vấn nhanh thơng qua ngôn ngữ truy vấn MongoDB ○ Google Drive Hình 2.6: Biểu tượng Google Drive Google Drive dịch vụ lưu trữ đám mây đồng hóa tệp cho Google phát triển Người dùng Google Drive lưu trữ tệp (hình ảnh, tài liệu, video, file nhạc,…) trực tuyến truy cập chúng lúc nào, thiết bị di động kết nối internet điện thoại thông minh, máy tính bảng, laptop,… nhiều hệ điều hành Android, iOS, Windows, Google Drive cung cấp API phục vụ tác vụ lưu trữ tự động truy xuất liệu Hình 2.7: Phương thức hoạt động Google Drive API Các API cung cấp qua giao thức OAuth Về bản, OAuth phương thức xác thực giúp ứng dụng bên thứ ủy quyền người dùng để truy cập đến tài nguyên người dùng nằm dịch vụ khác Bạn dùng Drive API để: - Đăng tải tải file lên Google drive - Tìm kiếm file folder drive Có thể dùng lệnh truy vấn để trả kết theo nhu cầu tìm kiếm - Chia sẻ, cho phép truy cập file thư mục cho người dùng khác ○ CDN Hình 2.8: Mạng lưới CDN Mạng phân phối nội dung (CDN) mạng lưới gồm máy chủ kết nối với giúp tăng tốc độ tải trang web cho ứng dụng tiêu tốn nhiều liệu Nếu người dùng xa máy chủ đó, nhiều thời gian để tải tệp lớn, chẳng hạn video hình ảnh trang web Thay vào đó, nội dung trang web lưu trữ máy chủ CDN gần với vị trí người dùng theo khu vực địa lý để trình chuyển đến máy tính họ nhanh nhiều CDN giảm thời gian tải trang, giảm băng thông truy cập file lớn, tăng tính có sẵn vị trí địa lý khác tăng tính bảo mật, quản lý website Cách hoạt động CDN: Lưu nhớ đệm: Lưu nhớ đệm trình lưu trữ nhiều liệu để truy cập liệu nhanh Trong công nghệ CDN, thuật ngữ dùng để trình lưu trữ nội dung tĩnh trang web nhiều máy chủ mạng Hoạt động lưu nhớ đệm CDN hoạt động sau: - Khách truy cập trang web từ xa theo vị trí địa lý thực yêu cầu nội dung web tĩnh từ trang web - Yêu cầu chuyển đến máy chủ gốc Máy chủ gốc gửi phản hồi cho khách truy cập từ xa Đồng thời, máy chủ gốc gửi phản hồi tới máy chủ CDN vị trí địa lý gần cho khách truy cập Máy chủ CDN lưu trữ dạng tệp lưu nhớ đệm - Vào lần tới, khách truy cập khách truy cập khác vị trí đó, đưa yêu cầu tương tự, máy chủ lưu nhớ đệm gửi phản hồi Tăng tốc động: Tăng tốc động trình giúp giảm thời gian phản hồi máy chủ yêu cầu nội dung web động nhờ có máy chủ CDN trung gian Việc lưu nhớ đệm không dễ thực với nội dung web động nội dung thay đổi theo yêu cầu người dùng Máy chủ CDN phải kết nối lại với máy chủ gốc có yêu cầu động nào, nhiên, việc lại giúp tăng tốc trình cách tối ưu hóa kết nối máy chủ với máy chủ gốc Các máy chủ tối ưu hóa phương pháp: - Các thuật tốn định tuyến thơng minh - Vùng lân cận theo vị trí địa lý với máy chủ gốc - Khả xử lý yêu cầu máy khách, giúp làm giảm kích thước yêu cầu ○ Dynamic Adaptive Streaming over HTTP Hình 2.9: Cơ chế DASH Dynamic Adaptive Streaming HTTP (DASH), gọi MPEG-DASH, kỹ thuật streaming bitrate thích ứng cho phép streaming nội dung đa phương tiện chất lượng cao qua Internet phân phối từ máy chủ web HTTP thông thường MPEG-DASH hoạt động cách chia nội dung thành chuỗi “gói” tập tin dựa HTTP để phát phương tiện truyền thơng Mỗi gói tập tin đặt thành tốc độ bit khác để mã hoá để đáp ứng yêu cầu mạng người khác Trong video phát client MPEG-DASH, client tự động chọn từ lựa chọn khác phân khúc để tải xuống phát dựa điều kiện mạng Như vậy, client MPEG-DASH liên tục thích nghi với điều kiện mạng thay đổi cung cấp chất lượng phát cao với dung lượng ○ HLS Hình 2.10: Cơ chế HLS HLS viết tắt HTTP Live Streaming HLS giao thức dựa HTTP thích ứng sử dụng để truyền liệu video âm từ máy chủ phương tiện đến thiết bị người dùng cuối HLS giống với MPEG-DASH chỗ hoạt động cách chia luồng tổng thể thành chuỗi tệp tải xuống dựa HTTP, lần tải xuống tải đoạn ngắn luồng truyền tải tổng thể có khả không bị ràng buộc Một danh sách luồng khả dụng, mã hóa tốc độ bit khác nhau, gửi đến máy khách cách sử dụng danh sách phát gói m3u mở rộng Dựa giao dịch HTTP tiêu chuẩn, HLS qua tường lửa máy chủ proxy cho phép lưu lượng HTTP tiêu chuẩn Điều cho phép nội dung cung cấp từ máy chủ HTTP thông thường phân phối CDN dựa HTTP có sẵn rộng rãi ● Chương 3: XÂY DỰNG ỨNG DỤNG ○ Cơ sở lý thuyết Hình 3.1: Mơ hình Video Streaming Youtube - Người dùng đăng video - Người xem xem nhiều định dạng khác - Người dùng tìm kiếm đăng thơng qua tiêu đề - Người dùng like, dislike đăng - Hệ thống lưu trữ số like, bình luận hiển thị cho người dùng Ngồi cịn có u cầu phi chức : - Không lưu trữ nhớ đệm người dùng, giúp cho người dung có trải nghiệm mượt mà - Hệ thống phải có độ trễ thấp, độ khả dụng cao Ngồi cịn có tính quán video người dùng đăng tải - Video phải nguyên vẹn Khi người dùng đăng tải không nên làm nội dung video - Hệ thống phải có tính mở rộng lượng người dùng tăng lên ■ Lưu trữ: Hệ thống lưu trữ video lưu trữ đám mây, để đảm bảo xử lý lưu lượng lớn ngày, liên tục Video đăng tải lên lưu google drive, thơng tin video ngày đăng, số like, lưu MongoDB, đính kèm dường dẫn đến video ■ Hiển thị video: Khi chiếu video, chiếu toàn file video nguyên vẹn, có cách khác tối ưu hơn, tránh việc người dùng phải lưu trữ toàn file lớn nhớ đệm Đó chia nhỏ video thành “mảnh nhỏ” (chunk), tiết kiệm thời gian để xử lý hiển thị video Khi chia nhỏ, người dùng xem mà khơng cần phải tải hết tồn video Khi người dùng xem chunk, client tự gửi yêu cầu chunk kế tiếp, khiến cho tượng lag giảm đáng kể ■ Xử lý, xác thực video: Vì việc đăng tải, truy xuất video liên tục nhiều từ người dùng, nên có hàng chờ xử lý tác vụ Các tác vụ lấy từ hàng chờ đưa vào luồng song song để thực thi đồng thời với Đồng thời có quy định khơng đăng file có định dạng lạ, dung lượng vượt 300MB ■ Cân tải: Hình 3.2: Cân tải Server nhận nhiều request cho nhiều chức tương ứng Nên có cân tải để điều hướng request trả liệu hợp lý mà không gây tải server, đồng thời tăng tính chịu lỗi ■ Xác thực người dùng Sử dụng token tạo đăng nhập lưu bên phía client Token chứa ID người dùng để xác nhận người dùng, phân quyền tác vụ người dùng hệ thống ○ Triển Khai: ■ Đăng ký tài khoản: Hình 3.3: Use case đăng ký Người dùng nhập email, username, password (yêu cầu nhập lại), chọn avatar (khơng bắt buộc) ■ Đăng nhập: Hình 3.4: Use case đăng ký Người dùng nhập tên đăng nhập mật để đăng nhập vào hệ thống Nếu quên mật nhận code xác thực email đặt lại mật ■ Quản lý tài khoản cá nhân: Hình 3.5: Use case quản lý tài khoản Cập nhật thông tin cá nhân (email, username, avatar, password), xóa tài khoản, xin cấp quyền content creator ■ Xem viết: Hình 3.6: Use case xem viết Người dùng truy cập vào viết để chuyển hướng đến viết muốn xem, like, bình luận viết ■ Đăng bài: Hình 3.7: Use case đăng viết Creator tạo upload viết (yêu cầu video) Nội dung viết yêu cầu: tiêu đề, nội dung chính, video ■ Quản lý viết: Hình 3.8: Use case quản lý viết Creator quan sát số lượt view, like, dislike, tổng comment tất viết đăng, cập nhật, xóa viết tạo ○ Phân tích hệ thống Hình 3.9: Use case tồn hệ thống Việc upload video cho thread bắt buộc chủ đề trang web chia sẻ kiến thức dựa content video viết Hình 3.10: Sơ đồ chức đăng viết User thích đăng, đánh dấu để xem lại sau comment góp ý bên đăng Ngồi báo lỗi, tố cáo đăng vi phạm quy luật Content creator đăng viết, chỉnh sửa để phù hợp với người xem nhận đánh giá viết đăng Đồng thời nhận thông báo xấu viết Hình 3.11: Sơ đồ chức thích, đăng bình luận báo xấu đăng Admin có quyền chỉnh sửa nhắn cho content creator chỉnh sửa viết Ngồi nhận thơng báo xấu từ user để phản hồi lại cho content creator Admin có đặc quyền nhận thông báo muốn nâng cấp từ user lên content creator, kiểm duyệt nâng cấp user ● Chương 4: GIAO DIỆN ỨNG DỤNG Hình 4.1: Giao diện trang chủ Hình 4.2: Giao diện viết Hình 4.3: Giao diện quản lý thơng tin cá nhân Hình 4.4: Quản lý viết đăng ● Chương 5: KẾT LUẬN ○ Nhận xét ● Ưu điểm đồ án: ○ Người dùng dễ dàng đăng tải nội dung chia sẻ kiến thức, luồng hoạt động website tường mình, dễ hiểu ○ Giao diện thân thiện, dễ sử dụng ○ Có tương tác người xem người đăng ● Nhược điểm đồ án: ○ Chức đơn giản, đáp ứng đủ nhu cầu ○ Chức báo xấu nội dung để admin xử lý chưa hoàn thiện ● Thuận lợi: ○ Giảng viên hướng dẫn tận tình, ln hỗ trợ chia sẻ, góp ý trình thực đồ án ○ Ý tưởng, sở lý thuyết đồ án xây dựng từ đầu đầu tư kỹ lưỡng ● Khó khăn: ○ Quản lý thời gian chưa hiệu => Kết luận: Đồ án đơn giản, có nhiều ý tưởng để mở rộng, triển khai Quá trình tìm hiểu đề tài cho thấy vấn đề người thường gặp phải phổ biến Nhờ mà chúng em nghĩ phương thức giải tốt ○ Hướng phát triển đồ án - Củng cố vai trò admin việc kiểm duyệt nội dung - Tăng tính tương tác người xem người chia sẻ kiến thức, người dùng admin quản lý trang web - Áp dụng thuật toán cao để quản lý, chống vi phạm quyền người dung, mở rộng thưởng tiền cho người có tương tác cao TÀI LIỆU THAM KHẢO [1] Dương Anh Sơn (2016), Lập trình React thật đơn giản, VNTALKING [2] Dương Anh Sơn (2017), Lập trình NodeJS thật đơn giản, VNTALKING [3] NodeJS website (2023): https://nodejs.org/en [4] ReactJS website (2023): https://react.dev [5] Stackoverflow (2023): https://stackoverflow.com/ [6] Udemy (2023): https://www.udemy.com [7] AWS (2023): https://aws.amazon.com/ [8] Viblo (2023): https://viblo.asia/ [9] Medium (2023): https://medium.com/ [10] ScaleYourApp (2023): https://scaleyourapp.com/ ● Chương 1: GIỚI THIỆU ĐỀ TÀI ○ Mô tả đề tài ○ Lý chọn đề tài ○ Tìm hiểu ● Chương 2: KIẾN THỨC VÀ CÔNG NGHỆ SỬ DỤNG ○ React JS ○ Node JS ○ Express ○ MongoDB ○ Google Drive ○ CDN ○ Dynamic Adaptive Streaming over HTTP ○ HLS ● Chương 3: XÂY DỰNG ỨNG DỤNG ○ Cơ sở lý thuyết ■ Lưu trữ: ■ Hiển thị video: ■ Xử lý, xác thực video: ■ Cân tải: ■ Xác thực người dùng ○ Triển Khai: ■ Đăng ký tài khoản: ■ Đăng nhập: ■ Quản lý tài khoản cá nhân: ■ Xem viết: ■ Đăng bài: ■ Quản lý viết: ○ Phân tích hệ thống ● Chương 4: GIAO DIỆN ỨNG DỤNG ● Chương 5: KẾT LUẬN ○ Nhận xét ○ Hướng phát triển đồ án