<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@f7db1be5b8bb431aac9a7cd2ed8e2611" data-request-token="367db74a50f811f0832ae22f995926d8" 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@bc960cb905b44ecfab85f20ac8d4b2e3">
<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@bc960cb905b44ecfab85f20ac8d4b2e3" data-request-token="367db74a50f811f0832ae22f995926d8" 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%;"> Що таке хмарні репозиторії?</span></h3>
<div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<p style="text-align: justify;"><b>Хмарний репозиторій</b> - це місце зберігання даних у хмарі, де користувачі (індивідуальні або організації) можуть зберігати свою інформацію. Це може бути що завгодно: від особистих фотографій і документів до коду програмного забезпечення або резервних копій.</p>
</div>
<p style="text-align: justify;">З погляду користувача, хмарне сховище може виглядати як додатковий локальний диск або папка для розміщення файлів. Однак, на відміну від локального сховища, дані зберігаються на численних розподілених серверах, які керуються постачальником хмарних послуг.</p>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Як працюють хмарні сховища даних?</span></h3>
<p>Принцип роботи хмарних сховищ доволі простий, але за ним стоїть складна інфраструктура:</p>
<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="color: #156082; font-size: 110%; font-weight: bold;"> Завантаження файлів у хмару:</span> <br />Користувач завантажує дані (текстові документи, зображення, відео, архіви тощо) на сервер провайдера через веб-інтерфейс або спеціальний додаток (клієнт на ПК чи мобільному пристрої).</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="color: #156082; font-size: 110%; font-weight: bold;"> Розподілене зберігання:</span> <br />На відміну від зберігання на одному фізичному диску, хмарні провайдери розподіляють ваші дані між кількома серверами, часто в різних географічних локаціях. Це забезпечує високу надійність та відмовостійкість — навіть якщо один сервер вийде з ладу, ваші дані залишаться доступними з інших.</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="color: #156082; font-size: 110%; font-weight: bold;"> Доступ через інтернет:</span> <br />Після завантаження ви можете отримати доступ до своїх даних з будь-якого пристрою, що має підключення до Інтернету, просто увійшовши у свій обліковий запис.</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="color: #156082; font-size: 110%; font-weight: bold;">Синхронізація:</span><br /> При зміні файлу на одному пристрої, копії на інших пристроях автоматично оновлюються. Це особливо важливо для спільної роботи над навчальними документами.</p>
</div>
</div>
</div>
<!--End element --> <!--Start element 5-->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/a91df711e585f596ef93387a03b83477/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/5.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="color: #156082; font-size: 110%; font-weight: bold;"> Безпека та адміністрування:</span></p>
<ul>
<li>шифрування при передачі та зберіганні (TLS, AES),</li>
<li>багаторівнева аутентифікація (2FA),</li>
<li>регулярне резервне копіювання,</li>
<li>журналювання дій користувачів,</li>
<li>контроль доступу для різних ролей (перегляд/редагування).</li>
</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> <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>
<p></p>
<p></p>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 179px; top: 179.984px;">
<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@15ec4ab9af5549ebb6f08b60bd1910a9">
<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@15ec4ab9af5549ebb6f08b60bd1910a9" data-request-token="367db74a50f811f0832ae22f995926d8" 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%;">Типи хмарних репозиторіїв та їх застосування:</span></h3>
<p style="margin-bottom: 1px; font-size: 85%;"><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>Для особистих даних та файлів</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Це найпоширеніші сервіси, такі як Google Drive, Dropbox, Microsoft OneDrive, iCloud Drive, Mega. Вони дозволяють зберігати та синхронізувати документи, фото, відео, аудіо файли, а також ділитися ними з іншими користувачами.
</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>Для розробки програмного забезпечення (Cloud Source Repositories)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Це спеціалізовані сервіси (наприклад, GitHub, GitLab, Bitbucket), які дозволяють командам розробників безпечно зберігати, керувати та співпрацювати над вихідним кодом.
<p>Вони надають функції контролю версій (на основі Git), відстеження змін, інструменти для спільного перегляду коду.
</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>Для резервного копіювання та аварійного відновлення</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Хмарні репозиторії часто використовуються як ціль для резервних копій віртуальних машин, баз даних та інших критично важливих даних. Це забезпечує високу доступність та можливість відновлення у випадку збою локальних систем. Прикладом є Veeam Cloud Connect.
</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>Для корпоративних даних та аналітики</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Великі компанії використовують хмарні репозиторії (у вигляді сховищ даних) для зберігання величезних обсягів даних для бізнес-аналітики, машинного навчання та інших.
</div>
</div>
<!-- end element --></div>
</div>
</div>
</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 style="text-align: center;"><img height="auto" width="640" src="/assets/courseware/v1/8dfeb7fb10f261c2bb4392f6dba85671/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img5_Cloud.png" alt="picture1" style="border-radius: 10px;" /></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: 85%;"><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;">
<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="padding-left: 25px;">
<p>Доступ до даних з будь-якої точки світу, з будь-якого пристрою, за наявності підключення до Інтернету.
</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;">
<p>Зниження капітальних витрат на апаратне забезпечення, програмне забезпечення та його обслуговування. Ви платите лише за ті ресурси, які використовуєте.
</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;">
<p>Постачальники хмарних послуг забезпечують високий рівень безпеки даних, включаючи шифрування, резервне копіювання, відмовостійкість та механізми контролю доступу. Дані часто дублюються в кількох географічних місцях для підвищення стійкості до збоїв.
</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;">
<p>Легка можливість ділитися файлами та працювати над ними спільно з іншими користувачами або командами.
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 5 -->
<!-- button start 6 -->
<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>6. Автоматизація та інтеграція </b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Багато хмарних репозиторіїв інтегруються з іншими сервісами та інструментами, дозволяючи автоматизувати процеси резервного копіювання, розгортання та аналізу даних
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 6 -->
<!-- button start 7 -->
<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>7. Гнучкість</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<p>Підтримка різних типів даних та файлових форматів.
</div>
</div>
<!-- end element -->
</div>
</div>
</div>
<!-- button end 7 -->
<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>
</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@4ea7a1c8f2594051a327d3a0e8868496" data-request-token="367db74a50f811f0832ae22f995926d8" 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@ed2dc370a6464d2d9e4817c552b717f6">
<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@ed2dc370a6464d2d9e4817c552b717f6" data-request-token="367db74a50f811f0832ae22f995926d8" 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="640" src="/assets/courseware/v1/3b57c8e3cc9792ea523e7d19105cab5a/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img6_Dropbox.png" alt="picture1" style="border-radius: 10px;" /></p>
<div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<p style="text-align: justify;"><strong><a href="https://www.dropbox.com/" target="[object Object]">Dropbox</a></strong>- піонер у сфері хмарних сховищ, відомий своєю простотою використання та ефективною синхронізацією.</p>
<p style="text-align: justify;">Пропонує 2 ГБ безкоштовно.</p>
</div>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Як працює Dropbox?</span></h3>
<p>Основний принцип роботи Dropbox полягає у синхронізації файлів між вашими пристроями та хмарним сховищем.</p>
<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="color: #156082; font-size: 110%; font-weight: bold;"> Спеціальна папка: </span> <br />Після встановлення програми Dropbox на комп'ютер (Windows, macOS, Linux) або мобільний пристрій (iOS, Android), на вашому пристрої створюється спеціальна папка "Dropbox".</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="color: #156082; font-size: 110%; font-weight: bold;">Автоматична синхронізація:</span> <br />Будь-який файл або папка, яку ви перетягуєте або зберігаєте в цю папку Dropbox, автоматично завантажується на сервери Dropbox у хмарі. Одночасно ці файли синхронізуються з усіма іншими пристроями, на яких ви увійшли у свій обліковий запис Dropbox. Це означає, що остання версія вашого файлу завжди доступна на всіх ваших пристроях.</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="color: #156082; font-size: 110%; font-weight: bold;"> Доступ з будь-якого місця:</span> <br />Ви можете отримати доступ до своїх файлів у Dropbox через веб-сайт (dropbox.com), настільний додаток або мобільний додаток, незалежно від того, де ви знаходитесь, за наявності інтернет-з'єднання.</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="color: #156082; font-size: 110%; font-weight: bold;">Офлайн-доступ:</span><br /> Dropbox також дозволяє вам вибрати файли або папки, які мають бути доступними офлайн на певних пристроях. Це зручно, якщо ви знаєте, що будете без доступу до Інтернету, але вам потрібні певні документи.</p>
</div>
</div>
</div>
<!--End element --> <!--Start element 5-->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/a91df711e585f596ef93387a03b83477/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/5.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="color: #156082; font-size: 110%; font-weight: bold;"> Безпека та адміністрування:</span></p>
<ul>
<li>Шифрування (256-бітне шифрування AES)</li>
<li>Віддалене видалення</li>
<li>Контроль доступу для різних ролей (перегляд/редагування)</li>
</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> <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>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@6533135efe3443d285cc4b18877d984c">
<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@6533135efe3443d285cc4b18877d984c" data-request-token="367db74a50f811f0832ae22f995926d8" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<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>Кросплатформність: Файли синхронізуються без проблем між Windows, Mac, Linux, iOS та Android.</li>
<li>Автоматична синхронізація: Зміни, внесені до файлу на одному пристрої, миттєво відображаються на всіх інших підключених пристроях.</li>
<li>Smart Sync: (для платних планів) дозволяє зберігати файли "лише онлайн", звільняючи місце на жорсткому диску вашого комп'ютера, але залишаючи їх видимими у Finder/Explorer. Файли завантажуються лише тоді, коли ви їх відкриваєте.</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>Спільні папки: Створюйте папки, до яких можуть мати доступ інші користувачі Dropbox, дозволяючи їм переглядати та редагувати вміст.</li>
<li>Посилання для спільного доступу: Генеруйте посилання на окремі файли або папки, щоб ділитися ними з будь-ким, навіть якщо у них немає облікового запису Dropbox. Можна встановлювати паролі та терміни дії для цих посилань.</li>
<li>Dropbox Paper: Це інтегрований інструмент для спільної роботи над документами, що дозволяє командам спільно редагувати текст, додавати медіа, призначати завдання та обговорювати ідеї в реальному часі.</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>Історія версій файлів: Dropbox зберігає попередні версії файлів (від 30 до 180 днів залежно від плану), дозволяючи вам відновити стару версію, якщо ви випадково видалили або змінили її.</li>
<li>Відновлення видалених файлів: Видалені файли зберігаються протягом певного періоду (30-180 днів), і їх можна відновити.</li>
<li>Dropbox Backup: Спеціальна функція для автоматичного резервного копіювання важливих папок з вашого комп'ютера до хмари.</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>Шифрування: Дані шифруються як під час передачі (SSL/TLS), так і під час зберігання на серверах (256-бітне шифрування AES).</li>
<li>Двофакторна автентифікація: Додатковий рівень безпеки для вашого облікового запису.</li>
<li>Віддалене видалення: Можливість віддалено стерти дані Dropbox з втраченого або вкраденого пристрою.</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>Інтеграція з Microsoft Office та Google Workspace: Можливість редагувати документи цих форматів безпосередньо в Dropbox або співпрацювати над ними з інших програм.</li>
<li>Інші додатки: Підтримка інтеграції з тисячами інших сторонніх додатків для розширення функціоналу.</li>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 5 --> <!-- 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>6. Додаткові інструменти (доступні в деяких планах):</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<li>Dropbox Sign (раніше HelloSign): Для електронних підписів документів.</li>
<li>Dropbox Transfer: Для надсилання великих файлів (до 100-250 ГБ) без потреби, щоб одержувач мав обліковий запис Dropbox.</li>
<li>Dropbox Replay: Інструмент для спільної роботи над відео.</li>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 5 --></div>
</div>
<p></p>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
<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>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@5e391570f5564a30a646fb4119f38dcb">
<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@5e391570f5564a30a646fb4119f38dcb" data-request-token="367db74a50f811f0832ae22f995926d8" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Ділитися файлами через Dropbox дуже просто та зручно, і є кілька способів це зробити, залежно від того, що саме вам потрібно.</p>
<p><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">
<div class="s-tab__nav"><button></button> <span>Shared Link</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Shared Folder Invitation</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Dropbox Transfer</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<div style="padding-left: 20px; text-align: justify;">
<h4><span style="color: #156082;">1. <strong> Увійдіть до Dropbox</strong></span></h4>
<ul>
<ul>
<li>Перейдіть на сайт: https://www.dropbox.com</li>
<li>Увійдіть у свій обліковий запис за допомогою email і пароля або через Google.</li>
</ul>
</ul>
<h4><span style="color: #156082;"><strong>2. Знайдіть потрібний файл або папку</strong></span></h4>
<ul>
<ul>
<li>У розділі «Файли» відкрийте потрібну директорію або знайдіть файл, який хочете поділити.</li>
</ul>
</ul>
<h4><span style="color: #156082;"><strong> 3. Натисніть «Поділитися»</strong></span></h4>
<ul>
<ul>
<li>Наведіть курсор на файл → з'явиться кнопка «Поділитися» (Share) праворуч. Натисніть її.</li>
</ul>
</ul>
<h4><span style="color: #156082;"><strong>4. Оберіть тип доступу</strong></span></h4>
<ul>
<ul>
<li>У вікні, що з’явиться виберіть: «Копіювати посилання» (Create link / Copy link)</li>
<li>Якщо потрібно — натисніть «Налаштування» (Settings), щоб:</li>
<ul>
<li>обмежити доступ (тільки перегляд),</li>
<li>задати пароль (для PRO акаунтів),</li>
<li>встановити дату завершення доступу.</li>
</ul>
</ul>
</ul>
<h4><span style="color: #156082;"><strong>5. Скопіюйте лінк</strong></span></h4>
<ul>
<ul>
<li>Натисніть «Копіювати посилання» (Copy link)</li>
<li>Посилання буде скопійоване у буфер обміну.</li>
</ul>
</ul>
<h4><span style="color: #156082;"><strong>6. Надішліть лінк учням або колегам</strong></span></h4>
<ul>
<ul>
<li>Вставте посилання у LMS, Google Сайт, месенджер або надішліть електронною поштою.</li>
</ul>
</ul>
</div>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<div style="padding-left: 20px; text-align: justify;">
<h4><span style="color: #156082;"><strong>1. Увійдіть у свій акаунт Dropbox</strong></span></h4>
<ul>
<ul>
<li>Перейдіть на сайт https://www.dropbox.com</li>
<li>Авторизуйтеся за допомогою email/пароля або акаунта Google.</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>2. Створіть нову папку або оберіть вже існуючу</strong></span></h4>
<ul>
<ul>
<li>У верхній частині сторінки натисніть «Створити» → «Папка» (Create → Folder).</li>
<li>Назвіть її відповідно до теми (наприклад: Проєкти 9 класу).</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>3. Наведіть курсор на папку → натисніть «Поділитися» (Share)</strong></span></h4>
<ul>
<ul>
<li>Ця кнопка розташована праворуч від назви папки або доступна у контекстному меню (права кнопка миші).</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>4. У вікні поділитися: введіть email-адреси користувачів</strong></span></h4>
<ul>
<ul>
<li>Введіть адреси колег або учнів, яким хочете надати спільний доступ.</li>
<li>Виберіть рівень доступу:</li>
<ul>
<li>Can edit (Можна редагувати) — повний доступ до вмісту;</li>
<li>Can view (Лише перегляд) — без права змін.</li>
</ul>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>5. Додайте повідомлення (за бажанням)</strong></span></h4>
<ul>
<ul>
<li>Можна залишити коментар (наприклад: «Шановні учні, завантажуйте сюди свої роботи до п’ятниці»).</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>6. Натисніть «Share Folder» (Поділитися папкою)</strong></span></h4>
<ul>
<ul>
<li>Користувачі отримають email-запрошення, і після підтвердження зможуть працювати з вами в одній папці.</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>7. (Опційно) Налаштування доступу</strong></span></h4>
<ul>
<ul>
<li>Через «Settings» можна:</li>
<ul>
<li>Встановити пароль (PRO),</li>
<li>Обмежити термін доступу,</li>
<li>Керувати дозволами вже запрошених користувачів.</li>
</ul>
</ul>
</ul>
</div>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<div style="display: flex; align-items: center;">
<div style="padding-left: 20px; text-align: justify;">
<h4><span style="color: #156082;"><strong>1. Увійдіть до свого акаунта на dropbox.com/transfer</strong></span></h4>
<ul>
<ul>
<li>Можна перейти через головне меню Dropbox → розділ «Transfer».</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>2. Натисніть «Create transfer» (Створити передачу)</strong></span></h4>
<ul>
<ul>
<li>Кнопка зазвичай розташована в центрі або у правому верхньому куті.</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>3. Додайте файли або папки</strong></span></h4>
<ul>
<ul>
<li>Натисніть «+ Add files» або перетягніть потрібні файли.</li>
<li>Ви можете завантажити файли з комп’ютера або вибрати ті, що вже збережені у вашому Dropbox.</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>4. Налаштуйте параметри передачі (опціонально):</strong></span></h4>
<ul>
<ul>
<li>Пароль (для PRO акаунтів).</li>
<li>Термін дії посилання (від 7 днів до 90).</li>
<li>Назва передачі — щоб одержувач розумів, що це за файли (наприклад: "Матеріали до теми Алгоритми. 7 клас")</li>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>5. Створіть посилання або надішліть email</strong></span></h4>
<ul>
<ul>
<li>Натисніть «Create transfer» (Створити передачу).</li>
<li>Отримаєте посилання для завантаження, яке можна:</li>
<ul>
<li>Надіслати через месенджер, email, LMS;</li>
<li>Або ввести email одержувача прямо у Dropbox Transfer (він отримає лист із посиланням).</li>
</ul>
</ul>
</ul>
<p></p>
<h4><span style="color: #156082;"><strong>6. Відстеження та керування передачею (опційно):</strong></span></h4>
<p>У розділі «Transfer» ви можете переглядати статус:</p>
<ul>
<ul>
<li>Скільки разів було завантажено файли,</li>
<li>Коли завершується доступ.</li>
</ul>
</ul>
<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: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* 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: #004984;
border-color: #004984;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* 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>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@879d61af9bde4f6a82212b5293a48227">
<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@879d61af9bde4f6a82212b5293a48227" data-request-token="367db74a50f811f0832ae22f995926d8" 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>Dropbox залишається сильним гравцем на ринку хмарних сховищ завдяки своїй простоті, надійності та постійному розширенню функціоналу.</em></p>
</div>
</div>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 153px; top: 98.875px;">
<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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 6. Публікація навчальних матеріалів"
© Всі права захищено