Розробка вебзастосунку для перегляду відео засобами Vue.js TMDb API

Abstract

UA : Робота викладена на 62 сторінках друкованого тексту, містить 28 рисунків, 22 джерела. Об’єкт дослідження: процес розробки вебзастосунку для перегляду відео. Мета роботи: створення вебзастосунку для перегляду відео засобами Vue.js та TMDb API. Методи дослідження: для досягнення поставленої мети був використаний підхід, що поєднує розробку фронтенду з використанням Vue.js та взаємодію з сервером за допомогою TMDb API. У процесі розробки було використано компонентний підхід Vue.js для покращення організації коду та забезпечення простоти у підтримці. Результатом роботи є вебзастосунок для пошуку і перегляду відео, створений на основі Vue.js з інтеграцією даних через TMDb API. Основна увага приділялася аналізу вимог до функціональності, зокрема до зручності інтерфейсу та швидкого пошуку відеоматеріалів. У рамках роботи було досліджено можливості рекомендаційних систем для персоналізації контенту. Також реалізовано функції авторизації через Firebase, що забезпечує зберігання особистих налаштувань користувачів. Надійність застосунку перевірено засобами автоматизованого тестування за допомогою Cypress, що дозволило виявити і усунути помилки у відображенні та взаємодії з даними, підвищуючи стабільність системи. Розроблений застосунок може слугувати основою для подальших проєктів у сфері потокового відео та персоналізованого пошуку, демонструючи ефективність інтеграції Vue.js з TMDb API, а також застосування сучасних інструментів для забезпечення надійності й масштабованості системи.EN : The work is presented on 62 pages of printed text, 28 figures, 22 references. The object of the study is the process of developing a web application for viewing videos. The aim of the study is the creation of a web application for video viewing using Vue.js and the TMDb API. The methods of research are a combined approach integrating frontend development with Vue.js and server interaction through the TMDb API. The development process employed Vue.js’s component-based approach to improve code organization and ensure ease of maintenance. The result of the thesis is a web application for searching and viewing videos, built using Vue.js with integration of data via the TMDb API. The main focus was on analyzing functionality requirements, particularly user interface convenience and fast video material search. In the course of the work, the possibilities of recommendation systems for content personalization were explored. Additionally, authentication features were implemented via Firebase, ensuring the storage of user settings. The reliability of the application was tested using automated testing tools such as Cypress, which helped identify and fix issues with data display and interaction, improving the system’s stability. The developed application can serve as a basis for further projects in the field of video streaming and personalized search, demonstrating the effectiveness of the integration of Vue.js with the TMDb API, as well as the use of modern tools to ensure the reliability and scalability of the system.