Навігація по роботі
Тарасов Євген
Ідея роботи
Цей документ пояснює, як зі звичайної Excel-таблиці з результатами опитування 53 співробітників за 40 хвилин створити повноцінний автономний презентаційний веб-дашборд з голосовим AI-диктором, автоматичним скролом і кінематографічними ефектами — без знання програмування чи дизайну.
Як робили раніше: брали Excel, вручну зводили цифри, 2–3 дні верстали 30 слайдів у PowerPoint, а потім монотонно зачитували текст з аркуша.
Як це працює з ШІ: людина виступає як «Архітектор та Режисер» — ставить цілі, надає дані та оцінює результат, а ШІ миттєво виконує роль аналітика даних, дизайнера, програміста та звукорежисера.
Покроковий процес створення
1. Завантаження та миттєвий аналіз сирих даних
На старті — файл «Використання штучного інтелекту в роботі.xlsx» (53 анкети з текстовими та числовими відповідями).
Запит до ШІ: «Ось Excel-файл з опитуванням компанії. Проаналізуй усі відповіді, порахуй точні відсотки, знайди неочевидні закономірності та приховані проблеми».
Результат за 30 секунд: ШІ миттєво згрупував дані за підрозділами, вирахував середні бали та виявив управлінські парадокси (наприклад: «співробітники кажуть, що не мають часу вчити ШІ, але щодня годинами вручну переносять дані в таблицях»).
2. Структурування інформації на логічні блоки
Замість перевантаження текстом матеріал було розділено на 4 чіткі розділи:
- Стратегічні висновки (Executive Summary) — головні цифри для керівництва та готовність команди до навчання;
- Парадокси та інсайти — 4 головні системні розриви компанії («пастка копірайтингу», «ілюзія легкості» тощо);
- Попит та бар'єри — інтерактивні діаграми навичок, яких потребують люди, та факторів, що заважають;
- Практика та воркшоп — архітектура 3-х навчальних треків та покроковий план дій на 4 тижні.
3. Генерація сучасного веб-інтерфейсу
Запит до ШІ: «Створи один автономний HTML-файл у сучасному стилі: темна тема, скляні картки, неонові акценти, інтерактивні графіки Chart.js, адаптивність під ноутбуки та проектори».
Результат: ШІ згенерував готовий код веб-сторінки, яку можна запустити на будь-якому комп'ютері подвійним кліком без встановлення спеціальних програм і навіть без інтернету.
4. Голосовий AI-асистент та автоскрол («Режим доповідача»)
Найефектніша частина проєкту, яка оживила презентацію: ШІ написав сценарій виступу на 19 сцен живою діловою мовою. Усі терміни та назви компаній були фонетично адаптовані для чистої української вимови («Чат ДжіПіТі», «Корнерстоун»).
Синхронізація (Spotlight): коли диктор говорить про конкретний графік чи інсайт, сторінка сама плавно скролиться, перемикає вкладки, а цільовий блок починає світитися неоновою аурою з міткою «🎙️ В ЕФІРІ».
Додано підтримку двох режимів звуку: безкоштовний вбудований голос браузера та студійний голос ElevenLabs через MP3.
5. Шліфування та кінематографічний «WOW-фінал»
Повноекранний режим (клавіша F): приховує всі зайві кнопки для чистої та солідної презентації.
Жартівлива кінцівка: «...А я чемно переходжу в сплячий режим, поки хтось не написав мені промпт: «Зроби все красиво за 5 секунд». Була рада виступити перед вами! Дякую!»
Ретро-ефект CRT-телевізора: після прощання екран на мить «засвербів» вінтажною ряботою кінескопа, згорнувся в тонку неонову смужку, цятку й остаточно згас, залишивши кнопку «⏻ Увімкнути знову».