20.05.2025. 7 клас.

Практикум з використання інформаційних технологій
(за темами ІІ семестру "Об’єкти мультимедіа", "Комп’ютерна анімація", "Алгоритми та програми")

Матеріали та ресурси уроку

• до теми "Об’єкти мультимедіа"
• Clipchamp Create Video Maker (як працювати в редакторі – довідка Microsoft, відеокоментар, довідка ClipChamp)
• Canva
• до теми "Комп’ютерна анімація"
• Wick Editor
• підручник Інформатика 7 клас, авт. Морзе Н.В. та ін. (2024), с.189-198
• відео
• Wick Editor. Початок.
• Wick Editor. Покадрова анімація.
• Wick Editor. Керована анімація.
• до теми "Алгоритми та програми"
• середовища програмування
• ЄPython – середовище Python, що не потребує авторизації
• EduBlocks – блочне середовище для роботи анонімно чи авторизовано
• CodeHS – середовище, що потребує реєстрації та авторизації, дозволяє створювати програми різними мовами програмування;
• опорний конспект "Графічні побудови Tkinter"
• відео до уроку (Оксана Пасічник, "ДистОсвіта")

Завдання практикуму

Пропонована робота – в парах.

Створити покрокову відеоінструкцію (у двох варіантах), у якій ви пояснюєте, як поетапно намалювати об'єкт — одного з монстриків — у середовищі ЄPython.

1. Підготовка
• оберіть одного з монстриків;
• подумки поділіть його малювання на 3–4 логічні частини:
• створення вікна (канва проєкту);
• малювання тулуба;
• очі, рот, руки, ноги, роги тощо;
• завершальні штрихи.
2. Створення коду
• у ЄPython розпочніть проєкт;
• поступово додавайте кожну частину коду;
• робіть скриншоти після кожного етапу (код + результат);
• завантажте на пристрій результат роботи – файл формату PY.
  
3. Створення покрокової інструкції у Wick Editor (див. детальніші вказівки, як створити інтерактивну кнопку в редакторі Wick)
• створіть кадри з кожним етапом;
• додайте скриншоти до кожного кадру;
• додайте та запрограмуйте кнопку “Далі” між етапами;
• перехід з кнопки "Далі" на останньому кадрі зробіть на перший кадр;
• збережіть файл у форматі WICK та експортуйте проєкт зі збереженням інтерактивності у файл HTML.
4. Створення покрокового відеоопису
• додайте ті самі скриншоти у відео;
• передбачте "титульний" кадр;
• накладіть на кадри відповідні титри, наприклад, “Створення вікна”, “Малювання тулуба” тощо;
• додайте музику або озвучку;
• збережіть файл в форматі MP4 або відвантажте на YouTube.
5. Перевірте себе: ви маєте здати
• файл формату PY, що відмальовує обраного монстрика;
• інтерактивну анімацію про малювання монстрика в форматах WICK та HTML;
• файл відео (MP4 або youtube-посилання) про покрокове малювання.
6. Додайте до роботи приватний коментар з відповідями на питання:
• у чому різниця між інструкціями? 
• яка зрозуміліша для новачка? чому? 
• коли краще використовувати Wick Editor, а коли Clipchamp?
7. Здайте роботу через Клас.

Якщо ви працюєте вдвох, ви можете використовувати спільну папку, що міститиме усі файли, які потрібні для роботи (скриншоти, код проєкту, результати). В такому випадку кожному з вас достатньо подати через Клас посилання на перегляд цієї папки (див. приклад такої папки без файлу PY).

25.02.2025. 7 клас.

Створення анімації з відео.
Тематичний практикум "Комп’ютерна анімація"

Матеріали та ресурси уроку

• підручники
• Інформатика 7 клас, авт. Ривкінд Й.Я. та ін. (2024), с. 220-221,
  
• Інформатика 7 клас, авт. Морзе Н.В. та ін. (2024), с.189-198
• відео до уроку
• Wick Editor (повторення): початок, покадрова анімація, керована анімація
• Wick Editor. Твіннінг
• Анімація польоту пташки в Wick Editor
• інструктивні дописи
• У пошуках ресурсів (анімація птаха у польоті)
• Про рух або як складні речі робити просто (анімація за ключовими кадрами Motion Tween: "більярдна куля", "постріл з гармати", "птах у лісі")
• інструменти та ресурси
• Egzif:Video To GIF
• PNG Background Remover
• Remove Image Background

Завдання практикуму

• Засобами сервісу Egzif:Video To GIF перетворіть фрагмент довільного відео (як варіант, можна взяти це відео) на 5-10 секундну GIF-анімацію; збережіть її на пристрій у файлі формату GIF.
• Засобами сервісу Wick Editor виконайте за власним вибором одне з завдань
• анімацію руху літака та хмарки (завдання Практичної роботи № 7 з підручника, с. 225);
• анімацію птаха в польоті (за відео та інструктивною статтею до уроку);
• анімацію руху більярдної кулі або пострілу гармати (за інструктивною статтею до уроку)
• анімацію квітки (за відео);
• Збережіть анімацію як проєкт Wick Editor, а також експортуйте її до файлу GIF.

Дві отримані анімації, виконані в різних сервісах, в файлах формату GIF та файл проєкту завдання 2 в форматі WICK здайте через Клас.

Самостійно

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

18.02.2025. 7 клас.

Анімація руху кількох об’єктів. Анімація кольору, тексту, форми об’єктів.
Фільтри для додаткових ефектів анімації. Поняття морфінгу.

Матеріали та ресурси уроку

• підручники
• Інформатика 7 клас, авт. Ривкінд Й.Я. та ін. (2024), с. 205, 208-218
  
• Інформатика 7 клас, авт. Морзе Н.В. та ін. (2024), с.189-198
• відео
• Wick Editor. Початок.
• Wick Editor. Покадрова анімація.
• Wick Editor. Керована анімація.
• Wick Editor. Твіннінг.

Завдання уроку

Засобами сервісу Wick Editor виконайте за власним вибором одне з завдань

• відтворіть анімацію, подану у відео "Покадрова анімація" та "Керована анімація"; збережіть першу з них у графічному файлі, другу – у файлі вебсторінки (HTML);
• відтворіть анімацію руху кульок у маятнику Ньютона (підручник, завдання 6, с. 207); збережіть її в файлі формату GIF;
• створіть анімацію одного з явищ природи: сніг, дощ, багаття тощо (підручник, завдання 10 с. 198); збережіть її в файлі формату GIF.

Отриману анімацію (дві анімації для завдання 1) здайте через Клас.

Самостійно

• прочитайте у підручнику про морфінг
• спробуйте попрацювати з сервісом морфінгу облич
• отриманий результат додайте до Класу (за бажанням)

11.02.2025. 7 клас.

Растрова та векторна анімації. GIF- та WEBP-анімації.
Програмні засоби для створення GIF- та WEBP-анімації.

Матеріали та ресурси уроку

• підручники
• Інформатика 7 клас, авт. Ривкінд Й.Я. та ін. (2024), с. 190-200
• Інформатика 7 клас, авт. Морзе Н.В. та ін. (2024), с.189-198
• сервіси
• Aspose Animation Maker
• Egzif Animated GIF Maker
• Wick Editor
• відео
• Wick Editor. Початок.
• Wick Editor. Покадрова анімація.
• Wick Editor. Керована анімація.
• Wick Editor. Твіннінг.

Завдання уроку

1. Апробуйте сервіси GIF та WebP анімації Aspose Animation Maker та Egzif Animated GIF Maker, скориставшись одним з наборів готових зображень з папки за власним вибором; отримайте файли GIF та WEBP.
2. Перегляньте вхідне навчальне відео сервісу Wick Editor, виконайте завдання 1 з підручника, с. 198 з готовим зображенням; експортуйте результат проєкту та отримайте GIF-файл.
3. Три анімовані зображення здайте через Клас.

Самостійно
перегляньте відео про роботу з Wick Editor.

04.02.2025. 7 клас.

Тема "Комп’ютерна анімація"

• 8 уроків
• 1 робота з оцінюванням за групами результатів

Тема

Поняття про анімацію. Види анімації.
Комп’ютерна анімація. Професії в галузі комп’ютерної анімації.
Історія комп’ютерної анімації.
Перегляд комп’ютерної анімації.

Матеріали та ресурси уроку

• підручник Інформатика 7 клас, авт. Ривкінд Й.Я. та ін. (2024), с. 181-188
• ментальна карта "Анімація (мультиплікація)"
  
• додатково:
• "Кіно, анімація, комп’ютерна графіка, віртуальні світи. Образи реальні та віртуальні. GIF-анімація" (відео, 23 хв.)
• "Комп'ютерна анімація та графіка" (портал "Дослідники")

Завдання уроку

Виконайте за власним вибором одне з завдань

• Підготуйте інфографіку про історію розвитку світової анімації (мультиплікації)
• Підготуйте повідомлення / презентацію про внесок студії анімації Pixar у розвиток комп’ютерної анімації.
• Створіть "візитівку" певного анімаційного фільму. Для цього:
• інтернет-пошуком знайдіть анімаційний ролик довжиною до 10 хв., що приверне вашу увагу;
• подайте інформацію про цей ролик у формі довільного цифрового продукту (інфографіка / презентація / текстова анотація / відеоподкаст), де стисло зазначте його URL, вид анімації, до якого належить цей ролик, хто автор(и), якою є історія створення, чим цікавий / відомий тощо.

Здайте роботу через Клас.