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

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

а) главное меню;

б) инструментальную панель быстрых кнопок, дублирующих основные разделы меню;

в) контекстное меню;

г) продуманную последовательность переключения фокуса управляющих элементов;

д) клавиши быстрого доступа ко всем разделам меню;

е) ярлычки подсказок;

ж) полосу состояния для развернутых подсказок;

и) файл справки;

к) информацию о версии;

л) возможность настройки приложения;

Главное меню содержит 2 пункта – Файл и Помощь.

Пункт [Файл] состоит из подпунктов:

· [Создать];

· [Выход];

Кнопка «Создать» обнуляет все вводимые данные в Edit,

кнопка «Выход» выходит из программы.

Пункт [Помощь];

· [Справка];

справка - это документ с какими-либо сведениями. В справке должны быть описаны следующие разделы по работе с программой

информацию о версии; пункт [Помощь];

· [О программе];

Кнопка «Помощь» будет открываться форма, где возможно найти нужную информацию по данной программе, и инструкцию по пользованию программой.


Описание используемых компонентов Delphi

В данной программе я использовал следующие компоненты;

1)Button - Простейшей и, пожалуй, наиболее часто используемой кнопкой

является кнопка Button (в верхнем левом углу формы), расположенная на странице библиотеки Standart. Реже используется кнопка BitBtn (под кнопкой Button), отличающаяся, прежде всего, возможностью отобразить на ее поверхности изображение. Большинство свойств, методов и событий у этих видов кнопок одинаковы.

2) Edit- В компонентах Edit вводимый и выводимый текст содержится в свойстве Text.

3) Image- Компоненты Image представляют собой некоторую ограниченную поверхность с канвой, на которую можно заносить изображения.

4) Label- для отображения различных надписей на форме используются в основном компоненты Label.

5) MainMenu- Это не визуальный компонент, т.е. место его размещения на форме в процессе проектирования не имеет никакого значения для пользователя - он все равно увидит не сам компонент, а только меню, сгенерированное им.


Тестирование программы

Тестирование программы - процесс исследования программного обеспечения (ПО) с целью получения информации о качестве продукта.

Тестирование проводится в несколько уровней:

модульное тестирование - тестируется минимально возможный для тестирования компонент, например, отдельный класс или функция. Часто модульное тестирование осуществляется разработчиками По; интеграционное тестирование - тестируются интерфейсы между компонентами, подсистемами. При наличии резерва времени на данной стадии тестирование ведётся итерационно, с постепенным подключением последующих подсистем;

системное тестирование - тестируется интегрированная система на её соответствие требованиям;

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

приемочное тестирование - это финальная фаза тестирования продукта перед публичным запуском.

Тестирование для проверки программного продукта проводилось на персональных компьютерах со следующими характеристиками:

1) Процессор Intel® Core i5-230 CPU 2.8 GHz 3.0 GHz, ОЗУ - 2.00 Гбайт,

32 разрядная ОС ‚ Windows 7, монитор с разрешение 1440х900 ориентация альбомная;

2) процессор АМD Athlon 26Х2 Dual Core Processor 3600 1.91 GHz, ОЗУ

- 2.00 Гбайт, ОС ‚Windows ХР Professional версия 2002 Service Pack, монитор с разрешением 11 52х864;

3) Виртуальный компьютер с характеристиками Intel(R)Соrе(ТМ)i5-23 00 СРU@2.800GH 3.00 ГГц, 512 МБ ОЗУ, ОС Windows ХР Professional версия 2002 Service Pack 3 монитор с разрешением 644х742.

В результате тестирования программного продукта на персональных компьютерах (К1 и Г22)изменения скорости движения мыши и скорости запуска приложения не так ощутимы, нежели на виртуальном компьютере. Из-за низкого расширения экрана на виртуальном компьютере окна приложения открываются, выходят за границы мониторы, для исправления данной ситуации необходимо изменить расширение экрана виртуального компьютера. Световая схема голубого цвета, шрифт MS Sans Serif на всех персональных компьютерах не различен.


Инструкция пользователя

Наименование программы. «Определения вида треугольника».

Сокращенное название проекта. Программа будет иметь сокращенное название «ВТ».

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

Функциональные возможности

- осуществить ввод исходных данных с клавиатуры;

- проверить вводимые данные;

- определение вида, периметр, площадь, углы, длины медиан;

- разработать справочную систему и осуществить вывод на печать.

Требования к квалификации пользователей. Базовые навыки работы на персональном компьютере с графическим пользовательским интерфейсом (клавиатура, мышь, управление окнами и приложениями, файловая система).

Установка и пользовательская настройка программы. Чтобы установить данный программный продукт на своём персональном компьютере, необходимо вставить диск CD-RW в DVD-ROM, открыть DVD\CD-RW в папке - Мой компьютер, и скопировать программу на рабочий стол.

Запуск ВТ. Пользовательский интерфейс.

Чтобы начать работу с программным приложением, нужно запустить файл Project1.exe из папки «Курсовой проэкт». При запуске программы открывается стартовая форма.

Окно «Определение вида треугольника» состоит из основных элементов:

1) меню;

2) рабочая область;

Осуществить ввод исходных данных с клавиатуры:

1) запустить приложение;

Сообщения об ошибках.

Программа выводит сообщение об ошибке «Данные не корректны», если в текстовые поля введены некорректные числовые данные.


ЗАКЛЮЧЕНИЕ

В результате выполнения курсовой работы было создано приложение на тему «Статистические диаграммы», которое позволяет проанализировать данные в визуальном оформление.

Работа выполнялось в несколько этапов:

· разработка технического задания;

· рабочее проектирование;

· создание программы.

В результате выполнения первого этапа было утверждено техническое задание на разработку программного продукта «Определение вида треугольника».

В результате проектирования реализована функциональная диаграмма и её уточнение, а также функциональная схема приложения. Исходя, из функциональной схемы, был создан электронный прототип программы, то есть макет программы, разработанный в среде Вогiапа Ее1р1iiс использованием компонентов среды без написания программного кода. Прототип программы был доработан в разделе пояснительной записки «Описание графического интерфейса пользователя».

На этапе создания реализовано приложение, которое выполняет функции:

1) ввод исходные данные;

2) проверка вводимых данных;

З) определение вида треугольника;

4) справочной системы.

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

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


СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

Программа

unit Unit1;

interface

uses

Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,

Dialogs, Menus, ExtCtrls, StdCtrls, ImgList, jpeg;

type

TForm1 = class(TForm)

Edit1: TEdit;

Edit2: TEdit;

Edit3: TEdit;

Label1: TLabel;

Label2: TLabel;

Label3: TLabel;

Button1: TButton;

Label4: TLabel;

Label5: TLabel;

Label7: TLabel;

MainMenu1: TMainMenu;

N1: TMenuItem;

N2: TMenuItem;

N3: TMenuItem;

N4: TMenuItem;

N5: TMenuItem;

N6: TMenuItem;

N7: TMenuItem;

N8: TMenuItem;

N9: TMenuItem;

N10: TMenuItem;

Image1: TImage;

PopupMenu1: TPopupMenu;

N11: TMenuItem;

N12: TMenuItem;

N13: TMenuItem;

procedure Button1Click(Sender: TObject);

procedure N5Click(Sender: TObject);

procedure N4Click(Sender: TObject);

procedure N10Click(Sender: TObject);

procedure N9Click(Sender: TObject);

private

{ Private declarations }

public

{ Public declarations }

end;

var

Form1: TForm1;

implementation

uses Unit2;

{$R *.dfm}

procedure TForm1.Button1Click(Sender: TObject);

var

a,b,c:integer;

p,pl,plo,m:real;

begin

try

a:=StrToInt(Edit1.text);

b:=StrToInt(Edit2.text);

c:=StrToInt(Edit3.text);

// Image1.Visible:=false;

except

on EConvertError do

begin

MessageDlg('Ошибка ввода. Введена не цифра',mtError,mbOKCancel,0);

Exit;

end;

end;

if (a=b) and (b=c) and (a=c) then

begin

p:=a+b+c;

pl:=p/2;

Image1.Picture.LoadFromFile('x_79462021.bmp');

Label4.Caption:='Периметр: '+ FloatToStr(p);

plo:=sqrt(p*(p-a)*(p-b)*(p-c));

Label5.Caption:='Площадь: '+ FloatToStrF(plo,ffGeneral,5,10);

m:=1/2*sqrt(sqr(a)+sqr(b));

Label7.Caption:='Медиан: '+ FloatToStrF(m,ffGeneral,5,10);

Image1.Visible:=true;

Label4.Visible:=true;

Label5.Visible:=true;

Label7.Visible:=true;

end;

if not(a=b) and not(b=c) and not(a=c)then

begin

p:=a+b+c;

pl:=p/2;

Image1.Picture.LoadFromFile('x_fde1e6a2.bmp');

Label4.Caption:='Периметр: '+ FloatToStr(p);

plo:=sqrt(p*(p-a)*(p-b)*(p-c));

Label5.Caption:='Площадь: '+ FloatToStrF(plo,ffGeneral,5,10);

m:=1/2*sqrt(sqr(a)+sqr(b));

Label7.Caption:='Медиан: '+ FloatToStrF(m,ffGeneral,5,10);

Image1.Visible:=true;

Label4.Visible:=true;

Label5.Visible:=true;

Label7.Visible:=true;

end;

if (a=b) or (b=c) or (c=a) then

begin

p:=a+b+c;

pl:=p/2;

Image1.Picture.LoadFromFile('x_eddc7bc7.bmp');

Label4.Caption:='Периметр: '+ FloatToStr(p);

plo:=sqrt(p*(p-a)*(p-b)*(p-c));

Label5.Caption:='Площадь: '+ FloatToStrF(plo,ffGeneral,5,10);

m:=1/2*sqrt(sqr(a)+sqr(b));

Label7.Caption:='Медиан: '+ FloatToStrF(m,ffGeneral,5,10);

Image1.Visible:=true;

Label4.Visible:=true;

Label5.Visible:=true;

Label7.Visible:=true;

end;

if (a+b=c) or (b+c=a) or (a+b=c) then

begin

p:=a+b+c;

pl:=p/2;

Image1.Picture.LoadFromFile('x_25989f26.bmp');

Label4.Caption:='Периметр: '+ FloatToStr(p);

plo:=sqrt(p*(p-a)*(p-b)*(p-c));

Label5.Caption:='Площадь: '+ FloatToStrF(plo,ffGeneral,5,10);

m:=1/2*sqrt(sqr(a)+sqr(b));

Label7.Caption:='Медиан: '+ FloatToStrF(m,ffGeneral,5,10);

Image1.Visible:=true;

Label4.Visible:=true;

Label5.Visible:=true;

Label7.Visible:=true;

end;

end;

procedure TForm1.N5Click(Sender: TObject);

begin

Form1.Close;

end;

procedure TForm1.N4Click(Sender: TObject);

begin

Edit1.Clear;

Edit2.Clear;

Edit3.Clear;

SetFocus;

Image1.Visible:=false;

Label4.Visible:=false;

Label5.Visible:=false;

Label7.Visible:=false;

end;

procedure TForm1.N10Click(Sender: TObject);

begin

Form2.ShowModal;

end;

procedure TForm1.N9Click(Sender: TObject);

begin

Application.HelpFile:=('MyHelp.hlp');

Application.HelpCommand(HELP_FINDER,0);

end;

end.