78% підлітків уже стикалися з онлайн-ризиками: як Україна долучається до ініціативи ЄС Safer Internet Day

Більшість українських підлітків і понад дві третини дорослих уже мали щонайменше один інцидент, пов’язаний із безпекою даних. Такі результати дослідження цифрової та ШІ-грамотності 2025 року.

Цифри показують і важливу різницю: люди з розвиненими цифровими навичками використовують одразу кілька способів захисту — складні унікальні паролі, двофакторну автентифікацію, перевірку джерел і повідомлень. Що вищі навички — то більше рівнів захисту.

Саме тому Міжнародний день безпечного інтернету (Safer Internet Day) — ініціатива, започаткована Європейським Союзом і підтримувана в 160+ країнах світу — фокусується не лише на обговоренні ризиків, а й на формуванні культури безпечної поведінки онлайн. Україна долучається до цієї ініціативи через практичні інструменти для громадян.

«23% українців уже стикалися з кібератаками з використанням технологій штучного інтелекту, а 35% дорослих повідомляли про отримання некоректних або вигаданих відповідей від таких систем. Це свідчить про те, що цифрові ризики ускладнюються швидше, ніж формуються захисні звички. 

Саме тому ми синхронізуємо національні підходи з європейськими принципами — від превентивної освіти до практичного тренування навичок. На Дія.Освіта користувач може не лише дізнатися про ризики, а й відпрацювати алгоритм безпечної поведінки в безпечному середовищі — у симуляторах і тестах — без реальної загрози для своїх даних чи коштів», — зазначає Ярослава Дьо, Керівниця експертної групи директорату розвитку цифрових навичок та цифровізації освіти Мінцифри.

До Safer Internet Day платформі Дія.Освіта представила спеціальний розділ:
osvita.diia.gov.ua/safer-internet

Тут зібрані практичні інструменти, які можна застосувати одразу:  

• освітні серіали з персональної кібергігієни та захисту від фішингу;

• симулятори онлайн-шахрайських ситуацій із рекомендаціями для дітей і батьків;

• тести для перевірки власних цифрових звичок.

Ключова активація до Дня безпечного інтернету — інтерактивний квест «Гієна Гігієна й МереЖах». Його героями стали персонажі всеукраїнської кампанії з кібергігієни листопада — грудня 2025 року — Гієна Гігієна та Кібермило. За два місяці кампанія охопила понад 4,1 млн користувачів.

Квест моделює 14 типових онлайн-ситуацій — від фейкових вакансій до deepfake-прохань про допомогу — щоб користувач міг безпечно відпрацювати правильний алгоритм дій.

Після проходження квесту учасники отримують персоналізований результат і сертифікат. Ті, хто набрав понад 70 балів зі 140 можливих, автоматично беруть участь у розіграші фірмового мерчу Дія.Освіта. Кампанія триває з 10 лютого до 10 березня.

У цифровій державі онлайн-безпека — це базова навичка. 

Перевірити власний рівень захисту й відпрацювати алгоритми дій можна вже сьогодні на Дія.Освіта.

Матеріали до Дня безпечного інтернету створені на основі кампанії Дія.Освіта з кібергігієни. Кампанія реалізована ISD Group за підтримки Проєкту США «Кібербезпека критично важливої інфраструктури України». Матеріали до Дня безпечного інтернету не обов’язково відображають погляди Уряду США.

Допис

Як почуватися в інтернеті впевнено й безпечно? 

Так само, як у реальному житті, — дотримуючись щоденної гігієни. Про це нагадує Гієна Гігієна в День безпечного інтернету🛡️

🚩 Друг з геймінг-платформи пише, що в лікарні, й терміново просить гроші — перевірите, хто це?
🚩 Бот банку з ніком Bank123 — зупинитесь і перевірите акаунт?
🚩Продавець ритейл-платформи просить перейти в особисті повідомлення поза платформою — погодитесь одразу?

Safer Internet Day нагадує: інтернет дає можливості, але без кібергігієни легко стає зоною ризику. Шахраї постійно вигадують нові схеми і дедалі більше використовують ШІ — тож навіть досвідченим користувачам важливо регулярно «чистити зуби» своєї кібергігієни.

Дія.Освіта зібрала освітні продукти, які допоможуть зробити онлайн-безпеку звичкою — дивіться та зберігайте карусель 👀

🎁 А до Дня безпечного інтернету перевіряйте себе у квесті від Гієни Гігієни та Кібермила на платформі Дія.Освіта — усі, хто набере понад половину можливих балів, автоматично долучаються до розіграшу фірмових бананок і грілок.

Квест — за посиланням (у шапці профілю).

Онлайн-захист працює лише тоді, коли він регулярний. Тож скажіть чесно: ви вже на боці Гієни Гігієни?

Детальну інформацію по темі ви можете дізнатися переглянувши Відео

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• закріпити навички програмування під час створення проєкту;
  
  

• навчити планувати етапи реалізації програмного продукту;
  
  

• формувати вміння працювати за алгоритмом розробки.
  
  

Розвивальна:

• розвивати алгоритмічне та критичне мислення;
  
  

• формувати навички командної роботи;
  
  

• розвивати вміння презентувати результати.

Актуалізація знань 

🔹 Інтерактивна вправа «Що потрібно для створення програми?»

Учні називають:

• алгоритм
  
  

• змінні
  
  

• цикли
  
  

• умови
  
  

• тестування
  
  

Теоретичний блок 

Етапи виконання навчального проєкту:

1. Постановка проблеми
   
   

2. Планування
   
   

3. Розробка алгоритму
   
   

4. Кодування
   
   

5. Тестування
   
   

6. Презентація результату
   
   

🔹 Інтерактивна вправа «Збери команду»

Учні об’єднуються у групи (3–4 особи) та розподіляють ролі:

• Аналітик (планує)
  
  

• Програміст (пише код)
  
  

• Дизайнер (оформлення)
  
  

• Тестер (перевіряє помилки)

Постановка практичного завдання 

Варіанти проєктів (на вибір):

Індивідуальні:

• Калькулятор із додатковими функціями
  
  

• Гра «Вгадай число»
  
  

• Програма для підрахунку середнього балу
  
  

Групові:

• Міні-гра
  
  

• Навчальний тренажер
  
  

• Вікторина
  
  

• Анімаційний проєкт
  
  

(У середовищі Scratch або Python)

🔹 Інтерактивний метод «Sprint 10»

Робота поділяється на короткі етапи по 10 хв:

• 1-й спринт — планування
  
  

• 2-й спринт — програмування
  
  

• 3-й спринт — тестування
  
  

Після кожного етапу — короткий звіт групи (1 хв).

🔹 Метод «Тестер шукає помилку»

Групи обмінюються проєктами та перевіряють:

• Чи працює програма?
  
  

• Чи зрозумілий інтерфейс?
  
  

• Чи є логічні помилки?

Рефлексія 

🔹 Метод «PLUS – MINUS – ЦІКАВО»

• Що вдалося?
  – Що було складно?
  ? Що хотілося б удосконалити?
  
  

Або «Одним словом» — який ви сьогодні були розробник?

Домашнє завдання

• Удосконалити проєкт (додати нову функцію).
  
  

• Підготувати короткий опис проєкту (5–7 речень).
  
  

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• сформувати поняття «об’єкт» у програмуванні;
  
  

• ознайомити з властивостями та методами об’єкта;
  
  

• навчити використовувати властивості й методи у програмному середовищі.
  
  

Розвивальна:

• розвивати алгоритмічне та логічне мислення;
  
  

• формувати навички аналізу структури програмного об’єкта;
  
  

• розвивати цифрову компетентність.

Актуалізація знань 

🔹 Інтерактивна вправа «Об’єкт чи ні?»

Учням пропонуються слова: кіт, число 5, кнопка, екран, команда.
Завдання: визначити, що може бути об’єктом у програмі.

Вивчення нового матеріалу

🔹 Що таке об’єкт?

Об’єкт — це елемент програми, який має:

• властивості (характеристики);
  
  

• методи (дії, які він може виконувати).
  
  

🔹 Властивості — це…

Ознаки або характеристики об’єкта.

Наприклад (у Scratch):

• ім’я;
  
  

• координати (x, y);
  
  

• розмір;
  
  

• колір;
  
  

• напрям руху.

🔹 Методи — це…

Дії, які об’єкт може виконувати:

• рухатися;
  
  

• змінювати колір;
  
  

• відтворювати звук;
  
  

• ховатися або з’являтися.

Практична робота 

«Досліди об’єкт»

У Scratch:

1. Обрати спрайт.
   
   

2. Змінити його розмір і координати.
   
   

3. Запустити програму руху.
   
   

Учні визначають:

• які властивості вони змінили;
  
  

• які методи використали.

Рефлексія 

Метод «Світлофор»

🟢 — розумію, що таке об’єкт
🟡 — трохи плутаю властивості й методи
🔴 — потрібно ще пояснення

Запитання:

• Чим властивості відрізняються від методів?
  
  

• Навіщо це потрібно програмісту?

Домашнє завдання

1. Записати приклад об’єкта з повсякденного життя та визначити 3 його властивості й 2 методи.
   
   

2. (За бажанням) створити невелику програму з одним об’єктом.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео1, Відео2 з мережі Інтернет.
🎯 Мета уроку

Навчальна:

• сформувати уявлення про сучасні мови програмування;
  
  

• ознайомити з популярними мовами та їх призначенням;
  
  

• навчити розрізняти сфери застосування мов.
  
  

Розвивальна:

• розвивати логічне мислення;
  
  

• формувати навички роботи в команді;
  
  

• розвивати вміння аналізувати інформацію.

Актуалізація знань — інтерактив «Мозковий штурм»

Запитання до класу:

• Що таке алгоритм?
  
  

• Де ми зустрічаємо програми?
  
  

• Які мови програмування ви вже чули?
  
  

Вивчення нового матеріалу 

🔹 Що таке мова програмування?

Мова програмування — це система команд, за допомогою яких людина створює програми для комп’ютера.

🔹 Приклади сучасних мов:

• Python — проста у вивченні, використовується в ІТ, іграх, штучному інтелекті.
  
  

• Java — мобільні застосунки, корпоративні системи.
  
  

• JavaScript — створення веб-сайтів.
  
  

• C++ — ігри, складні програми.
  
  

• Scratch — навчальна мова для початківців.
  
  

🔹 Чому існує багато мов?

Кожна мова створена для певних задач:

• сайти
  
  

• мобільні додатки
  
  

• ігри
  
  

• роботи
  
  

• штучний інтелект

🟢 Вправа  «Правда чи міф» 

Учитель зачитує твердження:

• Усі мови програмування однакові.
  
  

• Scratch — лише для дітей.
  
  

• JavaScript використовується тільки для ігор.
  
  

Учні піднімають картки «Правда» / «Міф» та аргументують відповідь.

Закріплення знань 

Міні-вікторина (Kahoot або усно):

1. Яка мова використовується для веб-сайтів?
   
   

2. Яка мова підходить для початківців?
   
   

3. Чому існує багато мов програмування?
   
   

Рефлексія

Метод «Світлофор»:
🟢 — все зрозуміло
🟡 — є питання
🔴 — складно

Детально ознайомитись з темою можете в Презентації

Домашнє завдання (на вибір)

1. Підготувати міні-повідомлення про одну сучасну мову програмування.
   
   

2. Створити інфографіку «Де використовують Python?»
   
   

3. (Творче) Намалювати схему «Світ мов програмування».

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• закріпити знання про структуру HTML-документа;
  
  

• навчити створювати найпростішу веб-сторінку;
  
  

• формувати навички використання основних тегів HTML.
  
  

Розвивальна:

• розвивати алгоритмічне мислення;
  
  

• формувати уважність до синтаксису;
  
  

• розвивати інформаційно-цифрову компетентність.

Актуалізація знань 

Фронтальне опитування:

• Що таке HTML?
  
  

• Що таке тег?
  
  

• Які основні теги ви вже знаєте?
  
  

Міні-вправа «Впізнай тег»
Учитель показує тег — учні пояснюють його призначення.

Мотивація навчальної діяльності 

Проблемне запитання:

👉 Чи можна створити власну веб-сторінку без спеціальних програм-конструкторів?

Коротке обговорення можливостей HTML.

Повторення структури HTML-документа 

Базова структура:

<!DOCTYPE html>

<html>

<head>

    <title>Назва сторінки</title>

</head>

<body>

    Вміст сторінки

</body>

</html>

Пояснення:

• <html> — початок документа;
  
  

• <head> — службова інформація;
  
  

• <title> — назва вкладки;
  
  

• <body> — основний вміст.

Інструктаж до практичної роботи

Правила роботи:

• уважно вводити теги;
  
  

• не пропускати кутові дужки;
  
  

• зберігати файл з розширенням .html.

Практична робота 

Завдання: створити найпростішу веб-сторінку «Про мене»

Обов’язкові елементи:

1. Заголовок <h1>
   
   

2. Абзац <p>
   
   

3. Список (нумерований або маркований)
   
   

4. Зображення <img>
   
   

5. Посилання <a>
   
   

Приклад фрагмента коду:

<h1>Моя перша веб-сторінка</h1>

<p>Мене звати Олександр. Я навчаюся у 8 класі.</p>

<h2>Мої улюблені предмети:</h2>

<ul>

    <li>Інформатика</li>

    <li>Математика</li>

    <li>Технології</li>

</ul>

<a href="https://www.google.com">Перейти на Google</a>
Інтерактив «Перевір код сусіда»

Учні:

• відкривають файл однокласника;
  
  

• перевіряють правильність структури;
  
  

• знаходять помилки (якщо є).
  
  

Підбиття підсумків 

Метод «3-2-1»:

• 3 нових знання;
  
  

• 2 труднощі;
  
  

• 1 досягнення.
  
  

Обговорення найпоширеніших помилок.

Домашнє завдання

1. Завершити практичну роботу і Доповнити сторінку новими елементами.
   
   

2. Додати ще один розділ із підзаголовком.
   
   

3. (За бажанням) Додати кольорове оформлення.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео1, Відео2 з мережі Інтернет.
Мета уроку

Навчальна:

• сформувати поняття ергономіки веб-сторінки;
  
  

• ознайомити з основними правилами розміщення інформації;
  
  

• навчити аналізувати веб-сторінки з точки зору зручності користування;
  
  

• сформувати навички створення простого макета сторінки.
  
  

Розвивальна:

• розвивати критичне мислення;
  
  

• формувати дизайнерське мислення;
  
  

• розвивати вміння аналізувати інтерфейс.

Актуалізація знань 

Інтерактивна вправа «Мозковий штурм»

Питання:

• Що впливає на зручність сайту?
  
  

• Чому деякі сайти хочеться закрити одразу?
  
  

Учні записують ідеї на дошці (онлайн-дошка або стікери).

Мотивація навчальної діяльності 

Демонстрація двох сайтів:

• зручний, структурований;
  
  

• перевантажений, із дрібним шрифтом і хаотичними кольорами.
  
  

Проблемне запитання:
👉 Чому один сайт зручний, а інший — ні?

Вивчення нового матеріалу 

🔹 Поняття ергономіки

Ергономіка веб-сторінки — це правила створення зручного, зрозумілого та комфортного для користувача інтерфейсу.

🔹 Основні правила ергономічного розміщення відомостей

1. Принцип простоти
   
   

   • мінімалізм
     
     

   • відсутність перевантаження текстом
     
     

2. Структурованість інформації
   
   

   • заголовки
     
     

   • підзаголовки
     
     

   • абзаци
     
     

   • списки
     
     

3. Візуальна ієрархія
   
   

   • розмір шрифту
     
     

   • колір
     
     

   • виділення
     
     

4. Читабельність

   • достатній розмір шрифту
     
     

   • контрастність
     
     

   • зручний міжрядковий інтервал
     
     

5. Правило «трьох кліків»
   
   

   • користувач повинен швидко знаходити потрібну інформацію
     
     

6. Баланс тексту і зображень
   
   

7. Єдиний стиль оформлення
   
   

Міні-аналіз прикладу

Разом визначаємо:

• де порушено правила;
  
  

• що потрібно змінити.

Інтерактивна вправа «Експерти з UX» 

Учні працюють у групах.

Кожна група отримує зображення веб-сторінки та повинна:

• знайти 3 помилки;
  
  

• запропонувати способи їх виправлення.
  
  

Презентація результатів.

Фізкультхвилинка 

Інтерактив «Так — Ні рухом»

• Якщо правило правильне — підняти руки.
  
  

• Якщо ні — присісти.
  
  

Наприклад:

• Текст повинен бути дуже дрібним.
  
  

• Інформація має бути структурованою.
  
  

• Яскраві кольори завжди покращують дизайн.

Практична робота

Завдання 1 (базовий рівень)

Створити макет веб-сторінки (головна сторінка шкільного гуртка) з:

• заголовком
  
  

• меню
  
  

• основним текстом
  
  

• зображенням
  
  

Завдання 2 (середній рівень)

Виправити запропонований «поганий» макет, дотримуючись правил ергономіки.

Завдання 3 (достатній рівень)

Створити власний дизайн інформаційної сторінки з продуманою візуальною ієрархією та пояснити, які правила використано.

Інтерактив «Галерея робіт»

Учні демонструють свої макети.
Клас оцінює за критеріями:

• зрозумілість
  
  

• читабельність
  
  

• структурованість
  
  

• привабливість
  
  

Рефлексія 

Метод «Плюс – Мінус – Цікаво»

• ➕ Що було корисним?
  
  

• ➖ Що викликало труднощі?
  
  

• 💡 Що здивувало?
  
  

Або «Одне правило, яке я точно застосую».

Детально ознайомитись з темою можете в Презентації
Домашнє завдання

1. Проаналізувати будь-який сайт та записати:
   
   

   • 3 переваги
     
     

   • 2 недоліки
     
     

2. (За бажанням) Створити покращений макет сторінки.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• сформувати уявлення про гіпертекст і мову HTML;
  
  

• ознайомити з призначенням HTML та принципами її роботи;
  
  

• навчити розпізнавати HTML-теги та їх призначення.
  
  

Розвивальна:

• розвивати логічне та структурне мислення;
  
  

• формувати навички аналізу веб-сторінок;
  
  

• розвивати цифрову грамотність.

Актуалізація знань — інтерактив «Мозковий штурм»

Питання на дошці:

• Що таке веб-сторінка?
  
  

• Що таке сайт?
  
  

• Як сторінка з’являється в браузері?
  
  

Учні:

• висловлюють ідеї
  
  

• вчитель фіксує ключові слова

Вивчення нового матеріалу — інтерактив «HTML-конструктор»

Поняття гіпертексту

Інтерактив:

• учні знаходять гіперпосилання на сторінці;
  
  

• пояснюють, куди вони ведуть.
  
  

Висновок:

Гіпертекст — це текст із посиланнями.

Що таке HTML

Обговорення:

• HTML — не мова програмування, а мова розмітки;
  
  

• HTML складається з тегів.
  
  

Інтерактив «Вгадай тег»

Учитель показує тег — учні вгадують призначення:

• <html>
  
  

• <head>
  
  

• <title>
  
  

• <body>
  
  

• <p>
  
  

• <a>

Практична робота — інтерактив «Створи свою сторінку»

Завдання:

Створити просту HTML-сторінку з:

• заголовком;
  
  

• абзацом тексту;
  
  

• гіперпосиланням.
  
  

Алгоритм:

1. Відкрити редактор.
   
   

2. Вставити готову структуру HTML.
   
   

3. Змінити текст під себе.
   
   

Форма роботи:

• індивідуально;
  
  

• взаємоперевірка в парах.

Узагальнення — інтерактив «Закінчи речення» 

Учні завершують фрази:

• «HTML — це…»
  
  

• «Гіпертекст — це…»
  
  

• «Тег потрібен для…»
  
  

Рефлексія — інтерактив «Цифровий світлофор» 

🟢 — усе зрозуміло
🟡 — потрібно трохи практики
🔴 — було складно
Детально ознайомитись з темою можете в Презентації
Домашнє завдання (на вибір)

🔹 Створити HTML-сторінку «Про мене»
🔹 Знайти 5 HTML-тегів і записати їх призначення
🔹 Дослідити код улюбленого сайту

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• навчити створювати простий веб-сайт за допомогою онлайн-конструкторів;
  
  

• сформувати навички наповнення сайту контентом;
  
  

• ознайомити з процесом публікації сайту в Інтернеті.
  
  

Розвивальна:

• розвивати навички планування структури веб-сайту;
  
  

• формувати інформаційну та цифрову компетентність.
  
  

Актуалізація знань 

Інтерактивна вправа «З чого складається сайт?»
На екрані:

• сторінка
  
  

• меню
  
  

• текст
  
  

• зображення
  
  

• посилання
  
  

Учні перетягують елементи до схеми сайту.

Інструктаж з техніки безпеки 

Міні-інтерактив «Безпечно в Інтернеті»
Учні визначають:

• яку інформацію можна публікувати;
  
  

• що публікувати заборонено.
  
  

Практична робота №9

«Створення веб-сайту за допомогою автоматизованих засобів та публікування його в Інтернеті»

Завдання (покроково)

Інтерактивний чек-лист для учня

1️⃣ Вибір платформи

• перейти на Google Sites / Wix / іншу платформу
  
  

• створити новий сайт
  
  

2️⃣ Структура сайту

• головна сторінка
  
  

• сторінка «Про мене / Про проєкт»
  
  

• сторінка «Галерея / Контакти»

3️⃣ Наповнення контентом

• додати текст (3–5 речень);
  
  

• вставити зображення;
  
  

• додати гіперпосилання.
  
  

4️⃣ Оформлення

• обрати тему;
  
  

• налаштувати шрифти та кольори.
  
  

5️⃣ Публікація сайту

• натиснути «Опублікувати»;
  
  

• задати адресу сайту;
  
  

• перевірити доступність.
  
  

6️⃣ Перевірка результату

• відкрити сайт у браузері;
  
  

• надіслати посилання вчителю.
  
  

Фізкультхвилинка 

Інтерактивна «Веб-пауза»

• «Скрол» — нахили голови
  
  

• «Клік» — плеснути
  
  

• «Публікація» — підняти руки

Рефлексія 

Інтерактивна вправа «Мій результат»
Учні обирають:

• ⭐ сайт створено і опубліковано
  
  

• 🛠 сайт створено, але потрібні правки
  
  

• 💡 хочу вдосконалити

Домашнє завдання 

Виконати практичну роботу 

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна:

• сформувати уявлення про вебресурси та їх призначення;
  
  

• ознайомити з автоматизованими засобами створення вебсайтів;
  
  

• навчити розрізняти платформи для створення і публікації вебресурсів.
  
  

Розвивальна:

• розвивати інформаційно-цифрову компетентність;
  
  

• формувати вміння аналізувати та обирати цифрові інструменти;
  
  

• розвивати навички роботи в групі.

Актуалізація опорних знань 

🟢 Інтерактивна вправа «Хмаринка слів»

Питання для учнів:

• Які вебсайти ви відвідуєте щодня?
  
  

• Для чого створюють вебресурси?

Мотивація навчальної діяльності 

🟡 Вправа «Я — вебтворець»

Обговорення:

• Чи складно створити власний сайт?
  
  

• Чи обов’язково знати мови програмування?
  
  

📌 Підведення до поняття автоматизовані засоби.

Вивчення нового матеріалу
🔹 Що таке автоматизовані засоби

• сервіси, що дозволяють створювати сайти без програмування;
  
  

• використання готових шаблонів та блоків.
  
  

🔹 Приклади автоматизованих засобів:

• Google Sites
  
  

• Wix
  
  

• WordPress.com
  
  

• Tilda
  
  

🔹 Публікація вебресурсу:

• вибір доменного імені;
  
  

• налаштування доступу;
  
  

• перевірка вмісту перед публікацією.

Практична та інтерактивна діяльність 

🟢 Інтерактивна вправа 1 «Впізнай сервіс»

Учні отримують картки з описами сервісів та співвідносять їх з назвами платформ.

🟢 Інтерактивна вправа 2 «Створи концепцію сайту»

Учні:

• обирають тему (хобі, школа, подія);
  
  

• визначають структуру сайту (головна, контакти, галерея);
  
  

• обирають сервіс для реалізації.
  
  

Закріплення знань 

🔵 Гра «Так чи ні»

• Автоматизовані засоби не потребують знання HTML (✅)
  
  

• Будь-яку інформацію можна публікувати без обмежень (❌)
  
  

• Шаблони допомагають швидко створити сайт (✅)

Рефлексія 

🟠 Вправа «Три речення»

• Я дізнався(лася)…
  
  

• Мене здивувало…
  
  

• Я хочу спробувати…
  
  

Домашнє завдання 

• обрати платформу для створення сайту;
  
  

• придумати тему та структуру вебресурсу;
  
  

• (за бажанням) створити чернетку сайту.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Мета контрольної роботи

Контрольна робота проводилась з метою:

• перевірки рівня засвоєння учнями понять з теми «Опрацювання об’єктів мультимедіа»;
  
  

• визначення сформованості знань про види мультимедійних даних, формати файлів, програми та сервіси;
  
  

• виявлення типових помилок для подальшої корекції навчального процесу.

2. Характеристика контрольної роботи

Контрольна робота складалася з 15 завдань:

• 1–11 завдання — тестові, з вибором однієї або кількох правильних відповідей (по 0,5 бала);
  
  

• 12–13 завдання — відкриті запитання (по 1 балу);
  
  

• 14 завдання — відкрите запитання підвищеної складності (2 бали);
  
  

• 15 завдання — розгорнуте запитання з прикладами (2,5 бала).
  
  

Максимальна кількість балів — 10.

3. Аналіз виконання завдань

Завдання 1–6 (поняття мультимедіа, кодеки, плеєри)

• Більшість учнів правильно визначили поняття «мультимедіа», «кодек», «плеєр».
  
  

• Типові помилки:
  
  

  • плутали кодеки з програмами для редагування;
    
    

  • не всі учні розрізняють плеєри та редактори.
    
    

Завдання 7–11 (формати файлів, сервіси, пристрої)

• Учні добре орієнтуються у відеоформатах та сервісах розміщення відео.
  
  

• Найменше помилок було в завданні про YouTube.
  
  

• Труднощі виникли у завданні з пристроями збереження мультимедійних даних (частина учнів обрала мікрофони, телевізори).
  
  

Завдання 12–13 (відкриті запитання)

• Учні загалом правильно пояснюють, для чого стискають відео, але часто:
  
  

  • відповідь була неповною;
    
    

  • відсутнє пояснення економії пам’яті або швидкості передавання.
    
    

• Види звукового супроводу називали правильно, але не завжди систематизовано.

Завдання 14–15 (творчі, узагальнюючі)

• Завдання 14 виконали успішно учні з достатнім і високим рівнем.
  
  

• У завданні 15:
  
  

  • більшість учнів правильно визначили призначення відеоредакторів;
    
    

  • не всі змогли навести приклади програм (часто обмежувались 1 назвою).

4. Типові помилки учнів

• плутанина між видами програм (плеєр — редактор — грабер);
  
  

• недостатнє знання пристроїв збереження мультимедійних даних;
  
  

• неповні відповіді у відкритих завданнях;
  
  

• недостатня кількість прикладів у творчих завданнях.

5. Висновки

• Рівень засвоєння теми в цілому достатній.
  
  

• Учні краще виконують тестові завдання, ніж відкриті.
  
  

• Потребують додаткового опрацювання:
  
  

  • поняття мультимедійних програм;
    
    

  • практичне застосування знань (приклади, пояснення).

6. Рекомендації

• більше використовувати інтерактивні вправи («Правда / міф», «Знайди зайве»);
  
  

• приділити увагу практичній роботі з мультимедійними файлами;
  
  

• тренувати вміння давати розгорнуті відповіді;
  
  

• застосовувати візуальні схеми та таблиці.

Корекційні завдання після контрольної роботи

🔹 Блок 1. Поясни правильно (індивідуально)

Завдання 1

Прочитай твердження. Якщо воно неправильне — виправ його.

1. Кодек — це програма для перегляду відео.
   
   

2. Мікрофон використовується для збереження мультимедійних файлів.
   
   

3. Плеєр і відеоредактор — це одне й те саме.
   
   

📌 Мета: усунути плутанину між поняттями.

🔹 Блок 2. Обери правильно (робота в парах)

Завдання 2

З’єднай стрілками поняття та їх призначення:

• Кодек →
  
  

• Плеєр →
  
  

• Відеоредактор →
  
  

• Грабер →
  
  

варіанти:

• перегляд мультимедіа
  
  

• кодування та декодування
  
  

• монтаж і обробка відео
  
  

• запис звуку й відео
  
  

🔹 Блок 3. Впізнай формат (групова робота)

Завдання 3

Розподіли формати за категоріями:

WAV, MP3, FLAC, MP4, AVI, WMV

Аудіо

Відео

📌 Мета: закріплення знань про формати файлів.

🔹 Блок 4. Заверш речення (індивідуально)

Завдання 4

Доповни речення:

1. Цифрове відео стискають для того, щоб …
   
   

2. Стискання без втрати якості означає, що …
   
   

📌 Мета: навчити формулювати повні відповіді.

🔹 Блок 5. Творче корекційне завдання (за вибором)

Завдання 5 (на вибір)

🔸 Варіант А:
Поясни молодшому учневі, для чого потрібен відеоредактор (3–4 речення).

🔸 Варіант Б:
Склади пам’ятку «Чим плеєр відрізняється від редактора».

🔹 Самоперевірка та рефлексія

Завдання 6

Познач:

• 🟢 тепер усе зрозуміло
  
  

• 🟡 є запитання
  
  

• 🔴 потрібно ще потренуватися
  
  

Заверши фразу:

«Після корекційної роботи я зрозумів(ла), що …»

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Контрольна робота 

з інформатики

на тему: «Опрацювання об’єктів мультимедіа»

(Завдання 1-11 – по 0,5 бала кожне)

1. Мультимедіа – це…

а) поєднання різних способів подання повідомлень

б) набір пристроїв, необхідних для перегляду відео

в) набір програм, необхідних для опрацювання аудіо- та відеооб’єктів

1. Аудіо- та відеодані називають:

а) мультимедійними б) мультиками в) подкастами

3. Файли відео мають розширення імен:

а) Wav, mid, flac б) Mp3, midi в) Wmv, mov, fln

4. Файли, у яких не використовується стиснення або використовується стиснення без втрати даних:

а) MP3, WMA/WMV б)  WAV, FLAC, MIDI в)  MP4, Flash

5. Програми, що містять алгоритми кодування і декодування мультимедійних даних, називають:

а) кодесами б) кодексами в) граберами

6. Програми для перегляду або прослуховування звукових відеоданих називається…

а) редакторами б) плеєри в) конвектори

7.  Відео фільм складається з …

а) кліпів б) кадрів в) титрів

8. Програми для запису (захоплення) звуку та відео називаються:

а) граберами б) редакторами в) конвекторами

9. Подкасти – це…?

а) 25 кадр б) мультимедійні файли, в) мультимедійні файли, що

призначені для розміщення в Інтернеті містять нецензурні вислови

10. Для збереження мультимедійних даних використовують пристрої :

а) оптичні диски б) фотоапарати в) телевізори

г) смартфони д) флеш-карти е) мікрофони

11.  Найпопулярніший сервіс для розміщення відео файлів в Інтернеті є?

a) Vimeo б) Facebook в) Youtube

12.  Для чого стискають цифрове відео? (1 бал)  ______________________________________________________________

____________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________

13. Яких видів може бути звуковий супровід відеофільму? (1 бал)  ______________________________________

____________________________________________________________________________________________________________________________

         14. Які ви знаєте сервіси розміщення мультимедійних файлів в Інтернеті?  (2 бали) _______________

____________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________

15. Для чого призначені відеоредактори?  Які програми-відеоредактори ти знаєш? (2,5 бала) _____________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео1, Відео2 з мережі Інтернет.
Практична робота.
Створення проекту «Фінансова культура українського народу». 

Мета: Формувати вміння практичного застосування знань, умінь і навичок. Формувати й удосконалювати вміння й навички у стандартах прямого й успішного руху до накресленої мети. Забезпечити ситуацію вибору. Формувати вміння розв’язувати типові завдання, формувати творчі вміння. Переносити знання і способи діяльності, життєвого досвіду в нову ситуацію. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися. 

Інтерактивна вправа «Знаю — Хочу дізнатись»
Учні усно або на стікерах висловлюють:

• що вони вже знають про фінансову культуру;
  
  

• що хотіли б дослідити в межах проєкту.

На даному уроці ви будете демонструвати свої знання, вміння та навички.  Тема нашої практичної роботи. Створення проекту «Фінансова культура українського народу». Розміщення результату виконання в мережі Інтернет.

Практична робота. 

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Середовище виконання : Windows Live Studio

Створення проекту «Фінансова культура українського народу»

Алгоритм роботи

Створення відеоролика

1. Відкрити Windows Live Studio

2. Додати зображення слайдів презентації

3. Додати аудіо файли ( запис тексту до слайдів)

4. Додати заголовок

5. Змонтувати відеоролик (Кожному слайду дорівнює тривалість аудіо запису)

6. Додати переходи та анімацію

7. Тривалість відео – не більше 6 хвилин

8. Зберегти відео, назва «Ваше прізвище»

9. Переглянути відеоролик

Публікація в YouTube
1. Обрати сервіс YouTube 

2. Завантажити відеоролик

3.Посилання надіслати вчителеві електронним листом

4.Увійти в свій обліковий запис Google

Релаксація

Вправа для профілактики короткозорості та порушення зору

Вії опускаються...

Очі закриваються...

Ми спокійно відпочиваємо... (2 рази)

Сном чарівним засипаємо...

Наші руки відпочивають...

Важчають, засинають...(2 рази)

Шия не напружена,

А вона розслаблена...

Губи трохи відкриваються...

Так приємно розслабляються. (2 рази)

Дихається легко, рівно, глибоко.

Ми чудово відпочиваємо.

Сном чарівним засипаємо...

Домашнє завдання

Повторити вивчений матеріал

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Знання:

• ознайомити учнів із сервісами для обробки аудіо- та відеоданих;
  
  

• навчити основним прийомам завантаження, редагування та публікації мультимедійного контенту;
  
  

• пояснити правила безпечного використання матеріалів та дотримання авторських прав.
  
  

Уміння:

• створювати та редагувати аудіо- та відеофайли;
  
  

• завантажувати готові проєкти на онлайн-сервіси;
  
  

• оцінювати безпечність та відповідність контенту для публікації.
  
  

Компетентності:

• інформаційно-цифрова;
  
  

• технологічна;
  
  

• критичне мислення при використанні інтернет-ресурсів.

Бесіда:

• Які мультимедійні матеріали ви використовуєте на уроках або вдома?
  
  

• Що таке публікація у мережі?
  
  

• Які правила треба дотримуватись при публікації?
  
  

Інтерактивна вправа «Правильно/Неправильно»
Учні піднімають картку або жестом показують, чи вірно твердження:

1. Можна завантажувати будь-який відеоконтент в інтернет без дозволу автора. ❌
   
   

2. Сервіси для редагування аудіо та відео дозволяють обрізати та додавати ефекти. ✅
   
   

3. Онлайн-публікація може бути безпечна лише за дотримання авторських прав. ✅

Вивчення нового матеріалу

1. Онлайн-сервіси для роботи з аудіо та відео 

• Сервіси для аудіо: Soundtrap, Audacity, BandLab
  
  

  • можливості: запис, обрізка, додавання ефектів, змішування доріжок
    
    

• Сервіси для відео: Canva, Clipchamp, WeVideo
  
  

  • можливості: монтаж, накладання титрів, музики, спецефектів, створення презентацій
    
    

2. Публікація аудіо- та відеопроєктів в інтернеті 

• YouTube, Vimeo, SoundCloud, платформи для освітніх проєктів
  
  

• Правила безпечної публікації:
  
  

  • дотримання авторських прав
    
    

  • конфіденційність особистих даних
    
    

  • етичне використання контенту
    
    

Інтерактивна вправа «Впізнай сервіс» 

Учні дивляться скріншоти інтерфейсів різних сервісів і визначають: аудіо, відео чи мультимедіа-змішані.
Практична частина 

Завдання:

1. Відкрити обраний сервіс для редагування аудіо чи відео.
   
   

2. Завантажити готовий короткий аудіо/відеофайл або записати новий.
   
   

3. Виконати базові операції: обрізка, додавання титрів/ефектів, змішування доріжок.
   
   

4. Підготувати файл до публікації: перевірка назви, опису та налаштувань конфіденційності.
   
   

Інтерактивна вправа «Міні-презентація проєкту»
Учні коротко демонструють один приклад обробленого аудіо/відео проєкту.

Закріплення 

Обговорення:

• Які можливості сервісів ви використали?
  
  

• Які правила публікації найважливіші?
  
  

• Чи можна завантажувати будь-які відео в мережу? Чому?
  
  

Інтерактивна вправа «Факт чи судження»

• «Сервіс для відеомонтажу дозволяє обрізати кліпи» – Факт ✅
  
  

• «Можна публікувати чужі відео без дозволу автора» – Судження ❌

Підсумок уроку 

• Учні завершують фрази:
  
  

  • «Сьогодні я дізнався…»
    
    

  • «Тепер я вмію…»
    
    

  • «Мій майбутній проєкт я опублікую…»

Детально ознайомитись з темою можете в Презентації
Домашнє завдання

1. Підготувати короткий аудіо або відеофайл (1–2 хв) для обробки на наступному уроці.
   
   

2. Продумати і записати, які ефекти та титри вони хотіли б додати.
   
   

3. Ознайомитися з правилами авторського права та безпечної публікації контенту в інтернеті.
   
   Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
МЕТА УРОКУ

Предметні

• навчити учнів створювати відеокліп у програмі для монтажу (Clipchamp, CapCut, Movie Maker чи інша, доступна у школі);
  
  

• формувати навички додавання до проєкту відео, фото, звуку та графічних елементів;
  
  

• навчити розміщувати об’єкти на таймлайні та налаштовувати їх тривалість.
  
  

Компетентності

• ІКТ-компетентність: використання цифрових інструментів для створення мультимедіа;
  
  

• Комунікаційна: робота в групі, пояснення своїх рішень;
  
  

• Творча: створення авторського відеокліпу та добір візуальних матеріалів.

Питання до учнів:

• Що робить цей кліп цікавим?
  
  

• Які об’єкти ви помітили? (звук, відео, фото, текст…)
  
  

• Як ви думаєте, створити щось подібне складно чи ні?
  
  

“Сьогодні ви створите власний відеокліп!”

Актуалізація знань

Коротка бесіда:

• Що таке мультимедіа?
  
  

• Які типи мультимедійних об’єктів ви знаєте?
  
  

• Що таке монтаж?
  
  

• Для чого використовують таймлайн?
  
  

Вивчення нового матеріалу

1) Що таке відеокліп?

Це короткий відеоролик, створений з кількох мультимедійних об’єктів: відео, фото, тексту, ефектів та звуку.

2) Додавання мультимедійних об’єктів

Учитель демонструє на екрані:

1. Імпорт файлів:

• меню “Імпорт/Завантажити”,
  
  

• обрання фото, відео, музики.
  
  

2. Робота з таймлайном:

• розміщення об’єктів у потрібній послідовності;
  
  

• обтинання відео;
  
  

• зміна тривалості фото;
  
  

• накладання аудіодоріжки.

3. Додавання тексту та графічних елементів

• вибір стилю титрів;
  
  

• зміна кольору, розміру, анімації.
  
  

4. Збереження відео

• експорт у форматі MP4;
  
  

• оптимальна якість.

Інтерактивна вправа “Знайди інструмент” 

Учитель демонструє скріншот інтерфейсу відеоредактора.
Питання:

• Покажіть, де знаходиться панель імпорту?
  
  

• Де таймлайн?
  
  

• Яким значком позначена аудіодоріжка?
  Учні піднімають руки/картки-відповіді
  Практична робота №8 

Завдання:

Створити відеокліп тривалістю 20–40 секунд на тему:
“Мій настрій сьогодні” або “Моє хобі”.

Покрокова інструкція:

1. Імпортувати 3–6 мультимедійних об’єктів (фото/відео).
   
   

2. Розмістити їх на таймлайні у потрібній послідовності.
   
   

3. Додати музичний супровід або звук.
   
   

4. Додати назву кліпу та короткі титри.
   
   

5. Налаштувати тривалість кожного кадру.
   
   

6. Переглянути та зберегти проєкт у форматі MP4.
   
   

Диференціація:

• учні з базовими навичками — працюють за готовим набором матеріалів;
  
  

• учні з високим рівнем — додають переходи та візуальні ефекти.

Рефлексія “3 слова про мою роботу”

Учні завершують фразу:

• “На уроці я навчився…”
  
  

• “У відеомонтажі для мене було легко/важко…”
  
  

• “Мій кліп вийшов…”

Домашнє завдання 

Створити розширену версію відеокліпу (1 хв), додавши нові об’єкти та ефекти.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео1, Відео2 з мережі Інтернет.
Мета уроку:

Навчальна:

• сформувати уявлення про часові параметри аудіо та відео (тривалість, швидкість відтворення, затримка, плавні переходи, прив’язка до таймлайну);
  
  

• навчити учнів змінювати тривалість аудіо- та відеофрагментів, коригувати швидкість, встановлювати переходи, обрізати та синхронізувати доріжки;
  
  

• закріпити навички роботи в середовищі для монтажу (CapCut, Clipchamp, OpenShot або інше доступне ПЗ).

Коротке фронтальне опитування:

• Що таке аудіо- та відеофайли?
  
  

• Що таке мультимедійний проект?
  
  

• Де використовується відеомонтаж?
  
  

• Як ви думаєте, чи можна зробити відео коротшим?
  
  

• А швидшим або повільнішим?
  
  

• Чи можна аудіо синхронізувати з відео?
  
  

Переходимо до теми.

Вивчення нового матеріалу 

1) Поняття часових параметрів відео та аудіо

• Тривалість — загальна довжина відео/аудіо на таймлайні.
  
  

• Обрізання (trim) — видалення зайвих початку/кінця.
  
  

• Розбиття на фрагменти (split) — поділ відео на частини.
  
  

• Швидкість відтворення (speed) — уповільнення або прискорення відео/аудіо.
  
  

• Затримка (delay) — початок відтворення не з 0 секунди.
  
  

• Переходи та плавні зміни (fade in / fade out) — поступове зникнення/поява звуку або відео.
  
  

• Синхронізація — узгодження відео та звуку, щоб вони збігалися в часі.

2) Практичний приклад у відеоредакторі

На демонстраційному екрані:

1. Імпорт відео та аудіо.
   
   

2. Розташування на таймлайні.
   
   

3. Обрізання кінців відео.
   
   

4. Збільшення/зменшення швидкості ролика.
   
   

5. Додавання ефектів fade in/fade out.
   
   

6. Синхронізація аудіо з ключовим моментом відео.

Інтерактивні вправи 

Вправа 1. “Вгадай параметр”

Учитель показує 3 короткі відеофрагменти з різними змінами: прискорення, уповільнення, зміна гучності.
Учні відповідають:

• Яку зміну застосовано?
  
  

• Який параметр був змінений?
  
  

• Як це вплинуло на сприйняття?

Вправа 2. “Синхронізація” (усно)

Учитель читає задачу:

Є відео з тривалістю 12 секунд і аудіо — 20 секунд.
Учень хоче, щоб музика закінчилася одночасно з відео.
Що потрібно зробити?

Учні пропонують варіанти:

• обрізати аудіо;
  
  

• додати ефект затухання (fade out);
  
  

• змінити швидкість аудіо (пояснити чому не дуже бажано).

Практична робота

Завдання:
Створити короткий відеофрагмент (10–15 секунд), у якому учні:

1. Додадуть відео та аудіо.
   
   

2. Обріжуть відео або аудіо.
   
   

3. Відрегулюють швидкість хоча б одного фрагмента.
   
   

4. Додадуть 1 ефект fade.
   
   

5. Налаштують синхронізацію аудіо та відео.

Підбиття підсумків

Обговорення:

• Які часові параметри ви сьогодні використовували?
  
  

• Що виявилось найскладнішим?
  
  

• Де у реальному житті можна використати ці навички?
  
  Детально ознайомитись з темою можете в Презентації
  Домашнє завдання

На вибір:

1. Створити відео (до 20 сек) зі зміненими часовими параметрами.
   
   

2. Підготувати міні-презентацію “Для чого змінюють швидкість відео?”.
   
   

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Навчальна

• сформувати уявлення про види ефектів у відеоредакторах (переходи, фільтри, анімації, корекція кольору, ефекти швидкості);
  
  

• навчити застосовувати ефекти до відеофрагментів і налаштовувати їх параметри;
  
  

• закріпити навички роботи з відеорядом у відеоредакторі.
  
  

Розвивальна

• розвивати творче мислення й здатність до візуального самовираження;
  
  

• формувати вміння порівнювати, аналізувати, добирати потрібні ефекти залежно від задуму.

Актуалізація знань 

Запитання:

• Що таке відеокліп?
  
  

• З якими елементами відео ви вже працювали?
  
  

• Для чого додають спеціальні ефекти до відео?

«Що змінилося? Як ефекти впливають на сприйняття відео?»
Вивчення нового матеріалу

1. Що таке ефекти у відеоредакторі?

Ефекти — це спеціальні візуальні зміни відео, які покращують його вигляд, підкреслюють емоційність і допомагають передати задум автора.

2. Основні види ефектів

• Переходи (Transitions)

Використовуються між двома фрагментами відео.
Типи: затемнення, розмиття, ковзання, круговий зсув, смугасті переходи.

• Фільтри та стилізації

Змінюють колір і стиль кліпу.
Приклади: «теплий», «холодний», «кіношний», «ч/б», ретро, віньєтка.

• Корекція кольору

Дозволяє змінити: яскравість, контраст, насиченість, баланс білого.

• Ефекти руху (Motion)

Додають динаміки: масштабування, панорамування, рух від центру тощо.

• Ефекти швидкості (Speed)

Уповільнення або прискорення відео для передачі настрою або зміни ритму.

• Анімації тексту та накладених зображень

Поява, зникнення, рух, збільшення, обертання.

3. Загальний алгоритм додавання ефекту

1. Обрати відеофрагмент на монтажній доріжці.
   
   

2. Відкрити вкладку з ефектами/фільтрами/анімаціями.
   
   

3. Обрати ефект.
   
   

4. Переглянути попередній результат.
   
   

5. Налаштувати параметри (час, інтенсивність, прозорість).
   
   

6. Зберегти зміни.

Практична робота

Завдання:

Створити міні-кліп (10–20 секунд) із 3 відеофрагментів і додати:

• щонайменше 2 різних переходи;
  
  

• 1 фільтр або корекцію кольору на один фрагмент;
  
  

• 1 ефект руху;
  
  

• 1 текстовий ефект.
  
  

Після цього — зберегти проект та продемонструвати результат.

Інтерактивні вправи 

1. «Вгадай ефект»

Учитель показує 5 уривків відео з різними ефектами.
Учні відповідають:

• який ефект використано?
  Формат відповіді: «Фільтр → холодний», «Перехід → затемнення».
  
  

2. «Ефект чи ні?»

Учитель читає твердження, учні піднімають руку, якщо це — ефект.

Приклади тверджень:

• Зміна яскравості — так
  
  

• Додавання нового фрагмента — ні
  
  

• Уповільнення відео — так
  
  

• Переіменування файла — ні

Підсумок уроку 

Обговорення:
— Які ефекти найбільш корисні?
— Який ефект найбільше сподобався?
— Для чого потрібні відеоефекти у фільмах, рекламі, блогах?

Рефлексія

Учні завершують фразу:

• «Тепер я вмію…»
  
  

• «Найважче сьогодні було…»
  
  

• «Мені сподобалося…»
  
  Детально ознайомитись з темою можете в Презентації
  
  Домашнє завдання

Створити короткий кліп (15–30 секунд) на довільну тему, використавши
мінімум 3 ефекти різних типів.
Зберегти роботу та принести на наступний урок.

Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.

Пригадайте правила поведінки та безпеки життєдіяльності при роботі в комп'ютерному класі переглянувши відео за посиланням

Детально ознайомитись з темою можете переглянувши Відео з мережі Інтернет.
Мета уроку

Знання

• пояснити поняття «аудіоряд», «відеоряд», «монтаж», «кадр», «титри»;
  
  

• ознайомити з принципами побудови аудіо- та відеоряду й послідовністю створення мультимедійного фрагмента.
  
  

Уміння

• добирати відповідні аудіофайли до відеоряду;
  
  

• виконувати прості операції монтажу: обрізання, додавання, зміна гучності, синхронізація;
  
  

• створювати короткий мультимедійний фрагмент (комбінацію аудіо + відео).
  
  

Компетентності

• інформаційно-цифрова;
  
  

• медіаграмотність;
  
  

• творча;
  
  

• здатність аналізувати й створювати власний мультимедійний продукт.

Актуалізація знань

Інтерактивна вправа «Вгадай, що ти чуєш/бачиш»

Учитель демонструє:

1. фрагмент звуку (наприклад, дощ, авто, пташки),
   
   

2. фрагмент відео без звуку,
   
   

Учні відповідають:
— Які емоції викликає звук?
— Як змінилося сприйняття, коли немає аудіо/відео?

Висновок:
Аудіо і відео разом створюють повну картину.

Вивчення нового матеріалу

1. Що таке аудіоряд? 

Це звукова частина мультимедіа:

• музика,
  
  

• голос,
  
  

• шумові ефекти,
  
  

• фонові звуки.
  
  

Його функції:

• створює настрій,
  
  

• керує увагою глядача,
  
  

• підсилює емоції.

2. Що таке відеоряд?

Це послідовність кадрів:

• фото,
  
  

• відео,
  
  

• анімації,
  
  

• текстові титри.
  
  

Функції:

• демонструє дію,
  
  

• передає інформацію,
  
  

• формує сюжет.

3. Принципи поєднання аудіо й відео 

• синхронність (звук відповідає картинці);
  
  

• логічність (музика не суперечить подіям);
  
  

• плавні переходи;
  
  

• якість — чіткість зображення та чистий звук;
  
  

• дозована тривалість кадрів (не занадто швидко/повільно).
  
  

Інтерактивна вправа «Що підходить?» (розгорнута)

Учитель читає міні-сценарії, а учні відповідають, який тип звуку підійде:

Ситуація 1: зимовий ліс, спокійна прогулянка
— варіанти: (А) швидка музика, (Б) спокійна мелодія, (В) гуркіт громів
 

Ситуація 2: гонки автомобілів
— варіанти: (А) легкий дзвіночок, (Б) шум мотора, (В) тиха класична музика
 

Ситуація 3: привітання з Новим роком
— варіанти: (А) траурна музика, (Б) святкова мелодія, (В) тиша
 

У кінці учні пояснюють, чому саме так.

4. Основи монтажу 

Учитель демонструє коротко:

1. Обрізання зайвих фрагментів
   
   

2. Додавання переходів
   
   

3. Додавання музики
   
   

4. Зміна гучності
   
   

5. Вирівнювання тривалості кадрів
   
   

Практична робота

Завдання:
Створити короткий мультимедійний ролик (10–15 секунд) з готових файлів.

Покроково:

1. Обрати 3–4 відеокадри.
   
   

2. Розташувати їх у правильній послідовності.
   
   

3. Додати аудіоряд (музику або звуки).
   
   

4. Відрегулювати гучність.
   
   

5. Додати заголовок (титр).
   
   

6. Переглянути та вдосконалити.

Інтерактивна гра «Режисер кадру» (усна, творча)

Учитель пропонує короткий сюжет:
«Метелик летить до квітки»

Учні по черзі пропонують:

• який кадр буде першим?
  
  

• який звук підійде?
  
  

• чи потрібний крупний план?
  
  

• чи потрібна музика?
  
  

Виграє той, хто найточніше поєднає звук і відео.

Рефлексія 

Інтерактивна вправа «3 слова»

Учні називають три слова, які асоціюються з уроком, наприклад:
«кадр — звук — монтаж».

Домашнє завдання

Створити короткий сценарій (5–6 речень) майбутнього відеоролику, де описати:

• які кадри будуть;
  
  

• який звук підійде;
  
  

• яка емоція має передаватися.
  
  Результати виконаної роботи надсилайте на електронну пошту вчителя: manoilenkokostya1998@gmail.com

Термін виконання до наступного уроку.