3.2 Проектування інтерфейсу програми

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

Таблиця 3.3 – Призначення форм програми

Назва форми	Опис форми
Form1	Головна форма програми. Вибір користувача програми.
Form2	Перегляд, замовлення, сортування та пошук продукції. Перехід до «Кошик» (форма Form3).
Form3	Змінення та підтвердження замовлення.
Form4	Перегляд, сортування, додавання, редагування та видалення продукції. Перехід до «Чеки за весь період» (форма Form5).
Form5	Вивід інформації про реалізовану продукцію.
Form6	Введення паролю для отримання доступу до форми Form4.

Форма Form1 призначена для вибору режиму роботи програми. На ній розміщені компоненти: Table1, Table2, DataSource1, DataSource2, Panel1, Button1, Button2, SpeedButton1, Label1.

Використовуючи властивість Caption задав заголовок форми Form1 як «Ласкаво просимо!». Форму Form1 приведено на рисунку 3.1.

Рисунок 3.1 – заготовка головної форми програми Form1

Компоненти Table1, Table2, DataSource1, DataSource2 призначені для представлення баз даних. Table1 та DataSource1 являють основну базу даних, Table2 та DataSource2 являють базу даних реалізованих продуктів. Ці компоненти не відображаються при виконанні програмного забезпечення.

Компонент SpeedButton1 призначений для завершення роботи програми. Має картинку у виді хрестика та підказку Hint=“Завершення роботи програми”.

Компонент Panel1 призначений для формування групи компонентів. На ньому розміщені такі компоненти: Button1, Button2, SpeedButton1, Label1.

Компонент Label1 призначений для інформування користувача про вміст форми Form1. Властивість Caption=“Вкажіть режим роботи”.

Компонент Button1 призначений для переходу до режиму покупця. При натисканні на кнопку відкриється форма Form2. Властивість Caption=“Покупець”.

Компонент Button2 призначений для переходу до режиму менеджера. При натисканні на кнопку спочатку відкриється форма Form6, де потрібно ввести пароль доступу. Якщо пароль буде введений вірно ми потрапимо на форму Form4. Властивість Caption=“Менеджер”.

Розміри головної форми Form1 дорівнюють 295х250 пікселів.

На рисунку 3.2 зображено головну форму програми Form1 під час виконання.

Рисунок 3.2 – Головна форма під час виконання

Форма Form2 призначена для представлення продуктів магазину та їх придбання покупцями. На ній розміщені компоненти: MainMenu1, ImageList1,Timer1, Timer2, Panel1, Panel2, Panel3, Panel4, Panel6, ScrollBar1, StatusBar1.

Використовуючи властивість Caption задав заголовок форми Form2 як «Пункт перегляду та придбання товарів».

Форму Form2 приведено на рисунку 3.3.

Рисунок 3.3 – Заготовка форми Form2

Компонент MainMenu1 призначений для організації меню та має такі пункти:

• «На головну», призначений для повернення до головної форми Form1.

• «Пошук», призначений для виведення панелі Panel6.

• «Показати тільки акційну продукцію», призначений для виведення тільки тих продуктів, які мають знижку на сьогоднішній день. При повторному натисканні будуть виведені всі продукти.

• «Вихід», призначений для виходу з програми.

Компонент StatusBar1 призначений для виведення інформації про:

• Поточну дату та час;

• Найбільшу кількість куплених товарів;

• Найдорожчу покупку;

Компонент Timer1 призначений для оновлення поточної дати та часу.

Компонент ImageList1 призначений для зберігання в собі зображення «Не має фото!».

Компонент Panel1 призначений для групування компонентів, які будуть в собі містити інформацію о товарі. Panel1 містить в собі компоненти: GroupBox1, GroupBox2, GroupBox3, Panel5.

Компонент GroupBox1, який має властивість Caption=“Виробник -> Продукція”. Містить в собі компоненти: