<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@vertical+block@3a8126c6e5c1483ba67f8d68e3512680" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@abd939a3015a4980aa2396e710849868">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@abd939a3015a4980aa2396e710849868" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вступ до уроку</h3>
<p>У цьому уроці ви дізнаєтеся про особливості мережевої моделі OSI та функції її рівнів. Визначите мережеві апаратні та програмні засоби, пов'язані з рівнями моделі OSI. Також розглянете основні мережеві технології комп'ютерних мереж.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@afed3435edab4f03a34b09a0528607cd">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@afed3435edab4f03a34b09a0528607cd" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Характеристика мережевої моделі OSI</h3>
<p style="text-align: left;">Комп’ютерні мережі будуються згідно з двома важливими стандартами:</p>
<ul class="i-featuresList i-featuresList">
<li class="ifl-feature">
<div class="ifl-description">Стандарт моделі відкритої системи зв'язку OSI (The Open Systems Interconnection model)</div>
<div class="ifl-nbr">1</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Стандарт мережевої технології</div>
<div class="ifl-nbr">2</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<style><!--
.i-featuresList .ifl-feature {
/* edit size here */
height: 85px;
width: 490px;
border: 1.5px solid #4849F9;
}
.i-featuresList .ifl-feature {
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList li::before {
content: none !important;
}
.i-featuresList .ifl-feature .ifl-nbr {
color: #4849F9;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList .ifl-feature h4,
.i-featuresList .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p style="text-align: left;"></p>
<p style="text-align: left;">Як міжнародний стандарт для мережевих комунікацій прийнято модель OSI, тому саме на ній ми зосередимо увагу.</p>
<p style="text-align: left;"><b>Модель відкритої системи зв’язку (OSI) </b>– це основа проєктування мережі. Вона заснована Міжнародною Організацією зі Стандартизації. Більшість мереж проєктується відповідно до цієї моделі.</p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/ab3d99593198a9fa85404b1e9d4c3ba3/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C_OSI_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" height="80" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">Ідея моделі OSI полягає в тому, що ієрархічна відкрита система розбивається на окремі рівні. Завдяки тому, що кожний рівень виконує свої функції, загальна задача передачі даних розбивається на ряд окремих задач. Функції кожного рівня можуть реалізовуватися програмними, апаратними або програмно-апаратними засобами. Як правило, реалізація функцій верхніх рівнів здійснюється програмами, а нижніх – технічними пристроями.</p>
</div>
<p></p>
<p><i>Далі в цьому уроці ми детальніше розглянемо особливості функціонування моделі OSI.</i></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@98345b34007e48b7826f83d98a795f22">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@98345b34007e48b7826f83d98a795f22" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Функції рівнів еталонної моделі OSI</h3>
<p style="text-align: left;">Розглянемо детальніше рівні еталонної моделі OSI:</p>
<p style="text-align: left;"><i>Натисніть на інтерактивні елементи, щоб дізнатись про функції рівнів еталонної моделі OSI.</i></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>1</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>2</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>3</span></div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>4</span></div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>5</span></div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>6</span></div>
</li>
<!-- Tab navigation link 7 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>7</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<h4 class="s-panel__title">Фізичний рівень</h4>
<p style="margin: 0 !important;">Забезпечує фізичний зв’язок між комп’ютером і мережевим середовищем передачі даних.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Канальний рівень</h4>
<p style="margin: 0 !important;">Забезпечує надійність та вірогідність передачі даних, а також контроль і корекцію помилок.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Мережний рівень</h4>
<p style="margin: 0 !important;">Використовує послуги зв’язку нижчого рівня (канального) для організації передачі даних в мережі. Визначає мережний маршрут для передачі пакетів. Дозволяє зменшити ймовірність перевантаженості мережі тощо.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Транспортний рівень</h4>
<p style="margin: 0 !important;">Визначає мережеву адресацію (фізичне розміщення пристроїв в мережі) і способи з’єднання та від’єднання різних частин мережі..</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Сеансовий рівень</h4>
<p style="margin: 0 !important;">Забезпечує взаємодію прикладних програм в мережі.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Представницький рівень</h4>
<p style="margin: 0 !important;">Визначає формат даних при обміні між робочими станціями. Програмне забезпечення комп’ютера-відправника конвертує дані з формату рівня додатків в проміжний формат. А на комп’ютері-одержувачі відбувається зворотне перетворення даних.</p>
</div>
<!-- Tab content 7 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Прикладний рівень</h4>
<p style="margin: 0 !important;">Визначає мережні прикладні програми, які обслуговують файли.</p>
</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: #3849F9;
}
/* 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: #3849F9;
border-color: #3849F9;
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: #3849F9;
border: 2px solid #3849F9;
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 #3849F9;
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>
<p style="text-align: left;"></p>
<p style="text-align: left;"></p>
<p></p>
<p style="text-align: left;">Узгодженість форматів передачі даних між рівнями є однією з умов надійної роботи ієрархічної архітектури. Рівень може нічого не знати про зміст повідомлення, але він повинен знати, що робити далі з цим повідомленням. </p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/2fb9c6f8251a22e4dd3a856b29f94b12/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%95%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D0%B0_%D0%BF%D0%BE%D1%88%D1%82%D0%B0_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" height="80" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"><strong>Наприклад</strong>, якщо необхідно відправити електронну пошту, користувач спочатку пише повідомлення і надсилає його з прикладної програми (прикладний рівень). Прикладний рівень передає повідомлення на наступний рівень і так далі через всі рівні, поки фізичний рівень не передасть його в кабель. </p>
</div>
<p></p>
<p>Кожний рівень обробляє повідомлення електронної пошти, але не знає про фактичний його зміст. Кожний рівень просто додає до блока даних, отриманого від попереднього рівня, свою службову інформацію у вигляді додаткових блоків в початок і кінець повідомлення, щоб відповідний рівень міг правильно обробити повідомлення при прийманні. Під час цього процесу зміст повідомлення не аналізується. Вся ця процедура називається інкапсуляцією, тому що кожний рівень додає свою порцію інформації навколо початкового пакета даних. </p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@e2586dc0b624491bbeeefc8dbe41d966">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@e2586dc0b624491bbeeefc8dbe41d966" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Мережні апаратні й програмні засоби, пов'язані з різними рівнями моделі OSI</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/603f66acd561b5f10a273f1bd64679ae/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%BD%D1%96_%D0%B0%D0%BF%D0%B0%D1%80%D0%B0%D1%82%D0%BD%D1%96_%D0%B9_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D1%96_%D0%B7%D0%B0%D1%81%D0%BE%D0%B1%D0%B8_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">Зазвичай, з конкретними рівнями моделі OSI пов'язані певні мережні апаратні й програмні засоби. </p>
</div>
<p></p>
<p>Розглянемо ці засоби детальніше:</p>
<p><em>Натисніть на інтерактивні елементи, щоб дізнатись про </em><i>апаратні й програмні засоби, пов'язані з різними рівнями моделі OSI.</i></p>
<div class="s-tabs1">
<ul class="s-tabs__nav-row"><!-- Tab navigation link 8 -->
<li class="s-tab1 s-tabs__item is-active1">
<div class="s-tab__nav1"><button></button> <span>1</span></div>
</li>
<!-- Tab navigation link 9 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>2</span></div>
</li>
<!-- Tab navigation link 10 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>3</span></div>
</li>
<!-- Tab navigation link 11 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>4</span></div>
</li>
<!-- Tab navigation link 12 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>5</span></div>
</li>
<!-- Tab navigation link 13 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>6</span></div>
</li>
<!-- Tab navigation link 14 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>7</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 8 -->
<div class="s-tabs__panel s-panel1 is-active1">
<h4 class="s-panel__title">Фізичний рівень</h4>
<p style="margin: 0 !important;">Кабельна система, кабельні рознімання, мультиплексори, трансмітери й ресивери, пасивні й активні концентратори, репітери й шлюзи тощо.</p>
</div>
<!-- Tab content 9 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Канальний рівень</h4>
<p style="margin: 0 !important;">Мережеві адаптери, інтелектуальні концентратори, мости, комутатори тощо.</p>
</div>
<!-- Tab content 10 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Мережний рівень</h4>
<p style="margin: 0 !important;">Шлюзи, маршрутизатори, протоколи маршрутизації, мости з вихідними маршрутами й комутатори тощо.</p>
</div>
<!-- Tab content 11 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Транспортний рівень</h4>
<p style="margin: 0 !important;">Програмні драйвери мережевого устаткування, програми й засоби керування потоком даних тощо.</p>
</div>
<!-- Tab content 12 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Сеансовий рівень</h4>
<p style="margin: 0 !important;">Програмні драйвери мережного устаткування, програмне забезпечення для пошуку імен комп'ютерів, засоби для дуплексного режиму роботи тощо.</p>
</div>
<!-- Tab content 13 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Представницький рівень</h4>
<p style="margin: 0 !important;">Програми перетворення й шифрування даних, програми форматування графіки (наприклад, для перетворення в GIF- і JPG-файли), а також шлюзи.</p>
</div>
<!-- Tab content 14 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Прикладний рівень</h4>
<p style="margin: 0 !important;">Прикладні програмні інтерфейси, браузери Інтернету, програми передачі повідомлень і електронної пошти, програми віддаленого доступу до ПК. </p>
</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: #3849F9;
}
/* Steps */
.s-tabs1 {
padding: 20px 0;
overflow: hidden;
}
.s-tab1 {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav1 {
position: relative;
}
.s-tab__nav1 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__nav1 button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav1 button:hover,
.s-tab__nav1 button:focus {
background-color: #3849F9;
border-color: #3849F9;
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__nav1 span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
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__nav1 span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav1 span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav1 span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav1 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-panel1 {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel1.is-active1 {
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-active1 .s-tab__nav1 button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active1 .s-tab__nav1 span {
opacity: 1;
visibility: visible;
}
.s-tab1.is-checked1 .s-tab__nav1 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-tab1.is-checked1 .s-tab__nav1 button:hover,
.s-tab1.is-checked1 .s-tab__nav1 button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
--></style>
<script>// <![CDATA[
/* Tabs */
// <![CDATA[
var tabNavItem1 = $('.s-tab1');
var tabPanel1 = $('.s-panel1');
tabNavItem1.on('click', function () {
var navIndex1 = $(this).index();
var selectedPanel1 = $('.s-panel1').eq(navIndex1);
tabNavItem1.not($(this)).removeClass('is-active1');
tabPanel1.not(selectedPanel1).hide();
$(this).addClass('is-active1 is-checked1');
selectedPanel1.show();
});
// ]]></script>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@86faf4ec5ffc4b6c92a42c98a9e92f3a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@86faf4ec5ffc4b6c92a42c98a9e92f3a" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Мережеві технології</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/e229479222085936493358699bb6b014/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D0%B0_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%8F_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" height="80" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"><b>Мережева технологія </b>– набір стандартних протоколів та програмно-апаратних засобів, які їх реалізовують в обсязі, достатньому для побудови локальної обчислювальної мережі.</p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">До технологій комп’ютерних мереж належать наступні види: Ethernet, Token-Ring, ArcNet, FDDI.</p>
<p style="text-align: left;">Розглянемо кожну з мережевих технологій детальніше:</p>
<p style="margin-bottom: 1px; text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про види технологій комп'ютерних мереж та їх особливості.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Ethernet</b></button> <button class="tab-controls__button"><b>Token-Ring</b></button> <button class="tab-controls__button"><b>ArcNet</b></button><button class="tab-controls__button"><b>FDDI</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/1571d9ee0862eb63e6ebe5d969424588/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97_Ethernet.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Найпопулярніша мережева технологія у всьому світі. Основна топологія, яка використовується в локальних мережах Fast Ethernet і Gigabit Ethernet – пасивна зірка/шина.</p>
<p><i>Мережева технологія Fast Ethernet забезпечує швидкість передачі 100 Мбіт/с.</i></p>
<p><i>Мережна технологія локальних мереж Gigabit Ethernet – забезпечує швидкість передачі 1000 Мбіт/с.</i></p>
<p>Локальні мережі Fast Ethernet і Gigabit Ethernet сумісні з локальними мережами, виконаними за технологією (стандарту) Ethernet, тому легко і просто сполучати сегменти Ethernet, Fast Ethernet і Gigabit Ethernet в єдину обчислювальну мережу.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/c11bbc4678d409e647316fb19786620e/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97_Token_Ring.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Використовуються для створення розділеного середовища передачі даних, яке у підсумку утворюється як об'єднання всіх вузлів в одне кільце. Будується дана технологія на зірково-кільцевій топології. Перша йде як основна, а друга – додаткова.</p>
<p><i>Максимальна довжина – 4 000 м.</i></p>
<p><i>Максимальна кількість абонентів – 260. </i></p>
<p><i>Максимальна швидкість передачі даних – 16 Мбіт/секунду.</i></p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/8d361ee58d9f36b781f46a6a04ce411e/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97_ArcNet.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Використовує топологію шина і пасивна зірка. При цьому може будуватися на неекранованій витій парі та оптоволоконному кабелі. ArcNet забезпечує високу дохідність даних. Перевага – використання методу доступу за допомогою передачі повноважень.</p>
<p><i>Максимальна довжина – 6 000 м.</i></p>
<p><i>Максимальна кількість абонентів – 255.</i></p>
<p><i>Максимальна швидкість передачі даних – 25 Мбіт/секунду.</i></p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7cd52b70c854b04d39fc9e158541672a/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97_FDDI.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Стандартизовані специфікації архітектури високошвидкісної передачі даних, що використовують оптоволоконні лінії. Дану мережеву технологію можна розглядати як вдосконалений механізм передачі даних на підставі ArcNet і Token-Ring. Вважається високонадійною завдяки наявності основного та резервного шляхів передачі даних.</p>
<p><i>Максимальна довжина – 100 км.</i></p>
<p><i>Максимальна кількість абонентів – 500. </i></p>
<p><i>Максимальна швидкість передачі даних – 100 Мбіт/секунду.</i></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>
<p></p>
<p><i>Оскільки технологія Ethernet є стандартною та найпоширенішою мережевою технологією, в наступних уроках курсу ми розглянемо її детальніше.</i></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@3bfeb0a7640a42a39febe98a403c05c1">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@3bfeb0a7640a42a39febe98a403c05c1" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="True">
<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 class="vert vert-6" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@5639151d9c5b43319a39f6baee73fbbb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@5639151d9c5b43319a39f6baee73fbbb" data-request-token="eed0ad66166b11efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Дискусія</h3>
<p></p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/1cf6622e76bbe96f38c0a6f3ccbd55a9/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%96%D1%8F.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" />
<ol style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<li>Порівняйте різні види мережних технологій, зокрема Ethernet, Token-Ring, ArcNet та FDDI.</li>
<li>Які переваги та недоліки мають ці технології? </li>
<li>В яких сферах вони найчастіше використовуються?</li>
</ol>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@discussion+block@3387e0e0b1cd4e98bbbad241941d1e15">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@discussion+block@3387e0e0b1cd4e98bbbad241941d1e15" data-request-token="eed0ad66166b11efa70f2eebb4a92840" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Щоб переглянути результат
перейдіть на сторінку "Прогрес"
© Всі права захищено