<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@3f2403e53ea94b3b9e1128b13b165857" data-request-token="6fb13036536f11f0a4a5cea0d368adbc" 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@9b7a8eebf0b5454e81e3cce1e4e923f6">
<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@9b7a8eebf0b5454e81e3cce1e4e923f6" data-request-token="6fb13036536f11f0a4a5cea0d368adbc" 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/9b79cb3e7562b96d8c039464eefa02a2/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m4_t6_articulate_img1_header.png" 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><b>Ресурс:</b> <strong><a href="https://www.articulate.com/
" target="[object Object]">https://www.articulate.com/</a></strong></li>
<li><b>Тип контенту: </b> Створення навчальних курсів</li>
<li><b>Особливості: </b>Онлайн-редактор для адаптивних курсів у веб-стилі - <strong><a href="https://rise.articulate.com" target="[object Object]">Rise 360</a></strong></li>
<li><b>Ліцензія:</b> 30 днів безкоштовного доступу</li>
</ul>
</ul>
</div>
<p style="text-align: justify;"><strong>Articulate Rise 360</strong> — це хмарний інструмент для швидкого та простого створення адаптивних онлайн-курсів. Він є частиною пакету Articulate 360, який включає також інші інструменти для розробки електронного навчання, такі як Storyline 360. Rise 360 орієнтований на розробників, яким потрібно створювати сучасні, мобільно-адаптивні та візуально привабливі курси без глибоких технічних знань чи навичок програмування.</p>
<p></p>
<div style="display: flex; align-items: center; border: 2px solid #b71929; 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/3668071a783b5642d4444293acbef958/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_ban.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em>Articulate Rise 360 є зручним інструментом для швидкого створення привабливих, адаптивних онлайн-курсів, але ключовий недолік - це вартість річної підписки (понад 1000$)</em></p>
</div>
</div>
<p></p>
<p></p>
<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>Вибираєте шаблон</li>
<li>Вводите власний контент (текст, зображення, відео, аудіо)</li>
<li>Експортуєте у формат для перенесення SCORM або веб</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>широкий вибір готових шаблонів та медіа-бібліотека (частина Articulate 360) допомагають створювати візуально якісний контент без зусиль</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. Cпільна робота</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 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. Доступність (Accessibility)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<ul>
<li>Курси, створені в Rise 360, відповідають сучасним стандартам доступності (наприклад, WCAG)</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>
<ul>
<li>Експортувати у стандартні формати SCORM, xAPI (Tin Can API), AICC</li>
<li>PDF-файл</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>
<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 class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@1b269d1d31c444119dfd12717a97843e">
<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@1b269d1d31c444119dfd12717a97843e" data-request-token="6fb13036536f11f0a4a5cea0d368adbc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li><b>Зручний інтерфейс:</b> розташування елементів робить дизайн простим та інтуїтивним навіть для новачків</li>
<li><b>Швидкість створення:</b> завдяки готовим типам блоків та шаблонам курси створюються надзвичайно швидко</li>
<li><b>Повна адаптивність:</b> усі курси, створені в Rise 360, автоматично адаптуються до будь-якого розміру екрана</li>
<li><b>Професійний вигляд курсів:</b> створені курси виглядають мінімалістично, професійно та привабливо</li>
<li><b>Бібліотека:</b> широкий вибір готових шаблонів</li>
<li><b>Спільна робота:</b> кілька авторів можуть працювати над одним курсом одночасно</li>
<li><b>Широка сумісність та експорт:</b> легко експортувати у стандартні формати SCORM, xAPI (Tin Can API), AICC або як автономний веб-контент</li>
<li><b>Доступність:</b> відповідають сучасним стандартам доступності (наприклад, WCAG)</li>
</ul>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li><b>Доступність:</b> після завершення пробного періоду - відсутня можливість редагування та експортування курсу </li>
<li><b>Платний контент:</b> дуже вартісна ціна підписки</li>
<li><b>Мова інтерфейсу:</b> нема української мови</li>
</ul>
</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>
<p>
<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>
</p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c37428427b674cc79e7dca9184977091">
<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@c37428427b674cc79e7dca9184977091" data-request-token="6fb13036536f11f0a4a5cea0d368adbc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><b>Додатковий матеріал</b> – <a href="https://www.youtube.com/playlist?list=PLMA2J42hyD1mQo9TZql2zsgryWZafg2nx" target="[object Object]">Learn Articulate Rise 360 EN - 12 відео</a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/czHoZ0xUTv4?si=hGNx7KbMC2l-J-CN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
<p></p>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><b>Додатковий матеріал</b> – <a href="https://community.articulate.com/category/learn/blog/articles" target="[object Object]">Training and Tutorials</a></em></p>
</div>
</div>
<p></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@3d0c94d84f064f3eb5eaa9e9ae275622">
<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@3d0c94d84f064f3eb5eaa9e9ae275622" data-request-token="6fb13036536f11f0a4a5cea0d368adbc" 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 #b71929; 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/3668071a783b5642d4444293acbef958/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_ban.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p></p>
<p><em>Під час пробного періоду доцільно зосередитися тільки на одному інструменті, щоб якомога ефективніше використати час.</em></p>
</div>
</div>
<p></p>
<p></p>
<div style="padding-left: 30px; text-align: justify;"></div>
<div style="display: flex; align-items: center; border: 2px solid #087ec8; 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/8e11e4d73733afe2748fd4676b0ff741/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_interesting.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><span style="color: #004984; font-size: 110%; font-weight: bold;">Якщо шукаєш аналоги Articulate для освітнього контенту: </span></p>
<ul>
<ul>
<ul>
<li><strong> Повністю безкоштовна онлайн-платформа (40+ типів контенту) - <a href=" https://h5p.org" target="[object Object]">H5P </a></strong></li>
<li><strong>Створення структурованого курсу з текстом, відео, тестами - <a href="https://www.talentlms.com" target="[object Object]">TalentLMS</a></strong></li>
<li><strong> Фреймворк і конструктор курсів, який дозволяє створювати сучасні, мобільні, інтерактивні онлайн-курси (Вимагає технічних навичок) - <a href="https://github.com/adaptlearning/adapt_authoring/wiki" target="[object Object]">Adapt Learning</a></strong></li>
</ul>
</ul>
</ul>
</div>
</div>
<p></p>
<p></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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 4. Онлайн інструменти та сервіси для створення мультимедійного контенту"
© Всі права захищено