4. Прототипирование интерфейса пользователя

Начальное окно интерфейса (рис. 4.1) содержит три ветвления, каждое их которых доступно для разного типа пользователей.

Кнопка «Внесение данных» активна только для сотрудников ЦИП.

Кнопка «Поиск» активна для сотрудников ЦИП и ЦТТ.

Кнопка «Редактирование справочников» активна только для администратора.

Рисунок 4.1 – Начальное окно интерфейса пользователя

4.1 Прототипирование интерфейса модуля «Ведение базы данных партнерств»

Первое окно интерфейса (рис. 4.2), появляющееся при нажатии кнопки «Внесение данных» (рис. 4.1) представлено в виде набора кнопок выбора, ведущие к соответствующим окнам ввода информации.

Рисунок 4.2 – Первое окно интерфейса

При нажатии кнопки «Партнер» происходит переход в окно для ввода данных о партнере (рис. 4.3)

Рисунок 4.3 – Окно ввода данных о партнере

Характеристика «Тип» представлена выпадающим меню.

Направление деятельности вводится посредством выбора из окна классификатора (рис. 4.4), всплывающем при нажатии кнопки «Выбрать». Данное окно содержит 2 поля выбора: направления и поднаправления. При нажатии на любое из направлений в правом поле возникает список его поднаправлений. Для быстрой навигации по классификатору предусмотрено поле поиска с кнопками выбора уровня, по которому будет осуществляться поиск. Кнопками «>>» и «<<» осуществляется добавление и удаление выбранных разделов.

Рисунок 4.4 – Окно классификатора

При нажатии на кнопку «Подразделение университета» (рис. 4.2) происходит переход в окно ввода данных о подразделении университета (рис. 4.5).

Рисунок 4.5 – Окно ввода данных о подразделении университета

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

Заполнение характеристики «Направление деятельности» производится с помощью выбора из окна классификатора (рис. 4.4), вызываемого через кнопку «Выбрать».

При нажатии кнопки «Взаимодействие» (рис. 4.2) возникает окно ввода информации о взаимодействии (рис. 4.6)

Рисунок 4.6 – Окно ввода информации о взаимодействии

С помощью кнопки «Выбрать» в блоке «Взаимодействующие стороны» вызывается окно выбора партнера (рис. 4.7) или подразделения университета (рис. 4.8).

Окно выбора партнера представлено в виде единого списка. Окно подразделения университета представлено в виде двух списков – выбирая институт/факультет из левого списка, в правом списке отображаются все его подразделения.

В окнах выбора партнера и подразделения есть быстрый поиск по списку, осуществляющийся через поле поиска. Если в списке отсутствует искомый партнер или подразделение, то есть возможность добавить его, нажав одноименную кнопку, которая переводит пользователя в окно ввода данных о партнере (рис. 4.3) или о подразделении (рис. 4.5).

Рисунок 4.7 – Окно выбора партнера

Рисунок 4.8 – Окно выбора подразделения университета

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

Направление взаимодействия вносится путем выбора из окна классификатора (рис. 4.4), появляющемся при нажатии кнопки «Выбрать».

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

При нажатии на кнопку «Совместная структура» (рис. 4.2) появляется соответствующее окно ввода (рис. 4.9).

Рисунок 4.9 – Окно ввода информации о совместной структуре

Виды совместных структур представлены в виде выпадающего меню.

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

Выбор партнера и подразделения осуществляется в соответствующих окнах (рис. 4.7, 4.8), вызываемых кнопками «Выбрать» в блоке «Взаимодействующие стороны».

В результате нажатия на кнопку «Соглашение» (рис. 4.2) появляется окно ввода соответствующей информации (рис. 4.10).

В блоке «Взаимодействующие стороны» для каждой из сторон предусмотрена кнопка «Редактировать», которая открывает окно выбора партнеров (рис. 4.11) или подразделений (рис. 4.12). В каждом из окон предусмотрено поле поиска для быстрой навигации и кнопка «Добавить…», которая переводит в окно добавления нового партнера (рис. 4.3) или подразделения (рис. 4.5).

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

Рисунок 4.10 – Окно ввода информации о соглашении

Рисунок 4.11 – Окно выбора партнеров

Рисунок 4.12 – Окно выбора подразделений университета

Заполнение поля «Типа соглашения» осуществляется выбором из выпадающего меню.

Поле «Направление соглашения» заполняется путем выбора из окна классификатора (рис. 4.4).

Статус соглашения представляет собой выпадающее меню с тремя вариантами выбора «Завершен», «Действующий», «Пролонгирован».

При нажатии на кнопку «Мероприятие» (рис. 4.2) происходит переход в окно ввода информации о мероприятии (рис. 4.13)

Поле «Тип мероприятия» заполняется путем выбора из выпадающего меню.

Поле «Направление мероприятия» заполняется путем выбора из окна классификатора (рис. 4.4).

Блок «Участники» представляет собой две вкладки – «Подразделения университета» и «Партнеры». На примере вкладки «Партнеры» кнопкой «Редактировать» осуществляется выбор организаций из окна, представленного на рис. 4.11. Выбранные организации попадают в таблицу в окне ввода (рис. 4.13), во второй колонке которой доступен ввод вручную ФИО и должностей конкретных участников от каждой организации. Работа с вкладкой «Подразделения университета» (рис. 4.13) аналогична с поправкой на то, что выбор подразделений производится из окна, представленного на рис. 4.12.

Блок «Результат» представлен полем для написания текста.

Рисунок 4.13 – Окно ввода информации о мероприятии

Далее описано прототипирование интерфейса редактирования справочников.

В базе данных хранятся двухуровневый классификатор и справочники, которые необходимо дополнять и редактировать. Редактирование и удаление конкретных данных доступно только в случае, когда эти данные нигде не использованы в ИС. В случае попытки отредактировать/удалить данные, на которые есть хотя бы одна ссылка в ИС, администратор увидит сообщение (рис. 4.14) о невозможности выполнения операции.

Рисунок 4.14 – Сообщение о недоступности операций редактирования и удаления

При нажатии кнопки «Редактирование справочников» (рис. 4.1) появляется окно выбора предмета редактирования (рис. 4.15): классификатор направлений деятельности и справочников.

Рисунок 4.15 – Окно выбора предмета редактирования

Окно редактирования направлений деятельности (рис. 4.16) содержит в себе поле поиска для быстрой навигации по классификатору и кнопки добавления и удаления направления и поднаправления. Кнопкой «Удалить» осуществляется удаление непосредственно из основного окна классификатора.

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

Кнопка «Добавить поднаправление» также переносит пользователя в окно, представленное на рис. 4.17, с тем отличием, что заполнено поле названия направления и список «добавленные поднаправления» содержит в себе ранее внесенные данные.

Рисунок 4.16 – Окно редактирования классификатора направлений деятельности

Рисунок 4.17 – Окно добавления нового направления и/или подразделения

Окно редактирования справочников (рис. 4.18) содержит в себе справочники факультетов/институтов, видов взаимодействий, совместных структур и типов мероприятий, соглашений, партнеров, работа с каждым из которых возможна после активации соответствующего чек-бокса. Каждый блок редактирования конкретного справочника состоит из поля поиска для быстрой навигации и поля ввода с кнопкой «Добавить», которая переносит внесенное название в справочник. Кнопкой «Удалить» производится удаление выбранного элемента из справочника.

Рисунок 4.18 – Окно редактирования справочников