4.3 Приклад використання інформаційної графіки, миші і клавіатури

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

Використання інформаційної графіки на прикладі кавового автомата. При розробці застосовувалася лінійна модель організації інформації (див. рис. 4.15 № 3). Шрифт, що використовувався – Mistral, є прикладом підсвідомого елемента візуалізації – фактура. Він змушує сфокусувати увагу на цій області, і робить текст більш дружнім для користувача.

У нашому прикладі інтерфейс має прямі кути, що робить його суворим, і одночасно «тихим» і спокійним. Щоб не створювати враження різкого і похмурого додатка був використаний світлий тон фону, типовий для комп'ютерних програм. Область управління (див. рис. 4.15 № 4) використовує візуальні мотиви які повторюються, що додає цілісності інтерфейсу.

Використання зображень носить скоріше декоративний характер (див. рис. 4.15 № 5 і 4.15 № 6), ніж інформаційний, але їх використання надає інтерфейсу «жвавість». Зображення використане також як фон у формі «про програму» (див. рис. 4.16). Таке використання зображення може виглядати занадто помітно в головній формі програми, але інформаційній формі воно додає привабливість.

Рисунок 4.15 – Головна форма КА

Рисунок 4.16 – Форма «Про програму»

Елементи інформаційної графіки також використовуються в системному меню КА – меню «Загальна статистика » (див. рис. 4.17). Тут реалізований шаблон Multi-Y Graph (Графік з декількома осями Y). Для побудови подібного графіка в C ++ Borland Builder 6 необхідно зайти в меню редагування графіка - Editing chart (див. рис. 4.18).

Рисунок 4.17 – Меню «Загальна статистика продажу напоїв»

Рисунок 4.18 – Меню редагування графіка - Editing chart из Borland C++ Builder

Застосування клавіатури і миші. Як вже говорилося вище, клавіатура і миша можуть використовуватися для прямого маніпулювання об'єктами. У нашому прикладі за допомогою миші здійснюється вибір з меню напоїв, а також всі необхідні дії для управління самим КА (вибір кількості цукру, повернення і внесення грошей). Реалізована також функція підказки HINT (див. рис. 4.15 № 1) з шаблону Datatips (Спливаючі дані). Код її реалізації наступний:

Edit2-> Visible = false;

Label13-> Visible = false;

Button1-> Hint = "Натіснiть для оплати";

Button2-> Hint = "Натіснiть для внесення готiвкі";

Button3-> Hint = "менших";

Button4-> Hint = "Бiльше";

RadioGroup1-> Hint = "Асортимент";

Клавіатура в КА використовується для введення суми внесених грошей (див. рис. 4.17 № 2) і пароля при вході з системне меню.

4.4 Завдання до роботи

4.4.1 Ознайомитися з пунктом 4.2 і конспектом лекцій.

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

4.4.3 Програмно реалізувати інтерфейс.

4.4.4 Оформити звіт.

4.4.5 Відповісти на контрольні питання.

4.5 Зміст звіту

4.5.1 Тема і мета роботи.