Wanotube – nền tảng chia sẻ video trực tuyến (khóa luận tốt nghiệp)

ĐẠ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 NGUYỄN ĐẮC THIÊN NGÂN TĂNG KHÁNH CHƯƠNG KHÓA LUẬN TỐT NGHIỆP WANOTUBE – NỀN TẢNG CHIA SẺ VIDEO TRỰC TUYẾN Wanotube – Online sharing video platform KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2022 ĐẠ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 NGUYỄN ĐẮC THIÊN NGÂN - 18520109 TĂNG KHÁNH CHƯƠNG - 18520010 KHÓA LUẬN TỐT NGHIỆP WANOTUBE – NỀN TẢNG CHIA SẺ VIDEO TRỰC TUYẾN Wanotube – Online sharing video platform KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Th.S TRẦN ANH DŨNG T.S NGUYỄN ĐÌNH HIỂN TP HỒ CHÍ MINH, 2022 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH 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 tháng năm 2022 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: Wanotube – Nền tảng chia sẻ video trực tuyến Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn ThS Trần Anh Dũng Đắc Thiên 18520109 Ngân Tăng Khánh Chương TS Nguyễn Đình Hiển 18520010 Đánh giá Khóa luận: Về báo cáo: Số trang 138 Số chương Số bảng số liệu 48 Số hình vẽ 94 Số tài liệu tham khảo 20 Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: • • Về chương trình ứng dụng: • • Về thái độ làm việc sinh viên: • • Đánh giá chung: Điểm sinh viên: Nguyễn Đắc Thiên Ngân: ……… /10 Tăng Khánh Chương:……… /10 Người nhận xét (Ký ghi rõ họ tên) Trần Anh Dũng ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH 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 tháng năm 2022 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Wanotube – Nền tảng chia sẻ video trực tuyến Nhóm sinh viên thực hiện: Cán phản biện: Nguyễn Đắc Thiên Ngân 18520109 Tăng Khánh Chương 18520010 Đánh giá Khóa luận: Về báo cáo: Số trang 138 Số chương Số bảng số liệu 48 Số hình vẽ 94 Số tài liệu tham khảo 20 Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: • • Về chương trình ứng dụng: • • Về thái độ làm việc sinh viên: • • Đánh giá chung: Điểm sinh viên: Nguyễn Đắc Thiên Ngân: ……… /10 Tăng Khánh Chương:……… /10 Người nhận xét (Ký ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH 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 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: WanoTube - Nền tảng chia sẻ video trực tuyến TÊN ĐỀ TÀI (TIẾNG ANH): WanoTube - Online video sharing platform Cán hướng dẫn: ThS Trần Anh Dũng TS Nguyễn Đình Hiển Thời gian thực hiện: Từ ngày 7/2/2022 đến ngày 11/6/2022 Sinh viên thực hiện: Nguyễn Đắc Thiên Ngân – 18520109 Tăng Khánh Chương – 18520010 Nội dung đề tài Mục tiêu đề tài 1.1 Bối cảnh chọn đề tài Trong năm gần đây, mạng xã hội khơng cịn khái niệm xa lạ với người già hay trẻ, người bận rộn hay người nhàn rỗi Khi người sử dụng điện thoại gia tăng, nhiều ứng dụng giải trí điện thoại ngày mắt rộng rãi Việc giải trí xem video dần thói quen khơng thể thiếu giới trẻ, hay thích cầm điện thoại lướt mạng xã hội Video chiếm phần lớn nội dung mà tìm thấy mạng xã hội Hơn nữa, với tốc độ gia tăng này, nhu cầu tăng Ai có sáng tạo video với hỗ trợ tiện ích ứng dụng chỉnh sửa video Nhưng việc cho phép đăng tải video lên mạng xã hội, vấn đề vi phạm quyền âm nhạc ngày nghiêm trọng Do em lựa chọn đề tài để hướng đến việc giải vấn đề Ngồi ra, để tăng thêm tính cạnh tranh so với tảng chia sẻ video thị trường, đề tài hỗ trợ người dùng sử dụng website ứng dụng điện thoại Android Trên ứng dụng tích hợp thêm AR Filter lọc thay đổi màu sắc không gian khung hình hay làm xuất vật, nhân vật, hình ảnh, biểu tượng, quay video 1.2 Mục đích đề tài ● Nghiên cứu thuật tốn Audio Fingerprinting cơng nghệ liên quan đến nhận diện âm cách tối ưu để áp dụng công việc xét quyền nhạc sản phẩm video đăng tải ● Nghiên cứu nguyên tắc hoạt động Augmented Reality (thực tế tăng cường) áp dụng vào tính AR Filter giúp quay video thú vị ● Xây dựng phát triển ứng dụng web có tính thực tiễn cao giúp thỏa mãn người có nhu cầu chia sẻ video 1.3 Ý nghĩa đề tài Về ý nghĩa người dùng: ● Giúp việc đăng tải, chia sẻ video trở nên dễ dàng ● Giúp hạn chế việc sáng tạo nội dung video chưa có cho phép sử dụng quyền âm nhạc ● Giúp người dùng sáng tạo video thú vị Về ý nghĩa cá nhân nhóm em: ● Đề tài tạo động lực giúp em tìm hiểu trau dồi kiến thức liên quan đến nhận diện âm thực tế tăng cường ứng dụng kiến thức học vào việc xây dựng trang web chia sẻ video ● Việc xây dựng ứng dụng với công nghệ VueJS, NodeJS, Android giúp tích lũy thêm kinh nghiệm cơng việc sau em 1.4 Nhiệm vụ đề tài Website ứng dụng điện thoại chia sẻ video trực tuyến WanoTube: ● Đăng tải video không giới hạn thời gian (Có kiểm duyệt nhạc video) ● Quay, chỉnh sửa, đăng tải video giới hạn 15s ● Tương tác: Thích / Khơng thích, Bình luận, Chia sẻ ● Quản lý video ● Tìm kiếm video ● Đăng ký / Đăng nhập / Đăng xuất ● Chỉnh sửa thông tin cá nhân Phạm vi nghiên cứu Website WanoTube xây dựng với: ● ● Front-end: ▪ Website: VueJS ▪ App: Kotlin (Android) Back-end: NodeJS Tìm hiểu thuật tốn cơng nghệ nhận diện âm ứng dụng vào việc xét quyền âm nhạc video Tìm hiểu AR (Tăng cường thực tế) ứng dụng vào tính quay video tích hợp filter (bộ lọc) thú vị Đối tượng nghiên cứu ● Các công nghệ xây dựng trang web: ● VueJS ● Android ● NodeJS ● MongoDB 4.2.4 Giao diện bình luận video ngắn Hình 4.11: Giao diện bình luận video ngắn Mobile 124 4.2.5 Giao diện đăng tải video ngắn Hình 4.12: Giao diện đăng tải video ngắn Mobile 125 4.2.6 Giao diện thư viện tơi Hình 4.13: Giao diện thư viện Mobile 126 4.2.7 Giao diện lịch sử xem video Hình 4.14: Giao diện lịch sử xem video Mobile 127 4.2.8 Giao diện xem video xem sau Hình 4.15: Giao diện xem video xem sau Mobile 128 4.2.9 Giao diện xem video đăng tải Hình 4.16: Giao diện xem video đăng tải Mobile 129 Hình 4.17: Giao diện xem video đăng tải Mobile 130 4.2.10 Giao diện chỉnh sửa video Hình 4.18: Giao diện chỉnh sửa video Mobile 131 4.2.11 Giao diện xem người follow Hình 4.19: Giao diện xem người follow 132 Chương TỔNG KẾT 5.1 Kết đạt 5.1.1 Về mặt nghiên cứu Trong q trình nghiên cứu, nhóm học hỏi nhiều điều cách làm việc nhóm lên kế hoạch xây dựng dự án Không vậy, q trình chọn cơng nghệ, nhóm khảo sát nhiều nên biết ưu nhược điểm loại ngôn ngữ thư viện, framework Kết hợp với việc nghiên cứu để tìm giải pháp cho phần mềm đem lại nguồn kiến thức - bổ ích cho kinh nghiệm sau nhóm Trong q trình thực đồ án, nhóm tìm hiểu áp dụng công nghệ phát triển Web Mobile, tích hợp cơng nghệ nhận diện âm công nghệ Filter AR vào ứng dụng, giúp phong phú kinh nghiệm làm việc công nghệ dẫn đầu xu hướng Đặc biệt, nhóm có hội tìm hiểu thêm Khơng vậy, nhóm cịn áp dụng quy trình làm việc nhóm phù hợp, cách hợp tác với cách hiệu để hồn thành đồ án khung thời gian khóa luận Ngồi ra, nhóm cịn tìm hiểu cách vận hành mạng tảng chia sẻ video trực tuyến cách quy tắc xét vi phạm quyền âm nhạc tảng lớn, từ đúc kết kinh nghiệm tạo quy tắc riêng cho tảng WanoTube 5.1.2 Về mặt sản phẩm 5.1.2.1 Đối với ứng dụng • Hoạt động tốt tảng Androidd Web • Giao diện trực quan tiện lợi cho người dùng • Tạo liên kết logic hình để khách hàng chuyển hình cách nhanh tiện lợi 133 5.1.2.2 Đối với người dùng • Có thể tìm kiếm video mong muuốn • Có thể xem lịch sử xem video video muốn xem sau • Có thể chỉnh sửa thơng tin cá nhân • Có thể quay xem video đăng tải 5.2 Ưu điểm Những ưu điểm mà ứng dụng mang lại: • Hệ thống nhận diện âm tích hợp việc xử lý video giúp việc nhận diện âm xét quyền tiện lợi, dễ dàng • Tích hợp tính Filter AR tăng thêm độ phong phú ứng dụng • Giao diện Website App trực quan, dễ dàng sử dụng đầy đủ thơng tin cần thiết • Hỗ trợ tính cho quản trị viên • Tương tác cập nhật real-time website server • Tìm hiểu áp dụng công nghệ vào hệ thống 5.3 Nhược điểm Vì quỹ thời gian hạn chế gặp số khó khăn việc làm đề tài, ứng dụng cịn số hạn chế sau: • Chưa phát triển tính xác thực qua email, điện thoại • Chưa tích hợp đăng ký bên thứ (Facebook, Gmail, ) • Cịn cần tối ưu thêm việc đăng tải nhận diện âm • Chưa tích hợp chức nhận thơng báo 134 5.4 Thuận lợi khó khăn • Thuận lợi Trong q trình thực khố luận, nhóm hướng dẫn giúp đỡ nhiệt tình giáo viên hướng dẫn thầy Trần Anh Dũng, thầy ưu khuyết điểm ứng dụng từ sớm để nhóm nhanh chóng sửa chữa đẩy nhanh tiến độ • Khó khăn Đaị dịch Covid ảnh hưởng nhiều tới việc giao tiếp nhóm Các buổi họp diễn online nên nhóm gặp nhiều khó khăn việc trao đổi yêu cầu ứng dụng dẫn đến nhiều thời gian sửa chữa lỗi gây hiểu nhầm lẫn Mặc dù thế, nhóm sớm nhận vấn đề nhanh chóng tìm cách khắc phục 5.5 Kết luận Nhóm thành cơng xây dựng tảng chia sẻ video trực tuyến mobile Android Web, thành công kết hợp công nghệ NodeJS, AWS, MongoDB server VueJS Kotlin client Các tính ứng dụng hoạt động mượt mà hơn, lỗi xuất Tuy nhiên nhóm cịn non trẻ, chưa có nhiều kinh nghiệm việc xử lý performance nên ứng dụng đơi cịn tồn động số vấn đề Trong tương lai, nhóm chỉnh sửa tối ưu luồng xử lý 5.6 Hướng phát triển Nếu tiến độ công việc đạt mong đợi, mở rộng thêm tính đặc biệt như: ● Hỗ trợ thêm tính Video Editing thêm text, stickers, ● Cung cấp thêm tính phụ đề tự động cho phép custom phụ đề, hỗ trợ hiệu ứng đặc sắc tảng khác 135 TÀI LIỆU THAM KHẢO Tiếng Việt [1] “Giới thiệu AWS S3 – FLINTERS Developer’s Blog.” https://labs.flinters.vn/aws/gioi-thieu-ve-aws-s3/ (accessed Dec 24, 2021) [14] Co M., “Marvy Co | Tìm hiểu cơng nghệ AR - AR Filter gì ?”, Marvy Co https://marvyco.com/vi/bai-viet/tim-hieu-ve-cong-nghe-ar-ar-filter-la-gi (truy cập 11 Tháng Sáu 2022) [16] “MVC gì? Ứng dụng mơ hình MVC lập trình” https://vietnix.vn/tim-hieu-mo-hinh-mvc-la-gi/ (truy cập 11 Tháng Sáu 2022) [17] “Một nhìn tổng quan NodeJS”, Viblo, 14 Tháng Mười 2020 https://viblo.asia/p/mot-cai-nhin-tong-quan-ve-nodejs-07LKXb9DlV4 (truy cập 11 Tháng Sáu 2022) [18] “Giới thiệu — Vue.js” https://vi.vuejs.org/v2/guide/ (truy cập 11 Tháng Sáu 2022) [19] “Giới thiệu lập trình Android cài đặt mơi trường”, Viblo, 17 Tháng Tám 2020 https://viblo.asia/p/gioi-thieu-lap-trinh-android-va-cai-dat-moi-truong- yMnKMvBAZ7P (truy cập 11 Tháng Sáu 2022) [20] “HTTP Live Streaming | Apple Developer Documentation” https://developer.apple.com/documentation/http_live_streaming (truy cập 11 Tháng Sáu 2022) Tiếng Anh [1] Past”, Kirsten Nunez, “Echoic Memory vs Iconic Memory: How We Perceive the Healthline, Tháng Mười-Một 2019 https://www.healthline.com/health/echoic-memory (truy cập 11 Tháng Sáu 2022) [2] “Example of spectrogram for a signal from the Dynamic dataset (a) | Download Scientific Diagram” https://www.researchgate.net/figure/Example-ofspectrogram-for-a-signal-from-the-Dynamic-dataset-a-close-talkclean_fig4_329841571 (truy cập 11 Tháng Sáu 2022) 136 [3] “How does the human brain memorize a sound?”, ScienceDaily https://www.sciencedaily.com/releases/2010/06/100601072644.htm (truy cập 11 Tháng Sáu 2022) [4] “Representing sound - Representing text, images and sound - KS3 Computer Science Revision”, BBC Bitesize https://www.bbc.co.uk/bitesize/guides/zpfdwmn/revision/3 (truy cập 11 Tháng Sáu 2022) [5] Y Wei, L Gan, X Huang, “A Review of Research on the Neurocognition for Timbre Perception”, Front Psychol., vol 13, 2022, Truy cập: 11 Tháng Sáu 2022 [Online] Available at: https://www.frontiersin.org/article/10.3389/fpsyg.2022.869475 [6] “Sampling Rates, Sample Depths, and Bit Rates: Basic Audio Concepts”, Voci https://www.vocitec.com/docs-tools/blog/sampling-rates-sample-depths-andbit-rates-basic-audio-concepts (truy cập 11 Tháng Sáu 2022) [7] W T Cochran c.s., “What is the fast Fourier transform?”, Proc IEEE, vol 55, số p.h 10, tr 1664–1674, tháng 10 1967, doi: 10.1109/PROC.1967.5957 [8] K Kovitvongsa P Lobel, “Convenient Fish Acoustic Data Collection in the Digital Age”, tháng 2022 [9] A Wang, “The Shazam music recognition service”, Commun ACM, vol 49, số p.h 8, tr 44–48, tháng 2006, doi: 10.1145/1145287.1145312 [10] “Example of spectrogram for a signal from the Dynamic dataset (a) | Download Scientific Diagram” [11] “The Chance of Identical Fingerprints: in 64 trillion”, Scientific American https://www.scientificamerican.com/article/the-chance-of-identical-fingerprints-1in-64-trillion/ (truy cập 11 Tháng Sáu 2022) [12] “How China’s ACRCloud detects copyrighted music in short videos | TechCrunch” https://techcrunch.com/2020/08/12/acrcloud-profile/ (truy cập 11 Tháng Sáu 2022) 137 [13] “ACRCloud and HUAWEI Music Partner to Provide Music Recognition Technology to Smartphone Users”, ACRCloud, 30 Tháng Mười 2019 https://www.acrcloud.com/huawei-music-acrcloud-music-recognition/ (truy cập 11 Tháng Sáu 2022) [15] “Social media AR games is the latest trend in gaming | Lenslist Blog” https://blog.lenslist.co/2020/10/12/social-media-ar-games-is-the-latest-trend-ingaming/ (truy cập 11 Tháng Sáu 2022) [16] “DeepAR: AR face filters for any website https://www.deepar.ai/deepar.ai/ (truy cập 11 Tháng Sáu 2022) 138 or app” ... THIÊN NGÂN - 18520109 TĂNG KHÁNH CHƯƠNG - 18520010 KHÓA LUẬN TỐT NGHIỆP WANOTUBE – NỀN TẢNG CHIA SẺ VIDEO TRỰC TUYẾN Wanotube – Online sharing video platform KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN... Độc Lập – Tự Do – Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2022 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Wanotube – Nền tảng chia sẻ video trực tuyến Nhóm... THÔNG TIN TP HCM, ngày tháng năm 2022 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: Wanotube – Nền tảng chia sẻ video trực tuyến Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn