<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@96c8adc8da1341c5ad24b095dfa9e209" data-request-token="03d2d62852c311f0908f36580608b08a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@9ae07aeb18c24f9e974e3748e2a78b88">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@9ae07aeb18c24f9e974e3748e2a78b88" data-request-token="03d2d62852c311f0908f36580608b08a" 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: center;"><img height="auto" width="100%" src="/assets/courseware/v1/ef5dd0a4903b2b657d407c4352fda99c/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m4_t1_genially_img1_header2.png" alt="picture1" /></p>
<div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<ul>
<ul>
<li><b>Ресурс:</b> <strong><a href="https://genially.com
" target="[object Object]">https://genially.com</a></strong></li>
<li><b>Тип контенту: </b> Інфографіка, вікторини, інтерактивне зображення, онлайн-урок</li>
<li><b>Особливості: </b>Немає повного експорту в PDF/ PPTX / PNG/ MP4</li>
<li><b>Ліцензія:</b> Частково безкоштовна</li>
</ul>
</ul>
</div>
<p style="text-align: justify;"><strong>Genially</strong> – це універсальний онлайн-інструмент, який спрощує створення будь-яких навчальних матеріалів: від інтерактивних презентацій та ігор до карт, ілюстрованих процесів і резюме. Це ідеальне рішення для електронного навчання, адже працювати в ньому легко та швидко завдяки численним шаблонам та широкому вибору інтерактивних елементів.</p>
<p style="text-align: justify;">Вся ваша робота зберігається у хмарному сховищі, дозволяючи продовжувати проєкти на різних пристроях. Крім того, Genially підтримує спільну роботу, даючи змогу командам перетворювати ідеї на реальний контент разом.</p>
<p></p>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Можливості</span></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="padding-left: 25px;">
<ul>
<ul>
<li>Клікабельнільні елементи (кнопки, області, посилання)</li>
<li>Вбудовані відео, аудіо, анімації</li>
<li>Перехід між слайдами за умовами або вибором користувача</li>
</ul>
</ul>
</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="padding-left: 25px;">
<ul>
<ul>
<li>Презентації, тести, настільні ігри</li>
<li>Візуальна привабливість і динамічність</li>
<li>Анімовані об’єкти, фони</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- 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="padding-left: 25px;">
<ul>
<ul>
<li>Можливість редагувати з кількома учасниками онлайн</li>
<li>Коментування всередині редактора</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- 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="padding-left: 25px;">
<ul>
<ul>
<ul>
<li>Статистика переглядів (кількість, середній час, сторінки) — у платних тарифах</li>
<li>Можна відстежувати участь у квізах, тестах</li>
</ul>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- 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="padding-left: 25px;">
<ul>
<li>Публікація онлайн (через посилання або вбудовування на сайт)</li>
<li>Генерація QR-коду</li>
<li>Можливість обмежити доступ (приватність)</li>
<li>Можна вставляти Genially-продукти в Moodle, Google Sites, блог, LMS</li>
</ul>
</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>
<p>
<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>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 64px; top: 819.891px;">
<div class="gtx-trans-icon"></div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@475ab6e5fa9d44afbb8ed1a6d1647c87">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@475ab6e5fa9d44afbb8ed1a6d1647c87" data-request-token="03d2d62852c311f0908f36580608b08a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li><b>Зручний інтерфейс: </b> розташування елементів робить дизайн простим та інтуїтивним навіть для новачків</li>
<li><b>Широкий вибір шаблонів: </b> тисячі готових макетів на різні теми</li>
<li><b> Безкоштовна версія: </b>створювати необмежену кількість проєктів</li>
<li><b>Спільна робота:</b> можливість редагування проєкту кількома користувачами одночасно</li>
<li><b>Інтеграція:</b> підтримка роботи із LMS</li>
</ul>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li><b>Доступність:</b> мала кількість безкоштовних шаблонів</li>
<li><b>Залежність від інтернету:</b> працює тільки онлайн</li>
<li><b>Платний контент:</b> велика кількість шаблонів лише у платній версії</li>
<li><b>Експорт і поширення:</b> у безкоштовній версії не можна завантажити інтерактив як автономний файл </li>
<li><b>Мова інтерфейсу:</b> нема української мови</li>
</ul>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<p>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
</p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@6e4043cd2c43415d85b6864d756026b0">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@6e4043cd2c43415d85b6864d756026b0" data-request-token="03d2d62852c311f0908f36580608b08a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p> </p>
<div style="border: 2px solid #b71929; 20px; box-shadow: 0px 0px 10px #C3CAD3; border-radius: 8px; padding: 16px; margin: 24px 16px 24px 16px;">
<p style="color: #b71929;"><strong>Увага!</strong></p>
<p>Основна мова цього відео — англійська. У ньому немає оригінальних українських субтитрів, YouTube може автоматично згенерувати та перекласти субтитри українською.</p>
<p><b>Щоб увімкнути автоматичний переклад субтитрів: </b></p>
<ul>
<ul>
<li> Щоб увімкнути субтитри для всіх відео, знизу праворуч натисніть значок "Керування медіа-контентом" </li>
<li>Натисніть значок ⚙️ (Налаштування) під відео.</li>
<li>Оберіть "Субтитри" → "Автоматичний переклад".</li>
<li>Виберіть мову "Українська".</li>
</ul>
</ul>
<p><em>Зверніть увагу: автоматичний переклад може містити помилки.</em></p>
</div>
<p></p>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><b>Додатковий матеріал</b> – <a href="https://www.youtube.com/playlist?list=PLIe0e5ZRrHGXE8KiiJFXtI_y456i68YQI" target="[object Object]">Tutorials in EN - 13 відео</a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/ugnhJa_xtTY?si=SUMC5az1wqhnzIpA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
<p></p>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><b>Додатковий матеріал</b> – <em><strong><a href="/assets/courseware/v1/bfe50b41deab02af9f03ccdfb96a795e/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/Genially_Guide.pdf" target="[object Object]">PDF інструкція роботи в Genially</a></strong></em></p>
</div>
</div>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 381px; top: 1522.66px;">
<div class="gtx-trans-icon"></div>
</div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@2921768a082a40249ec706d50148ac89">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@2921768a082a40249ec706d50148ac89" data-request-token="03d2d62852c311f0908f36580608b08a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="padding-left: 30px; text-align: justify;"></div>
<div style="display: flex; align-items: center; border: 2px solid #087ec8; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/8e11e4d73733afe2748fd4676b0ff741/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_interesting.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><span style="color: #004984; font-size: 110%; font-weight: bold;">Якщо шукаєш аналоги Genially для освітнього контенту: </span></p>
<ul>
<ul>
<li><strong>Максимально простий редактор</strong> — <strong><a href="https://www.canva.com/" target="[object Object]">Canva</a></strong> або <strong><a href="https://helpx.adobe.com/ua/support/express.html" target="[object Object]">Adobe Express</a></strong></li>
<li><strong>Інтерактивні елементи в стилі Genially</strong> — <strong><a href="https://www.visme.co/" target="[object Object]">Visme</a></strong> або <strong><a href="https://www.thinglink.com/" target="[object Object]">ThingLink</a></strong></li>
<li><strong>Динаміка, масштабування, нестандартний підхід</strong> — <strong><a href="https://prezi.com/" target="[object Object]">Prezi</a></strong></li>
<li><strong>Анімаційні відео для пояснення</strong> — <strong><a href="https://www.powtoon.com/" target="[object Object]">Powtoon</a></strong></li>
</ul>
</ul>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 519px; top: 300.188px;">
<div class="gtx-trans-icon"></div>
</div>
<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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 4. Онлайн інструменти та сервіси для створення мультимедійного контенту"
© Всі права захищено