<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@6bc6c5828bc3425c823c2bcf801379f0" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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@cda5ea502d6848238d347f5051a31ec7">
<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@cda5ea502d6848238d347f5051a31ec7" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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: justify;">З педагогічного погляду, аватари можуть виступати ефективними інструментами під час проведення дистанційних занять, асинхронних лекцій, вебінарів та курсів. Вони не лише забезпечують передачу знань у доступній та привабливій формі, а й сприяють розвитку таких важливих навичок сучасних здобувачів освіти, як критичне мислення, комунікація, співпраця та творчість.</p>
<p style="text-align: justify;">Таким чином, використання технології віртуальних аватарів у професійно-технічній освіті є педагогічно обґрунтованим та ефективним кроком у напрямку реалізації сучасних освітніх стратегій, спрямованих на підготовку компетентних фахівців, здатних успішно реалізовувати себе в умовах швидких змін та розвитку технологій.</p>
<h3> <span style="color: #004984; font-weight: bold; font-size: 110%;">Для початку ось декілька теоретичних підходів, які варто врахувати :</span></h3>
<h3 style="text-align: left;"></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><em>Натисніть на інтерактивні елементи, щоб дізнатись більше.</em></p>
<p></p>
<div class="container-dm-pic3">
<div class="dm-pic3">
<!-- button start 1 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>1. Визначте мету використання аватара:</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<p><em>Для чого вам потрібен віртуальний аватар? Це може бути для:</em> </p>
<ul>
<li>Створення навчальних відеороликів (пояснення теорії, демонстрація процесів).</li>
<li>Забезпечення персоналізованого зворотного зв'язку здобувачам освіти.</li>
<li>Проведення віртуальних лекцій або семінарів.</li>
<li>Створення інтерактивних навчальних матеріалів.</li>
<li>Забезпечення доступності навчання для здобувачів освіти з особливими потребами (наприклад, через субтитри або жестову мову).</li>
</ul>
<p><strong><em>Зв'яжіть використання аватара з конкретними результатами навчання, яких ви прагнете досягти.</em></strong></p>
<p></p>
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 1 -->
<!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Продумайте образ та роль аватара:</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<ul>
<li>Яким має бути ваш віртуальний представник? Його зовнішність, голос та манера спілкування повинні відповідати вашій педагогічній філософії та аудиторії.</li>
<li>Яку роль виконуватиме аватар? Чи буде він основним лектором, помічником у поясненні складних тем, або ж інструментом для демонстрації практичних навичок?</li>
<li>Чи буде аватар повністю ідентичним вам, чи матиме деякі відмінності? Розгляньте переваги та недоліки обох підходів.</li>
</ul>
<p></p>
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 2 -->
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3. Врахуйте педагогічні принципи:</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<ul>
<li>Інтерактивність: Подумайте, як зробити навчання з віртуальним аватаром більш інтерактивним. Це можуть бути вбудовані запитання, завдання для самоперевірки або посилання на додаткові ресурси.</li>
<li>Персоналізація: Використовуйте можливості HeyGen для створення персоналізованих повідомлень або звернень до окремих здобувачів освіти.</li>
<li>Доступність: Переконайтеся, що ваші відео з аватаром є доступними для всіх здобувачів освіти, включаючи тих, хто має порушення слуху або зору (наприклад, через субтитри, транскрипцію або можливість регулювання швидкості відтворення).</li>
<li>Зворотний зв'язок: Плануйте, як аватар може надавати здобувачам освіти своєчасний та змістовний зворотний зв'язок щодо їхньої роботи.</li>
</ul>
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 3 -->
<!-- button start 4 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>4. Етичні міркування:</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<ul>
<li>Прозорість: Повідомте здобувачам освіти, що вони взаємодіють з віртуальним аватаром, а не з реальною людиною.</li>
<li>Конфіденційність: Уникайте використання особистої інформації здобувачів освіти у відео з аватаром без їхньої згоди.</li>
<li>Авторське право: Переконайтеся, що ви маєте право використовувати музику, зображення та інші матеріали, які ви включаєте у свої відео.</li>
</ul>
<p></p>
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 4 -->
<!-- button start 5 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>5. Технічна підготовка:</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<ul>
<li>Якість запису: Подбайте про якісний запис свого голосу та відео для створення аватара. Чіткий звук та гарне освітлення є важливими.</li>
<li>Сценарій: Ретельно продумайте сценарій для кожного відео, яке ви плануєте створити з аватаром.</li>
<li>Тестування: Перед використанням аватара в навчальному процесі, протестуйте його роботу та якість створених відео.</li>
</ul>
<p></p>
<p></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 5 --></div>
</div>
<style><!--
.dm-collaps-wrap {
margin-bottom: 15px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
border-radius: 6px;
}
.dm-collaps {
background-color: #EDEDED;
color: black;
background-image: none;
text-shadow: none;
width: 100%;
font-family: inherit;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
border-radius: 6px 6px 0 0;
text-align: left;
outline: none;
font-size: 15px;
}
.dm-collaps i.fa-angle-down {
font-style: inherit;
margin-right: 10px;
}
.dm-collaps--active i.fa-angle-down {
transform: scaleY(-1);
}
button.dm-collaps--active,
button.dm-collaps:hover,
button.dm-collaps:focus,
button.dm-collaps:active {
background-color: #c0c0c0ff;
color: #000000;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.dm-collaps-content {
padding: 0 18px;
display: none;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.dm-collaps-content p {
margin-top: 5px;
}
.dm-collaps-content img {
height: auto;
}
.dm-picnorm {
display: flex;
align-items: center;
}
.dm-picnorm img {
width: auto;
max-height: 150px;
margin-left: 10px;
}
.element_container{
min-height: 120px;
}
@media only screen and (max-width: 980px) {
.dm-picnorm {
flex-direction: column;
margin: 0 auto;
}
}
--></style>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
<p></p>
<p style="text-align: left;"></p>
<p></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@392056f989f64a7a99c44fb9ca1137ac" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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@1c182cbf48ce4cb8af378139ab6c589a">
<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@1c182cbf48ce4cb8af378139ab6c589a" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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;">Використання HeyGen для створення віртуального аватара-викладача може стати потужним інструментом у вашому арсеналі педагогічних методів, особливо у сфері професійної (професійно-технічної) освіти, де візуалізація та демонстрація є ключовими для ефективного навчання. </p>
</div>
<h3 style="padding-top: 28px;"><span style="color: #156082; font-size: 110%;"><strong>Покрокова інструкція зі створення аватара на прикладі HeyGen:</strong></span></h3>
<ol>
<li><em>Реєстрація на платформі</em> - перейдіть на сайт <a href="https://www.heygen.com/" target="[object Object]">heygen.com</a> та зареєструйтесь.</li>
<li><em>Створення аватара</em> - завантажте власне фото чи відео, або оберіть вже створений віртуальний персонаж.</li>
<li><em>Сценарій</em> - завантажте текстовий сценарій уроку, який ваш аватар буде проговорювати.</li>
<li><em>Озвучення</em> - виберіть природний голос серед запропонованих мов та стилів або завантажте власне аудіо.</li>
<li><em>Генерація відео</em> - натисніть на кнопку "Створити відео", після генерації перегляньте результат та внесіть корективи за потреби.</li>
</ol>
<p></p>
<h3 style="padding-top: 28px;"><span style="color: #156082; font-size: 110%;"><strong>Інструкція з використання HeyGen для створення віртуального аватара-викладача</strong></span></h3>
<p>Ця інструкція є загальною, оскільки інтерфейс та функціонал HeyGen можуть оновлюватися. Рекомендується також ознайомитися з офіційною документацією та навчальними матеріалами <a href="https://www.heygen.com/" target="[object Object]">HeyGen</a>.</p>
<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>
</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: Реєстрація та вхід до HeyGen</span></h4>
<p>1. Перейдіть на вебсайт HeyGen (<a href="https://www.heygen.com/" target="[object Object]">https://www.heygen.com</a>).</p>
<p>2. Зареєструйте обліковий запис або увійдіть, якщо ви вже є користувачем.</p>
<p></p>
</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: Створення власного аватара (Your Own Avatar)</span></h4>
<p>1. Увійдіть до свого облікового запису HeyGen.</p>
<p>2. Знайдіть опцію "Create Avatar" або подібну (зазвичай знаходиться на головній панелі або в розділі "Avatars").</p>
<p>3. Оберіть опцію "Your Own Avatar" або "Custom Avatar".</p>
<p>4. Вам буде запропоновано записати відео себе. Зазвичай, HeyGen надає рекомендації щодо якості запису (освітлення, фон, тривалість, ракурси).</p>
<p>5. Запишіть відео, дотримуючись інструкцій HeyGen. Зазвичай потрібно записати кілька фраз для навчання AI.</p>
<p>6. Завантажте записане відео на платформу HeyGen.</p>
<p>7. HeyGen обробить ваше відео та створить ваш віртуальний аватар. Цей процес може зайняти певний час.</p>
<p></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>1. Після створення аватара перейдіть до розділу "Create Video" або подібного.</p>
<p>2. Оберіть опцію "Text to Video" або "Script to Video", якщо ви хочете, щоб аватар озвучував текст. Або ж оберіть опцію "Audio to Video", якщо ви хочете, щоб аватар синхронізував губи з завантаженим аудіофайлом.</p>
<p>3. Виберіть свого створеного аватара зі списку доступних аватарів.</p>
<p>4. Введіть текст, який повинен озвучити аватар, або завантажте аудіофайл.</p>
<p>5. Налаштуйте інші параметри відео, такі як фон, розміщення аватара, стиль анімації (якщо доступно).</p>
<p>6. Перегляньте попередній варіант відео.</p>
<p>7. Якщо ви задоволені результатом, натисніть кнопку "Generate" або "Create Video".</p>
<p>8. Після завершення генерації ви зможете завантажити відео або поділитися ним.</p>
<p></p>
<p></p>
</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: Використання аватара для навчальних цілей</span></h4>
<p>1. Інтегруйте створені відео у свої навчальні матеріали (презентації, онлайн-курси, навчальні платформи).</p>
<p>2. Використовуйте аватар для пояснення складних тем, демонстрації практичних навичок або надання інструкцій.</p>
<p>3. Розгляньте можливість використання аватара для створення персоналізованих повідомлень або вітань для здобувачів освіти.</p>
<p></p>
<p></p>
</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>
<h3><span style="color: #004984; font-weight: bold; font-size: 110%;">Додаткові поради:</span></h3>
<ul>
<li>Експериментуйте з різними функціями HeyGen, платформа постійно розвивається, тому вивчайте нові можливості, які можуть бути корисними для вашого викладання.</li>
<li>Зберігайте простоту, не перевантажуйте відео зайвими елементами. Зосередьтеся на чіткому та зрозумілому донесенні інформації.</li>
<li>Зробіть короткі тестові уроки (до 5-7 хвилин).</li>
<li>Стежте за якістю та змістовністю сценаріїв.</li>
<li>Проводьте попередню перевірку створеного аватара з колегами або групою здобувачів освіти, отримайте зворотний зв'язок.</li>
<li>Інтегруйте створені відео в навчальні платформи (наприклад, Moodle, Google Classroom тощо).</li>
<li>Регулярно оновлюйте контент та аватар відповідно до зворотного зв'язку і нових педагогічних трендів.</li>
</ul>
<p></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@33f71f7f8c524bd58f354edcfcf5a443" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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@c8fd7e75a2da4be2aed3be86771fb778">
<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@c8fd7e75a2da4be2aed3be86771fb778" data-request-token="66108ca8675a11f0890d06bd1f67b83e" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #004984; font-weight: bold; font-size: 110%;">Альтернативні сервіси зі створення аватарів на базі ШІ:</span></h3>
<div style="border: 4px solid #004984; margin-bottom: 24px; padding-top: 16px; padding-left: 16px; padding-right: 16px; background-color: #b1d5e4;">
<p><strong><a href="https://www.synthesia.io/" target="[object Object]">Synthesia.io</a></strong> – популярна альтернатива HeyGen із можливістю створення персоналізованих аватарів і широким вибором голосів.</p>
<p><strong><a href="https://hourone.ai/" target="[object Object]">Hour One</a></strong> – пропонує якісні аватари, які підходять для корпоративного навчання та технічних інструкцій.</p>
<p><strong><a href="https://elai.io/" target="[object Object]">Elai.io</a></strong> – сервіс із простим інтерфейсом та великим набором стилів аватарів, підтримує багато мов.</p>
<p></p>
</div>
<h4><span style="color: #004984; font-weight: bold; font-size: 110%;">Шукайте кращі рішення для конкретних завдань</span></h4>
<p style="text-align: justify;">Різні платформи можуть пропонувати унікальні функції, які краще відповідають конкретним потребам професійної (професійно-технічної) освіти. Наприклад, одна платформа може мати ширші можливості для створення аватарів, що імітують роботу з обладнанням, інша – кращі інструменти для інтерактивності, а третя – більш гнучкі налаштування голосу та емоцій. Водночас деякі альтернативи можуть краще інтегруватися з іншими навчальними платформами, інструментами для створення контенту або системами управління навчанням (LMS), які вже використовуються викладачем.</p>
<h4><span style="color: #004984; font-weight: bold; font-size: 110%;">Питання гнучкість у виборі цінової політики та планів</span></h4>
<p style="text-align: justify;">HeyGen може мати певну цінову політику, яка не завжди підходить для бюджету викладача або закладу освіти. Альтернативні платформи можуть пропонувати різні варіанти підписки, безкоштовні пробні періоди або навіть повністю безкоштовні версії з обмеженим функціоналом. Порівняння цін дозволяє знайти найвигідніший варіант, який відповідає потребам та фінансовим можливостям користувачів.</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 69px; top: 277.859px;">
<div class="gtx-trans-icon"></div>
</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>
<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@1a850b9581344539801f9cf80f53e6ad" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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@1d1b3f4f23c74099a4c64cf9f0134fc0">
<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@1d1b3f4f23c74099a4c64cf9f0134fc0" data-request-token="66108ca8675a11f0890d06bd1f67b83e" 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>
<h4 style="text-align: justify;">Ці відео для вас створила Анніка Пуро-Ахо (Annika Puro-Aho), викладачка Фінського інституту управління підприємствами (Suomen Yrittajaopisto).</h4>
<p style="text-align: justify;">Цікавим цей приклад є також тим, що Анніка чудово володіє технологіями ШІ, але зовсім не володіє українською мовою. ШІ на основі її справжнього голосу (який вона записувала лише фінською) досить вдало згенерував мовлення українською. Нижче ви зможете оцінити це самостійно!</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d" data-request-token="66108ca8675a11f0890d06bd1f67b83e" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2"></h3>
<div
id="video_958d7fa998e84938bd7f1404e7bc7a2d"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:jWAIJXkvMpM", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@958d7fa998e84938bd7f1404e7bc7a2d/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="958d7fa998e84938bd7f1404e7bc7a2d"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f" data-request-token="66108ca8675a11f0890d06bd1f67b83e" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2"></h3>
<div
id="video_0d38df3443df433aa472dbf729cdbe3f"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:JZyUgHKi4oE", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@0d38df3443df433aa472dbf729cdbe3f/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="0d38df3443df433aa472dbf729cdbe3f"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 3: ШІ у викладанні та навчанні"
© Всі права захищено