<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@392bde44f00249b380070467cd80044a" data-request-token="7c42b84a50c911f0a8e4b21603972cbb" 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@670fea54aa4544cf85c46c144cd3b5ac">
<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@670fea54aa4544cf85c46c144cd3b5ac" data-request-token="7c42b84a50c911f0a8e4b21603972cbb" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<p style="text-align: center;"><img height="auto" width="640" src="/assets/courseware/v1/78eb43d2830be92901b8cbc5d43d7e31/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img1_ShareLink3.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>Share link (посилання для спільного доступу)</strong> — це спеціальне посилання, за яким користувачі можуть переглядати або редагувати ваш файл, документ чи відео без потреби входити до вашого акаунту. Це дуже зручно для публікації навчальних матеріалів</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>
<div style="border: 2px solid #253777; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><ol>
<li><strong>Надійність посилання:</strong> Використовуйте стабільні та надійні сервіси, щоб посилання не "ламалися" з часом.</li>
<li><strong>Чіткий опис:</strong> Завжди надавайте контекст для посилання.</li>
<li><strong>Права доступу:</strong> Уважно налаштовуйте права доступу. Для публікації навчальних матеріалів має бути вказано "тільки перегляд".</li>
<li><strong>Інклюзивність:</strong> Пам'ятайте про інклюзію. Якщо матеріал містить відео, додайте субтитри; для зображень – альтернативний текст.</li>
<li><strong>Централізоване управління:</strong> Навіть якщо ви публікуєте за посиланням, краще звести всі посилання на одну платформу (наприклад, LMS, Google Sites), щоб учням було зручно їх знаходити.</li>
</ol></div>
<p></p>
<p></p>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 5px; top: 653.953px;">
<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@8e99e0d5b4194dee8b15192efc88be09">
<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@8e99e0d5b4194dee8b15192efc88be09" data-request-token="7c42b84a50c911f0a8e4b21603972cbb" 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%;"> Приклади посилань для спільного доступу (Share Link) </span></h3>
<p style=" font-size: 85%; " ><i>Для ознайомлення натисніть на інтерактивні елементи</i></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>1. Програми офлайн /онлайн </b></button><button class="tab-controls__button"><b>2. Cервіси створення онлайн контенту </b></button> <button class="tab-controls__button"><b>3. Хмарні сховища </b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p style="text-align: justify;">
<p>Багато сучасних програмних засобів надають користувачам можливість працювати з матеріалами як в онлайн-, так і в офлайн-режимі, а потім безпосередньо з інтерфейсу програми публікувати готові матеріали в мережу, роблячи їх доступними для широкого кола користувачів.
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/68a5b0553e07a4e720e3a5d7f5abb609/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img2_Docs_public.png" alt="picture1" /></p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p style="text-align: justify;"> Одна із програм-сервісів, яка працює повністю у хмарі є Genially. Це онлайн-платформа для створення інтерактивних презентацій, інфографік тощо.
<h4> <span style="color: #156082; font-weight: bold; font-size: 110%;">Як працює Share Link у Genially? </span></h4>
<p>Після створення матеріалу ви можете:</p>
<ol><ol>
<li>Натиснути <strong>«Поділитися»</strong> (Share)</li>
<li>Вибрати <strong>«Публікувати»</strong> або <strong>«Лише за посиланням»</strong></li>
<li>Згенерувати <strong>посилання для перегляду (share link)</strong></li>
<li>Скопіювати його та надіслати учням або вставити у Google Classroom, LMS, Google Site чи email.</li>
</ol></ol>
<div style="border: 2px solid #b71929; 20px; box-shadow: 0px 0px 10px #C3CAD3; margin-left:16px; margin-right:16px;margin-bottom: 24px; margin-top:24px; border-radius: 8px; padding: 16px;">
<p style="color: #b71929;"><strong>Увага!</strong></p>
<p> Деякі онлайн-сервіси (зокрема Genially, Canva, LearningApps, Wordwall тощо) <b>не дозволяють зберегти створену роботу у вигляді окремого автономного файлу</b> (наприклад, .pptx, .pdf або .html) у безкоштовній версії.
<p>У таких випадках доступ до матеріалу можливий<b> лише за активним посиланням (share link)</b>, а також лише за наявності <b>підключення до Інтернету. </b>
</div>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/7e065d7ff77e44ba74a98ff225915bb2/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img3_Genially_public.png" alt="picture1" /></p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p style="text-align: justify;">
У хмарних сховищах можна створити папку з матеріалами (наприклад, «Курс Створення навчальних матеріалів») та поділитися share link на всю папку. Це зручно для організації репозиторію навчальних ресурсів, до якого матимуть доступ учні або колеги.
<p><i> Приклад посилання на папку:
<br>https://drive.google.com/drive/folders/1_W4J0kk9etiXYKtioXVX7HCpEEBjWIAW?usp=sharing </i> </p>
<h4> <span style="color: #156082; font-weight: bold; font-size: 110%;">Як працює Share Link у Google Диску? </span></h4>
<ol><ol>
<li><strong>Клікніть правою кнопкою миші</strong> на файл або папку → оберіть «<strong>Поділитися» (Share)</strong></li>
<li>У вікні, що з’явиться, натисніть <strong>«Отримати посилання»</strong>.</li>
<li><strong>Оберіть тип доступу</strong>:</li>
<ul>
<ul>
<li><em>Перегляд (Viewer)</em> – лише читати;</li>
<li><em>Коментування (Commenter)</em> – залишати коментарі;</li>
<li><em>Редагування (Editor)</em> – змінювати вміст.</li>
</ul>
</ul>
<li>Натисніть «<strong>Копіювати посилання»</strong> й надішліть його електронною поштою, вставте у LMS, Google Сайт, презентацію тощо.</li>
</ol></ol>
<p></p>
<div style="border: 2px solid #004984; 20px; box-shadow: 0px 0px 10px #C3CAD3; margin-left:16px; margin-right:16px;margin-bottom: 24px; margin-top:24px; border-radius: 8px; padding: 16px;">
<p> <p> Такий підхід дозволяє створити структуровану бібліотеку — з темами, підтемами, файлами — яка буде доступна навіть після завершення навчального року.
</div>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/b462bec508a1b5ac3d3da21865119eb6/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t1_link_img4_disk_public.png" alt="picture1" /></p>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@4a89ea0e2c154309a2cd3675af95b2b5">
<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@4a89ea0e2c154309a2cd3675af95b2b5" data-request-token="7c42b84a50c911f0a8e4b21603972cbb" 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: #004984; font-weight: bold; font-size: 130%;">Переваги використання Share Link у роботі вчителя</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>Не потрібно надсилати файли кожному студенту окремо. Достатньо просто скопіювати посилання і вставити його в чат, LMS, Google Classroom або електронну пошту.</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>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3. Гнучке керування доступом</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Можна надати доступ тільки для перегляду, для коментування або повноцінного редагування. Можна відкликати доступ у будь-який момент. Підтримується обмеження доступу лише для окремих осіб чи груп.</li>
</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>Share link працює у: Google Drive, Docs, Slides, Sheets; Dropbox, OneDrive; YouTube; Genially, Canva, Padlet; GitHub, Google Sites, а також в LMS (наприклад, Open edX, Moodle).</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- 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;">
<ul>
<ul>
<li>Share link можна вставити у сайт, блог, LMS чи презентацію як активне посилання або як вбудований елемент (через iframe).</li>
</ul>
</ul>
</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>
</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. Публікація навчальних матеріалів"
© Всі права захищено