<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@05da9458d5f042638f62ab6fc33dd491" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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@e612f406cb954ff7915f9841c5a48256">
<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@e612f406cb954ff7915f9841c5a48256" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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/0facda0f0e434dfdf5bbad964b1404d2/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t1_gpt_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>
<ul>
<li><b>Ресурс:</b> <strong><a href="https://chatgpt.com/
" target="[object Object]">https://chatgpt.com</a></strong></li>
<li><b>Розробник: </b> OpenAI</li>
<li><b>Документація: <a href="https://help.openai.com/en/collections/3742473-chatgpt?utm_source=chatgpt.com" target="[object Object]">OpenAI Help Center</a></b></li>
<li><b>Особливості: </b> Програма, що спілкується "природною" мовою</li>
</ul>
</ul>
</ul>
</div>
<p>ChatGPT — це чат-бот і віртуальний помічник з генеративним штучним інтелектом, розроблений компанією OpenAI та запущений 30 листопада 2022 року. Він базується на великій мовній моделі (Generative Pre-trained Transformer) і оптимізований для діалогів природними мовами.</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>Ділове та офіційне листування (створення чернеток електронних листів, звернень, офіційних документів, ділових пропозицій, комерційних листів, відповідей на запити)</li>
<li>Навчальний контент (генерація запитань для тестів, вікторин, створення наукових робіт, розробка навчальних сценаріїв)</li>
<li>Узагальнення та конспектування (стиснення довгих текстів, статей, книг до коротких витягів або тез)</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 1 --> <!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Відповіді на запитання та пояснення</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Дає лаконічні пояснення з різних тем — від шкільних предметів до складних технічних понять</li>
</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>
<ul>
<li>Генерація зображень згідно описів</li>
<li>Редагування зображеннями за текстовим запитом</li>
<li>Аналіз даних з графіків та діаграм</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>
<ul>
<ul>
<li>Пише код, допомагає з формулами (Excel, SQL), генерує скрипти для автоматизації</li>
</ul>
</ul>
</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 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/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><span style="color: #b71929; font-weight: bold; font-size: 110%;">Чого не вміє:</span></p>
<ul>
<li>Досягати 100% точності (помиляється, "галюцинує", придумує вигадані факти)</li>
<li>Шукати інформацію в реальному часі (потрібен час на опрацювання інформаційних баз та ресурсів)</li>
<li>Генерувати унікальні ідеї (навчання на наявних даних створює продукт - суміш чужих робіт)</li>
<li>Розуміти контекст на 100% (у довгих діалогах втрачається логіка комунікації)</li>
</ul>
</div>
</div>
<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@943f45e53d554c8293bf31b8fbac73d9">
<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@943f45e53d554c8293bf31b8fbac73d9" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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: 28px;"><span style="color: #156082; font-size: 110%;"><strong>Алгоритм роботи із ChatGPT</strong></span></h3>
<p style="font-size: 85%;"><i>Натисніть на інтерактивні елементи, щоб розглянути кроки</i><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 is-checked">
<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>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="padding-left: 20px; text-align: justify;">
<h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 1: Початок роботи</span></h4>
<p><em>Створення облікового запису:</em></p>
<ul>
<ul>
<li>Перейдіть на вебсайт <a href="https://chatgpt.com/" target="[object Object]">https://chatgpt.com/</a></li>
<li>Натисніть кнопку "Sign up" або "Get started for free"</li>
<li>Ви можете зареєструватися за допомогою свого облікового запису Google, електронної пошти або іншими запропонованими способами</li>
<li>Дотримуйтесь інструкцій на екрані для завершення реєстрації</li>
</ul>
</ul>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/97dc4afa8e8e9cfdbb87b393a572d4d7/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t1_gpt_step1.png" alt="step1" /></p>
<p></p>
</div>
</div>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="padding-left: 20px; text-align: justify;">
<h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 2: Ознайомлення з інтерфейсом:</span></h4>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/2987e4728bd31b326bafe8d5bf3eae80/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t1_gpt_step2-2.png" alt="step2" /></p>
<p></p>
<hr />
<h4 style="padding-top: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> 1. Верхня панель</span></h4>
<ul>
<ul>
<li><strong>Логотип ChatGPT</strong><span> – повернення на головну сторінку</span></li>
<li><strong>Кнопка оновлення/версії моделі</strong><span> – можна вибрати модель, якщо у вас є доступ до Plus (наприклад, GPT-4o, GPT-3.5)</span></li>
<li><strong>Меню профілю</strong><span> (праворуч) – доступ до налаштувань, облікового запису, планів (Free/Plus), вихід із профілю</span></li>
</ul>
</ul>
<hr />
<h4 style="padding-top: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;">2. Ліва бокова панель (меню чатів)</span></h4>
<ul>
<ul>
<li><strong>Кнопка “+ New Chat”</strong><span> – створити новий діалог</span></li>
<li><strong>Бібліотека</strong><span> – генерування та редагування зображень</span></li>
<li><strong>Sora</strong><span> – генерування та редагування відео</span></li>
<li><strong>Список чатів</strong><span> – збережені або нещодавні розмови</span></li>
<li><strong>Іконка кошика</strong><span> – видалення чату</span></li>
<li><strong>Меню налаштувань</strong> – тут можна:</li>
<ul>
<li><span>Активувати/деактивувати історію чатів</span></li>
<li><span>Керувати розширеннями</span></li>
<li><span>Переглянути часто задані питання</span></li>
</ul>
</ul>
</ul>
<hr />
<h4 style="padding-top: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;">3. Основна область чату</span></h4>
<ul>
<ul>
<ul>
<li><strong>Ваші повідомлення</strong><span> – вводяться внизу</span></li>
<li><strong>Відповіді ChatGPT</strong><span> – з'являються зверху в діалозі</span></li>
<li><strong>Кнопка “Regenerate” </strong><span> – повторити відповідь, якщо вона не влаштовує</span></li>
<li><strong>Режим коду чи тексту</strong><span> – якщо ви вводите код, форматування буде відповідним</span></li>
<li><strong> Реакції</strong><span> – можна оцінити відповідь: 👍 або 👎</span></li>
</ul>
</ul>
</ul>
<hr />
<h4 style="padding-top: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;">4. Поле вводу (внизу)</span></h4>
<ul>
<ul>
<li><span>Можна вводити текст або прикріплювати файли (у GPT-4)</span></li>
<li><span>Підтримує багаторядковий ввід</span></li>
<li><span>Є кнопка "відправити" (стрілка)</span></li>
</ul>
</ul>
<hr /></div>
</div>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="padding-left: 20px; text-align: justify;">
<h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 3: Налаштування ChatGPT</span></h4>
<p style="padding-top: 32px;"><b>Персоналізація</b> — це можливість адаптувати програму під конкретного користувача, його стиль, інтереси, завдання чи сферу діяльності</p>
<p>Вона робить роботу з GPT більш ефективною</p>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/3313a14afa2c5897f515b3cda284d8ab/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t1_gpt_step3.png" alt="step3" /></p>
</div>
</div>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="padding-left: 20px; text-align: justify;">
<h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 4: Створення запитів</span></h4>
<p>Що детальніший запит, то краща відповідь. Додавайте контекст, стиль, довжину:</p>
<ul>
<li>«Напиши статтю про освіту в Україні» – результат буде загальний</li>
<li>«Створи статтю про тренди освіти в Україні станом на 2025 році, 2500 слів, мовою педагога, включи згадку про платформу profosvita.online. » – ШІ видасть якісний текст</li>
</ul>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/16168949336e161064a52c12ae9582a0/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t1_gpt_step4.png" alt="step4" /></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: #004984;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url('/assets/courseware/v1/c6eb373f7792c6e5fe870d368a6ddc93/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_B.png');
/* 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: #b1d5e4;
border-color: #b1d5e4;
background-image: url('/assets/courseware/v1/3b8a311b59c7864282d57db718f6254f/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_w.png');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #116062 !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('/assets/courseware/v1/c2cc64e5676e47ed49af612829a2de18/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/gal_B.png');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url('/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/gal_w.png');
/* 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>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@d3b07c0267c946f29ae4f005b44ccbfa">
<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@d3b07c0267c946f29ae4f005b44ccbfa" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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/watch?v=OtlUDvxqZ6E" target="[object Object]">ChatGPT Інструкція: Як використовувати ChatGPT для Початківців </a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/qz4xVSFlOCs?si=0VMpzx2M0Dsf_MN_" 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>
<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>
<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@f10bdf3f3ce74f658b4f40588e616e91" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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@07e2f9f9bc3e44398dfc3717c8bcb178">
<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@07e2f9f9bc3e44398dfc3717c8bcb178" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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 #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><em><b>Так виглядає згенерована стаття</b> "Використання GPT в освіті", орієнтований на педагогів (приблизно 300 слів) </em></p>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@16920d2043194b1b8e9ab8db4093f15c">
<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@16920d2043194b1b8e9ab8db4093f15c" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<h3><strong>Використання GPT в освіті</strong></h3>
<p>Модель штучного інтелекту GPT (Generative Pre-trained Transformer) відкриває нові можливості для сучасної освіти. Це інструмент, який може суттєво підтримати як учителя, так і учня у навчальному процесі.</p>
<p><strong>1. Персоналізоване навчання.</strong><br /> GPT дає змогу учню отримати пояснення будь-якого рівня складності у зручний час і темпі. Це зручно для самостійного навчання або заповнення прогалин у знаннях.</p>
<p><strong>2. Підтримка педагога.</strong><br /> Учителі можуть за допомогою GPT створювати конспекти уроків, вправи, тести, адаптовані матеріали для різних рівнів підготовки. Це значно економить час і розширює креативні можливості.</p>
<p><strong>3. Розвиток критичного мислення.</strong><br /> Учнів можна залучати до аналізу відповідей GPT, порівняння точок зору, аргументації. Таким чином ШІ не замінює мислення, а стимулює його розвиток.</p>
<p><strong>4. Інклюзія та доступність.</strong><br /> GPT можна використовувати для адаптації матеріалів для дітей з ООП: спрощення тексту, створення пояснень, аудіоверсій або візуальних матеріалів.</p>
<p><strong>5. Інтеграція у міжпредметні проєкти.</strong><br /> GPT допомагає об’єднувати знання з різних галузей — від біології до інформатики — у межах STEAM-освіти.</p>
<p>⚠️ <strong>Важливо пам’ятати</strong>: GPT — не джерело абсолютної істини. Інформацію потрібно перевіряти, а учнів — навчати відповідальному використанню ШІ.</p>
<p><strong>Висновок:</strong><br /> GPT — це інструмент, який підсилює вчителя, а не замінює його. Його грамотне використання дозволяє зробити освіту сучаснішою, доступнішою й ефективнішою.</p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@7d246d4aa5a44650931285afb13f9095">
<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@7d246d4aa5a44650931285afb13f9095" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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; background-color: #a3b1e2; 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/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><strong>Завдання:</strong></em></p>
<p>Зареєструйтеся на ресурсі <span style="color: #000080;"><strong><a href="https://chatgpt.com/" target="[object Object]"><span style="color: #000080;">https://chatgpt.com</span></a></strong></span></p>
<p>Створіть зображення та статтю на тему вашої проєктної роботи</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@0af1041af1414caab96345708e05bfca" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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@dd82922a619d419da24e2f12b11f25a3">
<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@dd82922a619d419da24e2f12b11f25a3" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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: center;"><img height="auto" width="640" src="/assets/courseware/v1/638531cd6895050c1b336750fde23ac3/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/%D0%95%D0%B2%D0%BE%D0%BB%D1%8E%D1%86%D1%96%D1%8F_ChatGPT__%D0%B2%D1%96%D0%B4_2022_%D0%B4%D0%BE_2024.png" alt="picture" /></h3>
<p><em><strong>Коли мова йде про "генерацію тексту в картинках" за допомогою ChatGPT, виникають певні неточності</strong></em></p>
<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. Де ChatGPT бере інформацію?</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<ul>
<ul>
<li>У безкоштовній версії GPT-3.5 – тільки з даних до 2021 року</li>
<li>У ChatGPT Plus з GPT-4 (GPT-4o) – зі свіжіших джерел</li>
<li>Через OpenAI API можна підключати його до інтернету та інших баз даних</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. Які основні версії ChatGPT від OpenAI? </b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<table>
<thead>
<tr><th>Версія</th><th>Рік</th><th>Основні можливості</th><th>Особливості</th></tr>
</thead>
<tbody>
<tr>
<td><strong>GPT-3.5</strong></td>
<td>2022</td>
<td>Генерація тексту, відповіді на запитання, кодування</td>
<td>Швидка, легка, але іноді менш точна. Без підтримки зображень</td>
</tr>
<tr>
<td><strong>GPT-4 (текстова версія)</strong></td>
<td>2023</td>
<td>Більш точні відповіді, краща логіка, довші тексти</td>
<td>Доступна лише для користувачів ChatGPT Plus</td>
</tr>
<tr>
<td><strong>GPT-4 Turbo</strong></td>
<td>2023</td>
<td>Оптимізована версія GPT-4</td>
<td>Працює швидше і дешевше. Може мати доступ до файлів, інтернету, памʼяті (в ChatGPT Plus)</td>
</tr>
<tr>
<td><strong>GPT-4o ("omni")</strong></td>
<td>2024</td>
<td>Текст, зображення, аудіо, відео (мультимодальність)</td>
<td>Найновіша й найпотужніша. Розпізнає текст із фото, аналізує зображення, працює з голосом. Працює швидко та без лагів</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end N --> <!-- button start N -->
<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="width: 100%; align-self: center; text-align: justify;">
<table>
<thead>
<tr><th>Характеристика</th><th>GPT-3.5</th><th>GPT-4</th><th>GPT-4 Turbo</th><th>GPT-4o</th></tr>
</thead>
<tbody>
<tr>
<td><strong>Якість відповідей</strong></td>
<td>Середня</td>
<td>Висока</td>
<td>Висока</td>
<td>Дуже висока</td>
</tr>
<tr>
<td><strong>Підтримка зображень</strong></td>
<td>❌</td>
<td>❌</td>
<td>🔸 (обмежено)</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Підтримка аудіо/голосу</strong></td>
<td>❌</td>
<td>❌</td>
<td>❌</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Швидкість роботи</strong></td>
<td>Висока</td>
<td>Середня</td>
<td>Вища</td>
<td>Найвища</td>
</tr>
<tr>
<td><strong>Ціна (у платному плані)</strong></td>
<td>Безкоштовно</td>
<td>❌</td>
<td>✅ (у Plus)</td>
<td>✅ (у Plus)</td>
</tr>
<tr>
<td><strong>Пам’ять (персоналізація)</strong></td>
<td>❌</td>
<td>🔸</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Можливість взаємодії з файлами</strong></td>
<td>❌</td>
<td>🔸</td>
<td>✅</td>
<td>✅</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end N --> <!-- button start N -->
<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="width: 100%; align-self: center; text-align: justify;">
<p style="text-align: justify;">В рамках зобов’язання щодо безпечного та відповідального штучного інтелекту компанія OpenAI переглядає розмови, для покращення системи</p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end N --> <!-- 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. Чи компанія OpenAI використовує мої розмови для навчання?</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<p><b>Так.</b> Коли ви користуєтеся ChatGPT компанія використовує ваш контент для навчання своїх моделей.</p>
<p>Ви можете відмовитися від навчання через портал конфіденційності</p>
<p><i>Піктограма облікового запису / Налаштування / Керування даними / Поліпшити модель для всіх / Вкл</i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end N --> <!-- button start N -->
<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="width: 100%; align-self: center; text-align: justify;">
<p style="text-align: justify;">ChatGPT може видавати неправильні відповіді. Він має обмежені знання про світ, а також може надавати шкідливі інструкції або упереджений контент</p>
<p>Розробник рекомендує перевіряти, чи є відповіді моделі точними. Якщо ви вважаєте, що відповідь неправильна, будь ласка, залиште свій відгук, натиснувши кнопку «Подобається»</p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end N --> <!-- button end 2 --></div>
</div>
<style><!--
.dm-collaps-wrap {
margin-bottom: 15px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
border-radius: 6px;
}
.dm-collaps {
background-color: #EDEDED;
color: black;
background-image: none;
text-shadow: none;
width: 100%;
font-family: inherit;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
border-radius: 6px 6px 0 0;
text-align: left;
outline: none;
font-size: 15px;
}
.dm-collaps i.fa-angle-down {
font-style: inherit;
margin-right: 10px;
}
.dm-collaps--active i.fa-angle-down {
transform: scaleY(-1);
}
button.dm-collaps--active,
button.dm-collaps:hover,
button.dm-collaps:focus,
button.dm-collaps:active {
background-color: #c0c0c0ff;
color: #000000;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.dm-collaps-content {
padding: 0 18px;
display: none;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.dm-collaps-content p {
margin-top: 5px;
}
.dm-collaps-content img {
height: auto;
}
.dm-picnorm {
display: flex;
align-items: center;
}
.dm-picnorm img {
width: auto;
max-height: 150px;
margin-left: 10px;
}
.element_container{
min-height: 120px;
}
@media only screen and (max-width: 980px) {
.dm-picnorm {
flex-direction: column;
margin: 0 auto;
}
}
--></style>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
<p></p>
<p style="text-align: left;"></p>
<p></p>
<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>
<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@17dc83c7c80f4a51a5acd18b25e2dd09" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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@ba4d1cce9d8440b59efc2ae3e25d8a44">
<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@ba4d1cce9d8440b59efc2ae3e25d8a44" data-request-token="1536fc8a53d811f0a2e1c66ae3324b32" 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: justify;">Навчання з GPT — це новий підхід, де ви самі керуєте процесом: "ставите запитання" - отримуєте "миттєві відповіді" та пояснення. Замість пасивного слухання лекцій — активний діалог у заданій вами формі.</p>
<p style="text-align: justify;">ШІ не замінить практику в реальному світі, але чудово допоможе в опануванні теорії, опрацюванні аналітичних даних. Він заощаджує час, роблячи навчання цікавим, динамічним та персоналізованим.</p>
<p style="text-align: justify;">Будьте допитливими та експериментуйте – GPT стане вашим ефективним помічником у навчанні.</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 5. Застосування штучного інтелекту у сфері навчання та створені контенту"
© Всі права захищено