<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@67f78567da4a47fdac6a2ba35804b5ed" data-request-token="f129113866cf11f08016f2d226fd7a51" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec" data-request-token="f129113866cf11f08016f2d226fd7a51" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2"></h3> <div id="video_a8e813cd0de34e67ad072b9e2d9530ec" class="video closed" data-metadata='{&#34;autoAdvance&#34;: false, &#34;autohideHtml5&#34;: false, &#34;autoplay&#34;: false, &#34;captionDataDir&#34;: null, &#34;completionEnabled&#34;: false, &#34;completionPercentage&#34;: 0.95, &#34;duration&#34;: 0.0, &#34;end&#34;: 0.0, &#34;generalSpeed&#34;: 1.0, &#34;lmsRootURL&#34;: &#34;https://lms.e-school.net.ua&#34;, &#34;poster&#34;: null, &#34;prioritizeHls&#34;: false, &#34;publishCompletionUrl&#34;: &#34;/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec/handler/publish_completion&#34;, &#34;recordedYoutubeIsAvailable&#34;: true, &#34;savedVideoPosition&#34;: 0.0, &#34;saveStateEnabled&#34;: false, &#34;saveStateUrl&#34;: &#34;/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec/handler/xmodule_handler/save_user_state&#34;, &#34;showCaptions&#34;: &#34;true&#34;, &#34;sources&#34;: [], &#34;speed&#34;: null, &#34;start&#34;: 0.0, &#34;streams&#34;: &#34;1.00:a3tW6CDcny0&#34;, &#34;transcriptAvailableTranslationsUrl&#34;: &#34;/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec/handler/transcript/available_translations&#34;, &#34;transcriptLanguage&#34;: &#34;en&#34;, &#34;transcriptLanguages&#34;: {&#34;en&#34;: &#34;English&#34;}, &#34;transcriptTranslationUrl&#34;: &#34;/courses/course-v1:Profosvita+CM-R042-OEP+2025/xblock/block-v1:Profosvita+CM-R042-OEP+2025+type@video+block@a8e813cd0de34e67ad072b9e2d9530ec/handler/transcript/translation/__lang__&#34;, &#34;ytApiUrl&#34;: &#34;https://www.youtube.com/iframe_api&#34;, &#34;ytMetadataEndpoint&#34;: &#34;&#34;, &#34;ytTestTimeout&#34;: 1500}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="a8e813cd0de34e67ad072b9e2d9530ec"></div> <h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4> <h4 class="hd hd-4 video-hls-error is-hidden"> Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер. </h4> </div> <div class="video-player-post"></div> <div class="closed-captions"></div> <div class="video-controls is-hidden"> <div> <div class="vcr"><div class="vidtime">0:00 / 0:00</div></div> <div class="secondary-controls"></div> </div> </div> </div> </div> <div class="focus_grabber last"></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+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@06f0e613c314436eb6eb4521b41a84f3" data-request-token="f129113866cf11f08016f2d226fd7a51" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@ecbf7a5bd1204a2da36dbdb2b28de844"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@ecbf7a5bd1204a2da36dbdb2b28de844" data-request-token="f129113866cf11f08016f2d226fd7a51" 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: justify;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Gamma.app</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Gamma.app є одним з найновіших та найцікавіших інструментів, що повністю побудований на основі ШІ. Він дозволяє створювати презентації, документи та вебсторінки за лічені секунди. Користувач просто вводить тему або ключові слова, і ШІ генерує чернетку презентації з контентом та структурою.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Автоматичне створення контенту. Викладачі можуть швидко генерувати основи для уроків, лекцій або навчальних матеріалів, заощаджуючи час на початковому етапі.</li> <li>Генерація візуальних елементів. ШІ може підбирати відповідні зображення та іконки для ілюстрації контенту.</li> <li>Різні формати. Gamma.app дозволяє легко перетворювати презентації на документи або веб-сторінки, що може бути корисно для розповсюдження навчальних матеріалів.</li> <li>Можливості налаштування. Хоча ШІ генерує основу, викладачі мають повний контроль над редагуванням та налаштуванням презентації.</li> <li>Переваги. Швидке створення презентацій, економія часу, генерація структури та контенту, сучасний та зручний інтерфейс.</li> <li>Недоліки. Може знадобитися редагування та доповнення згенерованого контенту, оскільки ШІ не завжди ідеально розуміє специфіку навчального матеріалу.</li> </ol></ol> <h3 style="text-align: justify;"></h3> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Tome.app</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Tome.app є ще одним інноваційним інструментом, який використовує ШІ для допомоги у створенні презентацій. Він пропонує модульний підхід до побудови презентацій, де кожен розділ ("Tome") може бути створений за допомогою ШІ на основі запиту користувача.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Швидке створення розділів. Викладачі можуть використовувати ШІ для створення окремих блоків інформації, пояснень або прикладів для своєї презентації.</li> <li>Інтеграція з іншими ШІ-інструментами. Tome.app інтегрується з іншими ШІ, такими як генератори зображень, що дозволяє легко додавати візуальний контент.</li> <li>Співпраця в реальному часі. Інструмент підтримує спільну роботу над презентаціями.</li> <li>Адаптивний дизайн. Презентації автоматично адаптуються до різних розмірів екранів.</li> <li>Переваги - модульний підхід до створення, швидка генерація контенту для окремих розділів, інтеграція з іншими ШІ, сучасний дизайн.</li> <li>Недоліки - як і Gamma.app, згенерований контент може потребувати редагування та персоналізації.</li> </ol></ol> <h3 style="text-align: justify;"></h3> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Simplified</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Simplified є універсальною платформою для створення контенту, яка включає інструмент для створення презентацій на основі ШІ. Вона дозволяє генерувати текст, зображення та навіть відео за допомогою ШІ.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Генерація тексту для слайдів. Викладачі можуть використовувати ШІ для створення заголовків, підзаголовків та основного тексту для своїх слайдів.</li> <li>Створення зображень за допомогою ШІ. Можливість генерувати унікальні зображення для ілюстрації навчального матеріалу.</li> <li>Велика бібліотека шаблонів. Платформа пропонує безліч готових шаблонів для презентацій.</li> <li>Інтеграція з іншими інструментами. Можливість інтеграції з різними платформами для публікації та розповсюдження презентацій.</li> <li>Переваги - універсальна платформа з різними ШІ-інструментами, генерація тексту та зображень, велика кількість шаблонів.</li> <li>Недоліки - безкоштовна версія може мати обмеження у функціоналі та кількості генерацій ШІ.</li> </ol></ol> <p style="text-align: justify;"></p> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Beautiful.ai</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Beautiful.ai робить акцент на створенні презентацій з професійним дизайном за допомогою інтелектуальних шаблонів. Хоча він не повністю генерує контент за допомогою ШІ, він використовує штучний інтелект для автоматичного застосування правил дизайну та забезпечення візуальної консистентності.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Інтелектуальні шаблони. Шаблони автоматично адаптуються до вмісту, забезпечуючи гарний та професійний вигляд презентації.</li> <li>Швидке створення слайдів. Інструмент спрощує процес додавання та форматування контенту.</li> <li>Велика бібліотека іконок та зображень. Доступ до безкоштовних візуальних елементів.</li> <li>Співпраця - можливість спільної роботи над презентаціями.</li> <li>Переваги - професійний дизайн без зусиль, швидке створення візуально привабливих презентацій, фокус на візуальній консистентності.</li> <li>Недоліки - менша гнучкість у кастомізації дизайну порівняно з інструментами, де дизайн контролюється повністю вручну.</li> </ol></ol> <p style="text-align: justify;"></p> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Decktopus</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Decktopus позиціонується як "розумний" інструмент для створення презентацій. Він використовує ШІ, щоб допомогти вам структурувати вашу презентацію. Замість того, щоб починати з порожнього слайду, Decktopus ставить вам запитання про вашу тему, а потім автоматично створює логічну структуру та пропонує відповідні шаблони та макети.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Керування структурою. ШІ допомагає викладачам організувати свої думки та створити чітку та послідовну структуру уроку або лекції.</li> <li>Пропозиції щодо контенту. На основі вашої теми Decktopus може пропонувати ідеї для слайдів та навіть фрагменти тексту, які можна потім редагувати та доповнювати.</li> <li>Автоматичний дизайн. Інструмент автоматично застосовує професійний дизайн до вашої презентації, заощаджуючи час на форматуванні.</li> <li>Велика бібліотека шаблонів. Decktopus пропонує різноманітні шаблони, адаптовані для різних цілей, включаючи освіту.</li> <li>Переваги - швидке створення структурованих презентацій, допомога у плануванні контенту, автоматичний професійний дизайн, зручний для початківців.</li> <li>Недоліки - можливо, менша гнучкість у кастомізації (підлаштування продукту під конкретні потреби) порівняно з інструментами, де ви повністю контролюєте кожний елемент.</li> </ol></ol> <p style="text-align: justify;"></p> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">SlidesAI:</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">SlidesAI є доповненням для Google Slides, яке використовує ШІ для створення слайдів на основі текстових підказок. Ви просто вводите тему або основні моменти, і SlidesAI автоматично генерує набір слайдів із відповідним контентом та макетами.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Швидке створення чернеток. Викладачі, які вже використовують Google Slides, можуть швидко створювати початкові версії презентацій на основі своїх нотаток або планів уроків.</li> <li>Економія часу. Інструмент допомагає швидко перетворити текстову інформацію на візуально оформлені слайди.</li> <li>Простота використання. Оскільки це доповнення до Google Slides, інтерфейс буде знайомий багатьом користувачам.</li> <li>Різні варіанти макетів. SlidesAI пропонує різні варіанти макетів для згенерованих слайдів.</li> <li>Переваги - зручність для користувачів Google Slides, швидке створення слайдів на основі тексту, економія часу.</li> </ol></ol> <p style="text-align: justify;"></p> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Pitch:</span></h3> <div style="background-color: #b1d5e4; padding: 16px 20px; margin-bottom: 16px; border-radius: 5px;"> <p style="text-align: justify;">Pitch - це сучасний інструмент для створення презентацій, який хоча і не є повністю ШІ-орієнтованим, пропонує "розумні" шаблони та функції співпраці, які можуть значно спростити процес створення презентацій для викладачів, особливо якщо вони працюють над матеріалами спільно. Очікується, що в майбутньому Pitch може інтегрувати більше ШІ-функцій.</p> </div> <h4 style="text-align: justify;">Особливості для освітян:</h4> <ol><ol> <li>Стильні та адаптивні шаблони. Pitch пропонує велику кількість професійно розроблених шаблонів, які легко налаштувати.</li> <li>Співпраця в реальному часі. Викладачі можуть працювати над презентаціями разом з колегами або навіть зі здобувачами освіти.</li> <li>Блоковий редактор. Інтуїтивно зрозумілий редактор дозволяє легко додавати та переміщувати елементи на слайдах.</li> <li>Інтеграція з іншими сервісами. Підтримка інтеграції з Google Analytics, YouTube та іншими платформами.</li> <li>Переваги - сучасний дизайн, зручні функції для співпраці, велика кількість якісних шаблонів.</li> <li>Недоліки - наразі має менше прямих ШІ-функцій для генерації контенту порівняно з іншими інструментами у цьому списку.</li> </ol></ol> <p style="text-align: justify;"></p> <div style="background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"> <p style="text-align: justify; font-weight: bold; font-style: italic;">Ці інструменти можуть значно полегшити процес створення презентацій для викладачів. Для початку варто протестувати безкоштовні версії або пробні періоди, щоб знайти саме той застосунок, який найкраще відповідає вашим потребам. Більшість цих інструментів знаходяться на стадії активного розвитку, тому їхні можливості постійно розширюються. ШІ може бути чудовим помічником у створенні презентацій, але важливо перевіряти згенерований контент, особливо в освітньому контексті, щоб забезпечити його точність та відповідність навчальним цілям.</p> </div> <p style="text-align: justify;"></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+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@67017df02e194288be0fd25f3cd36d97" data-request-token="f129113866cf11f08016f2d226fd7a51" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@d70f657961bd47868d980164c51b8b67"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@d70f657961bd47868d980164c51b8b67" data-request-token="f129113866cf11f08016f2d226fd7a51" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="border: 4px solid #004984; margin-bottom: 24px; padding-top: 16px; padding-left: 16px; padding-right: 16px; background-color: #b1d5e4;"> <p style="text-align: justify;"><span style="color: #000000;"><strong>Gamma.app</strong></span> - це зручний та сучасний інструмент для створення презентацій, документів та веб-сторінок на основі штучного інтелекту. Він дозволяє швидко генерувати якісний контент, використовуючи ШІ для створення структури, тексту та візуальних елементів. Цей застосунок особливо корисний для викладачів при підготовці навчальних матеріалів, проведення інтерактивних уроків та презентації здобувачам освіти цікавого контенту.</p> </div> <p style="text-align: justify;"><a href="/assets/courseware/v1/68f6c4f27c07b5fffe2fbdf3e30b87a3/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/Gamma.pdf" target="[object Object]">Для швидкої роботи з Gamma, перш за все, ознайомтесь з цим файлом (роз'яснення щодо початкової роботи із застосунком Gamma)</a></p> <h3 style="padding-top: 28px;"><span style="color: #156082; font-size: 110%;"><strong>Наступним кроком є опрацювання розлогої інструкції, що має допомогти вам ефективно використовувати Gamma.app</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> <!-- 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>6</span></div> </li> <!-- Tab navigation link 8 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>6</span></div> </li> <!-- Tab navigation link 9 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>6</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>Перейдіть на вебсайт Gamma.app<a href="https://gamma.app/" target="[object Object]"> (https://gamma.app/).</a></li> <li>Натисніть кнопку "Sign up" або "Get started for free".</li> <li>Ви можете зареєструватися за допомогою свого облікового запису Google, електронної пошти або іншими запропонованими способами.</li> <li>Дотримуйтесь інструкцій на екрані для завершення реєстрації.</li> </ul> </ul> <p><em>Ознайомлення з інтерфейсом:</em></p> <ul> <ul> <li>Після входу ви потрапите на головну панель. Тут ви побачите свої створені "гамми" (презентації, документи тощо) та кнопку "Create new".</li> <li>Інтерфейс Gamma.app є інтуїтивно зрозумілим. Основна частина екрану буде використовуватися для редагування вашої гамми. Зліва або зверху можуть бути розташовані панелі інструментів для навігації та редагування.</li> </ul> </ul> <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>На головній панелі натисніть кнопку "Create new".</p> <p>Виберіть спосіб створення:</p> <ul> <ul> <li>"Generate" (Генерувати): Використання ШІ для створення гамми на основі вашої теми.</li> <li>"Start from scratch" (Почати з нуля): Створення гамми вручну.</li> </ul> </ul> <p></p> </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: Створити за допомогою ШІ ("Generate")</span></h4> <ul> <ul> <li>Введіть тему - вікні "What would you like to create?" введіть тему вашої презентації, документа або веб-сторінки. Наприклад, "Будова Сонячної системи", "Історія України 20 століття", "Основи програмування на Python". Будьте якомога конкретнішими.</li> <li>Вкажіть тип контенту - виберіть, що саме ви хочете створити: "Presentation" (Презентація), "Document" (Документ) або "Webpage" (Веб-сторінка). Для навчальних цілей найчастіше використовується "Presentation".</li> <li>Після введення теми та вибору типу контенту натисніть кнопку "Continue".</li> <li>Перегляд та редагування плану - ШІ згенерує попередній план вашої презентації, що складається з набору карток (слайдів). Перегляньте цей план.</li> <li>Для додавання нових карток натисніть кнопку "+" біля існуючої картки, щоб додати нову. Ви можете вибрати тип картки (заголовок, текст, зображення тощо).</li> <li>Для видалення карток наведіть курсор на картку та натисніть значок кошика, щоб видалити її.</li> <li>Зміна порядку карток - перетягуйте картки, щоб змінити їх порядок.</li> <li>Редагування заголовків - натисніть на заголовок картки, щоб відредагувати його.</li> <li>Натисніть "Generate" для створення презентації. Якщо ви задоволені планом, натисніть кнопку "Generate". ШІ створить вашу презентацію, заповнивши картки текстом та підібравши відповідні зображення.</li> </ul> </ul> <p></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: Створення елементу з нуля ("Start from scratch")</span></h4> <ul> <ul> <li>Натисніть "Start from scratch": На екрані вибору способу створення натисніть "Start from scratch".</li> <li>Виберіть шаблон. Gamma.app може запропонувати вам вибрати шаблон дизайну для вашої гамми. Виберіть той, який вам подобається, або почніть з порожнього полотна.</li> <li>Додавання карток. Натисніть кнопку "+" у нижній частині екрана або в бічній панелі, щоб додати нову картку.</li> <li>Вибір типу картки. Вам буде запропоновано різні типи карток:</li> <li>Title (Заголовок). Для заголовків розділів або слайдів.</li> <li>Heading (Заголовок). Для підзаголовків.</li> <li>Paragraph (Параграф). Для основного тексту.</li> <li>Image (Зображення). Для вставки зображень. Ви можете завантажити власне зображення, вставити посилання або скористатися пошуком Unsplash.</li> <li>Video (Відео). Для вставки відео з YouTube або Vimeo.</li> <li>Embed (Вбудовування). Для вставки вмісту з інших вебсайтів (наприклад, Google Maps, інтерактивні вправи).</li> <li>List (Список). Для створення нумерованих або маркованих списків.</li> <li>Code (Код). Для відображення фрагментів коду (корисно для викладання програмування).</li> <li>Table (Таблиця). Для створення таблиць з даними.</li> <li>Редагування вмісту карток. Натисніть на будь-який елемент картки (текст, зображення тощо), щоб відредагувати його. Використовуйте панель інструментів, що з'являється, для форматування тексту, зміни розміру зображень тощо.</li> </ul> </ul> <p></p> </div> </div> </div> <!-- Tab content 5 --> <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%;">Крок 5: Редагування та налаштування презентації</span></h4> <ol> <li>Додавання та редагування тексту. Використовуйте різні рівні заголовків, форматування (жирний, курсив, підкреслений), списки для організації інформації.</li> <li>Вставка зображень та відео. Зробіть ваші презентації візуально привабливими, додаючи відповідні зображення та відео. Переконайтеся, що використовуєте якісні та ліцензовані матеріали.</li> <li>Вбудовування зовнішнього контенту. Додавайте інтерактивні елементи, такі як карти, онлайн-симуляції або вікторини з інших вебсайтів, щоб зробити урок більш захоплюючим.</li> </ol> <p><em>Налаштування дизайну:</em></p> <ul> <ul> <li>Перейдіть на вкладку "Styles" (Стилі) у верхній частині екрана.</li> <li>Виберіть одну з доступних тем, щоб змінити загальний вигляд вашої презентації (кольори, шрифти тощо).</li> <li>Ви також можете налаштувати окремі елементи дизайну, такі як колір фону, акцентний колір та шрифти.</li> </ul> </ul> <p><em>Додавання переходів та анімацій:</em></p> <ul> <ul> <li>Gamma.app автоматично застосовує плавні переходи між картками.</li> <li>Ви можете налаштувати анімацію окремих елементів на картці (наприклад, поява тексту, рух зображень). Для цього виберіть елемент та знайдіть відповідні опції в панелі редагування.</li> </ul> </ul> </div> </div> </div> <!-- Tab content 6 --> <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%;">Крок 6: Інтерактивні елементи</span> </h4> <ul> <ul> <li>Наразі Gamma.app може не мати розширених вбудованих інтерактивних елементів, таких як опитування або вікторини. Однак ви можете вбудовувати такі елементи з інших платформ (наприклад, Mentimeter, Google Forms) за допомогою функції "Embed".</li> </ul> </ul> </div> </div> </div> <!-- Tab content 7 --> <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%;">Крок 7: Поширення</span></h4> <p>Натисніть кнопку "Present" (Представити) у верхньому правому куті екрана, щоб переглянути вашу презентацію в режимі показу слайдів. Використовуйте клавіші зі стрілками для навігації між картками.</p> <p><em>Поширення презентації:</em></p> <ul> <ul> <li>Натисніть кнопку "Share" (Поділитися) у верхньому правому куті екрана.</li> <li>Посилання для перегляду. Ви можете створити публічне посилання, яким можна поділитися зі здобувачами освіти. Вони зможуть переглядати презентацію у своєму браузері без необхідності мати обліковий запис Gamma.app.</li> <li>Вбудовування на вебсайт. Ви можете отримати код для вбудовування презентації на вебсайт вашого закладу, LMS (систему управління навчанням) або блог.</li> <li>Можливість експорту презентації у форматі PDF або PowerPoint.</li> <li>Спільна робота. Якщо ви працюєте над навчальними матеріалами разом з іншими викладачами, ви можете надати їм доступ для редагування вашої гамми, використовуючи опції спільного доступу в меню "Share".</li> </ul> </ul> </div> </div> </div> <!-- Tab content 8 --> <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%;">Крок 8: Використання Gamma.app в освітніх цілях</span></h4> <ul> <ul> <li>Створення планів уроків. Швидко генеруйте основи для ваших уроків, включаючи цілі, завдання та ключові моменти.</li> <li>Розробка лекційних слайдів. Створюйте візуально привабливі та структуровані презентації для пояснення нового матеріалу.</li> <li>Генерація завдань та проєктів для здобувачів освіти. Використовуйте ШІ для створення початкових версій завдань, які потім можна редагувати та персоналізувати.</li> <li>Створення інтерактивних навчальних модулів. Вбудовуйте зовнішні інтерактивні елементи для підвищення залученості здобувачів освіти.</li> <li>Розробка візуальних посібників. Створюйте наочні матеріали для пояснення складних концепцій або процесів.</li> <li>Підготовка матеріалів для дистанційного навчання. Легко діліться презентаціями зі здобувачами освіти, які навчаються онлайн.</li> <li>Створення коротких пояснювальних відео (через запис екрану під час презентації). Ви можете використовувати Gamma.app для створення візуальної основи для коротких навчальних відео.</li> </ul> </ul> </div> </div> </div> <!-- Tab content 9 --> <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%;">Крок 9: Поради та найкращі практики для викладачів</span></h4> <ul> <ul> <li>Ретельно перевіряйте згенерований контент. Хоча ШІ може бути корисним для створення основи, завжди переглядайте та редагуйте згенерований текст, щоб переконатися в його точності та відповідності вашій навчальній програмі.</li> <li>Персоналізуйте контент. Додавайте власні приклади, історії та аналогії, щоб зробити матеріал більш зрозумілим та цікавим для здобувачів освіти.</li> <li>Використовуйте якісні візуальні елементи. Обирайте чіткі та релевантні зображення та відео, щоб підсилити ваше повідомлення.</li> <li>Зробіть презентації інтерактивними. Залучайте здобувачів освіти, використовуючи питання, опитування та вбудовуючи інтерактивні елементи.</li> <li>Експериментуйте з різними функціями. Не бійтеся досліджувати всі можливості Gamma.app, щоб знайти найкращі способи його використання у вашій педагогічній практиці.</li> </ul> </ul> </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+CM-R042-OEP+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+CM-R042-OEP+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+CM-R042-OEP+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+CM-R042-OEP+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> <div style="background-color: #a3b1e2; margin-right:16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left:16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"> <p style="text-align: justify; font-weight: bold; font-style: italic;">Gamma.app є потужним та інноваційним інструментом, який може значно полегшити процес створення навчальних матеріалів для викладачів. Завдяки використанню штучного інтелекту, він дозволяє швидко генерувати якісний контент та створювати візуально привабливі презентації, документи та вебсторінки. Експериментуйте з його можливостями та інтегруйте його у свій освітній процес, щоб зробити навчання ефективнішим та цікавішим для здобувачів освіти.</p> </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>