Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Технологии разработки ПО. Лабораторный практикум
.pdf
Лабораторная работа № 7
«РАЗРАБОТКА ИНТЕРФЕЙСА
ПОЛЬЗОВАТЕЛЯ»
7.1. Цель работы
Получение практических навыков в проектировании и реа-
лизации элементов пользовательского интерфейса.
7.2. Теоретический минимум
Интерфейс пользователя – это совокупность средств, способов и правил взаимодействия программы с пользователем.
Основным элементом такого взаимодействия является диалог –
регламентированный обмен информацией в реальном времени,
направленный на совместное решение задачи.
Каждый сеанс взаимодействия состоит из процедур ввода и
вывода информации и управляющих команд. Вводом считается передача информации от человека к программе, выводом –
от программы к человеку.
Наиболее распространенными видами пользовательского
интерфейса являются:
– текстовый – ввод и вывод осуществляются в символь-
ной форме;
– графический – для взаимодействия используются визу-
альные формы представления;
– голосовой – для взаимодействия используются техноло-
гии распознавания и синтеза речи.
7.2.1. Этапы разработки пользовательского
интерфейса
Разработка пользовательского интерфейса может быть осуществлена на основе спецификаций, разработанных на этапе
анализа требований и уточненных на этапе проектирования.
При этом процесс разработки интерфейса разбивается на три
этапа: построение графов диалогового взаимодействия, выбор
форм представления данных и синтез элементов пользователь-
61
ского интерфейса. Каждый этап завершается оформлением соответствующих спецификаций.
7.2.2. Построение графов диалогового
взаимодействия
Граф диалогового взаимодействия – это разновидность диаграммы переходов состояний, описывающая последовательность взаимодействия пользователя и программы при реализации диалога. Как правило, отдельные графы взаимодействия
строятся для каждого варианта использования, определенного
на этапе анализа требований.
В качестве узлов графа (состояний) выступают элементарные сеансы диалогового обмена. В качестве дуг – переходы,
инициируемые командами подтверждения, отмены ввода,
навигацией по элементам интерфейса, вводом некорректных
данных, исключениями и иными событиями, требующими изменения диалогового контекста.
7.2.3. Выбор форм представления данных
На данном этапе каждое состояние графа трансформируется в отдельную таблицу представления данных (табл. 7.1).
Таблица 7.1
Элемент данных / команда Тип данных Элемент интерфейса
В первом столбце таблицы указывают входной или выходной параметр или команду управления, во втором – тип
данных для представления этого параметра или команды, в
третьем – конкретный элемент реализации, зависящий от выбранного типа пользовательского интерфейса.
7.2.4. Синтез элементов пользовательского
интерфейса
На этапе синтеза все формы представления данных получают программную реализацию. Для графического оконного
интерфейса каждая таблица, как правило, преобразуется в от-
62
дельное окно или форму, а отдельный элемент – в кнопку, поле
ввода или вывода, список и т.п. Для текстового или голосового интерфейса таблица разворачивается в элементарный сеанс
взаимодействия, а элементом интерфейса служат текстовые
или речевые конструкции.
7.3. Порядок выполнения работы
1. Получить у преподавателя свой вариант задания.
2. Проанализировать требования и построить диаграмму
вариантов использования.
3. Для каждого основного варианта использования постро-
ить граф диалогового взаимодействия.
4. Отдельные состояния графов преобразовать в таблицы
форм представления данных.
5. Реализовать элементы пользовательского интерфейса.
6. Оформить отчет о выполненной работе.
7.4. Пример выполнения работы
Разработаем графический интерфейс для почтовой программы из примера к лабораторной работе № 3, основными
вариантами использования которой являются (см. рис. 3.4):
проверка почты, чтение письма и отправка письма. Дополнительно предусмотрены процедуры авторизации, выбора
подразделения для массовой рассылки, вложение документов
и фотографий.
7.4.1. Построение графов диалогового
взаимодействия
При реализации варианта использования проверка почты
взаимодействие пользователя с программой предполагает следующие процедуры авторизации пользователя и визуализации списка входящих писем.
Вариант чтение письма, в дополнение к перечисленным,
содержит процедуру просмотра письма.
Вариант отправка письма содержит процедуры авторизации, редактирования письма, выбора адресата, выбор файла.
Построим соответствующие графы взаимодействия (рис. 7.1).
63
Рис. 7.1. Графы диалогового взаимодействия интерфейса по-
чтовой программы
7.4.2. Выбор форм представления данных
Видом интерфейса программы определим графический, на
основе диалоговых форм. Каждое состояние каждого графа взаимодействия будет отображаться в диалоговое окно. Состояния
с одинаковым именем из разных графов связываются с одним
и тем же окном. Основным окном программы будет окно просмотра почты.
Сформируем таблицы представления данных и выберем элементы реализации с учетом использования среды разработки
Microsoft Visual Studio и технологии Windows Forms (табл. 7.2–
7.5).
Таблица 7.2
Диалоговое окно «Авторизация»
Элемент данных / команда Тип данных Элемент интерфейса
Приглашение ко вводу логина Текст Label
Приглашение ко вводу пароля Текст Label
Поле ввода логина Текст TextBox
Поле ввода пароля Текст TextBox
Подтверждение ввода Кнопка Button
Отмена ввода Кнопка Button
64
Таблица 7.3
Диалоговое окно «Просмотр почты»
Элемент данных / команда Тип данных Элемент интерфейса
Заголовок списка писем Текст Label
Входящие письма Список ListBox
Завершение просмотра Кнопка Button
Переход к просмотру письма Кнопка Button
Таблица 7.4
Диалоговое окно «Просмотр письма»
Элемент данных / команда Тип данных Элемент интерфейса
Заголовок отправителя Текст Label
Заголовок темы Текст Label
Отправитель Текст TextBox
Тема письма Текст TextBox
Текст письма Гипертекст RichTextBox
Переход к ответу Кнопка Button
Завершение чтения Кнопка Button
Таблица 7.5
Диалоговое окно «Написание письма»
Элемент данных / команда Тип данных Элемент интерфейса
Заголовок адресата Текст Label
Заголовок темы Текст Label
Заголовок вложений Текст Label
Адресат Текст TextBox
Тема письма Текст TextBox
Вложения Текст TextBox
Текст письма Гипертекст RichTextBox
Отмена отправки Кнопка Button
Отправка Кнопка Button
Диалоговые окна выбора файла и выбора адресата явля-
ются шаблонными, их интерфейс не проектируется.
65
7.4.3. Синтез элементов пользовательского
интерфейса
На основе таблиц представления данных, используя среду
визуального проектирования интерфейса, реализуем диалоговые окна (рис. 7.2–7.5).
Рис. 7.2. Диалоговое окно «Авторизация»
Рис. 7.3. Диалоговое окно «Просмотр почты»
66
Рис. 7.4. Диалоговое окно «Просмотр письма»
Рис. 7.5. Диалоговое окно «Написание письма»
67
7.5. Вопросы для самоконтроля
1. Какие виды интерфейсов пользователя вы знаете?
2. Какой вид интерфейса разработан в примере к лабора-
торной работе?
3. Из каких этапов состоит проектирование интерфейсов?
4. Что понимается под термином «диалог»?
5. На какой стадии разработки программного обеспечения
можно начинать проектирование интерфейса пользователя?
6. Что такое граф диалогового взаимодействия?
7. Что является узлами графа диалогового взаимодействия?
68
ЗАКЛЮЧЕНИЕ
Разработка программного обеспечения – это больше, чем
просто программирование, это технологический процесс, схожий с процессом производства промышленных изделий в части
анализа рисков, планирования, проектирования и контроля качества, но и отличающийся от него «бестелесностью» получаемого продукта. Мы не можем взвесить программу, измерить ее
габариты или испытать на механическую прочность. Для программ нужны иные метрики, позволяющие сделать каждый
этап разработки контролируемым, а каждый промежуточный
результат измеряемым. Предложенный цикл лабораторных
работ приоткрывает завесу программной инженерии, затронув
на практических примерах почти каждую стадию разработки,
но для настоящих программистов, тестировщиков и руководителей IT-проектов это лишь отправная точка, впереди – огромная работа по самообразованию и развитию профессиональных
навыков.
69
БИБЛИОГРАФИЧЕСКИЙ СПИСОК
1. Иванова Г.С. Технология программирования : учебник
для вузов. М. : Изд-во МГТУ им. Н.Э. Баумана, 2006. 335 с. : ил.
2. Камаев В.А., Костерин В.В. Технологии программирования : учебник. 2-е изд., перераб. и доп. М. : Высш. шк., 2006.
454 с. : ил.
70
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]