Розробка цифрових продуктів із використанням ШІ: від ідеї до вебсайту та мобільного додатка

Для студентів спеціальності F6 «Інформаційні системи та технології» відбувся воркшоп «Розробка цифрових продуктів із використанням ШІ», присвячений інтеграції AI-сервісів у процеси проєктування та створення програмних рішень. Захід провели Вальчишин С. П. та Смаль В. І. На практичних прикладах учасники побачили, як застосовувати штучний інтелект на різних етапах роботи – від формулювання задуму до підготовки додатка, який можна встановити на власний смартфон.

Під час першої частини заняття Вальчишин С. П. ознайомив студентів із можливостями AI-сервісу Lovable та продемонстрував його використання у веброзробці. У межах демонстрації було створено альтернативну версію вебсайту коледжу. Експериментуючи зі структурою, дизайном і поданням інформації, учасники побачили можливості швидкого прототипування та вдосконалення результату за допомогою текстових запитів.

Окрему увагу приділили поняттю «вайб-кодинг» – підходу, за якого значна частина розробки відбувається у взаємодії з AI-інструментами через текстові запити та послідовне уточнення результату. Студенти обговорили його переваги: швидкість створення прототипів, простоту втілення початкових ідей та можливість оперативно перевіряти гіпотези. Водночас розглянули й обмеження: залежність від якості запитів, ризик отримання некоректного коду та необхідність критично оцінювати й перевіряти запропоновані рішення.

У другій частині воркшопу Смаль В. І. продемонстрував створення мобільного додатка за допомогою ШІ-асистента Codex. Для роботи обрали практичне завдання, близьке студентам, – розробку особистого розкладу занять. Демонстрація розпочалася з визначення потреб користувачів і складання плану, після чого було реалізовано першу версію Android-додатка «Мій розклад» із використанням Flutter.

Додаток дає змогу самостійно додавати, редагувати й копіювати пари, зазначати час, аудиторію та викладача, переглядати розклад на день і тиждень, а також враховувати чергування чисельника та знаменника. Дані зберігаються на телефоні, тому розклад доступний без підключення до інтернету.

Важливою складовою демонстрації стала перевірка якості та підготовка продукту до поширення. Код розмістили в репозиторії GitHub, доповнили автоматизованими тестами й налаштували GitHub Actions для виконання перевірок і збирання Android-додатка. Результатом став опублікований APK-файл, який можна завантажити та встановити на смартфон. Для зручного доступу до актуальної версії підготували постійний QR-код. Переглянути проєкт можна GitHub, а завантажити додаток – на сторінці релізу.

Обидві демонстрації показали, як AI-інструменти допомагають переходити від задуму до робочого цифрового продукту. Водночас практична робота підкреслила значення чіткої постановки завдання, розуміння програмного коду, тестування та відповідальності за кінцевий результат. Такий формат заняття допоміг студентам краще зрозуміти роль штучного інтелекту в сучасній розробці та важливість поєднання нових інструментів із фундаментальними знаннями програмування.