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

Практикум з використання інформаційних технологій. Урок № 63. (До ПР16)

Практична робота № 16. «Розробка застосунку «Піаніно»»

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

🎯 Мета уроку

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

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

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

  • Створювати вікна та полотна для графічного інтерфейсу в Python.
  • Малювати графічні об’єкти (клавіші піаніно) на полотні.
  • Прив’язувати події (натискання клавіш миші) до графічних об’єктів.
  • Відтворювати звуки при натисканні на клавіші.
  • Створювати анімації, використовуючи послідовність зображень (кадрів).
  • Розробляти простий інтерактивний застосунок "Піаніно" в середовищі програмування Python.

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

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

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

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

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

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

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

📚 Тип уроку

Урок розробки застосунку, поєднання теоретичних знань з практичним програмуванням.

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

  • Комп'ютери із середовищем програмування Python.
  • Папки notes (файли формату MP3 зі звуками нот) та frames (файли формату PNG із кадрами анімації).
  • Проєктор або інтерактивна дошка.

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

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

ПОВТОРЮЄМО

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

  1. Що таке "графічний інтерфейс користувача (GUI)" і для чого він використовується?
  2. Які основні елементи графічного інтерфейсу користувача (GUI) ви знаєте?
  3. Як у Python можна створити вікно та полотно для малювання?
  4. Що таке "подія" в програмуванні і як її обробляти?
  5. Як можна відтворити звуковий файл у Python?
  6. Які формати файлів використовуються для зберігання звуку та зображень?
Знак питання

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

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

Питання 1: Множинний вибір (радіокнопки)

Яка функція в Python відповідає за відтворення звукових файлів у даній практичній роботі?

Питання 2: Множинний вибір (чекбокси)

Які типи файлів використовуються для звуку та анімації в застосунку "Піаніно"?

Питання 3: Заповнення пропусків

Для ідентифікації натиснутої клавіші використовується змінна , а для її прив'язки до події кліку – метод .

(Підказка: key_id, tag_bind.)

Питання 4: Зіставлення

Зіставте елементи коду з їхнім призначенням:

canvas.create_rectangle
canvas.tag_bind
playsound
root.update

Додаткові завдання (за бажанням)

  • Додайте можливість записувати та відтворювати зіграні мелодії.
  • Розширте діапазон піаніно, додавши більше октав.
  • Створіть графічний інтерфейс для вибору різних інструментів (гітара, барабани тощо).
  • Реалізуйте візуальний ефект "натискання" клавіші (зміна кольору або зменшення розміру) при кліку.

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

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

  • 1. Яку роль відіграє функція `on_click(event)` у програмі "Піаніно"?
    Функція `on_click(event)` обробляє подію натискання на клавішу піаніно, визначає, яка саме клавіша була натиснута, та відтворює відповідний звуковий файл.
  • 2. Як програма відрізняє білі та чорні клавіші при малюванні?
    Програма використовує умовну перевірку
    (`if color == "black"`) для визначення розмірів (ширини та висоти) і кольору клавіші, малюючи чорні клавіші меншими та темнішими.
  • 3. Для чого використовується цикл
    `for key in range(len(coords))` ?
    Цей цикл призначений для послідовного малювання всіх білих клавіш піаніно, використовуючи координати та відповідні звукові файли зі списків `coords` і `sIst`.
  • 4. Як реалізується анімація в правій частині вікна?
    Анімація реалізується за допомогою функції `show_video()`, яка через певний інтервал часу (100 мс) змінює поточний кадр зображення (`cur_frame`) та оновлює його на полотні.
  • 5. Які переваги має використання окремих папок для звуків і кадрів анімації?
    Це забезпечує кращу організацію проєкту, спрощує доступ до файлів, робить код більш читабельним та дозволяє легко замінювати або додавати нові звуки чи анімаційні кадри.
  • 6. Які можливості відкриває виникнення способів кодування та зберігання звуку й відео?
    Це відкриває широкі можливості для створення мультимедійних застосунків, ігор, освітніх програм, художніх проєктів, дозволяючи інтегрувати інтерактивні елементи та покращувати користувацький досвід.

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

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

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

  • Виконати практичну роботу № 16 (стор. 254-257).

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

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

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