Вы находитесь на странице: 1из 10

1 РАЗРАБОТКА ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА: ЭТАПЫ

ВЫСОКОУРОВНЕВОГО ПРОЕКТИРОВАНИЯ

Цель работы: закрепить теоретические знания по разработке


пользовательского интерфейса; получить практические навыки по проведению
этапов предварительного и высокоуровневого проектирования интерфейса
пользователя.

1.1 Основные профили пользователей, их цели и задачи

Основные профили пользователей ИС и их характеристики, а также


характеристики, которые ими выдвигаются к информационной системе показаны
в таблице 1.1.

Таблица 1.1 – Профили пользователей


Пользователи Администратор Кассир Кассир контроллер

Социальные Мужчины, женщины


характеристики Взрослые
Русскоязычные
Средний уровень владения ПК
Мотивационно Прямая производственная необходимость, удобство
целевая среда
Мотивация к Мотивация к обучению средняя
обучению высокая
Навыки и Должны иметь Прошли предварительный тренинг
умения значительный работы с программой
тренинг работы с
программным
продуктом

Продолжение Таблица 1.1 – Профили пользователей


Требования к Возможность Возможность использования ПО ИС во
ПО ИС использования ПО время взаимодействия с посетителем
ИС в локальной
сети
Адекватное время Время реакции ПО ИС, допустимое для
ожидания реакции ожидания посетителем
ПО ИС
Возможность Обеспечение текущей информацией по
просмотра и состоянию счетов
редактирования
списка счетов
Возможность Возможность Возможность
просмотра просмотра истории просмотра
состояния счетов транзакций изменений счета
Задачи Учет счетов Ведение Учет изменений на
пользователя перемещений денежных счетах
средств по счетам
Просмотр истории
транзакций
Рабочая среда Стандартизирован Стандартизированные ПК
ные ПК, локальная
сеть

1.2 Описание функциональности приложения

Определение функциональности приложения на примере профиля: Кассир.


Исходя из задач этой категории пользователей, можно сформировать
следующий перечень функций необходимых в приложении:
а) Просмотр списка счетов;
б) Просмотр статуса счета;
в) Просмотр списка транзакций по счету;
г) Просмотр сведений о транзакции;
д) Подготовка(создание) транзакций;
е) Проведение транзакций;
ж) Отмена транзакции;
з) Поиск транзакции в истории;
и) Поиск счета по истории.
1.3 Схема навигационной системы

Исходя из информации, с которой работает пользователь можно разделить


функции приложения на такие функциональные блоки:
а) Счета (функции а, б, и)
б) Транзакции (проведенные) (функции в, г, ж, з,)
в) Подготавливаемые транзакции (функции д, е)
Таким образом в приложение необходимо наличие 3-х функциональных
блоков и экранных 7 форм.
Возможная схема навигации по формам представлена на рисунке 1.1

Список Список
счетов транзакций
1, 2 4 5
Сведения о
Сведения о транзакции
3 6
счете 7, 8, 9

10
Подготовка Управление
транзакций транзакциями
15 13, 14

11
Сведения о 12
транзакции

Рисунок 1.1 – Схема навигации

Операции, которые должен выполнять пользователь в рамках


возможностей, предоставляемых ему приложением (функций приложения):
1) Открыть список счетов;
2) Задать фильтр для списка счетов;
3) Показать информацию по выбранному счету;
4) Открыть транзакции по выбранному счету;
5) Задать фильтр для поиска счетов;
6) Просмотреть информацию о выбранной транзакции;
7) Отредактировать сведения о выбранной транзакции;
8) Сохранить изменения о транзакции;
9) Отмена изменений;
10) Откат проведенной транзакции;
11) Подготовка новой транзакции;
12) Редактирование сведений о новой транзакции;
13) Проведение транзакции;
14) Удалить не проведенную транзакцию;
15) Информация о не проведенных транзакциях.
Соответствие приведенных операций функциональным блокам, экранным
формам и навигационным переходам указано на рисунке 1.1.

1.4 Описание структуры главного меню

Необходимо сгруппировать операции таким образом, чтобы их группы


соответствовали пунктам главного меню.
Таблица 1.2 – Группа «Счета»
Действия Объект Примечание
Открыть список Счета 1
Задать фильтр 2
Подробные сведения 3
Таблица 1.3 – Группа «Транзакции»
Действия Объект Примечание
Открыть список Транзакции 4
Задать фильтр (проведенные) 5
Подробные сведения 6
Редактировать сведения 7

Таблица 1.4 – Группа «Подготовка транзакций»


Действия Объект Примечание
Открыть список Транзакции 15
Редактировать сведения (подготавливаемые) 12
Новая 11
Таблица 1.5 – Группа «Редактирование»
Действия Объект Примечание
Сохранить изменения Транзакции (любые) 8
Отмена изменений 9

Таблица 1.6 – Группа «Действия»


Действия Объект Примечание
Откат транзакции Транзакции (любые) 10
Проведение транзакции 13
Удаление транзакции 14

1.5 Граф состояний меню

Граф состояний меню показывает изменение возможных действий


пользователя в зависимости от текущего действия пользователя.

Таблица 1.7 – Состояние 1 при запуске приложения


Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Нет
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Нет
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Нет
Проведение транзакции Нет
Удаление транзакции Нет
Таблица 1.8 – Состояние 2 приложения при открытии списка счетов
Группа меню Подпункты Доступность
Счета Открыть список Нет
Задать фильтр Да
Подробные сведения Да
Транзакции Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Нет
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Нет
Проведение транзакции Нет
Удаление транзакции Нет

Таблица 1.9 – Состояние 3 при просмотре списка транзакций


Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Нет
Задать фильтр Да
Подробные сведения Да
Редактировать сведения Да
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Да
Проведение транзакции Нет
Удаление транзакции Нет
Таблица 1.10 – Состояние 4 при просмотре счета
Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Нет
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Нет
Проведение транзакции Нет
Удаление транзакции Нет

Таблица 1.11 – Состояние 5 при просмотре транзакции


Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Да
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Да
Проведение транзакции Нет
Удаление транзакции Нет
Таблица 1.12 – Состояние 6 при редактировании сведений
Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Нет
Подготовка транзакций Открыть список Да
Редактировать сведения Нет
Новая Да
Редактирование Сохранить изменения Да
Отмена изменений Да
Действия Откат транзакции Нет
Проведение транзакции Нет
Удаление транзакции Нет

Таблица 1.13 – Состояние 7 при просмотре списка подготавливаемых


транзакций
Группа меню Подпункты Доступность
Счета Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Транзакции Открыть список Да
Задать фильтр Нет
Подробные сведения Нет
Редактировать сведения Нет
Подготовка транзакций Открыть список Нет
Редактировать сведения Да
Новая Да
Редактирование Сохранить изменения Нет
Отмена изменений Нет
Действия Откат транзакции Нет
Проведение транзакции Да
Удаление транзакции Да
1

2
7

6 4

Рисунок 1.2 – Граф состояний меню

1.6 Пользовательские сценарии

 Кассир получает выписку о переведении денежных средств на счет


клиента. Она находит счет в списке, подготавливает транзакцию и после
заверения проводит ее.
 В процессе работы были обнаружены ошибки в реквизитах
получателя денежных средств. Кассир находит счет и находит транзакцию по
счету, в котором была найдена ошибка. Она выполняет откат указанной
транзакции.
 Пришел чек о зачислении денежных средств на счет предприятия.
Кассир создает новую транзакцию, вносит сведения о ней. Проводит транзакцию.
 Появилось производственное задание подготовить перевод денежных
средств на 3 счета. Кассир создает новую транзакцию для каждого счета. После
заверения в бухгалтерии она находит данные транзакции в списке
подготавливаемых. Проводит сразу все указанные транзакции.

1.7 Выводы

Во время выполнения лабораторной работы были отработаны навыки


составления списка профилей пользователя, их целей и задач; была изучена
техника проектирования главного меню приложения.
2 НИЗКОУРОВНЕВОЕ ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСА:
СОЗДАНИЕ И ОЦЕНКА ПРОТОТИПОВ. CWT-АНАЛИЗ ИНТЕРФЕЙСА
ПРОГРАММЫ

Цели работы:
 Закрепить теоретические знания по разработке пользовательского
интерфейса.
 Развить навыки создания версий прототипов интерфейса
пользователя.
 Провести CWT-анализ интерфейса программы, рассмотрев все
репрезентативные задачи (не более 3-х).

2.1 Внешний вид экранных форм (рукописный вариант)

2.2 Электронные прототипы экранных форм

2.3 Описание навигации по приложению

2.4 CWT-анализ

Оценить