1 of 36

Графічний інтерфейс, основні компоненти програми з графічним інтерфейсом

За навчальною програмою 2017 року

Урок 41

8

teach-inf.com.ua

2 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

У 8-му і 9-му класах ви будете вивчати мову програмування Python. Ця мова має широке застосування в різних сферах:

для навчання учнів і студентів основних принципів програмування,

наукових розрахунків

графічної візуалізації даних

опрацювання тривимірних зображень

адміністрування мереж та операційних систем

розширення можливостей готових програм

створення власних додатків тощо.

8

3 of 36

Цікаві факти з історії

Розділ 6 § 6.1

Мова програмування Python була вперше описана в 1991 році нідерландським програмістом Гвідо ван Россумом (нар. у 1956 р.,), на той час співробітником нідерландського Національного дослідницького інституту математики та інформатики.

8

4 of 36

Цікаві факти з історії

Розділ 6 § 6.1

Назва мови виникла не від виду плазунів. Автор назвав її на честь героя популярного британського комедійного серіалу 70-х років XX ст. «Повітряний цирк Монті Пайтона».

Назва IDLE середовища розробки проектів, у якому можна створювати проєкти мовою Python, також походить від імені одного з героїв цього серіалу Еріка Айдла (англ. Eric Idle).

8

5 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Для створення, редагування і налагодження проєктів мовою програмування Python будемо використовувати середовище розробки проектів IDLE (англ. Integrated Development and Learning Environment - інтегроване середовище розробки та навчання).

8

6 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Завантажити на свій комп’ютер останню версію Python для встановлення середовища розробки IDLE можна безкоштовно з офіційного сайту Python Software Foundation (англ. Python Software Foundation - фонд програмного забезпечення Python) (python.org).

8

7 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Середовище розробки проектів IDLE складається з:

текстового редактора для введення та редагування тексту проєкту;

інтерпретатора для перекладу команд з мови програмування Python на мову команд, які може виконати процесор комп'ютера;

засобів налагодження проєкту для пошуку в ньому помилок;

довідкової системи та інших компонентів.

8

8 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Це середовище розробки надає можливість використовувати велику бібліотеку модулів.

Модуль – готовий фрагмент програмного коду, який може бути приєднаний до нових проєктів, що спрощує та пришвидшує їх створення.

8

9 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Відкрити вікно середовища IDLE можна:

використовуючи команду IDLE (Python) меню Пуск

використовуючи значок на Робочому столі

8

10 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

У результаті відкривається вікно Python Shell середовища розробки та виконання проєктів IDLE,

Робоче поле

Головне меню

Позначають позицію, у якій можна вводити команди мовою програмування Python

8

11 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Уведення команди завершується натисканням клавіші Enter, після чого команда виконується і результат її виконання відображається в наступному після команди рядку. Такий режим уведення і виконання команд називається інтерактивним.

Команда

Результат виконання

8

12 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Інтерактивний режим зручний для проведення обчислень, перевірки правильності написання команд і реалізації найпростіших проєктів.

Але для розробки більш складних проєктів доцільно записувати команди проєкту в окремому файлі, що дасть змогу неодноразово виконувати проєкт, не вводячи повторно кожну команду.

8

13 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Створити нове вікно для введення тексту проєкту можна командою File ⇒ New File.

8

14 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Після цього відкривається вікно текстового редактора. Ім'я вікна Untitled (англ, untitled – без назви) буде замінено на ім'я файлу, у якому текст проєкту збережеться на носії після виконання команди File ⇒ Save.

8

15 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

У вікні збереження файлу потрібно вибрати папку для зберігання та ввести ім'я файлу. Файл зберігається з розширенням

імені ру.

Під час повторного збереження раніше створеного проєкту ім'я файлу вводити не потрібно.

8

16 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Команди, уведені у вікні текстового редактора, не будуть одразу виконуватися, а натискання клавіші Enter переводитиме курсор на новий рядок, де можна вводити наступну команду.

Курсор

8

17 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Для виконання проєкту потрібно зберегти файл на носії, після чого виконати команду Run ⇒ Run Module або натиснути клавішу F5.

2

1

8

18 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Після запуску проєкту на виконання розпочинає свою роботу програма-інтерпретатор. Ця програма почергово аналізує команди проєкту на наявність синтаксичних помилок.

Якщо команда не має помилок, то інтерпретатор перекладає її з мови Python на мову команд, які може виконати процесор комп'ютера, і передає перекладену команду на виконання процесору.

8

19 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Після цього здійснюється аналіз і виконання наступної команди. За наявності синтаксичних помилок інтерпретатор перериває виконання проєкту і вказує на місце першої з них. Потрібно виправити помилку і знову запустити проєкт на виконання.

8

20 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Під час розробки проєкту вікно текстового редактора та вікно середовища розробки Python Shell зручно розташовувати на екрані поруч.

Вікно текстового редактора

Вікно середовища розробки Python Shell

Текст програми

Результат виконання

8

21 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Натиснути сполучення клавіш Windows + 🡸

Вибрати у правій половині екрана вікно середовища розробки Python Shell.

Зробити поточним вікно текстового редактора.

8

22 of 36

Середовище розробки проєктів

Розділ 6 § 6.1

Створений раніше та збережений у файлі з розширенням імені ру проєкт можна відкрити для редагування та виконання. Для відкриття файлу з текстом проекту слід у вікні середовища IDLE виконати команду File ⇒ Open та вибрати потрібний файл.

8

23 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Для створення мовою Python проекту з вікнами потрібно приєднати до проекту модуль tkinter, що входить до стандартної бібліотеки модулів Python. Модуль приєднується до проекту виконанням команди:

from tkinter import *

Англ. from – з, import – імпортувати.

8

24 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Для створення вікна потрібно вибрати для нього ім’я та виконати команду:

<ім’я_вікна> = Тк()

Головному вікну проєкту часто надають ім’я root (англ. root – корінь). Далі в командах будемо використовувати саме це ім'я для вікна.

Команда створення вікна з іменем root повинна бути такою:

root = Tk()

8

25 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Після виконання цієї команди відкривається вікно. За замовчуванням вікно відкривається у верхньому лівому куті екрана, має розміри 200 х 200 пікселів.

Рядок заголовка вікна містить напис tk

Колір фону – світло-сірий

Піксель – точка графічного зображення на екрані

8

26 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Значення всіх властивостей вікна можна змінити.

Для змінення напису в рядку заголовка вікна з іменем root потрібно виконати команду:

(англ. title – заголовок, назва). Наприклад, команда:

root.title('<текст>')

root.title('Мій перший проєкт')

виводить у рядок заголовка вікна напис Мій перший проєкт.

8

27 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Змінення розмірів і положення вікна виконує команда:

root.geometry('<рядок параметрів>')

У рядку параметрів можна вказати:

ширину та висоту вікна, між якими стоїть символ «х»,

відстань лівої межі вікна від лівої межі екрана і відстань верхньої межі вікна від верхньої межі екрана, перед якими стоять символи «+».

8

28 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Так, команда:

root.geometry(‘600x400+200+100’)

установить ширину вікна 600 пікселів, висоту вікна 400 пікселів, відстань лівої межі вікна від лівої межі екрана - 200 пікселів, відстань верхньої межі вікна від верхньої межі екрана - 100 пікселів.

8

29 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Команда:

Зверніть увагу, у рядку параметрів, що визначає розміри та положення вікна, відсутні пропуски.

root.geometry('400x250')

Установить ширину вікна – 400 пікселів і висоту вікна – 250 пікселів, а положення вікна не змінить. А якщо виконати команду

То розміри вікна не зміняться, а зміняться лише відстані вікна від лівої та верхньої меж екрана.

root.geometry('+300+200')

8

30 of 36

Проєкти з вікнами

Розділ 6 § 6.1

Для змінення кольору фону вікна потрібно вказати назву кольору в команді:

root['bg']='<Koлip>'

Наприклад, після виконання:

root['bg']='yellow'

Колір фону вікна стане жовтим.

8

31 of 36

Проєкти з вікнами

Розділ 6 § 6.1

На малюнку наведено вигляд вікна після виконання команд:

from tkinter import *

root = Tk()

root.title('Мій перший проєкт')

root.geometry('600x400+200+100')

root['bg']='yellow'

8

32 of 36

Розгадайте ребус

Компіляція

Розділ 6 § 6.1

8

33 of 36

Дайте відповіді на запитання

Для чого призначено середовище IDLE?

Розділ 6 § 6.1

Які основні складові частини середовища IDLE і яке їх призначення?

Для чого призначено програму-компілятор (програму-інтерпретатор)? Які основні етапи її виконання?

Як створити проект з вікном мовою Python і встановити значення властивостей вікна?

Як відкрити проект у середовищі IDLE? Як зберегти проект? Як запустити проект на виконання?

8

34 of 36

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

Проаналізувати

§ 6.1, ст. 150-160

Розділ 6 § 6.1

8

35 of 36

Працюємо за комп’ютером

Розділ 6 § 6.1

Сторінка

158

8

36 of 36

Дякую за увагу!

За навчальною програмою 2017 року

Урок 41

8

teach-inf.com.ua