ПЧМИшечка 2
.docxУФИМСКИЙ УНИВЕРСИТЕТ НАУКИ И ТЕХНОЛОГИЙ
Кафедра вычислительной математики и кибернетики
Отчет по лабораторной работе № 2
по дисциплине «Проектирование человеко-машинного интерфейса»
по теме «Построение графа диалога интерфейса пользователя»
Выполнили:
студенты группы ПРО-332б
Видманов А. А.
Ихсанова Э. А.
Проверила:
Нагимова И. А.
Уфа – 2024
Цель работы:
Целью работы является изучение методики разработки графа диалога, описывающего механизм работы проектируемой системы в контексте взаимодействия с пользователем.
Вариант задания:
Для выполнения лабораторной работы был выбран вариант Туристическое агентство.
Ход работы:
Определим основные параметры. Обоснование их выбора представлено в таблице:
Нпп
Название параметра
Обоснование выбора
1
Поиск туров
Поиск по своим критериям позволяет уменьшить выбор, облегчая навигацию при поиске конкретных туров.
2
Акции
Помогает фильтровать туры по интересам, делая выбор более удобным для пользователя.
3
Цена
Пользователь может искать путевки в конкретном ценовом диапазоне, основываясь на своем бюджете.
4
Страны и отели
Помогает фильтровать туры по желаемым направлениям и отелям, делая выбор более удобным для пользователя.
5
Бронирование
Центральная часть процесса покупки. Здесь пользователь принимает решение по выбранному направлению.
6
Личные данные
Для оформления путевки и связи турфирмы с клиентом необходима контактная информация.
7
Оплата
Финальный этап сделки. Пользователь выбирает способ оплаты и производит платеж.
8
Выход
Пользователь покинул сайт.
По выбранным параметрам построим граф диалога (для упрощения графа, первые четыре параметра были объединены в группу “Поиск тура”):
Рисунок 1 – граф диалога
Отобразим граф диалога в виде таблицы.
Запрос |
Ответ |
Выбрать тур |
Выдать список всех возможных туров |
Выбрать акцию |
Выдать список самых выгодных предложений |
Ввести страну и отель |
Выдать варианты по заданным критериям |
Задать диапазон цен |
Выдать предложения в заданном ценовом диапазоне |
Нажать кнопку “Бронировать” |
Отобразить страницу, с выбранными путевками, а также с формой для данных пользователя и кнопкой “Оплатить” |
Нажать кнопку “Оплатить” |
Открывается форма, где пользователь может выбрать способ оплаты. Оплата производится на сайте автоматически, после того как пользователь ввел данные карты. |
Нажать кнопку “Выход” |
Пользователь покидает сайт. |
Р
азработаем
граф состояний и переходов интерфейса
проектируемой системы:
Рисунок 2 – граф состояний
Вывод:
В рамках лабораторной работы были приобретены навыки разработки графа состояний и переходов, отражающего взаимодействие экранных форм проектируемого интерфейса на основе графа диалога.
Контрольные вопросы
Что такое диалог? Какие типы диалога вы знаете?
Диалог – общение между двумя или более участниками.
Типы диалога:
Диалог на основе командного языка.
Диалог типа «вопрос-ответ».
Диалог на основе меню.
Диалог на основе экранных форм.
Что такое граф диалога? Какова его роль в процессе проектирования интерфейса?
Граф диалога – графическое представление диалога, как последовательность переходов системы из одного состояния в другое.
Роль графа диалога заключается в наглядном представлении диалога
Что такое граф состояний и переходов интерфейса? Каковы его составляющие?
Графическое формальное описание диалога в контексте пользовательского интерфейса представляется экранными формами (состояниями) и элементами управления (переходами).
Приведите примеры классов моделей, которые могут быть использованы для построения графа диалога.
сети Петри,
конечные автоматы,
графы состояний и переходов,
иерархические ситуационные модели.
Какие типы состояний предусмотрены в графе состояний и переходов интерфейса?
Типы:
новая экранная форма
текущая экранная форма