ЛАБОРАТОРНА РОБОТА №1
РОЗРОБКА ІНТЕРФЕЙСУ, ПРИЗНАЧЕНОГО ДЛЯ КОРИСТУВАЧА: ЕТАПИ ПОПЕРЕДНЬОГО І ВИСОКОРІВНЕВОГО ПРОЕКТУВАННЯ
Мета: закріпити теоретичні знання по розробці інтерфейсу призначеного для користувача. Сформувати практичні навички з проведення попереднього і високорівневого етапів проектування інтерфейсу користувача.
Хід роботи
1. Сформувати профілі потенційних користувачів програмного забезпечення інформаційної системи.
Розробка інтерфейсу для інформаційної системи інтернет-магазину одягу. Сформувала профілі потенційних користувачів програмного забезпечення інформаційної системи.
2. Визначити функціональність застосування, виходячи з цілей і завдань користувачів.
Розглянемо визначення функціональності на прикладі одного з профілів: представники обслуговуючого персоналу. Виходячи із завдань цієї категорії користувачів, можна сформувати наступний перелік функцій необхідних в застосуванні:
- створити нове замовлення;
- редагувати замовлення;
- вибір товару із списку товарів;
- перегляд детальних даних про товар;
- додавання товару із списку товарів в замовлення;
- видалення товару з замовлення;
- збереження замовлення;
- друк замовлення;
- знижка на замовлення;
- спосіб розрахунку
3. Сформувати декілька сценаріїв призначених для користувачів виділених профілів.
Наприклад:
a) Олена Миколаївна спілкується з клієнтами по телефону. На прохання клієнта вона заздалегідь переглядає дані про запрошені їм товари, потім приступає до формування замовлення. Вона вводить дані клієнта, після чого вибирає вказані товари ізсписку і додає їх в замовлення і зберігає замовлення.
b) Ганна Миколаївна переглядає замовлення, редагує в замовленні інформаціюпо деяких товарах, зберігає інформацію, роздруковує її та віддає кур'єру.
4. Визначити функціональні блоки застосування, скласти схему навігаційної системи.
Очевидно, що окремі функціональні блоки відповідають роботі користувачів зінформацією:
- по замовленнях: по загальному журналу замовлень і по конкретному (поточному) замовленню;
- по клієнтах: за списком клієнтів в цілому і по конкретному клієнтові;
- по товарах: за списком товарів і по цьому товару детально. Таким чином, можна вести мову про наявність в застосуванні трьох функціональних блоків і шести екранних форм:
- Журнал замовлень;
- Поточне замовлення;
- Список клієнтів;
- Карта клієнта;
- Список товарів;
- Карта товару.
Розробимо схему навігації по формах:
5. Встановити для окремих функціональних блоків відповідні операції і об'єкти операцій. Згрупувати їх в розділи меню. У конкретному середовищі розробки застосування сформувати меню.
Визначимо операції, які повинен виконувати користувач у рамках можливостей, що надаються йому застосуванням (функцій застосування):
1) створити нове замовлення;
2) задати атрибути пошуку замовлення;
3) знайти замовлення по поточних атрибутах пошуку;
4) відкрити поточне замовлення на редагування;
5) проглянути список клієнтів;
6) ввести дані нового клієнта в поточне замовлення;
7) редагувати дані поточного клієнта в списку клієнтів;
8) зберегти дані про поточного клієнта;
9) проглянути список товарів;
10) задати атрибути пошуку товарів;
11) знайти товар по поточних атрибутах;
12) вибрати товар із списку товарів;
13) проглянути детальні дані поточного товару;
14) редагувати дані по поточному товару в поточному замовленні;
15) зберегти поточне замовлення;
16) роздрукувати інформацію по поточному замовленню;
17) сформувати рахунок по поточному замовленню;
18) додати дані поточного товару в поточне замовлення;
19) додати атрибути поточного клієнта до пошуку замовлення;
20) додати поточного клієнта в поточне замовлення;
| Дії | Об’єкт | Примітки |
| Створити | Замовлення Клієнт | 1 6 |
| Відкрити | Замовлення Клієнт Товар | 4 7 13 |
| Зберегти | Замовлення Клієнт | 15 8 |
| Вибрати (відібрати для додавання) | Товар Клієнт Атрибути клієнта | 18 20 19 (до пошуку) |
| Друк | Замовлення | 16 |
| Рахунок | Замовлення | 17 |
Таблиця 2 - Група дії
| Списки | Операції | Примітки |
| Товари | Проглянути | 9 |
| Клієнти | Проглянути | 5 |
Таблиця 3 - Списки
6. Скласти граф стану меню і провести перевірку можливих переходів в графові відповідно до сценаріїв призначених для користувача.
| Дії | Пошук | Списки |
| Створити (1) Відкрити (4) Зберегти Вибрати Друк Рахунок | Знайти (3) | Клієнти (5) Товари (4) |
Таблиця 4 - Журнал замовлень (стан М1)
| Дії | Пошук | Списки |
| Створити Відкрити Зберегти (15) Вибрати Друк (16) Рахунок (17) | | |
Таблиця 5 - Поточне замовлення (стан М2)
| Дії | Пошук | Списки |
| Створити (6) Відкрити (7) Зберегти Вибрати (19) Друк Рахунок | | |
Таблиця 6 - Список клієнтів (стан М3)
| Дії | Пошук | Списки |
| Створити Відкрити Зберегти Вибрати (8) Друк Рахунок | | |
Таблиця 7 - Карта клієнту (стан М4)
| Дії | Пошук | Списки |
| Створити Відкрити (13) Зберегти (15) Вибрати Друк (16) Рахунок (17) | Знайти (11) | |
Таблиця 8 - Список товарів (стан М5)
| Дії | Пошук | Списки |
| | | |
Таблиця 9 - Карта товару (стан М6)
Граф станів:
Висновок: сьогодні я закріпив теоретичні знання по розробці інтерфейсу призначеного для користувача. Сформував практичні навички з проведення попереднього і високорівневого етапів проектування інтерфейсу користувача