План-конспект уроку

Предмет: Інформатика
Клас: 7 клас (НУШ)
Тема уроку: Растрова та векторна анімація. GIF та WEBP-анімації. Програмні засоби для створення GIF- та WEBP-анімації.
Тип уроку: Урок засвоєння нових знань і формування практичних умінь.
Тривалість: 45 хвилин

Мета уроку

Навчальна: сформувати уявлення про растрову та векторну анімацію, ознайомити з форматами GIF та WEBP і програмними засобами їх створення.

Розвивальна: розвивати логічне мислення, цифрову компетентність та навички аналізу мультимедійного контенту.

Виховна: виховувати інформаційну культуру та відповідальне використання цифрових технологій.

Очікувані результати

Учні розрізняють растрову та векторну анімацію, пояснюють відмінності між форматами GIF і WEBP, називають програми для створення анімації та створюють просту GIF-анімацію.

Обладнання

Комп’ютери, мультимедійний проєктор, презентація, браузер, Canva, Ezgif або Adobe Express. (Для конкретного уроку планується використання саме сервісу Ezgif, через те що для створення анімації за допомогою цього сервісу – не потребується реєстрація і завантаження на комп’ютер додаткового програмного забезпечення. Такий формат добре підгодить для ознайомчого уроку.)

Хід уроку

1. Організаційний момент (2 хв)

1)Привітання.
2)перевірка присутніх.
3)налаштування на роботу.

2.  Мотивація навчальної діяльності (3 хв)

Демонстрація GIF-анімацій та обговорення їх використання.

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

-Де ви зустрічаєте анімацію в Інтернеті?

-Чим анімація відрізняється від звичайного зображення?

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

3. Актуалізація опорних знань (5 хв)

1)Повторення теми Анімації

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

-Що таке анімація?

-Які види анімації вам відомі?

-Який тип анімації вперше був застосований у мультфільмах?

4. Вивчення нового матеріалу (15 хв)

Поняття Растрової і векторної анімації, формати GIF і WEBP, програми для створення анімації.

1)Поняття растрової анімації

Особливості:

складається з набору растрових кадрів;

залежить від роздільної здатності;

використовується у GIF та WEBP.

Приклади:

меми;

рекламні банери на сайтах;

стікери.

2) Поняття векторної анімації

Особливості:

створюється за допомогою геометричних об'єктів;

масштабується без втрати якості;

часто використовується в рекламі та вебдизайні.

3) Формати GIF та WEBP

Різниця між цими форматами та у чому перевага WEBP над GIF

Основна перевага WEBP над GiF: більша якість при меншому розмірі файлу.

4)Коротко розказати учням про програмні засоби створення анімації

Canva

Adobe Express

Ezgif

GIMP

Krita

Adobe Animate

5)Демонстрація процесу створення GIF анімації у сервісі Ezgif.

5. Практична робота (15 хв)

Створення простої GIF-анімації з 3–5 кадрів.

Учням пропонується взяти заздалегідь підготовлені вчителем зображення(мають бути на пошті або у мережевій папці), або знайти у мережі інтернет інші зображення(при бажанні учнів створити більш унікальну анімацію). Завантажити зображення у сервіс Ezgif і створити Gif-анімацію по прикладу який демонстрував вчитель(пунтк 4.5)

6. Рефлексія (3 хв)

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

Що нового дізналися та навчилися робити?

7. Підбиття підсумків (1 хв)

Обговорення результатів та оцінювання роботи.

8. Домашнє завдання (1 хв)

Опрацювати конспект та знайти приклади GIF і WEBP-анімацій.