Человеко-машинный интерфейс

Человеко-машинный интерфейс

лабораторная работа № 1

Стандартные компоненты интерфейСов
прикладных программ
Цель работы: ознакомить студентов с основными свойствами и
поддерживаемыми событиями стандартных компонентов, применяемых для создания интерфейсов при разработке Windows-приложений в среде визуального программирования на объектно-ориентированном языке высокого уровня.

общие сведения
в настоящее время существует довольно большое количество
различных сред визуального программирования Windows-приложений, базирующихся на объектно-ориентированных языках высокого уровня. например, среда Delphi, в основе которой лежит
язык Pascal 7.0, или Visual Basic. Существуют и специализированные среды, предназначенные для создания приложений в той или
иной области, например, среда Microsoft Access для разработки
систем управления базами данных или среда Matlab для проектирования инженерных приложений.
для максимально быстрой разработки Windows-приложений
все среды визуального программирования объединяют в себе следующие элементы:
– высокопроизводительный компилятор с языка программирования высокого уровня в EXE-файлы;
– объектно-ориентированная модель компонентов, предназначенных как для создания стандартных интерфейсных элементов,
так и для разработки новых классов объектов;
– быстрая среда разработки, содержащая полный набор визуальных средств, поддерживающих как создание пользовательских
интерфейсов, так и обработку корпоративных данных, с использованием библиотеки визуальных и невизуальных компонентов;
– интегрированный отладчик, позволяющий контролировать
выполнение отлаживаемого приложения в различных режимах, следить за значениями переменных и оперативно изменять эти значения непосредственно в процессе отладки;
– контекстно-ориентированную справочную систему, позволяющую получить исчерпывающую информацию по конкретным
элементам среды или библиотеки классов, включая их свойства и
процедуры обработки событий;
– библиотеку классов, инкапсулирующих различные функции
Windows API, предназначенные для создания стандартных и дополнительных интерфейсных элементов, управления базами данных, поддержки протоколов обмена и технологии мультимедиа.
далее в качестве визуальной среды разработки Windows-приложений будет рассматриваться базовая версия широко известного
продукта фирмы Borland – среды программирования Delphi.

Структура среды разработки IDE
Среда разработки в Delphi состоит из ряда элементов, всегда
присутствующих на экране: главное окно с панелью инструментов и палитры компонентов, инспектор объектов, окно для визуального создания формы, редактор исходного текста программы и
утилит, которые становятся доступными в определенных случаях:
дизайнер меню, графический редактор, справочная система и т. д.
Типичное отображение состояния среды разработки на экране дисплея приведено на рис. .
главное окно содержит базовые команды типа File, Edit, Search,
View, Compile, Run, Debug, Options, Tools, Help, инструментальные
кнопки для быстрого доступа к командам и палитру компонентов.
Состав базовых команд в основном соответствует общепринятым:
– в меню File находятся команды для выполнения операций с
проектами, модулями и отдельными файлами;
– команды меню Edit позволяют, помимо редактирования, работать с областью обмена данными, отменять действия и управлять
отображением компонентов;
– меню Search предоставляет команды для поиска и замены указанных символов и строк;
– в меню View содержатся команды для отображения различной
информации и вызова информационных утилит;
– в меню Compile находятся команды для компиляции и сборки
проектов, проверки синтаксиса и получения статистической информации о проекте;
– меню Run содержит команды для выполнения приложений в
различных режимах, задания параметров командной строки и команд встроенного отладчика Debug;
– в меню Options сосредоточены команды задания различных
параметров проекта, среды разработки и управления библиотекой
компонентов;
– в меню Tools содержатся команды вызова различных утилит;
– меню Help предназначено для отображения различной информации справочного характера.
Палитра компонентов позволяет выбирать как визуальные, так
и другие компоненты, которые будут присутствовать в разрабатываемой форме Windows-приложения. Компоненты сгруппированы
по области их использования на отдельных страницах.
основные страницы, присутствующие во всех версиях среды,
следующие:
– стандартные компоненты, реализующие такие интерфейсные
элементы среды Windows, как главное меню, локальное меню, текстовый элемент, строка редактирования, многострочный редактор,
кнопки, списки;
– дополнительные компоненты, включающие в себя графические кнопки, редактор с шаблонным вводом, закладки, графические образы и др.;
– диалоговые панели для ввода и вывода файлов как общего назначения, так и специального, например, растровых изображений
в bmp-формате;
– системные компоненты, предназначенные для управления
системой, например, таймер, управление мультимедийными устройствами, управление обменом данными между приложениями;
– компоненты управления базами данных;
– компоненты для отображения данных;
– компоненты для формирования отчетов в базах данных.
Среда позволяет создавать новые компоненты и модифицировать
существующие, что открывает перед разработчиками практически
неограниченные возможности по разработке элементов интерфейсов с необходимыми свойствами и поведением.
инспектор объектов позволяет устанавливать свойства объектов, расположенных в форме, и назначать методы – обработчики
событий, на которые реагирует объект.
Менеджер проектов позволяет добавлять и удалять файлы, входящие в проект, перемещаться по файлам с исходным текстом и
формам, входящим в проект.
браузер объектов – графическое средство для просмотра иерархии объектов, входящих в стандартную библиотеку и составляющих данное приложение, а также просмотра предопределенных
констант, процедур, типов данных, переменных, свойств и методов
– унаследованных, виртуальных, защищенных, общих, открытых
и закрытых.
редактор используется для непосредственного написания кода в
виде исходного текста программы на языке Pascal 7.0, причем код,
создаваемый инспектором объектов и средой Delphi, тоже помещается в окно редактора и доступен для изменений.
дизайнер меню предназначен для создания и модификации
главного и локального меню. имеется возможность сохранять и загружать меню в виде шаблонов, что позволяет использовать меню
несколькими приложениями.
графический редактор предназначен для создания и редактирования графических растровых изображений, иконок, курсоров и
файлов ресурсов. редактор поддерживает операции с областью обмена данными, различные шрифты, стили линий, кистей и т.п.
встроенный отладчик позволяет выполнять пошаговую трассировку кода, назначать различные точки останова, следить за изменением значений переменных различного типа, узнавать результат
выражений, просматривать стек вызова и многое другое.

порядок выполнения лабораторной работы
. выбрать среду визуального программирования рекомендуемые среды: Delphi, Visual Basic, Visual C++).
2. выбрать объект из палитры интерфейсных компонентов рекомендуемые страницы: стандартные, дополнительные, диалоговые компоненты).
3. изучить свойства выбранного объекта и обрабатываемые им
события.
4. написать исполняемый код для одного из событий.
5. отладить полученную программу.
6. заполнить отчет по лабораторной работе.

Содержание отчета
1. описание применения выбранного из палитры компонентов
объекта.
2. описание свойств объекта.
3. описание событий, обрабатываемых объектом.
4. Текст исполняемого кода и результат обработки события.

Список рекомендуемых интерфейсных компонентов
1. главное меню MainMenu).
2. локальное меню PoupMenu).
3. Статический текст abel).
4. Строка редактирования Edit).
5. Многостроковый редактор Memo).
6. Стандартная кнопка Buton).
7. Кнопка независимой фиксации ChecBo).
8. Кнопка зависимой фиксации RadioButton).
9. Список istBo).
0. Комбинированный список ComboBo).
. Полоса прокрутки ScrollBar).
2. группа roupBo).
3. графическая кнопка BitBtn).
4. Таблица Stringrid).
5. закладки Tabs).
6. Статусная строка StatusBar).
7. открытие файла OpenDialog).
8. Сохранение файла SaeDialog).
9. выбор шрифта FontDialog).
20. выбор цвета ColorDialog).

лабораторная работа № 2

разработка алгоритма задачи и текСта
прикладной программы
Цель работы: основываясь на знаниях и навыках, полученных
при изучении дисциплин «алгоритмизация и структурное программирование» и «Программирование на языках высокого уровня», разработать алгоритм поставленной задачи с учетом особенностей выбранной среды визуального программирования.
лабораторная работа представляет собой первый этап разработки алгоритма выполнения поставленной задачи и компоновки
пользовательского интерфейса прикладной программы. Приведенные ниже варианты заданий не выходят за рамки школьного курса
физики и математики, а также аналитической геометрии и матричной алгебры, которые изучаются студентами на первом курсе вуза.
информацию по методам решения можно самостоятельно найти в
соответствующей литературе.
Среда программирования выбирается студентом самостоятельно
из известных пакетов, поддерживающих визуальное программирование в стиле Windows, например, Visual Basic, Delphi, Visual C.

варианты задания
. Умножение матриц C A B= • .
2. нахождение точек пересечения окружности и прямой линии.

3. решение квадратного уравнения2

ax + bx c+ = 0.

4. дальность полета и высота подъема тела при броске под углом.
5. Умножение комплексных чисел a + ib + a2+ ib2= a3+ ib3.
6. нахождение точек пересечения двух окружностей.
= +
yab,

7. решение системы вида

x

= +
y cx d.
8. нахождение точки пересечения двух прямых.нахождение точки пересечения двух
9. время движения тела при скольжении по наклонной плоскости.
0. нахождение точек пересечения овала и прямой линии.

a ib

. нахождение обратного комплексного числа a ib

2 2.
a + b

2. Суммарное сопротивление при различных соединениях.
3. Скорости тел после соударения абсолютно упругий и неупругий удары).
4. решение системы из двух линейных уравнений

=
a x a y b ,

2
=
a x a y b222 2.
5. расчет КПд кипятильника.
6. нахождение точек пересечения гиперболы и прямой линии.
7. Суммарная емкость при различных соединениях.
8. Сложение матриц C A B= + .
9. объем, давление и температура при различных термодинамических процессах
20. нагревание и охлаждение, включая плавление и парообразование тел с учетом теплоемкости.
в процессе выполнения студент должен:
– выполнить описание поставленной задачи и выбранного метода решения,
– составить список исходных данных с указанием типа, возможного диапазона, значения по умолчанию;
– составить список выходных данных с указанием типа, возможного диапазона;
– разработать схему алгоритма и исполняемый модуль;
– разработать тестовые примеры.
При большом объеме входных и выходных данных необходимо
предусмотреть возможность их ввода из файла, редактирования
и вывода в файл. Пример выполнения данной работы приведен в
Прил. .

Содержание отчета
. Формулировка задания и математическая модель.
2. информационная модель список исходных и выходных данных с указанием типа, возможного диапазона, значения по умолчанию).
3. Схема алгоритма решения поставленной задачи и текст исполняемого модуля с комментариями.
4. Тестовые примеры.

лабораторная работа № 3

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

общие сведения
При разработке интерфейса формулируются определенные правила ведения диалога. диалог строится из сообщений. Типы сообщений следующие:
при вводе:
а) входные данные;
б) управляющие сообщения команды, директивы и др.);
при выводе:
а) сообщения об ошибках при вводе данных и в ходе решения);
б) выходные данные;
в) сообщения о состоянии системы что произошло или происходит в системе);
г) справка если пользователь не может ответить на запрос системы);
д) подсказка способ подтвердить готовность принять сообщение).
По способу ведения диалога в интерфейсе, диалоговые процессы
делятся на:
диалоги, управляемые системой:
а) меню в виде списка, строки, блока, пиктограмм);
б) готовая форма;
в) вопросы и ответы;
диалоги управляемые пользователем на базе команд (системы
запросов на ввод).
При форматировании экрана в состав полей меню обычно включают:
– заголовок меню объект необязательный),
– основной текст меню список объектов выбора),
– заключительный текст объект необязательный).
Форматирование экрана при диалоге включает этапы:
– решить, какая информация должна появляться на экране;
– определить основной формат этой информации;
– решить, где она должна появляться на экране т. е. определить
область вывода каждого поля);
– решить, какие средства выделения требуются для каждого
поля т. е. атрибуты полей);
– разработать проект размещения данных на экране;
– оценить эффективность этого размещения;
– принять меры обновляемое сообщение, обновление строки состояний и др.), если время реакции системы задержки) превысит
приемлемое.
в последнее время традиционная структура интерфейса стала
заменяться на многооконный интерфейс всплывающее или вытягиваемое меню), где каждому источнику информации соответствуют различные окна.
в процессе выполнения студент должен разработать внешний
вид форм для отображения входных и выходных данных, а также
необходимой справочной информации. обязательно использование
всплывающих подсказок. При необходимости кроме основной формы допускается использование вспомогательных форм, а также гипертекстовых ссылок в пояснениях к работе с программой. Пример
выполнения данной работы применительно к заданию из Прил.
приведен в Прил. 2.

Содержание отчета
. окно основной формы интерфейса.
2. окно информации о программе.
3. окно пояснения по работе с программой.
2

лабораторная работа № 4

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

общие сведения
динамика диалога его сценарий) может быть описана сетью
графом) переходов, приведенной на рис. 2. Каждая вершина графа – состояние, в котором диалог выводит сообщение или ждет сообщение от пользователя. дуги графа – возможные переходы из
одного состояния в другое. в соответствии с рис. 2, если диалог находится в состоянии N и условие А выполняется истинно), то диалог переходит в состояние N2. аналогично выполняются и другие
переходы.

Сообщение
об ошибке
N4

Неверный
ответ

N1

А

N2

Умолчание
В

N3

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

Содержание отчета
. графы возможных сценариев работы программы.
3

2. Тексты процедур обработки событий.
3. Примеры экранных форм, полученных в результате различных сценариев работы программы.
4. результаты тестирования.

4

рекомендуемая литература
. Коутс Р., Влейминк И. интерфейс «человек-компьютер». М.: Мир,
990. 50 с.
2. Дарахвелидзе П. Г., Марков Е. П. Delphi – среда визуального программирования. СПб.: BHV, 996. 352 с.
3. Холзнер С. Visual C++. Учебный курс. СПб.: Питер, 2006. 570 с.
4. Кормен Т., Лейзерсон Ч., Ривест Р. алгоритмы: построение и анализ.
М.: МЦнМо, 2004. 856 с.
5

ПРИЛожЕНИЕ 1
разработка алгоритма выполнения
поСтавленной задачи
необходимо написать программу для решения системы вида
= +
yab
,

x

= +
y cx d.
для решения этой системы уравнений необходимо вычесть из
первого уравнения второе a b cx d = 0 и умножить правую и леx
вую часть на x, причем необходимо учесть, что x 0

2
a bx cx dx

=

0,

2

=

cx + d b x a )

0.

в результате получается стандартное квадратное уравнение,
2

дискриминант которого D = d b) + 4 .ac возможные значения x
находятся по формуле:
2

= ±

ac

x,2

d b) d b) + 4,
2c

а значения y,2 находится путем подстановки x,2 в любое уравнение исходной системы.
Схема алгоритма показана на рис. П..
исходными данными являются коэффициенты , , , ,a b c d которые
будут задаваться типом double, т. е. их значения должны будут находиться в диапазоне .7E-308…7E308.
выходными данными являются x,2 и y,2, которые также будут
задаваться типом long double, т. е. их значения должны будут находиться в диапазоне 3.4E-4932..3.4E+4932.
в качестве среды программирования была выбрана среда визуального программирования C++ Builder 6, позволяющая создавать
Windows-приложения.
Текст функции, выполняющей решение системы уравнений:

int tintin n
t n t n t n
t)
6

Начало
Инициализация

Да
X1:=(b-d+sqrt(D))/2c
X2:=(b-d-sqrt(D))/2c

переменных
D=(d-b)^2+4ac

D>=0
Да
D>0

Нет
X1:=(b-d)/2c

Нет

Вывод

Y1:=cX1+d
Y2:=cX2+d

Y1:=cX1+d
Вывод

(‘корней нет’)

Вывод
x1,y1,x2,y2
Рис. П1.1. Схема алгоритма
{

x1,y1

Конец

//вычитаем из первого уравнения второе домножаем все на x и
получаем: + *x -*x*x – *x = 0 => -*x*x + -)*x + = 0
//временные переменные для преобразования типов
n tmp = ;
n tmp = ;
n tmp = ;
n tmp = ;
//временные переменные для соранения резултатов
n x = 0 x = 0;
n y = 0 y = 0;
//решение системы уравнений
n = tmp – tmp)*tmp – tmp) + *tmp*tmp;
if < 0.0) tn SQERRORNOROOT;

7

if == 0.0)
{
//один орен
if tmp == 0) tn SQERRORIVBZERO;
x = tmp — tmp) / * tmp );
if x == 0) tn SQERRORIVBZERO;
y = tmp * x + tmp;
t = x; t = y;
t = x; t = y;
tn SQSUCCESALONEROOT;
}
if > 0.0)
{
//два орня
if tmp == 0) tn SQERRORIVBZERO;
x = -.0*tmp – tmp) + t)) /- * tmp );
y = tmp * x + tmp;
x = -.0*tmp – tmp) – t)) /- * tmp );
y = tmp * x + tmp;
if x == 0)x != 0))
{
t = x; t = y;
t = x; t = y;
tn SQSUCCESALONEROOT;
}
if x == 0)x != 0))
{
t = x; t = y;
t = x; t = y;
tn SQSUCCESALONEROOT;
}
if x == 0)x == 0)) tn SQERRORIVBZERO;
t = x; t = y;
t = x; t = y;
tn SQSUCCESTWOROOT;
}
}

тестовые примеры
) Система имеет 2 решения:
входные данные:

8

a = ,
b = 2,
c = 3,
d = 4.
выходные данные:
x = ;y = ,

x

=

y
0,33; = 5.

2

2

2) Система имеет 1 решение:
входные данные:
a = 2,
b = ,
c = 2,
d = 5.
выходные данные:
x = ,y = 3.
3) Система не имеет решений:
входные данные:
a = 0,
b = ,
c = 2,
d = 3.
выходные данные:
Система уравнений не имеет решения !
При большом объеме данных предусмотрен ввод данных из файла, а также вывод результатов в файл. По умолчании файлом для
входных данных является input.ini. вывод результатов осуществляется в файл results.ini.

9

компоновка форм

ПРИЛожЕНИЕ 2

в программе используется четыре формы: главная форма, информация о программе, помощь и массовая обработка данных.
главная форма показана на рис. П2..
Рис. П2.1. Главная форма
в главной форме происходит ввод исходных данных и вывод результатов. в этой форме использованы следующие элементы VB:
Edit – ввод исходных данных;
Memo – вывод результатов;
Image – рисунок исходная система);
Button – кнопка запуска решения;
abel – вспомогательная информация.
Форма с информацией о программе и авторе приведена на рис.
П2.2.
Рис. П2.2. Форма с информацией о программе
в этой форме использованы следующие элементы VB:
Image – рисунокисходная система);
abel – вспомогательная информация.
Форма, содержащая информацию, которая помогает пользователю работать с программой, показана на рис. П2.3.
Рис. П2.3. Форма с информацией о пользователе
в этой форме использованы следующие элементы VB:
abel – вспомогательная информация.
Форма, реализующая массовую обработку данных, приведена
на рис. П2.4.
Рис. П2.4. Форма, реализующая обработку данных
Этот режим работы используется при большом объеме входных
и выходных данных. ввод данных осуществляется из файла, вывод – в файл. в этой форме использованы следующие элементы
VB:
Button – кнопка запуска решения;
abel – вспомогательная информация;
roupBo – вспомогательная информация.

ПРИЛожЕНИЕ 3
разработка Сценариев и реакций
на События СоглаСно Сценариям
Нажатие на кнопку «Решить». При нажатии на кнопку «решить» происходит:
а) проверка правильности исходных данных, и если данные не
соответствуют типу или не введен какой либо из коэффициентов),
то выводится сообщение «все коэффициенты системы должны быть
числами», как показано на рис. П3.:

Рис. П3.1. Проверка правильности исходных данных
б) решение системы уравнений после решения отбрасываются
все ответы, где x = 0 );
в) вывод ответа в зависимости от количества найденных в пунк
те б) решений. если найдено 2 решения, то выводятся

x y x y, , , ,22

если найдено одно решение – x y, , если решений нет, то выводится сообщение «Система уравнений не имеет решения !»
Текст сценария:
vi ft TMinFm::BtRhtCikTOjt *Sn)
{
MRt->C);
in = 0 in = 0 in = 0 in = 0;
ty
{
in = StTFtE->Txt);
in = StTFtE->Txt);
in = StTFtE->Txt);
in = StTFtE->Txt);
}
th …)
{
ShwM “Все оэффициенты системы уравнений должны
быт числами !”);
MRt->Lin->A“Все оэффициенты системы уравнений
должны быт числами !”);
tn;
}
n ;
int t = tintinin in in in
);
if t == SQSUCCESTWOROOT)
{
MRt->Lin->A“Cистема имеет решения:”);
MRt->Lin->Ax = + FtTSt) + ; y = +
FtTSt));
MRt->Lin->Ax = + FtTSt) + ; y = +
FtTSt));
}
if t == SQSUCCESALONEROOT)
{
MRt->Lin->A“Cистема имеет решение:”);
MRt->Lin->Ax = + FtTSt) + ; y = +
FtTSt));
}
if t == SQERRORIVBZERO) MRt->Lin>AСистема уравнений не имеет решения из-за деления на
0!»);
ift ==SQERRORNOROOT) MRt->Lin->AСистема
уравнений не имеет решения !»); }
Массовая обработка данных. При нажатии первой кнопки «выбрать» открывается форма для выбора файла с входными данными,
как показано на рис. П3.2.
Текст сценария:
vi ft TFmM::SBInpCikTOjt *Sn)
{
if Opni->Ext))
{
ifFiExitOpni->FiNm))
{
NmFiOpn = Opni->FiNm;
}
ShwM“аого файла не суествует !”);
}
}
Рис. П3.2. Выбор файла с входными данными
Рис. П3.3. Выбор файла с выходными данными
При нажатии второй кнопки «выбрать» открывается форма для
выбора файла с выходными данными, как показано на рис. П3.3.
Текст сценария:
vi ft TFmM::SBOtCikTOjt *Sn)
{
if Svi->Ext))
{
NmFiSv = Svi->FiNm;
}
}
При выборе кнопки «решить» происходит проверка входных
данных, и если они не соответствуют заданному типу, то выводится
сообщение « Указаны неправильные файлы данных !», как показано на рис. П3.4.
Рис. П3.4. Проверка содержимого файлов
если не выбраны файл с исходными данными или файл для сохранения результатов, то выводится сообщение «Указаны не все
файлы данных !», как показано на рис. П3.5.
Содержание
лабораторная работа № …………………………………………….. 3
Стандартные компоненты интерфейсов прикладных программ 3
общие сведения ……………………………………………………….. 3
Структура среды разработки IDE …………………………………… 4
Порядок выполнения лабораторной работы ……………………… 7
Содержание отчета ……………………………………………………. 7
Список рекомендуемых интерфейсных компонентов …………… 7
лабораторная работа № 2 ……………………………………………. 9
разработка алгоритма задачи и текста прикладной програм-
мы ……………………………………………………………………….. 9
варианты задания …………………………………………………….. 9
Содержание отчета ……………………………………………………. 0
лабораторная работа № 3 …………………………………………….
Компоновка интерфейса прикладной программы ……………….
общие сведения ………………………………………………………..
Содержание отчета ……………………………………………………. 2
лабораторная работа № 4 ……………………………………………. 3
разработка сценариев и реакций на события по сценарию …….. 3
общие сведения ……………………………………………………….. 3
Содержание отчета ……………………………………………………. 3
рекомендуемая литература …………………………………………. 5
Приложение …………………………………………………………. 6
Приложение 2………………………………………………………….. 20
Приложение 3………………………………………………………….. 22

Комментарии к записи Человеко-машинный интерфейс отключены

Рубрика: Примеры работ и исследования

Обсуждение закрыто.