Федеральное агентство по образованию

Государственное образовательное учреждение высшего профессионального образования

«Ивановский государственный энергетический университет

имени В. И. Ленина»

Кафедра программного обеспечения компьютерных систем

Проектирование пользовательского интерфейса

Методические указания к лабораторным работам по курсу «Человеко-машинное взаимодействие»

Иваново 2005

Составители Т. Я. Кроль,

А.С. Капитонихин,

М.В. Крылов,

П.Н. Чистяков

Редактор В. А. ГУСЕВ

Методические указания предназначены для студентов IV курса

направления «Информатика и вычислительная техника».

Утверждены цикловой методической комиссией факультета ИВТ

Рецензент

кафедра программного обеспечения компьютерных систем ГОУ ВПО «Ивановский государственный энергетический университет

имени В.И. Ленина»

Проектирование пользовательского интерфейса

Методические указания к лабораторным работам по курсу «Человеко-машинное взаимодействие»

Составители: Кроль Татьяна Яковлевна,

Капитонихин Александр Сергеевич,

Крылов Михаил Владимирович,

Чистяков Павел Николаевич

Редактор Н.Б. Михалева

Лицензия ИД № 05285 от 4 июля 2001 г.

Подписано в печать Формат 60х84 ¹/₁₆.

Печать плоская. Усл. печ. л. 1,39.

Тираж 50 экз. Заказ № .

ГОУ ВПО « Ивановский государственный энергетический университет имени В.И. Ленина»

153003, Г. Иваново, ул. Рабфаковская, 34

Отпечатано в РИО ИГЭУ

1. Цель лабораторного практикума

Целью практических занятий по курсу «человеко-машинное взаимодействие» является знакомство с технологией разработки и тестирования интерфейсных элементов. При этом выполняется анализ требований, предъявляемых к разрабатываемым компонентам, реализуются основные этапы проектирования интерфейса, его тестирования, создается система обучения и документации. В качестве средства разработки компонентов используется среда программирования Delphi (версии 5.0 или выше).

2. Содержание лабораторного практикума

Основное содержание практикума будет рассмотрено на примере следующего задания.

Разработать визуальные компоненты Delphi, реализующие диалог выбора из нескольких вариантов и обеспечивающие дополнительное удобство и наглядность работы благодаря возможности ищменения их внешнего вида путем задания формы и цвета. За базовые компоненты принять CheckBox и RadioButton. Настройку внешнего вида осуществлять выбором из списка возможных вариантов или из файла формата BMP. Компонент должен поддерживать темы ОС Windows XP.

1. Тема 1 (2 часа). Постановка задачи

На этом этапе осуществляется анализ требований, предъявляемых к разрабатываемым компонентам, формализуется функциональность и определяются объективные критерии успеха проекта. На этом этапе закладываются основные концепции системы, влияющие абсолютно на все показатели качества её интерфейса.

Для того чтобы корректно и полно поставить задачу разработки, студенту, необходимо выполнить следующее:

• формализацию контекста использования;

• формализацию объективных критериев успеха;

• определение необходимой функциональности системы;

• анализ целей;

• анализ действий пользователей;

• определение низкоуровневых и высокоуровневых функций;

• формализацию бизнес-ролей пользователей;

• формализацию функциональности;

• формализацию сценариев действий пользователей;

• обзор интерфейса конкурирующих систем;

• формализацию привычек и ожиданий пользователей.

Рассмотрим эти шаги и конкретные примеры их реализации.

1. Формализация контекста использования

На этом этапе собирается большинство сведений о пользователях. Описываются следующие свойства аудитории системы:

• характеристики пользователей: их опыт работы с компьютером, знание предметной области, мотивы, размер/важность групп пользователей, образцы (типовые ситуации) использования;

• цели и задачи пользователей;

• задачи проекта (причина создания проекта, его этапы, результаты, которые должны быть получены, необходимая информация);

• технология разработки и платформа, на которой будут работать пользователи;

• среда, в которой будет создаваться и использоваться проект (физическая, рыночная, организационная и культурная);

На входе – доступ к имеющимся и потенциальным пользователям системы, экспертам и проектной документации.

На выходе – описание контекста использования системы, возможно более детальное описание свойств пользователей.

Пример

Сведения о пользователях

Пользователи разрабатываемых компонентов делятся на две основные группы:

1. Конечные пользователи систем, в которых будут использоваться разрабатываемые компоненты. К этой группе относятся люди, имеющие минимальные навыки работы с компьютером (основные приемы работы с Windows, программами MS Office, почтовыми системами и т.п.), либо не имеющие этого опыта вообще.

2. Программисты, которые будут использовать компоненты CheckBox и RadioButton в своих разработках.

Цели и задачи пользователей

Целью первой группы пользователей является максимально быстрый и безошибочный ответ на вопрос системы («да», «нет», «не уверен»).

Целью второй группы пользователей является удобное и простое подключение компонентов к разрабатываемой системе и обеспечение их корректной работы в рамках проекта в целом.

Задачи проекта

Такие компоненты, как CheckBox и RadioButton, применяются практически на каждой интерфейсной форме в любой из компьютерных систем. Однако стандартные компоненты имеют единообразное практически не настраиваемое исполнение, что снижает удобство и наглядность их использования. В связи с этим задачей проекта является добавление к стандартным компонентам Delphi функций, позволяющих изменить внешний вид этих компонентов (задание их цвета или вида элементов из файла формата BMP).

Технология разработки и платформа

Компоненты разрабатываются в среде Delphi с использованием языка Object Pascal. Требуемая операционная среда – Windows’98 и более поздние версии Windows.