Розробка призначеного для користувача інтерфейсу
Міністерство освіти і науки України
Смілянський промислово-економічний коледж ЧДТУ
ЗВІТ
| лабораторних та практичних робіт | |
| з курсу: | «Людино – машинний інтерфейс» |
| Виконав: Сіренко Е. О. Перевірив(ла): Зборівська В. П. |
| 2015 - 2016 |
Зміст
Практична робота №1. 3
Практична робота №2. 7
Лабораторна робота №1. 10
Лабораторна робота №2. 13
Лабораторна робота №3. 16
Практична робота №1
Тема: Виконання етапів попереднього і високорівневого проектування при розробці призначеного для користувача інтерфейсу.
Мета: Закріпити теоретичні знання по розробці призначеного для користувача інтерфейсу. Отримати практичні навички по проведенню етапів попереднього і високорівневого проектування інтерфейсу користувача.
Хід роботи:
Предметна область ПП «ФермГосп»
Таблиця 1
| Користувачі | Лікарі | Старша медсестра |
| Соціальні характеристики | Чоловіки Жінки Україномовні Середній рівень володіння ПК | Жінка Україномовні Середній рівень володіння ПК |
| Мотиваційне цільове середовище | Виробнича необхідність Престиж Мотивація до навчання висока | Виробнича необхідність Зручність Мотивація до навчання висока |
| Навики і уміння | Отримали навички(досвід) роботи з програмою | |
| Вимоги до ПЗ ІС | Час реакції ПО ІС, допустима для очікування Відсутність жорстких обмежень за часом Забезпечення поточною інформацією за даними в «Поля», «Вартість посівних», «Посівні матеріали», «Техніка», «Термін роботи» Можливість формування нових даних в «Поля», «Вартість посівних», «Посівні матеріали», «Техніка», «Термін роботи» Можливість друку даних із таблиць «Поля», «Вартість посівних», «Посівні матеріали», «Техніка», «Термін роботи» | |
| Задачі користувача | Перегляд введення та зміна даних таблиць «Поля», «Вартість посівних», «Посівні матеріали», «Техніка», «Термін роботи» | Перегляд, введення та зміна даних таблиць «Поля», «Вартість посівних», «Посівні матеріали», «Техніка», «Термін роботи» Фільтрування даних Друк квитанції |
| Робоче середовище | Стандартизовані ПК на ОС Windows XP/Vista/7/8/8.1/10 |
Операції, які повинен виконувати користувач у рамках можливостей, що надаються йому застосуванням(функції застосування):
1. Ввести дані про поля
2. Ввести дані про вартість посівних
3. Ввести дані про посівні матеріали
4. Ввести дані про терміни роботи
5. Ввести дані про техніку
6. Проглянути дані про поля
7. Проглянути дані про вартість посівних
8. Проглянути дані про посівні матеріали
9. Проглянути дані про терміни роботи
10. Проглянути дані про техніку
11. Відфільтрувати дані про поля
12. Відфільтрувати дані про вартість посівних
13. Відфільтрувати дані про посівні матеріали
14. Відфільтрувати дані про терміни роботи
15. Відфільтрувати дані про техніку
16. Підрахувати загальну суму ремонту техніки
Рис. 1 – Схема навігації
Таблиця 2 – Вікно роботи з таблицею «Вартість посівних» (М1).
| Дії | Пошук | Списки |
| Таблиця Вартість посівних (1) Таблиця Поля (2) Таблиця Посівні матеріали (3) Таблиця Термін роботи (4) Таблиця Техніка (5) Добавити дані (6) Видалити дані (7) | Код вартості (36) Прибуток (37) Витрати (38) Код техніки(39) | Техніка(58) |
Таблиця 3 – Вікно роботи з таблицею «Поля» (М2)
| Дії | Пошук | Списки |
| Таблиця Вартість посівних (8) Таблиця Поля (9) Таблиця Посівні матеріали (10) Таблиця Термін роботи (11) Таблиця Техніка (12) Добавити дані (13) Видалити дані (14) | Код поля(40) Розмір(41) Область(42) |
Таблиця 4 – Вікно роботи з таблицею «Посівні матеріали» (М3)
| Дії | Пошук | Списки |
| Таблиця Вартість посівних (15) Таблиця Поля (16) Таблиця Посівні матеріали (17) Таблиця Термін роботи (18) Таблиця Техніка (19) Добавити дані (20) Видалити дані (21) | Код матеріалу(43) Ціна(44) Вага(45) Тип(46) Код вартості(47) Код поля(48) | Вартість посівних(59) Поля(60) |
Таблиця 5 – Вікно роботи з таблицею «Термін роботи» (М4)
| Дії | Пошук | Списки |
| Таблиця Вартість посівних (22) Таблиця Поля (23) Таблиця Посівні матеріали (24) Таблиця Термін роботи (25) Таблиця Техніка (26) Добавити дані (27) Видалити дані (28) | Код терміну(49) Код техніки(50) Код поля(51) | Техніка(61) Поля(62) |
Таблиця 6 – Вікно роботи з таблицею «Техніка» (М5)
| Дії | Пошук | Списки |
| Таблиця Вартість посівних (29) Таблиця Поля (30) Таблиця Посівні матеріали (31) Таблиця Термін роботи (32) Таблиця Техніка (33) Добавити дані (34) Видалити дані (35) | Код техніки(52) Код поля(53) Назва(54) Ціна(55) Витрати топлива(56) Ремонт(57) | Поля(63) |
Рис 2. – Орієнтований граф станів меню
Висновок. Я закріпив теоретичні знання по розробці призначеного для користувача інтерфейсу, отримав практичні навички по проведенню етапів попереднього і високорівневого проектування інтерфейсу користувача.
Практична робота №2
Тема: Низькорівневе проектування інтерфейсу.
Мета: Закріпити теоретичні знання по розробці призначеного для користувача інтерфейсу. Отримати практичні навички за кількісною оцінкою інтерфейсу на етапі низькорівневого проектування. Закріпити принципи обґрунтування вибору прототипу інтерфейсу за його кількісною оцінкою.
Хід роботи:
Розробка призначеного для користувача інтерфейсу.
Основні екранні форми:
1. Вартість посівних;
2. Поля;
3. Посівні матеріали;
4. Термін роботи;
5. Техніка.
Програма виконана в шаблонному вигляді, тому розглядатися буде одна форма.
Робота користувача починається з першою формою «Вартість посівних». Ця форма повинна забезпечувати виконання наступних операцій:
1. Створити новий запис;
2. Видалити запис;
3. Фільтрування записів;
4. Редагувати запис;
5. Виклик інших таблиць(Техніка, Поля, Посівні матеріали, Термін роботи);
6. Виклик довідки програми;
7. Виклик вікна друку;
8. Вихід із програми.
При використанні команди «створити новий запис» ця операція розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на кнопку додати запис, П;
3. Натиснення клавіші миші, М;
4. Натиснення клавіші клавіатури, К;
5. Вказівка на поле, П;
6. Натиснення клавіші миші, М;
7. Натиснення клавіші клавіатури, К;
8. Вказівка на поле, П;
9. Натиснення клавіші миші, М;
10. Натиснення клавіші клавіатури, К;
11. Вказівка на кнопку зберегти запис, П;
12. Натиснення клавіші миші, М.
Отримуємо: В, П, М, К, П, М, К, П, М, К, П, М.
Відповідно до правил отримуємо: Д, П, М, К, П, М, К, П, М, К, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 + 0,28 + 1,1 + 0,1 +0,28 + 1,1 + 0,1 +0,28 + 1,1 + 0,1 = 6,84
При використанні команди «видалити запис» ця операція розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на поле видалення, П;
3. Натиснення клавіші миші, М;
4. Вказівка на кнопку видалити запис, П;
5. Натиснення клавіші миші, М;
6. Вказівка на кнопку підтвердження видалення запису, П;
7. Натиснення клавіші миші, М;
Отримуємо: В, П, М, П, М, П, М.
Відповідно до правил отримуємо: Д, П, М, П, М, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 +1,1 + 0,1 +1,1 + 0,1 = 4,8
При використанні команди «фільтрування записів» ця операція розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на випадаючий список «фільтри», П;
3. Натиснення клавіші миші, М;
4. Вказівка на потрібну фільтрацію, П;
5. Натиснення клавіші миші, М;
6. Вказівка на поле фільтрування(поле введення), П;
7. Натиснення клавіші миші, М;
8. Натиснення клавіші клавіатури, К;
9. Вказівка на кнопку фільтрування, П;
10. Натиснення клавіші миші, М;
Отримуємо: В, П, М, П, М, П, М, К, П, М.
Відповідно до правил: Д, П, М, Д, П, М, П, М, К, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 +1,2 + 1,1 + 0,1 + 1,1 + 0,1 + 0,28 + 1,1 + 0,1 = 7,48 (З використанням клавіші «Enter», загальний час буде 6,56)
При використанні команди «редагувати запис» ця операція розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на запис, який потрібно редагувати, П;
3. Натиснення клавіші миші, М;
4. Натиснення клавіші клавіатури, К;
5. Вказівка на кнопку підтвердження зберігання даних в таблиці, П;
6. Натиснення клавіші миші, М.
Отримуємо: В, П, М, К, П, М.
Відповідно до правил: Д, П, М, К, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 + 0,28 + 1,1 + 0,1 = 3,88
При використанні команди «виклик інших форм» ця операція розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на розділ меню «Таблиця», П;
3. Натиснення клавіші миші, М;
4. Вказівка на потрібний пункт підменю «Таблиця», П;
5. Натиснення клавіші миші, М;
Отримуємо: В, П, М, П, М.
Відповідно до правил: Д, П, М, Д, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 + 1,2 + 1,1 + 0,1 = 6,8
При використанні команди «виклик довідки програми», «виклик вікна друку» та «вихід із програми» ці операції розкладається на наступні дії:
1. Переміщення руки до миші, В;
2. Вказівка на розділ меню «Довідка», П;
3. Натиснення клавіші миші, М.
Отримуємо: В, П, М.
Відповідно до правил: Д, П, М.
Отримуємо загальний час: 1,2 + 1,1 + 0,1 = 2,4
Висновок. Я закріпив теоретичні знання по розробці призначеного для користувача інтерфейсу, отримав практичні навички за кількісною оцінкою інтерфейсу на етапі низькорівневого проектування та закріпив принципи обґрунтування вибору прототипу інтерфейсу за його кількісною оцінкою.
Лабораторна робота №1
Тема: Розробка елементів інтерфейсу користувача.
Мета: Закріпити теоретичні знання по розробці призначеного для користувача інтерфейсу. Розвинути навички створення варіантів прототипів інтерфейсу користувача.
Хід роботи:
Програмне забезпечення припускає наявність довідника для роботи із додатком, в якому міститься інформація про введення / виведення даних із таблиць: Діагнози, Клієнти, Лікарі, Квитанції, Препарати, усіх їх атрибутів. А також фільтрація, пошук та виведення заробленої суми за певний день.
Основні екранні форми:
1. Вартість посівних;
2. Поля;
3. Посівні матеріали;
4. Термін роботи;
5. Техніка.
Форма «Вартість посівних» повинна забезпечувати:
1. Введення даних (Прибуток, Витрати, Код техніки, Код вартості);
2. Виведення даних (Прибуток, Витрати, Код техніки, Код вартості);
3. Фільтрацію даних (Прибуток, Витрати, Код техніки, Код вартості);
Форма «Поля» повинна забезпечувати:
1. Введення даних (Код поля, Розмір, Область);
2. Виведення даних (Код поля, Розмір, Область);
3. Фільтрацію даних (Код поля, Розмір, Область);
Форма «Посівні матеріали» повинна забезпечувати:
1. Введення даних (Код матеріалу, Ціна, Вага, Тип, Код вартості, Код поля);
2. Виведення даних (Код матеріалу, Ціна, Вага, Тип, Код вартості, Код поля);
3. Фільтрацію даних (Код матеріалу, Ціна, Вага, Тип, Код вартості, Код поля);
Форма «Термін роботи» повинна забезпечувати:
1. Введення даних (Код терміну, Код техніки, Код поля, Дата початку, Дата кінця);
2. Виведення даних (Код терміну, Код техніки, Код поля, Дата початку, Дата кінця);
3. Фільтрацію даних (Код терміну, Код техніки, Код поля);
Форма «Техніка» повинна забезпечувати:
1. Введення даних (Код техніки, Код поля, Назва, Ціна, Витрати топлива, Ремонт);
2. Виведення даних (Код техніки, Код поля, Назва, Ціна, Витрати топлива, Ремонт);
3. Фільтрацію даних (Код техніки, Код поля, Назва, Ціна, Витрати топлива, Ремонт);
Зразкові види екранних форм:
Рис. 1 – Екранна форма «Діагнози»
Рис. 2 – Екранна форма «Клієнти»
Рис. 3 – Екранна форма «Лікарі»
Рис. 4 – Екранна форма «Квитанції»
Рис. 5 – Екранна форма «Препарати»
Висновок. Я закріпив теоретичні знання по розробці призначеного для користувача інтерфейсу та розвинув навички створення варіантів прототипів інтерфейсу користувача.
Лабораторна робота №2
Тема: Здійснення обробки виключень. Розробка системи повідомлень користувачеві.
Мета: Закріпити теоретичні знання по розробці призначеного для користувача інтерфейсу. Розвинути навички створення варіантів прототипів інтерфейсу користувача. Навчитися застосовувати обробку виняткових ситуацій шляхом нейтралізації динамічних помилок.
Хід роботи:
Повідомлення у вікні ідентифікації:
1. При неправильному введеному паролі, повинно викликатись повідомлення з текстом «Невірний пароль!».
Повідомлення у вікні зміни паролю:
1. При неправильному введеному старого паролю, повинно викликатись вікно повідомлення з повідомленням «Невірний старий пароль!».
2. Якщо поля «Введіть новий пароль» та «Повторіть новий пароль» не співпадають, то повинно викликатись вікно повідомлення з повідомленням «Поля ‘Введіть новий пароль’ і ‘Повторіть новий пароль’ повинні співпадати!».
3. При успішному заповненні усіх полів, повинно викликатись вікно повідомлення з повідомленням «Зміна пароля пройшла успішно!», та при натисненні в вікні повідомлення на кнопку «Ок», повинно викликатись вікно ідентифікації(при умові, якщо перед відкриттям вікна «Зміна паролю» було відкрите вікно «Ідентифікація» ), або вікно з даними(при умові, якщо перед відкриттям вікна «Зміна паролю» було відкрите вікно з певними даними медичного діагностичного центру).
Лістинг повідомлень та виключень
Вікно ідентифікації
void __fastcall TPasswordDlg::OKBtnClick(TObject *Sender)
{
Memo1->Clear();
Memo1->Lines->LoadFromFile("renew.bin");
String pass_file = Memo1->Text;
if(pass_file != Password->Text) { ShowMessage("Невірний пароль!"); }
else
{ PasswordDlg->Visible=false;
Diagnoz->Show();
}
}
Вікно зміни паролю
void __fastcall TPass_renew::Button1Click(TObject *Sender)
{
bool turned = false;
String mess1 = "Поля 'Введіть новий пароль' ³ ";
String mess2 = "'повторіть новий пароль' повинні співпадати!";
Memo1->Clear();
Memo1->Lines->LoadFromFile("renew.bin");
String pass_file = Memo1->Text;
if(Old_pass->Text==pass_file) {
if(New_pass->Text == Complete_pass->Text) {
Memo1->Text = Complete_pass->Text;
Memo1->Lines->SaveToFile("renew.bin");
turned = true;
}
else ShowMessage(mess1+mess2);
}
else ShowMessage("Невірний старий пароль!");
if(turned == true)
{ ShowMessage("Зміна паролю пройшла успішно!"); Visible = false;
Close(); }
}
}
Результат роботи
Рис. 1 – Повідомлення вікна «Ідентифікація» про невірний пароль.
Рис. 2 – Повідомлення вікна «Зміна паролю» про успішно змінений пароль.
Рис. 3 – Повідомлення вікна «Зміна паролю» про невдалу спробу змінити пароль.
Рис. 4 – Повідомлення вікна «Зміна паролю» про не співпадання полів зміни паролю.
Висновок. Я закріпив теоретичні знання по розробці призначеного для користувача інтерфейсу, розвинув навички створення варіантів прототипів інтерфейсу користувача та навчився застосовувати обробку виняткових ситуацій шляхом нейтралізації динамічних помилок.
Лабораторна робота №3
Тема: Проектування довідкових систем і повідомлень.
Мета: Навчитись створювати довідкові системи за допомогою Microsoft Help Workshop та HTML Help Workshop та підключати їх до програми.
Хід роботи:
Рис. 1 – Представлення головної сторінки довідки «Farmer».
Рис. 2 – Представлення сторінки довідки аутентифікації користувача в додатку «Farmer».
Рис. 3 – Представлення сторінки довідки використання програмного додатку «Farmer».
Висновок. Я навчився створювати довідкові системи за допомогою Microsoft Help Workshop та HTML Help Workshop та підключати їх до програми.