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

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

Графічний інтерфейс користувача

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

🎯 Мета уроку

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

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

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

  • Пояснювати, що таке графічний інтерфейс користувача та його компоненти (віджети).
  • Використовувати бібліотеку `tkinter` для створення вікна програми.
  • Створювати та налаштовувати базові віджети, такі як `Label` (напис).
  • Розташовувати віджети у вікні за допомогою команди `pack()`.
  • Змінювати властивості віджетів (розмір, колір, шрифт тощо).

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

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

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

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

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

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

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

📚 Тип уроку

Урок формування компетентностей, вивчення нового матеріалу з практичним застосуванням.

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

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

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

  • Дизайн (елементи інтерфейсу).
  • Математика (координати, розміри).

ПОВТОРЮЄМО

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

  1. Що називають налагодженням програмного коду?
  2. Які основні типи помилок виникають у програмах?
  3. Що таке синтаксична помилка?
  4. Які команди використовують для перехоплення винятків у Python?
  5. Чим відрізняються логічні помилки від синтаксичних та винятків?
  6. Як виявляти логічні помилки в програмі?
Знак питання

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

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

1. Множинний вибір (Радіокнопки)

Що означає термін "Графічний інтерфейс користувача" (ГІК)?

2. Заповнення пропусків

Заповніть пропуски:

Для створення програм з ГІК у Python використовують модуль .

3. Зіставлення

Доповніть код Python для створення вікна розміром 300x200 пікселів із заголовком "Мій перший ГІК" та розмістіть у ньому напис "Привіт, світ!" по центру. Використайте `Label` та `pack()`. 
  from tkinter import*

  root = Tk()
  root.title('Мій перший ГІК')
  root.geometry('300x200')



  root.mainloop()
Вікно, створене tkinter

4. Множинний вибір (Чекбокси)

Які методи використовуються для розміщення віджетів у вікні `tkinter`? (Оберіть кілька варіантів)

5. Множинний вибір (Радіокнопки)

Розгляньте наступний фрагмент коду Python: 
from tkinter import*

root = Tk()

my_label = Label(root, text = "Початковий текст", font = "Verdana 12")
my_label.pack()

my_label.config(fg="red", bg="lightblue") # Цей рядок змінить колір

root.mainloop()

Які властивості віджета `my_label` будуть змінені в результаті виконання рядка `my_label.config(fg="red", bg="lightblue")`?
Вікно, створене tkinter

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

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

  • 1. Що таке графічний інтерфейс користувача (ГІК)?
    Це сукупність візуальних елементів (вікна, меню, кнопки, написи тощо), за допомогою яких людина взаємодіє з комп'ютером.
  • 2. Який модуль Python використовується для створення ГІК?
    Модуль `tkinter`.
  • 3. З чого починається побудова програми з ГІК у `tkinter`?
    Зі створення головного вікна програми за допомогою `root = Tk()`.
  • 4. Які методи використовуються для розміщення віджетів у вікні?
    Методи `pack()` та `place()`.
  • 5. Як змінити властивості віджета після його створення?
    Використовуючи метод `config()` (наприклад, `віджет.config(атрибут=значення)`) або через словник (`віджет['атрибут'] = значення`).
  • 6. Що робить метод `root.mainloop()`?
    Запускає головний цикл обробки подій, який постійно очікує на дії користувача та оновлює інтерфейс.

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

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

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

  • Опрацювати § 26 (стор. 165-169).

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

  • Виконати завдання із прикладів №№ 1-4 (стор. 168).

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

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

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