Тема 5: «Алгоритми та програми». Урок № 57. (До § 36)
Створення зображень за допомогою графічних методів модуля tkinter
Інтерактивний план-конспект уроку для 8 класу НУШ
🎯 Мета уроку
- Освітня: узагальнити та систематизувати знання про графічні можливості модуля `tkinter` та методи малювання; навчитися застосовувати отримані знання для створення складних композицій.
- Розвивальна: розвивати навички програмування, алгоритмічного мислення, креативності у створенні візуальних рішень; формувати вміння аналізувати та модифікувати готовий код.
- Виховна: виховувати інтерес до інформатики, самостійність, відповідальність та акуратність при роботі з програмним кодом.
✅ Очікувані результати
Після уроку учні зможуть:
- Використовувати різні графічні методи `Canvas` для малювання базових фігур.
- Комбінувати графічні примітиви для створення складних зображень.
- Застосовувати параметри для контролю кольору, заливки, товщини ліній та стилю.
- Застосовувати цикли та функції для оптимізації коду малювання.
- Розв'язувати практичні задачі з використанням графічних методів `tkinter`.
📊 Групи результатів (НУШ)
Візуалізація важливості груп результатів для цього уроку.
Учень / учениця:
ГР1 – працює з інформацією, даними, моделями;
ГР2 – створює інформаційні продукти;
ГР3 – працює в цифровому середовищі;
ГР4 – безпечно та відповідально працює з інформаційними технологіями.
📚 Тип уроку
Урок узагальнення та систематизації знань, застосування вмінь і навичок.
💻 Обладнання та ПЗ
- Персональні комп'ютери з встановленим Python та `tkinter`.
- Середовище розробки (IDLE, VS Code).
- Проєктор або інтерактивна дошка.
🔗 Міжпредметні зв'язки
- Математика (геометрія, координатна площина).
- Мистецтво (дизайн, композиція, колір, візуалізація).
ПОВТОРЮЄМО
Актуалізація опорних знань
- Опишіть систему координат полотна Canvas.
- Як вивести на полотно зображення з графічного файлу?
- Який метод використовується для малювання відрізка?
- Як побудувати коло зеленого кольору радіусом 100, центр якого збігається з центром полотна розміром 500x500 пікселів?
- Запишіть фрагмент програми для побудови трикутника з вершинами в точках (100, 100), (150, 100), (80, 70); колір лінії — червоний, заливка відсутня.
- Який параметр Canvas використовується для зміни кольору фону?
- Який метод використовується для малювання тексту на полотні?

Практичний блок уроку
Питання 1: Множинний вибір (радіокнопки)
Який метод використовується для створення прямокутника на полотні Canvas?
Питання 2: Множинний вибір (чекбокси)
Які параметри можна використовувати для визначення вигляду фігури на Canvas?
Питання 3: Заповнення пропусків
Вставте пропущені слова для створення випадкового кола:
canvas.
( randint(0, width),
(0, height), radius, fill=
)
Питання 4: Зіставлення
Зіставте метод `Canvas` з його призначенням:
.create_line()
.create_oval()
.create_rectangle()
.create_text()
Завдання для самостійного виконання
- Створіть програму на Python з `tkinter`, яка генерує "зоряне небо" з випадково розташованих зірок (маленьких білих овалів або багатокутників) різного розміру.
- Додайте до вашої програми можливість малювати "смайлики" з випадковим виразом обличчя (закриті/відкриті очі, різні посмішки).
- Створіть програму, яка малює випадковий лабіринт на полотні Canvas.
Перевірка знань
Натисніть на картку, щоб побачити відповідь.
-
1. Які модулі Python потрібні для створення графічних зображень з випадковими елементами?Для створення графічних зображень з випадковими елементами потрібні модулі `tkinter` (для графічного інтерфейсу) та `random` (для генерації випадкових чисел).
-
2. Яка функція з модуля `random` дозволяє отримати випадкове ціле число в певному діапазоні?Функція `randint(a, b)` з модуля `random` повертає випадкове ціле число N, де `a <= N <= b`.
-
3. Як використовувати список кольорів для випадкової заливки фігур?Можна створити список кольорів
(наприклад, `c = ['red', 'green', 'blue']`)
і використовувати функцію `random.choice(c)` для випадкового вибору кольору для параметра `fill`. -
4. Які переваги використання функцій для малювання повторюваних елементів?Використання функцій дозволяє уникнути дублювання коду, зробити програму більш організованою, легкою для читання та модифікації.
Це також сприяє створенню модульного та розширюваного коду. -
5. Опишіть, як можна змінити програму для малювання прямокутників так, щоб замість них малювалися кола з випадковими координатами.Потрібно замінити метод `canvas.create_rectangle()` на `canvas.create_oval()` у функції `draw_rectangle()`. Координати для `.create_oval()` задають обмежувальний прямокутник, тому логіка генерації `x1, y1, x2, y2` залишиться схожою, але визначатиме межі для овалу.
-
6. Який модуль використовується для створення графічного вікна у Python?Модуль `tkinter` використовується для створення графічного вікна та елементів інтерфейсу у Python.
Домашнє завдання
1. Теоретична частина:
- Повторити § 36 (стор. 235-240).
2. Практична частина:
- Виконати вправу № 36 (стор. 239-240).
3. Завдання за бажанням (для закріплення):
- Інтерактивна платформа IZZI (8 клас) до § 36: https://ua.izzi.digital/DOS/1183864/1337132.html

Додаткові матеріали
- Техніка безпеки
- Оцінювання учнів та учениць на уроках інформатики
- Підручник з інформатики для 8 класу (§ 36, стор. 235-240)
- Інтерактивна платформа IZZI (8 клас)
- Інтерактивна платформа IZZI (8 клас) до § 36: https://ua.izzi.digital/DOS/1183864/1337132.html