<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@748ab53c4e164b54bdac2e290aaf5e15" data-request-token="ea2a376a50a211f0aad23a3c22ecdc43" 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@be91e41615ae4b72a4e43ad83a2ff2be">
<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@be91e41615ae4b72a4e43ad83a2ff2be" data-request-token="ea2a376a50a211f0aad23a3c22ecdc43" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> LibreOffice Impress</span></h3>
<p style="text-align: justify;">LibreOffice Impress — це безкоштовна програма для створення презентацій, яка входить до пакету LibreOffice (аналог Microsoft PowerPoint). Вона особливо корисна для освітніх потреб, адже підтримує офлайн-роботу, відкриті формати файлів (ODP), а також імпорт і експорт у PPTX (PowerPoint).</p>
<p></p>
<h3 style="text-align: left;"><span style="color: #156082; font-weight: bold;"> Можливості:</span></h3>
<ul class="i-featuresList i-featuresList">
<li class="ifl-feature">
<div class="ifl-description">Створення навчальних презентацій</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Форматування</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Робота офлайн</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Додавання таблиць, об’єктів, зображення</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Анімація та переходи, кнопки навігації</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Велика кількість шаблонів</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<p></p>
<style><!--
.i-featuresList .ifl-feature {
/* edit size here */
height: 80px;
width: 760px;
border: 1.5px solid #156082;
}
.i-featuresList .ifl-feature {
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList li::before {
content: none !important;
}
.i-featuresList .ifl-feature .ifl-nbr {
color: #156082;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #156082;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #156082;
}
.i-featuresList .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList .ifl-feature h4,
.i-featuresList .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 2px; top: 120.391px;">
<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@f74ff4109ed9472cbf12f48ede2428f4">
<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@f74ff4109ed9472cbf12f48ede2428f4" data-request-token="ea2a376a50a211f0aad23a3c22ecdc43" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Google Slides</span></h3>
<p>Google Slides — це безкоштовний онлайн-інструмент для створення та демонстрації презентацій, який входить до складу Google Workspace. Вони дуже зручні для освітнього середовища, особливо завдяки простоті використання, спільному доступу і зберіганню в хмарі.</p>
<p></p>
<h3 style="text-align: left;"><span style="color: #156082; font-weight: bold;"> Можливості:</span></h3>
<ul class="i-featuresList i-featuresList">
<li class="ifl-feature">
<div class="ifl-description">Онлайн-доступ без інсталяції</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Спільна робота</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Доступ із ПК, смартфонів, планшетів одночасно</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Редагування тексту</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Форматування</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Інтеграція з іншими Google-сервісами</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Додавання таблиць, об’єктів та зображення</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Шаблони для освіти</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Використання великої кількості плагінів та доповнення (Add-ons)</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<p></p>
<style><!--
.i-featuresList .ifl-feature {
/* edit size here */
height: 80px;
width: 760px;
border: 1.5px solid #156082;
}
.i-featuresList .ifl-feature {
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList li::before {
content: none !important;
}
.i-featuresList .ifl-feature .ifl-nbr {
color: #156082;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #156082;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #156082;
}
.i-featuresList .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList .ifl-feature h4,
.i-featuresList .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<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://youtu.be/u_GB2kFgxUE?si=hBaXi3IlGXwuayKc" target="[object Object]">Як зробити гарні слайди в Google Slides Гугл Презентації</a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/u_GB2kFgxUE?si=hBaXi3IlGXwuayKc" 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>
<p></p>
<div style="display: flex; align-items: center; border: 2px solid #253777; 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/861758067a09fb8d8634937d7dc515c9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_note.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><a href="https://pptmon.com/" target="[object Object]"><strong>https://pptmon.com</strong></a> - Безкоштовні теми Google Slides та шаблони PowerPoint для підтримки вашої презентації!</em></p>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 167px; top: 2442.72px;">
<div class="gtx-trans-icon"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@049e0ddcb0b540948a55acd831626976">
<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@049e0ddcb0b540948a55acd831626976" data-request-token="ea2a376a50a211f0aad23a3c22ecdc43" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: solid 1px #c8c8c8; border-radius: 5px; background: #fbffed; padding: 20px; margin: 15px 0 15px 0;">
<p><span style="color: #156082; font-size: 110%; font-weight: bold;"> Рекомендація для освітніх потреб: </span></p>
<p><b> 1. Чітка структура </b></p>
<ul>
<ul>
<li>Вступ: назва, мета, план.</li>
<li>Основна частина: розкриття теми презентації</li>
<li>Висновок: узагальнення, запитання</li>
</ul>
</ul>
<p><b>2. Один слайд — одна ідея</b></p>
<ul>
<ul>
<li>Уникай перевантаження слайдів текстом</li>
</ul>
</ul>
<p><b>3. Візуалізація інформації</b></p>
<ul>
<ul>
<li>Використовуй зображення, схеми, іконки, таблиці</li>
<li>Діаграми та графіки — для статистики або порівнянь</li>
</ul>
</ul>
<p><b>4. Зрозумілі шрифти і кольори</b></p>
<ul>
<ul>
<li>Розмір шрифту: не менше 24 pt</li>
<li>Контрастність: світлий фон — темний текст (або навпаки)</li>
<li>Палітра кольорів : уникай більше 3 кольорів одночасно </li>
</ul>
</ul>
<p><b> 5. Додайте інтерактивності</b></p>
<ul>
<ul>
<li>Використовуйте анімацію для пояснення логіки</li>
<li>Не "перевантажуй" ефектами (не більш ніж 1–2 на слайд)</li>
</ul>
</ul>
<p><b> 6. Залучення уваги</b></p>
<ul>
<ul>
<li>Додавайте запитання до аудиторії</li>
<li>Використовуйте гіперпосилання для розкриття теми</li>
</ul>
</ul>
<p><b>7. Орієнтація на цільову аудиторію</b></p>
<ul>
<ul>
<li>Підберіть шаблон відповідно теми.</li>
</ul>
</ul>
</div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@d6a3c9280b0e44f1b620b374281c1264">
<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@d6a3c9280b0e44f1b620b374281c1264" data-request-token="ea2a376a50a211f0aad23a3c22ecdc43" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="display: flex; align-items: center; border: 2px solid #253777; 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/861758067a09fb8d8634937d7dc515c9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_note.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em>Добра презентація — як розповідь: має початок, розвиток і завершення.</em></p>
<p><em>Візуальний образ запам’ятовується краще, ніж абзац тексту.</em></p>
<p><em>Презентація — це представлення думки, а не розділ підручника</em></p>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 2. Інструменти розробки навчальних матеріалів"
© Всі права захищено