13.02.2025. 8 клас.

Додавання сторонніх елементів до вебсторінок. Фреймування.

Якщо сторонній ресурс не надає коду для вбудовування свого контенту, його можна додати до сторінки вручну через код фрейму:

<iframe height="450" width="650" name="frame" scrolling="auto" src="URL"> </iframe>
, де

• height – висота фрейму, який вбудовується,
• width – ширина фрейму, який вбудовується,
• name – ім’я фрейму (може мати довільне значення),
• scrolling – параметр, який відповідає за наявність смуг прокручування, його значення "auto" забезпечує прокручування тільки у разі необхідності, значення "no" вимикає смуги прокручування, при цьому вміст сторінки поза розмірами фрейму не відображується,
• src – повна адреса сторінки, що вбудовується.

Увага: в режимі редагування в окремих випадках відображується лише рамка фрейму або зовсім не відображується нічого, проте у перегляді блогу вбудований елемент може мати коректний вигляд, особливо якщо ресурс доступний за протоколом HTTPS.

Комплексне практичне завдання
“Використання довільних елементів на вебсторінках та налаштування їхніх параметрів засобами мови гіпертекстової розмітки”.

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

• підручники
• Інформатика 8 клас, авт. Рівкінд Й.Я., Лисенко Т.І., Чернікова Л.А., Шакотько В.В., (2021), стор. 105-114
• Інформатика 8 клас, авт. Морзе Н., Барна О. (2021), стор.192-219
• Інформатика 8 клас, авт. Коршунова О., Завадський І. (2021), - стор. 170-207
• Кращі віджети Blogger (є комерційний контент)
• Таблицы в блоге, тег <table>

Посилання на створені вебресурси

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

Працюйте з комп’ютером або мобільним пристроєм

1. Відкрийте ваш тематичний блог. Продовжуйте розвивати та поліпшувати його. Для цього в різних местах місцях вбудуйте до нього окремі наступні елементи
• відео або зображення, яке не забезпечене власним кодом для вбудовування (використайте тег-контейнер <iframe>...<//iframe>);
• невеличкий аудіогід блогом у віджеті <HTML>/<JavaScript>:
• запишіть аудіо власноруч через мобільний диктофон або інтернет-сервис на зразок Vocaroo,
• розташуйте запис у форматі mp3 на GoogleДиск, надайте до нього доступ та отримайте код вбудовування
• якщо отримати код вбудовування з GoogleДиску не виходить, скористайтесь підказкою;
• якщо сервіс, з яким ви записали аудіо, надає код вбудовування, ігноруйте цей крок,
• використайте код, щоб вбудувати ваш аудіогід до віджету блогу.
2. Остаточно перевірте наявність у блозі усіх елементів, зазначених у документі з посиланнями на створені вебресурси. Проставте позначки "+" в власному рядку таблиці.

Вас можна привітати: ви отримали досвід створення та самостійного тестування вебресурсу, побудованого засобами CMS Blogger. Не видаляйте ваш блог щонайменше до отримання семестрової та річної оцінки з інформатики.

Працюйте без пристрою

1. Перегляньте цьогорічні записи блогу та матеріали підручників щодо створення вебресурсу засобами автоматизованої розробки.
2. На аркуші паперу складіть макет навчального тематичного блогу, який мав бути розроблений у відповідності до завдань дописів блогу "Інформатика 5-9". Подайте структуру, зазначте кількість та орієнтовний вигляд елементів, їхні властивості.
3. Зробіть фото макету та здайте його в Класі.

Самостійне завдання для підготовки до наступного уроку:

• пригадати базові поняття та прийоми роботи з мовою програмування Python (можна використати підручник Інформатика 7 клас, авт. Коршунова О., Завадський І. (2020), стор. 92-132 та задній форзац
  

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.

11.02.2025. 9 клас.

Алгоритми опрацювання елементів масиву, що задовольняють певній умові.

Ресурси до уроку

• середовище програмування ЄPython (без авторизації), мова програмування Python, модуль Tkinter
• альтернативне онлайн-середовище програмування CodeHS (потрібна авторизація)
• підручники:
• Інформатика 9 клас, авт. Ривкінд Й.Я. та ін., с. 243-244 (тільки фрагменти щодо роботи з Python)
• Інформатика 9 клас, авт. Бондаренко О. О. та ін., с. 182 (функції для роботи зі списками)
• Інформатика 9 клас, авт.Морзе Н.В. та ін., с. 144-145
• Інформатика 9 клас, авт. Коршунова О.В. та ін., с. 161
• Інформатика 9 клас, авт.Казанцева О. та ін., с. 168-175
• інші довідкові матеріали
• Tkinter: короткий конспект
  
• опорний конспект "Введення та виведення масивів через консоль"
• опорний конспект "Введення та виведення масивів через віконний інтерфейс"
• міні-довідник "Робота зі списками в Python"

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

(один з варіантів – для розгляду на уроці, інший – для самостійного розроблення)

• Створіть проєкт, в якому вводяться значення елементів масиву (кілька цілих чисел).
• Після цього
• варіант 1
  усі додатні елементи масиву збільшуються вдвічі, а інші – на значення А
• варіант 2
  усі елементи масиву, кратні 3 або 9, зменшуються втричі, а інші обнуляються.
• Про кількість та якість виконаних змін сповіщується.
• Отриманий масив виводиться до поля списку.
• Файл програми в форматі .PY подайте через Клас.

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

Самостійне завдання

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

11.02.2025. 6 клас.

Тема, яку починаємо вивчати, – "Електронні таблиці":

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

Тема уроку

Електронні таблиці. Табличний процесор, його об’єкти та робота з ними.
Відкриття та збереження файлів табличного процесора. Особливості відображення даних.

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

• підручники
• Інформатика 6 клас, авт. Ривкінд Й.Я. та ін. (2023), с.134-138
• Інформатика 6 клас, авт. Бондаренко О.О. та ін.(2023), с.112-118;
• Інформатика 6 клас, авт. Коршунова О.В. та ін.(2023), с. 78-85;
• ресурси для завантаження та роботи
• офісний пакет LibreOffice (Бібліотека безкоштовних програм);
• Google Таблиці: вхід;
• Google Таблиці для Android;
• Google Таблиці для iOS;
  
• довідкові матеріали
• Microsoft Support. Допомога та навчання з Excel;
• Довідка з LibreOffice Calc;
• Справка – Редакторы Google Документов. Google Таблицы;
  
• інтерактивна презентація "Електронні таблиці" (частина І.1, дивитись в окремій вкладці)
  

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

• візьміть участь в обговоренні уроку;
• перегляньте матеріали презентації та запропоновані сторінки підручників;
• за бажанням, розгадайте кросворд з презентації, щоб отримати бонус до оцінки;
• виконайте практичне завдання частини І.1 (міститься у презентації, а також у Класі);
• отримайте файл електронної таблиці з одного аркуша;
• здайте роботу через Клас.

Самостійно

спробуйте працювати з різними табличними процесорами:

• знайдіть / встановіть на ПК один з процесорів Excel / Calc;
• виконайте роботу уроку з ними та порівняйте.

11.02.2025. 5 клас.

Тема "Текстові документи"

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

Сторінки підручників за темою:

• Інформатика 5 клас, авт. Ривкінд Й.Я. та ін. (с. 127-175)
• Інформатика 5 клас, авт. Глинський Я. та ін. (с. 111-146)
• Інформатика 5 клас, авт. Бондаренко О.О. та ін. (с. 93-120)

Тема уроку

Програми для створення та опрацювання текстових документів.
Об’єкти текстового документа, їхні властивості.

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

• підручники
• Інформатика 5 клас, авт. Ривкінд Й.Я. та ін. (с. 127-134)
• Інформатика 5 клас, авт. Глинський Я. та ін. (с. 112, 119-128)
• Інформатика 5 клас, авт. Бондаренко О.О. та ін. (с. 94-100)
• вебресурси
• клавіатурний вебтренажер Ratatype та уроки друкування
• онлайн-Notepad – текстовий вебредактор
• текстовий редактор  Pages (iOS)
• текстовий редактор txtpad (Android)
• хмарний текстовий процесор GoogleDocs
• інтерактивна презентація "Текстові документи", частини І-ІІ, с. 1-4, 5-11 (дивитись в окремій вкладці)
  

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

• перегляньте запропоновані сторінки підручників та матеріали презентації до уроку;
• виконайте завдання частини І "Введення та редагування тексту в текстовому редакторі", отримайте файл в форматі TXT;
• виконайте завдання частини ІІ "Об’єкти в текстових документах";
• здайте роботу у Класі (файл формату TXT, файл-скриншот або скриншот у шаблоні, файл формату DOCX).

Додатково: працюйте з онлайн-тренажером, щоб поліпшити навички набирання текстів.

06.02.2025. 9 класс.

Реалізація алгоритмів знаходження підсумкових величин у масиві мовою програмування Python.

Тренування (бліц-хакатон зі збирання програми) – пригадайте з узагальненим опорним конспектом:

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

Ресурси до уроку

• середовище програмування ЄPython (без авторизації), мова програмування Python, модуль Tkinter
• альтернативне онлайн-середовище програмування CodeHS (потрібна авторизація)
• підручники:
• Інформатика 9 клас, авт. Ривкінд Й.Я. та ін., с. 243-244 (тільки фрагменти щодо роботи з Python)
• Інформатика 9 клас, авт. Бондаренко О. О. та ін., с. 182 (функції для роботи зі списками)
• Інформатика 9 клас, авт.Морзе Н.В. та ін., с. 144-145
• Інформатика 9 клас, авт. Коршунова О.В. та ін., с. 161
• Інформатика 9 клас, авт.Казанцева О. та ін., с. 168-175
• інші довідкові матеріали
• Tkinter: короткий конспект
  
• опорний конспект "Введення та виведення масивів через консоль"
• опорний конспект "Введення та виведення масивів через віконний інтерфейс"
• міні-довідник "Робота зі списками в Python"

Практикум "Робота з одновимірними масивами у середовищі програмування"

Скласти код консольної програми (тільки при роботі зі смартфонів) або віконного застосунку, який для масиву из N випадкових цілих елементів, що приймають значення в діапазоні від -25 до 25, виконає розрахунки суми всіх елементів, окремо кількості додатних та від’ємних елементів, а також повідомить про наявність у масиві нульових елементів. Обов’язково передбачити виведення сформованого масиву до поля списку (для смартфонів - просто виведення); кількість та призначення інших елементів віконного інтерфейса обрати самостійно.

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

05.02.2025. 8 клас.

Використання мультимедійних елементів на вебсторінках.
Налаштування параметрів мультимедійних елементів на вебсторінках засобами мови гіпертекстової розмітки.

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

• підручники
• Інформатика 8 клас, авт. Рівкінд Й.Я., Лисенко Т.І., Чернікова Л.А., Шакотько В.В., (2021), стор. 105-114
• Інформатика 8 клас, авт. Морзе Н., Барна О. (2021), стор.192-219
• Інформатика 8 клас, авт. Коршунова О., Завадський І. (2021), - стор. 170-207
• Кращі віджети Blogger (є комерційний контент)
• Таблицы в блоге, тег <table>

Посилання на створені вебресурси

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

1. Відкрийте ваш тематичний блог. Продовжуйте розвивати та поліпшувати його. Для цього в різних местах місцях вбудуйте до нього окремі наступні елементи
• аудіозапис, який можна відтворювати безпосередньо зі сторінки / публікації блогу, доповнений поясненням, навіщо додано аудіозапис та що саме він доповнює, при цьому
• запис може бути розташованим на аудіохостингу, який дозволяє вбудовування програвача до вебсторінок, наприклад: soundcloud, Internet Archive;
• запис може бути продуктом сервісу ШІ, наприклад, Suno;
• текстовий документ або презентацію на доповнення матеріалу сторінки або допису;
• два відео або зображення в рядок за шириною сторінки з підписами (використаний тег-контейнер <table>...</table>);
• довільні сторонні віджети (календар, годинник, форма зворотного зв’язку, зображення).
  
2. Перевірте наявність у блозі усіх елементів, зазначених у документі з посиланнями на створені вебресурси. Проставте позначки "+" в власному рядку таблиці.

04.02.2025. 7 клас.

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

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

Тема

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

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

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

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

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

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

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

04.02.2025. 6 клас.

Створення та опрацювання текстового документа з об’єктами різних типів.
Практикум

Матеріали

• ресурси уроку "Формати текстових документів. Схеми та зображення в текстовому документі."
• ресурси уроку "Списки в текстовому документі."
• ресурси уроку "Таблиці в текстовому документі"

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

Створіть за допомогою текстового процесора аркуш з розкладом уроку вашого класу за зразком.

Зверніть увагу на особливості форматування (клацніть зображення, щоб побачити краще, або подивіться в окремій вкладці).
До відома: у документі використаний шрифт Times New Roman.

Для роботи можна використати:

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

Збережіть файл у форматі DOCX (!!! увага, якщо ви працювали з GoogleDocs, ви маєте завантажити файл, а не використовувати хмарний) та здайте через Клас.

04.02.2025. 5 клас.

Практикум з теми "Комп’ютерні презентації"
(розроблення індивідуальних проєктів: тематичних навчальних презентацій)
Виступ з презентацією

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

Підручники:

• Інформатика 5 клас, авт. Ривкінд Й.Я. та ін. (с. 93-126)
• Інформатика 5 клас, авт. Глинський Я. та ін. (с. 90-108)
  
• Інформатика 5 клас, авт. Бондаренко О.О. та ін. (с. 68-92)

Плакат "Як розробляють комп’ютерні презентації" (дивитись в окремій вкладці)

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

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