Тема 5: «Алгоритми та програми». Урок № 55. (До ПР12)
Практична робота № 12. «Створення програми з графічним інтерфейсом»
Інтерактивний план-конспект уроку для 8 класу НУШ
🎯 Мета уроку
- Освітня: закріпити знання про створення програм із графічним інтерфейсом за допомогою бібліотеки `tkinter`, навчити створювати прості вікна, додавати віджети (мітки, кнопки, радіокнопки, текстові поля), обробляти події.
- Розвивальна: розвивати навички візуального програмування, логічне мислення при проєктуванні інтерфейсу, вміння інтегрувати графічні елементи з програмною логікою.
- Виховна: виховувати інтерес до розробки програм, акуратність та самостійність при роботі з графічними інтерфейсами, заохочувати до творчого підходу у створенні власних додатків.
✅ Очікувані результати
Після уроку учні зможуть:
- Створювати базове вікно програми за допомогою `tkinter`.
- Додавати різні віджети (Label, Radiobutton, Button, Text) до вікна.
- Розміщувати віджети у вікні за допомогою методів `grid()` та `config()`.
- Отримувати дані з радіокнопок та текстових полів.
- Змінювати зображення та текст у графічному інтерфейсі динамічно.
📊 Групи результатів (НУШ)
Візуалізація важливості груп результатів для цього уроку.
Учень / учениця:
ГР1 – працює з інформацією, даними, моделями;
ГР2 – створює інформаційні продукти;
ГР3 – працює в цифровому середовищі;
ГР4 – безпечно та відповідально працює з інформаційними технологіями.
📚 Тип уроку
Урок формування практичних умінь та навичок.
💻 Обладнання та ПЗ
- Персональні комп'ютери з встановленим Python та `tkinter`.
- Середовище розробки (IDLE, VS Code).
- Проєктор або інтерактивна дошка.
🔗 Міжпредметні зв'язки
- Дизайн та технології (UI/UX принципи).
- Українська мова (структурування тексту).
ПОВТОРЮЄМО
Актуалізація опорних знань
- Що таке цикл в програмуванні?
- Які є основні типи циклів у Python?
- Для чого використовується функція `range()` в циклах `for`?
- Коли доцільно використовувати цикл `while`?
- Що таке вкладений цикл?
- Яке призначення команди `break` у циклі?
- Яке значення параметра `step` потрібно вказати у функції `range()`, щоб отримати послідовність чисел у зворотному порядку?
- Чим відрізняється умова циклу `while` від умови умовного оператора `if`?

Практичний блок уроку
Інтерактивна симуляція
Спробуйте взаємодіяти з елементами графічного інтерфейсу, що імітує вашу програму.
Міста України
Перевірка знань
Натисніть на картку, щоб побачити відповідь.
-
1. Яка бібліотека в Python використовується для створення графічного інтерфейсу?Для створення графічного інтерфейсу в Python часто використовується вбудована бібліотека `tkinter`.
-
2. Що таке "віджет" у `tkinter`? Наведіть приклади.Віджет — це елемент графічного інтерфейсу користувача (наприклад, кнопка, текстове поле, мітка, радіокнопка), за допомогою якого відбувається взаємодія користувача з програмою.
Приклади: `Label`, `Button`, `Entry`, `Radiobutton`, `Text`. -
3. Які методи використовуються для розміщення віджетів у вікні `tkinter`?Основними методами є `pack()`, `grid()` та `place()`. У даній практичній роботі використовується `grid()`.
-
4. Для чого потрібна функція `root.mainloop()`?`root.mainloop()` запускає головний цикл обробки подій `tkinter`, який чекає на дії користувача (кліки, введення) і оновлює інтерфейс. Без неї вікно програми не буде відображатися.
-
5. Як отримати поточне значення вибраної радіокнопки в `tkinter`?Значення отримується за допомогою методу `.get()` від змінної, пов'язаної з групою радіокнопок (наприклад, `var.get()`).
-
6. Як оновити зображення в віджеті `Label`?Потрібно створити новий об'єкт `PhotoImage` з шляхом до нового зображення, а потім призначити його властивості `image` віджета `Label` за допомогою `lab.config(image = new_image_object)`.
-
7. Опишіть призначення параметрів `row` та `column` у методі `grid()`.Параметр `row` вказує номер рядка, у якому буде розміщено віджет, а `column` — номер стовпця. Нумерація починається з 0.
-
8. Які переваги створення програм з графічним інтерфейсом порівняно з консольними програмами?Графічний інтерфейс є більш інтуїтивно зрозумілим, візуально привабливим та легким у використанні для кінцевого користувача, що підвищує доступність програми.
Домашнє завдання
1. Теоретична частина:
- Повторити §§ 29-35 (стор. 187-232).
2. Практична частина:
- Виконати практичну роботу № 12 (стор. 232-234).
3. Завдання за бажанням (для закріплення):
- Інтерактивна платформа IZZI (8 клас) до практичної роботи № 12: https://ua.izzi.digital/DOS/1183864/1410268.html

Додаткові матеріали
- Техніка безпеки
- Оцінювання учнів та учениць на уроках інформатики
- Підручник з інформатики для 8 класу (ПР12, стор. 232-234)
- Інтерактивна платформа IZZI (8 клас)
- Інтерактивна платформа IZZI (8 клас) до практичної роботи № 12: https://ua.izzi.digital/DOS/1183864/1410268.html