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

Тема 5: «Алгоритми та програми». Урок № 56. (До § 36)

Графічні методи модуля tkinter

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

🎯 Мета уроку

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

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

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

  • Описувати систему координат полотна Canvas.
  • Створювати об'єкт Canvas та задавати його розміри.
  • Використовувати методи `create_line()`, `create_rectangle()`, `create_oval()`, `create_polygon()` для малювання фігур.
  • Малювати текст на полотні за допомогою `create_text()`.
  • Виводити зображення на полотно Canvas.
  • Задавати параметри кольору, ширини ліній та заливки для графічних об'єктів.

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

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

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

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

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

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

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

📚 Тип уроку

Урок вивчення нового матеріалу та формування практичних умінь.

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

  • Персональні комп'ютери з встановленим Python та `tkinter`.
  • Середовище розробки (IDLE, VS Code).
  • Проєктор або інтерактивна дошка.

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

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

ПОВТОРЮЄМО

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

  1. Яка бібліотека в Python використовується для створення графічного інтерфейсу?
  2. Що таке "віджет" у `tkinter`? Наведіть приклади.
  3. Які методи використовуються для розміщення віджетів у вікні `tkinter`?
  4. Для чого потрібна функція `root.mainloop()`?
  5. Як отримати поточне значення вибраної радіокнопки в `tkinter`?
  6. Як оновити зображення в віджеті `Label`?
  7. Опишіть призначення параметрів `row` та `column` у методі `grid()`.
  8. Які переваги створення програм з графічним інтерфейсом порівняно з консольними програмами?
Знак питання

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

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

Інтерактивний Canvas-редактор

(Натисніть сюди, щоб перейти на сторінку "Інтерактивний Canvas-редактор")

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

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

  • 1. Опишіть систему координат полотна Canvas.
    Система координат полотна Canvas починається з точки (0,0) у **верхньому лівому куті**.
    Вісь X зростає вправо, а вісь Y зростає вниз.
  • 2. Як вивести на полотно зображення з графічного файлу?
    Для виведення зображення потрібно спочатку завантажити його за допомогою `PhotoImage(file='<шлях_до_файлу>')`, а потім розмістити на Canvas методом `canvas.create_image(X, Y, image=змінна_зображення)`.
  • 3. Який метод використовується для малювання відрізка?
    Для малювання відрізка використовується метод `canvas.create_line(x1, y1, x2, y2)`.
  • 4. Як побудувати коло зеленого кольору радіусом 100, центр якого збігається з центром полотна розміром 500x500 пікселів?
    Центр полотна (500x500) знаходиться в точці (250, 250).
    Радіус 100 означає, що координати протилежних кутів обмежуючого квадрата будуть (150, 150) та (350, 350).

    Код: `canvas.create_oval(150, 150, 350, 350, fill='green', outline='green')`.
  • 5. Запишіть фрагмент програми для побудови трикутника з вершинами в точках (100, 100), (150, 100), (80, 70); колір лінії — червоний, заливка відсутня.
    `canvas.create_polygon(100, 100, 150, 100, 80, 70, outline='red', fill='')`
  • 6. Який параметр Canvas використовується для зміни кольору фону?
    Параметр `bg` (background) використовується для зміни кольору фону полотна, наприклад: `canvas.config(bg='lightgray')`.
  • 7. Який метод використовується для малювання тексту на полотні?
    Для малювання тексту на полотні використовується метод `canvas.create_text(x, y, text='Ваш текст', font='Arial 12', fill='blue')`.

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

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

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

  • Опрацювати § 36 (стор. 235-240).

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

  • Виконати із "Питання для самоперевірки" завдання № 6 (стор. 239).
    • Завдання 6 для самоперевірки

    Рис. 36.6

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

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

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