Пользовательский интерфейс программы это связующее звено между пользователем и компьютером, выполняющим эту программу.
Интерфейс пользователя — разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, с множеством элементов, машинами и устройствами. Интерфейс двунаправленный — устройство, получив команды от пользователя и исполнив их, выдаёт информацию обратно, наличествующими у неё средствами (визуальными, звуковыми и т.п.), приняв которую, пользователь выдаёт устройству последующие команды предоставленными в его распоряжение средствами (кнопки, переключатели, регуляторы, сенсоры, голосом, и т.д.).
Интерфейс пользователя компьютерного приложения включает:
- — средства отображения информации, отображаемую информацию, форматы и коды;
- — командные режимы, язык «пользователь — интерфейс»;
- — устройства и технологии ввода данных;
- — диалоги, взаимодействие и транзакции между пользователем и компьютером, обратную связь с пользователем;
- — поддержку принятия решений в конкретной предметной области;
- — порядок использования программы и документацию на неё.
Пользовательский интерфейс часто понимают только как внешний вид программы. Однако, на деле пользователь воспринимает через него всю программу в целом, а значит, такое понимание является слишком узким.
Описание интерфейса программы Human Emulator
Одним из важных показателей качества программного обеспечения является удобство его использования. Оно описывается с помощью таких характеристик, как понятность пользовательского интерфейса, легкость обучения работе с ним, трудоемкость решения определенных задач с его помощью, производительность работы пользователя с ПО, частота появления ошибок и жалоб на неудобства. Для построения действительно удобных программ нужен учет контекста их использования, психологии пользователей, необходимости помогать начинающим пользователям и предоставлять все нужное для работы опытных. Однако самым значимым фактором является то, помогает ли данная программа решать действительно значимые для пользователей задачи.
Цель создания эргономичного интерфейса состоит в том, чтобы отобразить информацию настолько эффективно насколько это возможно для человеческого восприятия и структурировать отображение на экране монитора таким образом, чтобы привлечь внимание к наиболее важным единицам информации. Основная же цель состоит в том, чтобы минимизировать общую информацию на экране и представить только то, что является необходимым для пользователя.
Следующие принципы позволяют находить решения, повышающие удобство пользовательского интерфейса.
Принцип структуризации. Пользовательский интерфейс должен быть целесообразно структурирован. Близкие по смыслу, родственные его части должны быть связаны видимым образом, а независимые — разделены; похожие элементы должны выглядеть похоже, а непохожие — различаться.
Описание интерфейса программы SuperLogist
Принцип простоты. Наиболее распространенные операции должны выполняться максимально просто. При этом должны быть видимые ссылки на более сложные процедуры.
Принцип видимости. Все функции и данные, необходимые для решения определенной задачи, должны быть видны, когда пользователь пытается ее решить.
Принцип обратной связи. Пользователь должен получать сообщения о действиях системы и о важных событиях внутри нее. Сообщения должны быть информативными, краткими, однозначными и написанными на языке, понятном пользователю.
Принцип толерантности. Интерфейс должен быть гибким и терпимым к ошибкам пользователя. Ущерб от ошибок должен снижаться за счет возможности отмены и повтора действий и за счет разумной интерпретации любых разумных действий пользователя и введенных им данных. По возможности, следует избегать обязывающего взаимодействия (модальных диалогов), основанного на ограничении свободы пользователя.
Принцип повторного использования. Следует стараться использовать многократно внутренние и внешние компоненты, обеспечивая тем самым унифицированность интерфейса и сходство между его похожими элементами.
С помощью интерфейса пользователь управляет работой компьютера: выдает задания, отвечает на его запросы и получает информацию о ходе работы программы.
Необходимый элемент автоматизированной системы меню, позволяющее пользователю выполнять задачи внутри приложения и управлять процессом решения. Меню — набор опций, отображаемых на экране, где пользователи могут выбирать и выполнять действия, производя изменения в состоянии интерфейса. Достоинство меню в том, что пользователи не должны помнить название элемента или действия, которое хотят выполнить — они должны только распознать его среди пунктов меню.
Структура меню должна соответствовать структуре решаемой системой задачи, организация меню должна отразить наиболее эффективную последовательность шагов, чтобы достичь решения поставленной задачи.
Пункты меню должны быть краткими, грамматически правильными и соответствовать своему заголовку в меню. Порядок пунктов меню выбирается согласно соглашению, частоте использования, порядку использования, в зависимости от потребностей задачи или пользователя.
Формы — основной элемент интерфейса. Назначение форм — удобный ввод и просмотр данных, состояния, сообщений автоматизированной системы. Форма проектируется для более удобного, более понятного и скорейшего достижения решения поставленной задачи.
Размещение информационных единиц на пространстве формы должно соответствовать логике ее будущего использования: это зависит от необходимой последовательности доступа к информационным единицам, частотой их использования, а также от относительной важности элементов. Важно использовать незаполненное пространство, чтобы создать равновесие и симметрию среди информационных элементов формы, для фиксации внимания пользователя в нужном направлении. Логические группы элементов необходимо отделять пробелами, строками, цветовыми или другими визуальными средствами. Взаимозависимые или связанные элементы должны отображаться в одной форме. Интерфейс определяет внешний вид экрана, распределение функций по кнопкам и клавишам, способ, которым пользователь разъясняет программе, что он задумал выполнить.
Структурная схема пользовательского интерфейса, разработанной программы представлена на рисунке 3.2.
Рисунок 3.2 Структурная схема пользовательского интерфейса
Источник: vuzlit.com
Описание интерфейса программы пример
Интерфейс программы представляет собой многооконную систему, позволяющей работать одновременно только с одной формой. Если свернуть главное окно, то происходит минимизация всего интерфейса и, соответственно, всех открытых окон, а при закрытии главного окна работа с программой прекращается. На главной форме расположено меню, позволяющее перемещаться по различным окнам рис.2.7.
Рис.2.7 Внешний вид главной формы приложения.
При разработке приложения было уделено таким важным моментам, как:
Доступность и комфортность при работе с системой;
Удобство ввода входной информации.
Все простые справочники («Должности», «Сотрудники», «Поставщики», «Исполнители работы») представлены в виде простых табличных форм, см. например, рис.2.8:
Рис.2.8 Пример табличного оформления справочника (сотрудников).
Исключением является форма «Реквизиты предприятия», которая сделана в виде простой формы, см. рис 2.9.
Рис.2.9 Пример простой формы, в данном случае — справочная форма «Реквизиты фирмы».
Форма для перечня форм ОС для удобства представлена в виде ленточной формы, см. рис.2.10.
Рис.2.10 Пример ленточной формы, в данном случае — справочная форма «Формы ОС».
Что касается документов, то каждый вид документов организован в виде формы списка с перечнем соотвествующих документов, а также отдельной простой формы для добавления, редактирования или просмотра конкретного, выбранного из списка документа (это касается «Актов ввода в эксплуатацию», «Актов сдачи-приемки отремонтированных ОС», «Актов списания объектов ОС», «Инвентарных карт», «Внутренних накладных»). Например, на рис.2.11 и 2.12.
Рис.2.11 Пример формы-списка документов, в данном случае — перечень внутренних накладных.
Рис.2.12 Пример формы-карточки документа, в данном случае — внутренней накладной.
Для удобства на каждой форме перечня есть необходимые управляющие кнопки — добавить, удалить, редактировать, печать ОС. Также печать доступна из самой карточки документа. Для каждого поля даты подключен календарик, см. рис.2.13.
Рис.2.13 Форма-календарик для выбора даты.
Для каждого поля даты есть две стрелочки, позволяющие смещаться на один день вперед по времени или назад, для более серьезных изменений предполагается вызов календарика, путем двойного щелчка по полю даты. Все сделано единообразно, чтобы пользователь не задавался лишний раз вопросом от формы к форме, как и что сделать.
Также каждая форма обеспечена необходимым количеством раскрывающихся списков, для того, чтобы пользователю было как можно меньше надо вручную вводить информацию, а в основном вводить из ранее набранных справочников. Большая часть заполняемых полей снабжена проверками, прежде всего это поля даты, чтобы идущие логически позже даты не опережали идущие ранее и т.д. Например, в поле руководителя на новую запись заведомо подставляется руководитель из реквизитов формы.
Также для удобства общей схемы работы в карточке документа допускаются для изменения поля из справочника основных средств, например, остаточная стоимость, фактические сроки использования и т.д.
C целью защиты нашего проекта мы поставим пароль на программный код всех модулей в редакторе VBA, а также поставим пароль на базу во избежание несанкционированного доступа к ней. Защиту можно расширить при помощи встроенных методов Access в том, случае если понадобится разделение прав, например, для главного бухгалтера, бухгалтеров и помощника бухгалтера. Например, помощник получит доступ только для чтения. Такая схема легко реализуется при помощи файла рабочей группы, в котором настраиваются права пользователей. Но нам сейчас нет необходимости в такой серьезной защите, поэтому ограничимся общим паролем на доступ к базе.
Результат формирования формы ОС выводится в файл-шаблон документа в Excel, см. на рис.2.14.
Рис.2.14 Заполненная форма шаблона для внутренней накладной, первый и второй лист
Источник: studbooks.net
7. Описание интерфейса программного обеспечения
Форма авторизации (рис.4) открывается сразу после входа в программу. На ней указываются имя и пароль пользователя для входа в систему.
Рис.6 Форма авторизации
Нажатие кнопки ОК на форме обрабатывает следующий фрагмент программного кода:
procedure TSecurityForm.BitBtn_okClick(Sender: TObject);
//поиск введенных значений в БД
if not pFIBDataSet.Locate(‘NAME_USER;password_USER’,
[loCaseInsensitive]) then exit;
После нажатия на кнопку ОК происходит открытие панели навигации. Этот процесс обрабатывает следующий фрагмент программного кода:
if (SecurityForm.ShowModal = mrOK) then
// если авторизация успешна, открываем главную форму
else // скрываем пункты меню если авторизация
Панель навигации
Панель навигации (рис.5) служит для удобного перехода между модулями программы. После успешной авторизации открывается с полным набором вкладок: Файл -> Авторизация -> Выход; Абитуриент -> учебного заведения. Отмечаются интересы абитуриента: предпочтительная форма оплаты за обучение, направление обучения (техническое или гуманитарное), факультеты и специальности, на которые он хотел бы поступить. Выбор факультета с использованием параметра поиска показан на рисунке 12. Выбор специальности показан на рисунке 13.
Рис.11 Форма регистрации. Ввод интересов абитуриента
Рис.12 Выбор факультета
Рис.13 Выбор специальности
После нажатия на кнопку Готово внесенные данные сохраняются в базе данных и форма регистрации закрывается. После нажатия на кнопку Отмена форма закрывается, а данные не сохраняются. Если до нажатия на кнопку Отмена была нажата кнопка регистрация, то в базе данных будут сохранены сгенерированный уникальный идентификатор и обязательные данные.
В случае, когда возможный абитуриент еще раз приходит на какое-либо мероприятие Университета, в поле IDвносится его уникальный идентификатор, который есть на его Карточке абитуриента, затем нажимается клавишаEnterи все поля формы заполняются данными из БД по этому абитуриенту. И в таблицеFST_PERS_DATAбазы данных значение атрибутаREPEATэтого абитуриента становится равным 1. Кнопка Регистрации становится не активной. Данные можно редактировать, если есть изменения и сохранить, нажав на кнопку Готово. За реализацию описанного функционала отвечает фрагмент программного кода:
procedure TFvabit.cxME_ID_AbitKeyUp(Sender: TObject; var
Key: Word;Shift: TShiftState);
if Key = 13 then
Форма просмотра зарегистрированных
На форме просмотра зарегистрированных после ее открытия отображаются параметры информации о возможных абитуриентах, а сами абитуриенты представлены в группах. Используется следующая иерархия групп: по факультетам, по специальностям, по форме оплаты. Справа на панели управления расположены две кнопки для быстрой группировки.
На рисунке 14 показана кнопка Сгруппировать и сгруппированные данные после нажатия на эту кнопку. Причем после группировки остается выделенным абитуриент, который был выбран при разгруппированном отображении. Это можно проследить если сравнить формы на рисунках 14 и 15.
Рис.14 Форма просмотра зарегистрированных возможных абитуриентов. Сгруппированные данные
Рис.15 Форма просмотра зарегистрированных возможных абитуриентов. Разгруппированные данные
На рисунке 15 показано как действует кнопка Разгруппировать и выделен возможный абитуриент. Также как и в случае с кнопкой Сгруппировать, если в режиме сгруппированного отображения данных был выделен возможный абитуриент, то после разгруппировки выделение не снимается. За функционал группировки отвечает следующий программный код:
procedure TFView.AagroupExecute(Sender: TObject);
sDBTableView1PAY_FORM_ID.Caption := ‘Форма оплаты’;
procedure TFView.AGroupExecute(Sender: TObject);
При выборе абитуриента и нажатии на кнопку Редактирование или при двойном щелчке мыши по выбранному абитуриенту открывается форма редактирования возможного абитуриента. Она показана на рисунке 16.
При выборе абитуриента и нажатии на кнопку Создать сообщение открывается форма Сообщение, показанная на рисунке 17.
Кнопка Печать предназначена для предварительного просмотра созданных отчетов таких как: общий отчет, «ваш» отчет, диаграммы. Нажатие на кнопку Печать и открытие предварительного просмотра отчетов обрабатывает следующий программный код:
procedure TFView.APrintExecute(Sender: TObject);
if not frxReport_View.LoadFromFile
MessageBox(0, PansiChar(‘Не удалось загрузить файл
отчета!’+ #13 + #10 + ‘Проверьте наличие файла’),
‘Внимание!’, MB_ICONSTOP or MB_OK or
Рис.16 Форма редактирования возможного абитуриента
Рис.17 Форма создания сообщения
Форма редактирования
Форма редактирования (рисунок 16) предназначена для редактирования ранее введенной информации по будущему абитуриенту. Она представляет собой форму регистрации с ограниченным функционалом. На форме не отображается уникальный идентификатор абитуриента, так как его нельзя редактировать. Также нет кнопки Регистрация, так как происходит процесс редактирования, а не регистрации. Кнопка Печать ID не нужна потому, что не для кого печатать Карточку абитуриента.
Форма создания и отправки сообщения
Эта форма (рисунок 17) предназначена для создания сообщения и отправки его выбранным будущим абитуриентам. Форма вызывается с формы просмотра абитуриентов с выбранным адресатом или открывается по вкладке Отправить сообщение на панели навигации пустая. Пользователь пишет тему и текст сообщения, добавляет файлы к сообщению и выбирает абитуриентов из представленного в таблице списка, проставляя напротив каждого из них галочку.
Кнопки управления в блоке со списком абитуриентов предназначены для выделения всех абитуриентов или снятия всех галочек. Программный код:
procedure TFPost.cxBAllClick(Sender: TObject);
for i := 0 to cxGrid1DBTableView1.
DataController.RecordCount + 1 do
Нажатие на кнопку Сохранить приведет к сохранению параметров сообщения в базе данных. Нажатие на кнопку Отправить запустит процесс отправки. Этот процесс отображается в строке загрузки. На рисунке 18 представлена форма сообщения в процессе отправки. В нижнем правом углу рисунка можно видеть, что адресат получает сообщение на указанную почту.
Рис.18 Форма сообщения в процессе отправки
Форма просмотра сообщений
Форма открывается при выборе на панели навигации вкладки Просмотреть сообщения. Форма просмотра сообщений (рисунок 19) дает возможность проследить кто из пользователей, кому из абитуриентов и когда отправил сообщение. Первая таблица отражает основную информацию о сообщении: пользователь, тема, дата создания сообщения и скольким возможным абитуриентам оно было отправлено.
Вторая таблица показывает персональную информацию об абитуриентах, которым было отправлено выделенное сообщение, и их интересы. В смежных текстовых полях отображаются текст выделенного сообщения и прикрепленные файлы через запятую. Эта форма требует доработки. Необходимо добавить кнопки управления, которые будут отсортировывать неотправленные (просто сохраненные) сообщения и открывать форму создания сообщения для последующей отправки.
Рис.19 Форма просмотра сообщений
Главным отчетом в разработанном приложении является «Карточка абитуриента», направленная на расширение возможностей актуализации. «Карточка абитуриента» показана на рисунке 20. Этот отчет выдается на руки возможному абитуриенту в печатном виде. Абитуриент будет знать какую информацию о себе он оставил в вузе и что с ним обязательно смогут связаться если возникнет такая необходимость. Если его контактные данные изменяться, а карточка абитуриента ему всегда напомнит, какая информация о нем известна Университету, в его интересах будет сообщить о произошедших изменениях. Также на карточке абитуриента отражен его IDв университетской базе данных, которое он может использовать, чтобы сообщить о повторном посещении Университета.IDизображен в виде штрих кода для дальнейшей автоматизации учебного процесса.
Рис.20 «Карточка абитуриента»
Отчеты, вызываемые с формы просмотра зарегистрированных будущих абитуриентов, предназначены для ведения статистики по регистрируемым и тех кто их регистрирует.
«Общий» отчет на рисунке 21 дает сводную информацию по всем мероприятиям и зарегистрированным на них абитуриентам. На отчете показана дата его формирования.
«Ваш» отчет на рисунке 22 похож на «Общий» отчет, но формируется только на пользователя авторизованного в системе.
Рис.21 «Общий» отчет
Рис.22 «Ваш» отчет
Отчеты в виде диаграмм дают наглядную статистику по количеству необходимых мест в общежитии – «Общежитие», рисунок 23, по количеству студентов из разных учебных заведений – «Откуда к нам идут», рисунок 24, показывают, кто из сотрудников ЦПК сколько будущих абитуриентов зарегистрировал – «Рейтинг среди сотрудников», рисунок 25.
Рис.24 «Откуда к нам идут»
Рис.25 «Рейтинг среди сотрудников»
Источник: studfile.net