Програмне забезпечення для автоматизації створення HTML-розмітки інтерфейсів веб-сторінок за допомогою нейронних мереж

Abstract

У дипломній роботі на тему «Програмне забезпечення для автоматизації створення HTML-розмітки інтерфейсів веб-сторінок за допомогою нейронних мереж» було виконано розробку вебзастосунку, який дозволяє користувачам автоматично генерувати HTML-код інтерфейсів за допомогою штучного інтелекту через простий і зручний інтерфейс у браузері. Актуальність завдання. У сучасному світі створення вебінтерфейсів стало щоденною задачею для багатьох розробників, дизайнерів та фахівців без технічного бекграунду. Зі зростанням попиту на швидку розробку вебсторінок зростає і потреба в інструментах, які автоматизують рутинні процеси. Застосування нейронних мереж у генерації HTML-коду дозволяє значно спростити й прискорити створення користувацьких інтерфейсів навіть тим, хто не володіє мовами розмітки. Це робить тему роботи актуальною як з практичної, так і з науково-дослідної точки зору. Мета розробки. Метою роботи є створення вебдодатку, який дозволяє користувачу вводити текстовий запит і отримувати згенеровану HTML-розмітку за допомогою нейронної мережі. Результати генерації можна переглянути, скопіювати або зберегти до особистого кабінету. Додаток також забезпечує можливість реєстрації, входу, збереження запитів користувачем та керування особистим архівом згенерованих кодів. Основні завдання, реалізовані в роботі: - аналіз предметної області та визначення вимог до системи; - розробка архітектури вебзастосунку; - реалізація сторінок входу, реєстрації, генератора, кабінету; - підключення нейромережевого API для генерації HTML-коду; - забезпечення авторизації та зберігання даних у Firebase; - створення адаптивного інтерфейсу для всіх типів пристроїв; - тестування та перевірка стабільності роботи системи. - 8 Методи та технології. Для реалізації проєкту було використано такі вебтехнології: - HTML / CSS / JavaScript — базові мови розмітки та стилізації; - Firebase — для авторизації користувачів та збереження згенерованих даних у Firestore; - AI API (GPT) — для генерації HTML-коду за текстовим запитом; - DOM-маніпуляції та валідація форм — для обробки введення та виводу; - GitHub / VS Code — для розробки та тестування. Апробація програмного додатку. Розроблений вебсайт був протестований на різних пристроях і браузерах, що підтвердило його стабільність, адаптивність та функціональність. Сервіс продемонстрував високу точність генерації HTML-коду, зручність використання інтерфейсу та гнучкість у збереженні результатів. Структура роботи. Дипломна робота складається з п’яти основних розділів: Аналіз предметної області — визначено проблему, цілі, задачі, та огляд аналогічних рішень; Моделювання предметної області — представлено об’єктне та функціональне моделювання, побудовано UML-діаграми та ER-модель; Розробка інформаційного та програмного забезпечення — описано архітектуру, логіку реалізації сторінок, модулів, а також обґрунтовано вибір технологій; Впровадження та експлуатація системи — розглянуто технічні вимоги, тестування, інсталяцію, перевірку функціоналу; Висновки — підсумовано виконану роботу та ефективність системи. Дипломна робота містить понад __ сторінок, діаграми, графічні ілюстрації, а також приклади роботи реалізованого вебзастосунку.