Логотип сайту
Інформатика 8 клас

Тема 1: «Кодування даних та апаратне забезпечення». Урок № 4. (До § 3)

Кодування графічних даних

Інтерактивний план-конспект уроку для 8 класу НУШ

🎯 Мета уроку

  • Освітня: ознайомити учнів з основними способами кодування графічних даних, розглянути поняття растрового та векторного зображення, глибини кольору, бітової глибини, принципи кодування графічних об’єктів, навчити обчислювати обсяг двійкового коду зображення.
  • Розвивальна: розвивати логічне мислення, пам'ять, увагу, аналітичні здібності, вміння порівнювати, узагальнювати, робити висновки, формувати навички розв'язування задач з кодування графічних даних.
  • Виховна: виховувати інтерес до вивчення інформатики, акуратність, дисциплінованість, відповідальність під час роботи з комп’ютерною технікою.

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

Після уроку учні зможуть:

  • описувати способи кодування графічних даних;
  • розрізняти растрові та векторні зображення;
  • пояснювати поняття глибини кольору;
  • визначати бітову глибину;
  • обчислювати обсяг двійкового коду растрових зображень.

📊 Групи результатів (НУШ)

Візуалізація важливості груп результатів для цього уроку.

Учень / учениця:

  • ГР1 – працює з інформацією, даними, моделями;

  • ГР2 – створює інформаційні продукти;

  • ГР3 – працює в цифровому середовищі;

  • ГР4 – безпечно та відповідально працює з інформаційними технологіями.

📚 Тип уроку

Урок вивчення нового матеріалу з елементами практичної роботи.

💻 Обладнання та ПЗ

  • Персональні комп'ютери, інтерактивна дошка (проектор), програмне забезпечення (середовище програмування Python, графічний редактор).
  • Навчальний посібник: Інформатика : підруч. для 8 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. – Харків : Вид-во «Ранок», 2025. – 272 с. : іл.
  • Інтерактивна платформа IZZI (8 клас): https://ua.izzi.digital/DOS/1183864/1183866.html

🔗 Міжпредметні зв'язки

  • Математика (системи числення, геометрія).
  • Фізика (оптика, світло).

ПОВТОРЮЄМО

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

  1. Як кодуються дані в комп’ютері?
  2. Чому в комп’ютері використовують двійкове кодування?
  3. Як кодуються символи в комп’ютері?
  4. Що таке біт; байт?
  5. У яких одиницях вимірюють довжину двійкового коду?
  6. Скільки байтів містить 1 Кіб і 1 МіБ?
Знак питання

Практичний блок уроку

Інтерактивні вправи з кодування графічних даних

Вправа 1: Розрахунок глибини кольору та розміру растрового зображення

Вихідні дані (Зі скріншоту):

Зображення будівничка складається з пікселів восьми кольорів, які утворюють 32 рядки по 35 пікселів у кожному (рис. 3.3). Для кодування восьми кольорів достатньо десяткових чисел від 0 до 7, які можна подати двійковими послідовностями довжиною 3 біти, оскільки 2**3 = 8. Отже, глибина кольору становить 3 біти.

Закодовано зображення послідовністю чисел, зазначивши ширину й висоту в пікселях і коди їх кольорів, перелічені зліва направо зверху вниз: 35 32 7 7 7 5 5 7 1 1 7 1 7 д. За глибини кольору 3 біти довжина двійкового коду кольорів пікселів зображення будівничка становитиме: 35*32*3=3360 (бітів), або 3360/8=420 (байтів).

Колір Код (двійковий) Колір Код (двійковий)
Чорний000Оранжевий100
Синій001Філетовий101
Зелений010Жовтий110
Коричневий011Білий111

Вправа 2: Побудова векторного зображення за кодом

Інструкції: Введіть векторний код у поле нижче, розділяючи числа пробілами. Програма побудує зображення на полотні.

Приклад з тексту: Векторний код літери К із 15 відрізків (рис. 3.9) складатиметься з 15*2 (1+15) = 32 чисел і може бути таким: 15 0 0 5 38 14 39 10 25 22 38 28 31 27 20 31 12 20 22 19 20 0 12 0 16 17 9 17 5 0 0 0

Координати першої та останньої точок однакові (0,0), оскільки контур замкнутий.

Перевірка знань

Натисніть на картку, щоб побачити відповідь.

  • 1. Які є способи кодування графічних даних?

    Існують два основних способи кодування графічних даних: растровий і векторний.

  • 2. Опишіть особливості растрового зображення; векторного.

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

  • 3. Якою буде довжина двійкового коду зображення розміром 2048x1536 пікселів, якщо глибина кольору 24 біти?

    Довжина двійкового коду = 2048 x 1536 x 24 біти = 75497472 біти = 9437184 байти = 9.0 МіБ.

  • 4. Поясніть, як виконується цикл `for v in range(N)` із прикладу 5.

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

Джерело: Підручник з інформатики для 8 класу (стор. 21)

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

1. Теоретична частина:

  • Опрацювати § 3 (стор. 16-21).

2. Практична частина:

  • Виконати вправу № 3 (стор. 21).

3. Завдання за бажанням (для закріплення):

Учні з книгами або комп'ютерами

Додаткові матеріали