<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@387c170ec2914dee9aa2d64a4a15d9e9" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@25808af68ebb4bfb9062bfad16d9e0a1"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@25808af68ebb4bfb9062bfad16d9e0a1" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: justify;">Використання викладачами професійної (професійно-технічної) освіти технологій генерації відео за допомогою ШІ для створення навчальних матеріалів є надзвичайно перспективним напрямком. Актуальність цієї теми зумовлена потенціалом ШІ вирішити низку освітніх викликів та відкрити нові можливості для візуалізації та навчання.</p> <p style="text-align: justify;">Вже сьогодні інструменти на основі ШІ дозволяють спростити процес створення анімацій складних механізмів, динамічних схем, симуляцій фізичних чи хімічних процесів, які вимагають спеціалізованого програмного забезпечення та значних часових затрат. У перспективі, це дозволить легко візуалізувати те, що неможливо або небезпечно зняти наживо. </p> <p style="text-align: justify;">Наразі ШІ може генерувати не просто статичні картинки, а вже короткі відео, що динамічно ілюструють абстрактні поняття, принципи роботи або послідовності дій, роблячи їх інтуїтивно зрозумілішими. </p> <p style="text-align: center;"><img height="auto" width="400" src="/assets/courseware/v1/1f33f5e7f4be67eb6a7f46e7085fb6a1/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/3_17.png" alt="" /></p> <p style="text-align: justify;">Інструменти ШІ потенційно знижують поріг входу для створення відео. Викладачам, які не мають досвіду відеозйомки чи анімації, стане доступнішим створення унікального, персоналізованого відеоконтенту для своїх занять, просто формулюючи текстові запити чи використовуючи інші прості інтерфейси.</p> <p style="text-align: justify;">У майбутньому можна очікувати інструменти, які дозволять легко модифікувати згенероване відео (змінити параметри, ракурс, деталі), адаптуючи його під різні групи здобувачів освіти чи оновлені навчальні програми. ШІ відкриває шлях до експериментів з новими форматами навчального відео, які можуть бути ефективнішими для певних тем або категорій здобувачів освіти.</p> <p style="text-align: justify;">Опанування інструментів ШІ стає важливою цифровою компетентністю для сучасного педагога, що дозволяє йти в ногу з часом. Оскільки ШІ все більше інтегрується в різні галузі промисловості, використання подібних інструментів в освіті допомагає готувати здобувачів освіти до роботи в технологічно розвиненому середовищі.</p> <p style="text-align: justify;"></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@b2e780e0311b4f359769166203373046" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@1507673efbc944ab8e6436ea10067ae5"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@1507673efbc944ab8e6436ea10067ae5" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 style="text-align: justify;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Ключові методологічні підходи та принципи:</span></h3> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 1. Постановка цілей </span></h4> <ul style="text-align: justify;"> <ul> <li>Необхідно чітко визначити, який динамічний аспект, концепцію або короткий процес потрібно візуалізувати. Чому саме відео, згенероване ШІ, є найкращим інструментом для цього (наприклад, потрібна анімація схеми, демонстрація принципу роботи тощо)? Яку конкретну навчальну проблему це вирішує?</li> <li>Важливо врахувати специфіку сприйняття відеоконтенту здобувачами освіти П(ПТ)О. Чи буде короткий анімований кліп зрозумілішим за статичну схему чи текстовий опис?</li> <li>Необхідно подумати, що здобувач освіти має зрозуміти або навчитись після перегляду ШІ-згенерованого відео (напр., "Описати принцип руху поршня, показаний в анімації", "Назвати 2 фактори ризику, візуалізовані в короткому кліпі", "Пояснити послідовність зміни стану" тощо).</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 2. "Дидактичний дизайн" та сценарій </span></h4> <p style="text-align: justify;"><em>Для цього етапу є досить типовий перелік кроків:</em></p> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;">Визначити загальний стиль (анімаційний, псевдореалістичний), ключові об'єкти та їхню взаємодію.</li> <li style="text-align: justify;">Розбити ідею на дуже короткі сцени (буквально 2-5 секунд кожна). </li> <li style="text-align: justify;">Передбачити дикторський текст або звукові ефекти, які будуть додані після генерації відео на етапі монтажу. Не розраховувати на синхронний звук від ШІ (зазвичай низької якості або відсутній).</li> <li style="text-align: justify;">Передбачити текстові написи, стрілки, виділення, які будуть додані поверх відео під час постобробки.</li> </ul> </ul> <p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/c33854e7f834383dd5984db04a873b6c/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/3_18.png" alt="" /></p> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 3. Підготовка до генерації</span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;">Обрати платформу для генерації відео, враховуючи її можливості (текст у відео, зображення у відео, відео у відео), якість генерації, доступність, вартість та ліцензійні умови.</li> <li style="text-align: justify;">Сформулювати дуже точні та детальні промпти для кожної запланованої короткої сцени, описуючи об'єкти, стиль, а головне – характер руху та зміни. Можливо, знадобиться генерувати ключові кадри як зображення, а потім анімувати їх (image-to-video).</li> <li style="text-align: justify;">Підготувати стартові зображення або короткі відеореференси, якщо обраний інструмент працює за принципом image-to-vide (зображення у відео) або video-to-video (відео у відео).</li> <li style="text-align: justify;">Провести попередні тести з різними промтами та налаштуваннями (тривалість, рівень "творчості" чи хаосу, параметри руху), щоб зрозуміти можливості та обмеження обраного інструменту.</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 4: Генерація відеокліпів </span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;">Варто генерувати багато варіантів для кожної короткої сцени, змінюючи промпти та параметри. Очікувати, що значна частина результатів буде незадовільною (артефакти, нелогічний рух, невідповідність запиту).</li> <li style="text-align: justify;">Необхідно систематично зберігати та позначати згенеровані кліпи відповідно до сцен зі сценарію/розкадрування.</li> <li style="text-align: justify;">Доцільно вибрати найбільш вдалі та релевантні короткі кліпи, які потенційно можуть бути використані після обробки.</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 5. Верифікація та монтаж </span></h4> <p style="text-align: justify;"><em>1. Критична верифікація викладачем є надзвичайно важливою! </em>Необхідно переглянути кожний кадр відібраних кліпів. Перевірити: </p> <ul style="text-align: justify;"> <ul> <li>Чи відповідає зображений рух, процес, взаємодія реальним фізичним або технічним принципам?</li> <li>Чи є рух послідовним та зрозумілим?</li> <li>Якщо ілюструються аспекти безпеки, чи зображені вони належним чином?</li> <li>Чи немає мерехтіння, деформацій, нелогічних об'єктів, що відволікають або спотворюють зміст?</li> </ul> </ul> <p style="text-align: justify;">2. Фіналізація відео з відібраних та верифікованих ШІ-кліпів у стандартному програмному забезпеченні для відеомонтажу: </p> <ul style="text-align: justify;"> <ul> <li>Обрізати невдалі частини, налаштувати швидкість відтворення (сповільнити/пришвидшити).</li> <li>З'єднати короткі кліпи в логічну послідовність. Можливо, використовувати статичні зображення або титри між кліпами.</li> <li>Зациклити короткі вдалі анімації, якщо потрібно показати процес триваліше.</li> </ul> </ul> <p style="text-align: justify;">3. Додавання аудіо: Записати та накласти якісний дикторський текст, що пояснює побачене. Додати доречні звукові ефекти або фонову музику (негучно).</p> <p style="text-align: justify;">4. Додавання елементів графіки (потрібно накласти заголовки, пояснювальні написи, стрілки, виділення) для покращення розуміння.</p> <p style="text-align: justify;">5. Розглянути доцільність застосування гібридного підходу (можливість комбінування ШІ-згенерованих кліпів з реальними відеофрагментами, фотографіями, схемами тощо).</p> <p style="text-align: justify;">6. Зберегти фінальне відео у потрібному форматі та якості.</p> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 6. Інтеграція в навчальний процес</span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;">Чітко пояснити здобувачам освіти мету перегляду ШІ-відео (напр., "Це анімація, що ілюструє принцип роботи...", "Зверніть увагу на послідовність змін..."). Не представляти його як абсолютно точну реальну зйомку (якщо це не так).</li> <li style="text-align: justify;">Використовувати ШІ-відео для ілюстрації конкретного моменту, запуску дискусії, візуалізації концепції, а не як основне джерело для вивчення складних практичних навичок (на даному етапі розвитку технологій).</li> <li style="text-align: justify;"> Розробити питання або завдання, що спонукають до аналізу побаченого в ШІ-відео.</li> <li style="text-align: justify;">Якщо можливо, додати субтитри або транскрипт відео.</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап 7: Оцінка ефективності та можлива ітерація</span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em>Збір зворотного зв'язку.</em> Опитати здобувачів освіти та колег: чи було відео зрозумілим? Чи допомогло воно візуалізувати процес/концепцію? Чи не було воно заплутаним або неточним?</li> <li style="text-align: justify;"><em>Аналіз результатів навчання.</em> Оцініть чи покращилось розуміння теми після використання ШІ-відео порівняно з іншими методами?</li> <li style="text-align: justify;">На основі аналізу <em>внести зміни в методику використання відео</em>, перегенерувати невдалі фрагменти (можливо, з використанням оновлених інструментів чи кращих промтів), або відмовитись від використання ШІ для певних задач, якщо воно виявилось неефективним чи неточним.</li> </ul> </ul> <p style="text-align: justify;">Генерація навчальних відео за допомогою ШІ викладачами П(ПТ)О є перспективним, але все ще експериментальним напрямом. Вона актуальна для створення коротких анімацій, візуалізації концепцій та процесів, які важко показати іншими засобами. Однак, це вимагає від викладача глибокого розуміння можливостей та обмежень технології, розвинених навичок промт-інжинірингу, критичного мислення для верифікації результатів та значних зусиль на етапі "постпродакшену". Ключовим є усвідомлення, що ШІ-відео наразі є допоміжним інструментом, а не повноцінною заміною реальних демонстрацій чи зйомок для більшості практичних завдань професійної підготовки.</p> <p style="text-align: justify;"></p> <p style="text-align: justify;"></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@5d0c2c24e60f445ea8751d11cb584b67" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@79bd15bea0e24e778a5f75819434898f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@79bd15bea0e24e778a5f75819434898f" data-request-token="84541af066a011f0a615ee25bfe0c413" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="border: 4px solid #004984; margin-bottom: 24px; padding-top: 16px; padding-left: 16px; padding-right: 16px; background-color: #b1d5e4;"> <p style="text-align: justify;"><span style="color: #000000;"><strong>InVideo.io</strong></span> - це онлайн-платформа для створення відео, яка пропонує потужні інструменти на основі штучного інтелекту, що значно спрощують процес створення навчальних відео.</p> </div> <p>Завдяки функціям перетворення тексту на відео, автоматичного додавання голосового супроводу та великій бібліотеці готових шаблонів і медіафайлів, InVideo.io може стати незамінним помічником для викладачів у створенні інформативного відеоконтенту для здобувачів освіти.</p> <p style="text-align: justify;"><a href="/assets/courseware/v1/1ad94bc4491c43bae3e8c726aba12639/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/Invideo.pdf" target="[object Object]">Коротка інструкція для початку роботи (pdf)</a></p> <h3 style="padding-top: 28px;"><span style="color: #156082; font-size: 110%;"><strong>Кроки створення навчальних відео</strong></span></h3> <p style="font-size: 85%"><i>Натисніть на інтерактивні елементи, щоб розглянути кроки</i><em>.</em></p> <div class="s-tabs"> <ul class="s-tabs__nav-row"><!-- Tab navigation link 1 --> <li class="s-tab s-tabs__item is-active is-checked"> <div class="s-tab__nav"><button></button> <span>1</span></div> </li> <!-- Tab navigation link 2 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>2</span></div> </li> <!-- Tab navigation link 3 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>3</span></div> </li> <!-- Tab navigation link 4 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>4</span></div> </li> <!-- Tab navigation link 5 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>5</span></div> </li> <!-- Tab navigation link 6 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>6</span></div> </li> </ul> <div class="s-tabs__content"><!-- Tab content 1 --> <div class="s-tabs__panel s-panel is-active"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 1: Початок роботи</span></h4> <p style="text-align: justify;">1. Створення облікового запису або вхід:</p> <ul style="text-align: justify;"> <ul> <li>Перейдіть на вебсайт InVideo.io<a href="https://invideo.io/" target="[object Object]"> (https://invideo.io/).</a></li> <li>Увійдіть до свого існуючого облікового запису InVideo.io або створіть новий безкоштовний обліковий запис.</li> </ul> </ul> <p style="text-align: justify;">2. Ознайомлення з інтерфейсом:</p> <ul> <ul style="text-align: justify;"> <li>Після входу ви потрапите на головну панель InVideo.io. Тут ви побачите різні варіанти створення відео, включаючи "Text to Video" (Текст у відео), "Templates" (Шаблони) та "Blank Canvas" (Порожнє полотно).</li> </ul> </ul> </div> </div> </div> <!-- Tab content 2 --> <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 2: Створення відео за допомогою ШІ (Text to Video)</span></h4> <p style="text-align: justify;">1. Виберіть опцію "Text to Video" - на головній панелі InVideo.io виберіть опцію "Text to Video".</p> <p style="text-align: justify;">2.  InVideo.io пропонує безліч готових шаблонів, розроблених для різних цілей. Виберіть шаблон, який найкраще відповідає типу навчального відео, яке ви хочете створити (наприклад, пояснювальне відео, список, навчальний посібник). Ви також можете вибрати співвідношення сторін відео (широкоформатне, вертикальне, квадратне).</p> <p style="text-align: justify;">3. Введіть свій сценарій або тему. У текстовому полі введіть сценарій вашого навчального відео або основні моменти, які ви хочете висвітлити. Наприклад:</p> <ul style="text-align: justify;"> <ul> <li>"Поясніть закон всесвітнього тяжіння."</li> <li>"Створіть відео про п'ять основних етапів фотосинтезу."</li> <li>"Зробіть короткий огляд історії розвитку комп'ютерів."</li> <li>"Створіть відео-інструкцію з розв'язання квадратних рівнянь."</li> </ul> </ul> <p style="text-align: justify;">4. Натисніть "Continue". Після введення тексту натисніть кнопку "Continue".</p> <p style="text-align: justify;">5. Перегляд згенерованого відео. InVideo.io автоматично створить чернетку відео на основі вашого тексту, підібравши відповідні відеокліпи, зображення та текстові шари.</p> </div> </div> </div> <!-- Tab content 3 --> <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 3: Редагування та налаштування відео</span></h4> <p style="text-align: justify;">1. Огляд часової шкали. У нижній частині екрана ви побачите часову шкалу, яка відображає всі елементи вашого відео (відеокліпи, зображення, текст, музика, голосовий супровід).</p> <p style="text-align: justify;">2. Редагування текстових шарів. Натисніть на текстовий шар на часовій шкалі або безпосередньо на екрані попереднього перегляду, щоб змінити текст, шрифт, колір, розмір та анімацію.</p> <p style="text-align: justify;">3. Заміна відеокліпів та зображень:</p> <ul style="text-align: justify;"> <ul> <li>Виберіть відеокліп або зображення на часовій шкалі.</li> <li>У лівій бічній панелі ви побачите бібліотеку медіафайлів InVideo.io, яка включає стокові відео, зображення та музику. Ви також можете завантажити власні медіафайли.</li> <li>Перетягніть новий медіафайл на часову шкалу, щоб замінити існуючий.</li> </ul> </ul> <p style="text-align: justify;">4. Додавання голосового супроводу:</p> <ul style="text-align: justify;"> <ul> <li>Перейдіть на вкладку "Voiceover" (Голосовий супровід) у лівій бічній панелі.</li> <li>Ви можете записати власний голосовий супровід, завантажити аудіофайл або скористатися функцією перетворення тексту на мову (Text to Speech) на основі ШІ. Виберіть бажаний голос та налаштуйте швидкість та висоту звучання.</li> </ul> </ul> <p style="text-align: justify;">5. Додавання музики:</p> <ul style="text-align: justify;"> <ul> <li>Перейдіть на вкладку "Music" (Музика) у лівій бічній панелі.</li> <li>Виберіть музичну композицію з бібліотеки InVideo.io або завантажте власну.</li> <li>Налаштуйте гучність музики та її тривалість на часовій шкалі.</li> </ul> </ul> <p style="text-align: justify;">6. Додавання переходів та анімацій:</p> <ul style="text-align: justify;"> <ul> <li>Виберіть перехід між двома кліпами на часовій шкалі, щоб змінити його стиль.</li> <li>Анімуйте текстові шари та інші елементи, використовуючи відповідні опції в панелі редагування.</li> </ul> </ul> </div> </div> </div> <!-- Tab content 4 --> <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 4: Використання InVideo.io в освітніх цілях</span></h4> <ul style="text-align: justify;"> <ul> <li>Створення пояснювальних відео. Візуалізація складних тем та концепцій за допомогою анімації, ілюстрацій та тексту.</li> <li>Розробка коротких оглядів уроків. Створення стислих відео з основними моментами уроку для повторення матеріалу.</li> <li>Генерація відео-завдань. Надання інструкцій до завдань у відеоформаті, що може бути більш зрозумілим та захоплюючим для здобувачів освіти.</li> <li>Створення оголошень та шкільних новин. Швидке створення інформаційних відео для інформування здобувачів освіти та батьків про важливі події.</li> <li>Створення візуальних посібників. Розробка відео-інструкцій для виконання практичних завдань або лабораторних робіт.</li> <li>Підготовка матеріалів для дистанційного навчання. Створення якісного відеоконтенту для онлайн-уроків та курсів.</li> </ul> </ul> <p style="text-align: center;"><img height="651" width="500" src="/assets/courseware/v1/b2b142ff3a4d5bb42b0ac4ded49f30ff/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/3_19.png" alt="" /></p> </div> </div> </div> <!-- Tab content 5 --> <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 5: Поради та найкращі практики для викладачів</span></h4> <ul style="text-align: justify;"> <ul> <li>Пишіть чіткі та лаконічні сценарії. Для ефективного використання функції "Text to Video" переконайтеся, що ваш текст є добре структурованим та легко зрозумілим.</li> <li>Використовуйте візуальні елементи, що відповідають змісту. Обирайте відеокліпи та зображення, які найкраще ілюструють ваш сценарій.</li> <li>Додавайте голосовий супровід для кращого розуміння. Голосовий супровід допомагає утримувати увагу здобувачів освіти та краще засвоювати інформацію.</li> <li>Не перевантажуйте відео текстом. Використовуйте текст для виділення ключових моментів, а основну інформацію передавайте візуально та за допомогою голосового супроводу.</li> <li>Зробіть відео короткими та змістовними. Утримуйте увагу здобувачів освіти, створюючи короткі відео, зосереджені на конкретній темі.</li> <li>Переглядайте відео перед публікацією. Переконайтеся, що відео є чітким, інформативним та не містить помилок.</li> </ul> </ul> </div> </div> </div> <!-- Tab content 6 --> <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 6: Представлення та поширення</span></h4> <p style="text-align: justify;">1. Натисніть кнопку "Preview" (Перегляд) у верхньому правому куті екрана, щоб переглянути готове відео.</p> <p style="text-align: justify;">2. Натисніть кнопку "Export" (Експорт), щоб експортувати ваше відео. Виберіть бажану якість та формат відео. Після експорту ви зможете завантажити відео на свій комп'ютер.</p> <p style="text-align: justify;">3. InVideo.io пропонує різні варіанти поширення відео:</p> <ul style="text-align: justify;"> <ul> <li>Ви можете отримати пряме посилання на ваше відео та поділитися ним зі здобувачами освіти.</li> <li>Ви можете отримати код для вбудовування відео на ваш шкільний вебсайт або LMS.</li> <li>InVideo.io дозволяє легко публікувати відео на різних соціальних платформах.</li> <li>Ви можете безпосередньо завантажити відео на свій канал YouTube.</li> </ul> </ul> </div> </div> </div> </div> </div> <style><!-- .s-tabs__nav-row { display: flex; justify-content: space-between; position: relative; margin: 0 25px 25px 25px !important; padding: 0 !important; list-style: none !important; } @media all and (max-width: 540px){ .s-tabs__nav-row { margin: 0 0 25px 0 !important; } } .s-tabs__nav-row:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: #004984; } /* Steps */ .s-tabs { padding: 20px 0; overflow: hidden; } .s-tab { position: relative; margin-bottom: 0 !important; } .s-tab__content { position: relative; } .s-tab__content span { display: block; } /* Steps Navigation */ .s-tab__nav { position: relative; } .s-tab__nav button { width: 40px; height: 40px; background-color: #fff; border: 2px solid currentColor; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #004984; font-size: 24px; cursor: pointer; transition: all .25s linear; background-image: url('/assets/courseware/v1/c6eb373f7792c6e5fe870d368a6ddc93/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/plus_B.png'); /* plus */ background-repeat: no-repeat !important; background-position: center !important; background-size: 14px !important; } @media all and (max-width: 767px){ .s-tab__nav button { width: 30px; height: 30px; background-size: 10px !important; padding: 0; } } .s-tab__nav button:hover, .s-tab__nav button:focus { background-color: #b1d5e4; border-color: #b1d5e4; background-image: url('/assets/courseware/v1/3b8a311b59c7864282d57db718f6254f/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/plus_w.png'); /* white plus */ color: #fff; outline: none; box-shadow: inset 0 1px 0 0 #116062 !important; } /* Steps Labels */ .s-tab__nav span { height: 40px; padding-left: 16px; padding-right: 16px; background-color: #004984; border: 2px solid #004984; border-radius: 24px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; visibility: hidden; transition: all .25s linear; font-weight: 900; } .s-tabs__item:first-of-type .s-tab__nav span { left: -60%; transform: translateX(0); } .s-tabs__item:last-of-type .s-tab__nav span { left: auto; right: -60%; transform: translateX(0); } @media all and (max-width: 767px){ .s-tab__nav span { height: 30px; font-size: 14px; } .s-tabs__item:first-of-type .s-tab__nav span { left: -75%; } .s-tabs__item:last-of-type .s-tab__nav span { right: -75%; } } @media all and (max-width: 540px){ .s-tab__nav span { width: 30px; font-size: 0; padding: 0; border-radius: 100%; border: 0; top: 0; } .s-tabs__item:first-of-type .s-tab__nav span { left: 0; } .s-tabs__item:last-of-type .s-tab__nav span { right: 0; } } .s-tab__content { width: 280px; background-color: #fff; padding: 12px 16px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; position: absolute; opacity: 0; visibility: hidden; line-height: 1.5; font-size: 16px; z-index: 1; transition: all .25s linear; } .s-tab__content p:last-of-type{ margin-bottom: 0; } /* Tab panel */ .s-panel { background: #FFFFFF; border: 1px solid #004984; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 24px; display: none; } .s-panel.is-active { display: block; } .s-panel p { margin: 0; font-size: 17px; line-height: 1.5; } .s-panel__title { font-size: 20px !important; line-height: 1.5; margin: 0 0 12px 0 !important; font-weight: 900 !important; text-transform: none; letter-spacing: 0 !important; color: #000 !important; } /* States for navigation */ .s-tabs__item.is-active .s-tab__nav button { opacity: 0; visibility: hidden; } .s-tabs__item.is-active .s-tab__nav span { opacity: 1; visibility: visible; } .s-tab.is-checked .s-tab__nav button { background-image: url('/assets/courseware/v1/c2cc64e5676e47ed49af612829a2de18/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/gal_B.png'); /* checked */ } .s-tab.is-checked .s-tab__nav button:hover, .s-tab.is-checked .s-tab__nav button:focus { background-image: url('/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/gal_w.png'); /* white checked */ } --></style> <script>// <![CDATA[ /* Tabs */ // <![CDATA[ var tabNavItem = $('.s-tab'); var tabPanel = $('.s-panel'); tabNavItem.on('click', function () { var navIndex = $(this).index(); var selectedPanel = $('.s-panel').eq(navIndex); tabNavItem.not($(this)).removeClass('is-active'); tabPanel.not(selectedPanel).hide(); $(this).addClass('is-active is-checked'); selectedPanel.show(); }); // ]]></script> <p></p> <div style="background-color: #a3b1e2; margin-right:16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left:16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"> <p style="text-align: justify;font-weight: bold; font-style: italic;">InVideo.io є потужним та зручним інструментом для викладачів, які хочуть швидко та легко створювати якісні навчальні відео на основі штучного інтелекту. Завдяки широкому набору функцій та інтуїтивно зрозумілому інтерфейсу, він може допомогти зробити навчання більш захоплюючим, інформативним та доступним для здобувачів освіти. Експериментуйте з його можливостями та інтегруйте його у свою педагогічну практику для створення ефективного відеоконтенту.</p> </div> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>