Розробка веб-інтерфейсу системи для роботи з генеративним штучним інтелектом

Abstract

The need for effective and accessible user interfaces has been highlighted due to the rapid growth and ongoing development of generative artificial intelligence (GenAI) in video creation. Existing solutions often pose a high entry barrier or fail to deliver a cohesive and intuitive user experience. This paper focuses on the development of an integrated web interface and a corresponding Application Programming Interface (API) for a GenAI-based system designed specifically for video content generation. The architecture and implementation of the system are presented, encompassing modules for user authentication and authorization, an extensive range of generation parameter configurations, process initiation, real-time result preview, and content management within user profiles. This study describes the development of a user interface based on the modern Angular framework and the implementation of a RESTful API using the FastAPI framework to ensure flexible and efficient interaction between client- and serverside components. Special attention is given to the system’s scalability, extensibility, and integration with modern tools for multimedia data storage and processing. The proposed solution aims to bridge the gap between the technical capabilities of GenAI models and the usability of their real-world applications, delivering a seamless workflow that supports users from query setup to result storage and reuse.

Стрімке поширення і швидке вдосконалення генеративного штучного інтелекту (ГШІ) для створення відео актуалізує проблему розробки ефективних та доступних користувацьких інтерфейсів. Існуючі рішення часто мають високий поріг входження або не забезпечують цілісного досвіду взаємодії. Стаття присвячена розробці інтегрованого веб-інтерфейсу та відповідного Application Programming Interface (API) для системи роботи з ГШІ, орієнтованої на генерацію відеоконтенту. Представлено архітектуру та реалізацію системи, що включає модулі автентифікації і авторизації користувачів, широкий спектр налаштування параметрів генерації, ініціації процесу, оперативного перегляду результатів та управління згенерованим контентом у профілі. Описано розробку користувацького інтерфейсу на основі сучасного фреймворку Angular та впровадження RESTful API на базі фреймворку FastAPI для забезпечення гнучкої та ефективної взаємодії між клієнтською та серверною частинами. Особливу увагу приділено забезпеченню масштабованості системи, розширюваності функціоналу та інтеграції з сучасними засобами зберігання і обробки мультимедійних даних. Запропоноване рішення спрямоване на подолання розриву між можливостями моделей ГШІ та зручністю їх практичного застосування, забезпечуючи цілісний робочий процес для користувача – від формування запиту до збереження та повторного використання результатів.