<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@e01513c40b024a0a812c3a4b1f265027" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@c9e4b4003afd4ebf841ce13476093e50">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@c9e4b4003afd4ebf841ce13476093e50" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Послухай фрагмент симфонії Йозефа Гайдна «Симфонія з ударом литавр» («Сюрприз»). Які музичні інструменти звучать у творі найбільш яскраво? Які ще інструменти входять до складу симфонічного оркестру?</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354" data-request-token="6b0c41d2576611f196378a5ef075e388" 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_28e6d4bba87348668c7489d859654354"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["http://www.shkolyar.com.ua/QR/464.mp3"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@28e6d4bba87348668c7489d859654354/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="28e6d4bba87348668c7489d859654354"></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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@1a963606d73c4164b95f92a579a8d78a" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@f0f8d1fe0e32490da5aeeb9f01bfe19a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@f0f8d1fe0e32490da5aeeb9f01bfe19a" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p class="MsoNormal" align="center" style="margin-bottom: 0cm; line-height: normal; text-align: left;"><span lang="RU">Послухай і розучи пісню «Калинова Україна». Визнач головну думку цього твору.</span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd" data-request-token="6b0c41d2576611f196378a5ef075e388" 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_6d764b52fb5d42bd842676cd253553bd"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:2SIF-JGABpo", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@6d764b52fb5d42bd842676cd253553bd/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="6d764b52fb5d42bd842676cd253553bd"></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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@12fdfb882868493e9cb1b4c5392b92ef" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@249aa29cabb640198bf55082420226c7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@249aa29cabb640198bf55082420226c7" data-request-token="6b0c41d2576611f196378a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="matching-task">
<h2 style="text-align:left">Пригадай, які бувають портрети. Познач індивідуальний і груповий, живописний і скульптурний портрети</h2>
<p style="text-align:left">Перетягни правильне визначення під відповідне зображення</p>
<div class="artist-container">
<div class="artist-block" data-answers="20.1a,20.1b">
<img src="/assets/courseware/v1/ac0413c675a267238abb5b15a3831b10/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_20.1.png" alt="Груповий, скульптурний портрет" class="artist-img">
<div class="label" style="margin-top: 8px; font-weight: bold; font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center;">Фарфорова статуетка</div>
<div class="drop-zone">Перетягни відповідь сюди</div>
<div class="drop-zone">Перетягни відповідь сюди</div>
</div>
<div class="artist-block" data-answers="20.2a,20.2b">
<img src="/assets/courseware/v1/4b10606ba688b72672f5806ba3078a50/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_20.2.png" alt="Індивідуальний, живописний портрет" class="artist-img">
<div class="label" style="margin-top: 8px; font-weight: bold; font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center;">Леонардо да Вінчі. Джоконда (Мона Ліза)</div>
<div class="drop-zone">Перетягни відповідь сюди</div>
<div class="drop-zone">Перетягни відповідь сюди</div>
</div>
</div>
<div class="artworks">
<div class="draggable" draggable="true" data-id="20.2a">Індивідуальний портрет</div>
<div class="draggable" draggable="true" data-id="20.1a">Груповий портрет</div>
<div class="draggable" draggable="true" data-id="20.1b">Скульптурний портрет</div>
<div class="draggable" draggable="true" data-id="20.2b">Живописний портрет</div>
</div>
<div class="check-btn" onclick="checkPaintings()">Перевірити</div>
<div id="feedback"></div>
</div>
<style>
.matching-task {
font-family: Arial, sans-serif;
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.artist-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 20px;
}
.artist-block {
width: 45%;
margin-bottom: 20px;
}
.artist-img {
width: 100%;
max-height: 250px;
object-fit: contain;
border-radius: 8px;
}
.artist-name {
margin: 10px 0;
font-weight: bold;
}
.drop-zone {
border: 2px dashed #ccc;
min-height: 60px;
margin: 10px 0;
background-color: #f0f0f0;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.artworks {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin: 30px 0;
}
.draggable {
border: 2px solid #aaa;
border-radius: 6px;
cursor: grab;
padding: 8px 12px;
background-color: #fff;
user-select: none;
}
.check-btn {
padding: 10px 25px;
font-size: 16px;
background-color: #007BFF;
color: white;
border-radius: 8px;
cursor: pointer;
display: inline-block;
margin-top: 10px;
}
.check-btn:hover {
background-color: #0056b3;
}
#feedback {
margin-top: 15px;
font-weight: bold;
font-size: 18px;
}
</style>
<script>
const draggables = document.querySelectorAll('.draggable');
const dropZones = document.querySelectorAll('.drop-zone');
draggables.forEach(item => {
item.addEventListener('dragstart', e => {
e.dataTransfer.setData('text/plain', item.getAttribute('data-id'));
e.dataTransfer.setData('text/text', item.textContent);
});
});
dropZones.forEach(zone => {
zone.addEventListener('dragover', e => e.preventDefault());
zone.addEventListener('drop', e => {
e.preventDefault();
const dataId = e.dataTransfer.getData('text/plain');
const text = e.dataTransfer.getData('text/text');
// Якщо вже є елемент у зоні — замінити
zone.innerHTML = "";
const newEl = document.createElement('div');
newEl.textContent = text;
newEl.setAttribute('data-id', dataId);
newEl.style.padding = '5px 10px';
newEl.style.border = '1px solid #aaa';
newEl.style.borderRadius = '6px';
zone.appendChild(newEl);
});
});
function checkPaintings() {
let allCorrect = true;
document.querySelectorAll('.artist-block').forEach(block => {
const expected = block.getAttribute('data-answers').split(',');
const given = Array.from(block.querySelectorAll('.drop-zone div')).map(d => d.getAttribute('data-id'));
if (given.length !== 2 || new Set(given).size < 2) {
allCorrect = false;
return;
}
if (!expected.includes(given[0]) || !expected.includes(given[1])) {
allCorrect = false;
return;
}
});
const feedback = document.getElementById('feedback');
if (allCorrect) {
feedback.textContent = "✅ Молодець! Усі відповіді правильні.";
feedback.style.color = "#4CAF50";
} else {
feedback.textContent = "❌ Є помилка. Спробуй ще раз.";
feedback.style.color = "#d9534f";
}
}
</script>
</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. Мистецтво без меж і кордонів)'"
© Всі права захищено