<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@4fa0dc85be104ad6ae273f0075a095ad" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" 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@16b2347bc5eb42ab83473293cce4a6bc">
<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@16b2347bc5eb42ab83473293cce4a6bc" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" 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/369d8bd8a710deff7bb23883d7087402/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m1_t5_header.jpg" 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><strong>Форма:</strong> віртуальні класи, симуляції, навчання в доповненій реальності</li>
<li><strong> Методи:</strong> імерсивне навчання, навчання через досвід</li>
<li><strong> Роль учителя:</strong> залучення емоцій та практичного досвіду</li>
</ul>
</ul>
</div>
<p style="text-align: justify;">Віртуальна реальність передбачає повне або часткове занурення учня у штучно створене, інтерактивне цифрове середовище. Це середовище імітує реальний світ або створює повністю уявні сценарії, дозволяючи користувачам взаємодіяти з об'єктами та процесами, як якби вони були фізично присутні.</p>
<h3 style="padding-top: 32px;"><span style="color: #156082; font-weight: bold;"> Ключові точки розвитку</span></h3>
<p style="margin-bottom: 1px; font-size: 85%;"><em>Натисніть на інтерактивні елементи, щоб ознайомитися більш детально </em></p>
<p></p>
<div class="carousel-slider-wrapper"><!--Start element 1 -->
<div class="dm-slideshow-container-carousel">
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/0de9a52cd591480257609d4c3035ba4a/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/1.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0;" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">
<p><span style="font-size: 110%; font-weight: bold;">Перша портативна VR-консоль (1995–2010) </span></p>
<p>- 1995 – Nintendo Virtual Boy – вихід першої портативної VR-консолі.</p>
<p>Високі ціни, погана якість і відсутність контенту не зацікавили користувачів</p>
</div>
</div>
</div>
<!--End element --> <!--Start element 2 -->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/45902a8052cbe589cc60633ea00e1c74/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/2.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0;" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p><span style="font-size: 110%; font-weight: bold;">Масове поширення VR (2012–…)</span></p>
<p>- 2012 - Старт проєкту Oculus Rift на Kickstarter – революційна гарнітура <br />- 2014 – Facebook купує Oculus за $2 млрд <br />- 2016 – Виходять перші доступні споживчі VR-пристрої: HTC Vive, PlayStation VR, Oculus Rift CV1 <br />- 2023 – Apple Vision</p>
</div>
</div>
</div>
<!--End element --> <!--Start element 3 -->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/8dc95982a86c22c60ac1ce8c8fcda530/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/3.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0;" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p><span style="font-size: 110%; font-weight: bold;">3. Інтеграція зі ШІ та навчанням (2022–…)</span></p>
<p>- VR активно використовується в:</p>
<ul>
<ul>
<li>освіті (віртуальні лабораторії, симуляції)</li>
<li>медицині (тренування хірургів, терапія фобій)</li>
<li>індустрії (3D-дизайн, будівництво, тренінги)</li>
<li>метавсесвітах (Meta, Roblox, VRChat)</li>
</ul>
</ul>
<p><br />- Зростає використання автономних гарнітур типу Apple Vision, Meta Quest, що не потребують ПК.</p>
</div>
</div>
</div>
<!--End element --> <!--Start element 4-->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/f4ee159239f07385ce1551d6e44fa29c/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/4.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0;" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p><span style="font-size: 110%; font-weight: bold;">Майбутнє VR (2025-…)</span></p>
<p>- Очікується поєднання VR із:</p>
<ul>
<ul>
<li>нейроінтерфейсами (управління думкою)</li>
<li>AR/Міксованою реальністю (MR)</li>
<li>генеративним ШІ, що створює динамічні середовища в реальному часі</li>
</ul>
</ul>
</div>
</div>
</div>
<!--End element -->
<div class="dm-prev">❮</div>
<div class="dm-next">❯</div>
</div>
<p></p>
<div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span><span class="dm-dot"> </span></div>
</div>
<p></p>
<style><!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 60px;
background: #005189;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 3px;
user-select: none;
}
.dm-slideshow-container-carousel .dm-next {
right: 0;
}
div.dm-slideshow-container-carousel .dm-prev:hover,
div.dm-slideshow-container-carousel .dm-next:hover {
background-color: #c0c0c0ff;
}
.dm-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dm-active,
.dm-dot:hover {
background-color: #717171;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
--></style>
<p>
<script>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(".carousel-slider-wrapper");
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) => dot.addEventListener('click', () => {
currentSlide(index + 1);
}))
nextButton.addEventListener("click", () => {
plusSlides(1);
})
prevButton.addEventListener("click", () => {
plusSlides(-1)
})
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides(slideIndex1 += n, currentSlider);
}
function currentSlide(n) {
showSlides(slideIndex1 = n, currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1
}
if (n < 1) {
slideIndex1 = slides.length
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@9bf15e14e8d74c41908ae435cc9f9975">
<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@9bf15e14e8d74c41908ae435cc9f9975" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" 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: 32px;"><span style="color: #156082; font-weight: bold;">Основні характеристики традиційного етапу:</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="padding-left:25px">
<ul>
<ul>
<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> Можливість тренувати навички без ризику (наприклад, операції для медиків, водіння для курсантів, робота на складному обладнанні)
</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>
<li>Вивчення об’єктів та процесів, які в реальному житті важко або неможливо побачити: мікросвіт, атоми, далекі планети, історичні реконструкції тощо</li>
</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>
<ul>
<li>Може допомагати учням з обмеженими можливостями отримувати рівний доступ до навчання</li>
<li> Адаптація під індивідуальні потреби</li>
</ul>
</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>
<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 class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@45a135a0b36f412386da478f7b988a5b">
<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@45a135a0b36f412386da478f7b988a5b" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" 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: 32px;"><span style="color: #156082; font-weight: bold;">Соціальні та культурні особливості:</span></h3>
<p>VR-навчання створює нові освітні можливості. Подорожі без часових та географічних бар‘єрів. Навчання шляхом отримання практичних умінь.</p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@42036625947749e299e381f930179ca3">
<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@42036625947749e299e381f930179ca3" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Дискусія</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/f96fba654454c6aef938985eb5c70b4c/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_dialog.png" alt="picture" style="width: 150px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<ol>
<li>Яким ви бачите майбутнє навчальних матеріалів через 5-10 років?</li>
<li> Як впровадити VR і AR в навчальний процес?</li>
</ol>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@discussion+block@11ad16ac8a764a35a8bc2ccff6152e58">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@discussion+block@11ad16ac8a764a35a8bc2ccff6152e58" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Дискусія доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></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+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@9962aa4497b94c67ab100c80c1948487" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" 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@ab21ab2759e74541b212e83ea4444630">
<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@ab21ab2759e74541b212e83ea4444630" data-request-token="006d0ae854f411f0ab809a17d80a4dc7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img height="auto" width="400" src="/assets/courseware/v1/9ddbb6858c6947078235fd02ed4adbac/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m1_t5_nerolink.png" alt="picture" style="border-radius: 20px; float: left; margin: 8px 32px 24px 8px;" /></p>
<p style="padding-top: 24px; text-align: justify;"><b>Neuralink</b> – це американська компанія, заснована Ілоном Маском у 2016 році, яка займається розробкою нейроінтерфейсів – мозкових імплантатів, що мають створити прямий зв'язок між мозком людини та комп'ютером.</p>
<div style="clear: both;"></div>
<p style="text-align: center;"><img height="auto" width="400" src="/assets/courseware/v1/6b995337133791360bf2064baf91dfb2/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m1_t5_starfish.png" alt="picture" style="border-radius: 20px; float: right; margin: 8px 8px 24px 32px;" /></p>
<p style="padding-top: 24px; text-align: justify;"><b>Starfish Valve</b> – це мініатюрний, бездротовий мозковий імплантат, який розробляється для створення більш тісного зв'язку між мозком людини та комп'ютером. Його мета – забезпечити новий рівень взаємодії з цифровими пристроями та потенційно лікувати неврологічні розлади.</p>
<div style="clear: both;"></div>
<p><img height="auto" width="100%" src="/assets/courseware/v1/bfb67f5e7797159d19fb9c6f4276d6b0/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m1_t5_img3_braun.png" alt="picture" /></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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 1. Навчальні матеріали - розвиток та трансформація"
© Всі права захищено