2. Розробка інтерфейсу програми

2.1 Кроки розробки призначених для користувача інтерфейсів

Я проаналізував комп’юторний рівень знань користувача, який буде користуватися програмним додатком, а саме: старшу медсестру, лікарів та старшу медсестру медичного діагностичного центру.

Таблиця 2.1.1. Характеристика користувача програми

Характеристика	Градації
Рівень знань і досвід
Комп’ютерна грамотність	Середній. Користувач повинен володіти елементарними навиками користування комп’ютером
Системний досвід	Середній
Досвід роботи з подібними програмами	Середній
Освіта	Закінчена вища освіта
Рівень читання	9 років в школі
Машинопис	100 слів за хвилину
Фізичні характеристики користувача
Вік	Молодий, середнього віку, літній
Стать	Чоловіча, жіноча
Розвиненість рук	Лівша, правша, володіє однаково обома руками
Характеристики завдань і роботи користувача
Спосіб використання цієї програми	Ознайомлення з інформацією, яка в ній знаходиться, додавання, видалення, здійснювати пошук та фільтрацію даних, обчислювати суму за день та друкувати звіти

2.2 Проектування інтерфейсу

1. Головне вікно – вікно «Ідентифікація»:

Додаю на форму PasswordDlg Panel1, Label2.

На Panel1 розміщую Label1 – в властивостях встановлюю Caption = «Введіть пароль:»; Edit1 – текстове поле для введення паролю, в властивостях встановлюю PasswordChar = «*»; Button1 – для підтвердження паролю введений в Edit1, в властивостях встановлюю Caption = «Підтвердити»; Button2 – для виходу з програми, в властивостях встановлюю Caption = «Вихід»; BitBtn1 – для виклику вікна «Зміна паролю», в властивостях встановлюю Glyph іконку для кнопки. Label2 - в властивостях встановлюю Caption = «Ідентифікація»;

2. Вікно «Зміна паролю»:

Додаю на форму Pass_renew Panel1;

На Panel1 розміщую Panel2(розміщую Label1 - в властивостях встановлюю Caption = «Введіть старий пароль:»; Label2 - в властивостях встановлюю Caption = «Введіть новий пароль:»; Label3 - в властивостях встановлюю Caption = «Повторіть новий пароль:»), Panel3(Edit1 – текстове поле для введення старого паролю, в властивостях встановлюю PasswordChar = «*»;Edit2 – текстове поле для введення нового паролю, в властивостях встановлюю PasswordChar = «*»;Edit3 – текстове поле для повторного введення нового паролю, в властивостях встановлюю PasswordChar = «*»), Button1 – для підтвердження зміни паролю, в властивостях встановлюю Caption = «Ок».

3. Вікно «Діагнози»:

Додаю на форму Diagnoz Panel1.

На Panel1 розміщую DBGrid1 – для відображення таблиці Діагнози, в властивостях встановлюю DataSource = «bd_work->DS_diagnoziz»; DBNavigator1 – для управління таблицею, в властивостях встановлюю DataSource = «bd_work->DS_diagnoziz»; StatusBar1 – створюю TStatusPanel[0](для виведення підказок при наведенні мишею на певний компонент), TStatusPanel[1](для виведення кількості записів), в властивостях встановлюю AutoHint = true, ShowHint = true; MainMenu1 – підключаю форму до нього в подіях встановлюю Menu = bd_work->MainMenu1, в ньому створюю кнопки та приписую до них назви; ToolBar1 – панель швидкого доступу, на якій створюю 8 кнопок, в подіях встановлюю HotImages = bd_work->ImageList1, Images = bd_work->ImageList1; Panel2(Button1 – для фільтрації по полю Edit1, який орієнтується на атрибут вибраний в ComboBox1; ComboBox1 – для вибору фільтрації по «Код діагнозу» або «Термін» або «Термін лікування» або зняття фільтрації; Edit1 – текстове поле для введення певних символів для фільтрації по таблиці Діагнози).

4. Вікно «Квитанції»:

Додаю на форму kvitancii Panel1.

На Panel1 розміщую DBGrid1 – для відображення таблиці Квитанції, в властивостях встановлюю DataSource = «bd_work->DS_pripar»; DBNavigator1 – для управління таблицею, в властивостях встановлюю DataSource = «bd_work->DS_pripar»; StatusBar1 – створюю TStatusPanel[0](для виведення підказок при наведенні мишею на певний компонент), TStatusPanel[1](для виведення кількості записів, TStatusPanel[2](для виведення заробленої суми за певний день), в властивостях встановлюю AutoHint = true, ShowHint = true; MainMenu1(for_kvit) – підключаю форму до нього в подіях встановлюю Menu = bd_work->for_kvit, в ньому створюю кнопки та приписую до них назви; ToolBar1 – панель швидкого доступу, на якій створюю 9 кнопок, в подіях встановлюю HotImages = bd_work->ImageList1, Images = bd_work->ImageList1; Panel2(Button1 – для фільтрації по полю Edit1, який орієнтується на атрибут вибраний в ComboBox1; ComboBox1 – для вибору фільтрації по «Код квитанції» або «Код клієнта» або «Всього до оплати» або «Дата видачі» або «Прізвище та ім’я клієнта» або «Діагноз клієнта» або «Код препарату» або зняття фільтрації; Edit1 – текстове поле для введення певних символів для фільтрації по таблиці Квитанції).

5. Вікно «Препарати»:

Додаю на форму Priparats Panel1.

На Panel1 розміщую DBGrid1 – для відображення таблиці Препарати, в властивостях встановлюю DataSource = «bd_work->DS_prip»; DBNavigator1 – для управління таблицею, в властивостях встановлюю DataSource = «bd_work->DS_prip»; StatusBar1 – створюю TStatusPanel[0](для виведення підказок при наведенні мишею на певний компонент), TStatusPanel[1](для виведення кількості записів), в властивостях встановлюю AutoHint = true, ShowHint = true; MainMenu1(for_prip) – підключаю форму до нього в подіях встановлюю Menu = bd_work->for_prip, в ньому створюю кнопки та приписую до них назви; ToolBar1 – панель швидкого доступу, на якій створюю 8 кнопок, в подіях встановлюю HotImages = bd_work->ImageList1, Images = bd_work->ImageList1; Panel2(Button1 – для фільтрації по полю Edit1, який орієнтується на атрибут вибраний в ComboBox1; ComboBox1 – для вибору фільтрації по «Код препарату» або «Назва препарату» або «Дата вироблення» або «Термін придатності» або зняття фільтрації; Edit1 – текстове поле для введення певних символів для фільтрації по таблиці Препарати).

6. Вікно «Лікарі»:

Додаю на форму likar Panel1.

На Panel1 розміщую DBGrid1 – для відображення таблиці Лікарі, в властивостях встановлюю DataSource = «bd_work->DS_likar»; DBNavigator1 – для управління таблицею, в властивостях встановлюю DataSource = «bd_work->DS_likar»; StatusBar1 – створюю TStatusPanel[0](для виведення підказок при наведенні мишею на певний компонент), TStatusPanel[1](для виведення кількості записів), в властивостях встановлюю AutoHint = true, ShowHint = true; MainMenu1(for_likar) – підключаю форму до нього в подіях встановлюю Menu = bd_work->for_likar, в ньому створюю кнопки та приписую до них назви; ToolBar1 – панель швидкого доступу, на якій створюю 8 кнопок, в подіях встановлюю HotImages = bd_work->ImageList1, Images = bd_work->ImageList1; Panel2(Button1 – для фільтрації по полю Edit1, який орієнтується на атрибут вибраний в ComboBox1; ComboBox1 – для вибору фільтрації по «Код лікаря» або «Прізвище і ініціали» або «Код паспорту» або «Телефонний номер» або «Місто проживання» або зняття фільтрації; Edit1 – текстове поле для введення певних символів для фільтрації по таблиці Лікарі).

7. Вікно «Клієнти»:

Додаю на форму klient Panel1.

На Panel1 розміщую DBGrid1 – для відображення таблиці Клієнти, в властивостях встановлюю DataSource = «bd_work->DS_klient»; DBNavigator1 – для управління таблицею, в властивостях встановлюю DataSource = «bd_work->DS_klient»; StatusBar1 – створюю TStatusPanel[0](для виведення підказок при наведенні мишею на певний компонент), TStatusPanel[1](для виведення кількості записів), в властивостях встановлюю AutoHint = true, ShowHint = true; MainMenu1(for_klient) – підключаю форму до нього в подіях встановлюю Menu = bd_work->for_klient, в ньому створюю кнопки та приписую до них назви; ToolBar1 – панель швидкого доступу, на якій створюю 8 кнопок, в подіях встановлюю HotImages = bd_work->ImageList1, Images = bd_work->ImageList1; Panel2(Button1 – для фільтрації по полю Edit1, який орієнтується на атрибут вибраний в ComboBox1; ComboBox1 – для вибору фільтрації по «Код клієнта» або «Діагноз» або «Код лікаря» або «Прізвище та ім’я» або «Код паспорту» або «Телефонний номер» або «Місто проживання» або зняття фільтрації; Edit1 – текстове поле для введення певних символів для фільтрації по таблиці Клієнти).

8. Вікно «Вставка запису в “Діагнози”»:

Додаю на форму diag_insert Panel1.

На Panel1 розміщую Panel2(Label1 – в властивостях встановлюю Caption = «Введіть код діагноза»; Label2 – в властивостях встановлюю Caption = «Введіть термін»; Label1 – в властивостях встановлюю Caption = «Введіть термін лікування:»;), Panel3(Edit1 – для введення коду діагноза; Edit2 – для введення терміну; Edit3 – для введення терміну лікування), Button1 – встановлюю властивість Caption = «Ок», додає в таблицю «Діагнози» послідовно дані прописані в Edit1, Edit2, Edit3.

9. Вікно «Видалення запису в “Діагнози”»:

Додаю на форму diag_delete Panel1.

На Panel1 розміщую Panel2(Label1 – в властивостях встановлюю Caption = «Введіть код діагноза»; Label2 – в властивостях встановлюю Caption = «Введіть термін»; Label1 – в властивостях встановлюю Caption = «Введіть термін лікування:»;), Panel3(Edit1 – для введення коду діагноза; Edit2 – для введення терміну; Edit3 – для введення терміну лікування), Button1 – встановлюю властивість Caption = «Ок», видаляє в таблиці «Діагнози» послідовно дані прописані в Edit1, Edit2, Edit3.

10. Вікно «Пошук в “Діагнози”»:

Додаю на форму diag_search Panel1

Ha Panel1 розміщую Panel2(Label1 – в властивостях встановлюю Caption = «Введіть код діагноза»; Label2 – в властивостях встановлюю Caption = «Введіть термін»; Label3 – в властивостях встановлюю Caption = «Введіть термін лікування»; RadioButton1 – для того щоб пошук відбувався по коду діагнозу, в властивостях встановлюю Checked = true; RadioButton2 – для того щоб пошук відбувався по терміну; RadioButton3 – для того щоб пошук відбувався по терміну лікування;), Panel3(Edit1 – вводиться код діагнозу; Edit2 – вводиться термін: Edit3 – вводиться термін лікування), Button1 – в властивостях встановлюю Caption = «Ок», виконує пошук орієнтуючись на вибраний RadioButton та по його відповідному Edit.

11. Вікно «Друк “Діагнози”»:

Додаю на форму ZVIT_diagnozi QuickRep1

На QuickRep1 розміщую QRBand1(QRLabel1 – в властивостях встановлюю Caption = «Код діагнозу»; QRLabel2 – в властивостях встановлюю Caption = «Термін»; QRLabel3 – в властивостях встановлюю Caption = «Термін лікування»), QRBand2(QRDBText1 – в властивостях встановлюю DataSet = bd_work->diagnoziz, DataField = «Код діагнозу»; QRDBText2 – в властивостях встановлюю DataSet = bd_work->diagnoziz, DataField = «Термін»; QRDBText3 – в властивостях встановлюю DataSet = bd_work->diagnoziz, DataField = «Термін лікування»), QRLabel5 – в властивостях встановлюю Caption = «Діагнози». Властивість компоненту QuickRep1 встановлюю DataSet = bd_work->INSERT_kvitanc, властивість компоненту QRBand2 встановлюю BandType = rbDetail.

12. Вікно «Прибуток» :

Додаю на форму suma_za_den_form Panel1.

На Panel1 розміщую Label1 – в властивостях встановлюю Caption = «Виберіть день:»; Button1 – в властивостях Caption = «Ок», при натиску підраховує суму за вибраний день в MonthCalendar1; DBText1 – для виведення суми за день, в властивостях DataSource = bd_work->summa_za_den, DataField = Expr1000; MonthCalendar1 – календар для вибору дня по якому буде проводитися підрахунок заробленої суми за день.

13. Вікно «Про нас» :

Додаю на форму Me Panel1.

На Panel1 розміщую Label1 – в властивостях Caption = «http://radiotex.org.ua/»; Label2 – в властивостях Caption = «© 2015 made by Hrebeniuk I. A.».

14. Вікно «Довідка» :

Додаю на форму Help Panel1.

Ha Panel1 розміщую Image1 – в властивостях Picture = (TJPEGImage)(завантажую фірмову картинку Medical© control); Label1 – в властивостях встановлюю Caption = «Medical© control (version: 1.0)»; Label2 – в властивостях встановлюю Caption = «Програма призначена для:»; Label3 – в властивостях встановлюю Caption = «зберігання;»; Label4 – в властивостях встановлюю Caption = «редагування;»; Label5 – в властивостях встановлюю Caption = «видалення даних;»; Label6 – в властивостях встановлюю Caption = «підрахування заробленої суми за день»; Label7 – в властивостях встановлюю Caption = «фільтрація та пошук даних»;