Пользовательский интерфейс мониторинга РИНС ЛО

3.5.2.1. Пользовательскии
интерфеис мониторинга РИНС ЛО
1
Общие сведения
1.1 Клавиши (кнопки клавиатуры)
Такие клавиши как Enter, Esc, Del, Tab и подобные будут обозначаться,
как показано выше (без кавычек).
Для ссылок на клавиши управления курсором (клавиши со стрелками) будет
использоваться фраза «клавиши управления курсором», когда необходимо сослаться
сразу на все эти клавиши. Если необходимо упомянуть эти клавиши по отдельности,
будут использоваться словосочетания «Стрелка вверх», «Стрелка вниз» и т.д.
1.2 Комбинации клавиш
Когда для выполнения какой-либо команды необходимо использовать комбинацию
клавиш, в тексте это обозначается, например, как Ctrl + F3. Такая запись означает,
что для выполнения команды необходимо сначала нажать первую клавишу,
а затем, не отпуская ее, нажать вторую клавишу комбинации.
1.3 Мышь
Органы управления компьютерной мышкой будут обозначаться соответственно их
местоположению:



левая кнопка мышки;
правая кнопка мышки;
колесо прокрутки мышки.
Примечание – Применение других устройств ввода, аналогичных по назначению
мыши (трекболы, тачпады, графические планшеты, сенсорные экраны), не
рассматривается.
1.4 Диалоговые окна
В контексте диалоговых окон следует считать идентичными (по отношению
к элементам управления на форме диалогового окна) фразы:


«сделать щелчок левой кнопкой мышки по ...»,
«нажать левой кнопкой мышки на ...»
и «нажать на...»;
«в поле ввода данных» и «в поле».
Ниже (см. таблица 1) приведены обозначения основных элементов управления
на формах.
Таблица 1 − Обозначения основных элементов управления на формах
Значок
Тип
Кнопка
Назначение
Закрытие формы
Кнопка
Сворачивание (минимизация) определенной области
формы
Кнопка
Раскрытие определенной области формы
Кнопка
Раскрытие пункта меню
Кнопка
Используется для:
 сворачивания (минимизация) пункта меню;
 уменьшения значения какой-либо величины;
 отмены фильтра.
Кнопка
Включение режима фильтрации информации
Флажок
Поле ввода логических значений
Кнопка
Кнопка общего назначения
Кнопка
Обновить
информацию
на
(в определенной области формы)
Полоса
прокрутки
Вертикальные полосы прокрутки
Полоса
прокрутки
Горизонтальные полосы прокрутки
Пиктограмма
Значок, отмечающий обязательные поля ввода данных
(обязательно должны быть введены соответствующие
значения)
экране
монитора
Там, где это возможно, элементы управления будут обозначаться их названиями
(обрамленными в двойные кавычки и выделенные шрифтом) или графическими
значками.
Примеры
«Да» - кнопка Да
«Отмена» - кнопка Отмена
«Сохранить» - кнопка Сохранить
- кнопка Поиск
В случаях, когда по наименованию элемента управления невозможно
или затруднительно однозначно идентифицировать его тип, то перед наименованием
будет явно указан тип элемента управления.
Примеры
«Да»
«Сохранить»
Столбец сетки «Выход»
Пункт меню «Мониторинг»
Флажок «Ведомость движения»
1.5 Сообщения об ошибках
При возникновении в Системе нештатных (аварийных или недокументированных)
ситуаций, на Экране могут появляться сообщения в виде диалоговых окон или в виде
надписей.
Примеры
Диалоговое окно:
Рисунок 1 − Диалоговое окно сообщения об ошибке
Надписи на Экране:
Рисунок 2 − Сообщения об ошибках
1.6 Программное обеспечение
Графические иллюстрации сформированы в контексте использования следующего
программного обеспечения:



MS Windows;
Браузер Mozilla (FireFox);
Microsoft Excel 2010.
При использовании других (аналогичных по назначению и функционалу)
программ, отличия будут не существенными.
2
Основные элементы интерфейса форм Системы
2.1 Главная форма
Окно главной формы Системы разделено на три области (см. рисунок 3):
1. Область заголовка;
2. Область главного меню;
3. Информационная область.
Рисунок 3 − Окно главной формы Системы
В информационной области
выбранному пункту главного меню.
отображается
информация,
соответствующая
расположены
информационные
2.2 Заголовок главной формы
В области заголовка главной формы
и функциональные блоки (см. рисунок 4).
Рисунок 4 − Заголовок главной формы Системы
2.3 Главное меню
Ниже (см. рисунок 5) представлено главное меню Системы.
Рисунок 5 − Главное меню Системы
Пользователю предоставляется возможность «свернуть» главное меню
(как показано ниже, см. рисунок 6) и тем самым увеличить размер информационной
области главной формы.
Рисунок 6 − Изменение размера области главного меню
с использованием кнопок
Или плавно изменить размеры области главного меню, используя мышку
(см. рисунок 7 и рисунок 8).
Рисунок 7 – Изменение размера области главного меню
с использованием мышки
Рисунок 8 – Изменение размера области главного меню
Для доступа к пунктам главного меню, его следует открыть.
Это можно сделать так, как показано на рисунке 9.
Рисунок 9 – Управление меню
2.4 Элементы управления, выполняющие специальные функции
2.4.1 Всплывающее меню
Ниже (см. рисунок 10) представлен внешний вид всплывающего меню, а также
пример индикации выбранного пункта всплывающего меню.
Рисунок 10 − Всплывающее меню
Чтобы получить доступ к пунктам всплывающего меню, нужно навести курсор
мышки на соответствующий элемент управления (например, строка сетки) и нажать
на правую кнопку мышки.
Для выбора пункта меню следует навести на него курсор мышки и нажать
на левую кнопку мышки.
2.4.2 Всплывающая подсказка
Всплывающая подсказка (см. рисунок 11) становится доступной при наведении
курсора мышки на соответствующий элемент управления (необходимо выждать
определенное время, не сдвигая курсор с места).
Рисунок 11 − Всплывающая подсказка
2.4.3 Группа кнопок
Кнопки могут быть сгруппированы в единый блок (см. рисунок 12 и рисунок 24).
Функционал кнопок, объединенных в группу, относится к одной (определенной)
сетке (см. ниже).
Рисунок 12 − Группа кнопок
Кнопки, доступные для использования, имеют надписи белого цвета.
Цвет надписей у недоступных кнопок – серый. Выбранная кнопка обрамляется
рамочкой (см. рисунок 12).
Некоторые кнопки имеют свое контекстное меню. Чтобы вызвать контекстное
меню такой кнопки, нужно нажать на кнопку (см. рисунок 13).
Рисунок 13 − Кнопка с контекстным меню
2.4.4 Элементы управления, предназначенные для ввода данных
Для ввода данных используются элементы управления следующих типов:


Флажок;
Поле редактирования.
Элемент управления типа «Флажок» (см. рисунок 14) предназначен для ввода
и индикации логических значений.
Рисунок 14 − Поле ввода данных типа «Флажок»
Чтобы изменить данные (состояние флажка), нужно нажать левой кнопкой мыши
на область ввода данных.
Элемент управления типа «Поле редактирования» (см. рисунок 15 и рисунок 16)
предназначен для ввода символьных значений.
Рисунок 15 − Поле ввода данных типа «Поле редактирования»
Рисунок 16 – Элементы поля ввода данных типа «Поле редактирования»
Для ввода данных в определенное поле редактирования, нужно сделать его
активным.
Это можно выполнить одним из следующих способов:


Сделать щелчок левой кнопкой мышки по области ввода данных
соответствующего поля редактирования (см. рисунок 16);
Переключиться на это поле, используя клавишу Tab (или комбинацию
Shift + Tab).
Затем, используя клавиатуру, ввести в поле редактирования актуальную
информацию.
В Системе используются три вида полей редактирования (см. рисунок 17).
Рисунок 17 − Виды полей ввода данных
типа «Поле редактирования»
Поля редактирования, «подчеркнутые» красной волнистой линией (см. рисунок 18),
являются обязательными (обязательно должны быть введены соответствующие
данные).
Рисунок 18 – Обязательное поле
Некоторые поля редактирования имеют дополнительные кнопки.
При нажатии на кнопку
какого-либо значения.
вызывается форма, предназначенная для выбора
Это может быть форма календаря (см. рисунок 19), где можно выбрать дату,
которая будет автоматически перенесена в поле редактирования.
Рисунок 19 − Вызов календаря для выбора даты
Или специальная поисковая форма, где следует найти и выбрать нужное значение
(см. рисунок 20).
Рисунок 20 − Вызов формы для поиска и выбора маршрута
Кнопка
предназначена для вызова формы списка, где можно выбрать нужное
значение (см. рисунок 21).
Рисунок 21 − Вызов списка для выбора значения
2.4.5 Сетка
Сетка (см. рисунок 22) предназначена для отображения и редактирования
информации, хранящейся в таблицах базы данных.
Рисунок 22 – Отображение данных в сетке
Сетка разделена три области (см. рисунок 23):
1. Область заголовка;
2. Область данных;
3. Область управления навигацией по набору данных (таблицы базы данных).
Рисунок 23 – Элементы сетки
Независимо от того, какой объем хранится в наборе данных, сетка может
отображать их только заданными порциями.
Размер порции по умолчанию: не более, чем 25 строк из набора данных.
Размер порции может быть изменен с помощью группы кнопок (см. рисунок 24)
в области управления навигацией (см. рисунок 23).
Рисунок 24 – Область управления навигацией по набору данных,
отображаемому в сетке
Перемещение по строкам сетки производится с помощью клавиатуры или мышки.
Выбранная (текущая) строка сетки отличается тем, что имеет контрастную
цветовую раскраску (см. рисунок 25).
Рисунок 25 – Выбранная строка сетки
Выбрать несколько строк в сетке (см. рисунок 26) можно любым из следующих
способов:




Ctrl + «левая кнопка мышки»;
Ctrl + «Стрелка вверх» или «Стрелка вниз» и клавиша «пробел»;
Shift + «левая кнопка мышки»;
Shift + «Стрелка вверх» или «Стрелка вниз».
Рисунок 26 – Выбор нескольких строк в сетке
Пользователю предоставляется возможность изменять ширину столбцов сетки
(см. рисунок 27).
Рисунок 27 − Область заголовка сетки.
Используя мышку, можно изменять ширину любого столбца сетки
Заголовки столбцов сетки, наряду с основной функцией (названия столбцов),
выполняют и функцию кнопок (см. рисунок 28 и рисунок 30).
Столбец сетки имеет контекстное (всплывающее) меню (см. рисунок 28).
При выборе пункта контекстного меню «Столбцы», появляется список доступных
столбцов сетки.
Рисунок 28 − Контекстное меню столбца сетки.
Список доступных столбцов сетки
«Галочкой» (см. рисунок 28) отмечены видимые столбцы. Чтобы изменить
видимость столбца, следует отметить (или снять отметку) строку списка,
соответствующую нужному столбцу.
В контекстном меню заголовка столбца сетки могут присутствовать
дополнительные пункты (см. рисунок 29). Например, пункты меню, позволяющие
сортировать строки сетки.
Рисунок 29 − Контекстное меню столбца сетки.
Дополнительные пункты меню
Столбцы, контекстное меню которых содержит пункты для сортировки строк,
имеют еще одну дополнительную кнопку (см. рисунок 30).
Рисунок 30 − Заголовок столбца сетки.
Кнопка для сортировки строк сетки
Редактирование значений в выбранной строке сетки производится, как правило,
в отдельном (специальном) диалоговом окне, которое вызывается при нажатии
на соответствующую кнопку (в соответствующей группе кнопок), выборе
соответствующего пункта меню или при двойном щелчке левой кнопкой мышки
по соответствующей строке сетки.
В некоторых случаях пользователю предоставляется возможность редактировать
данные непосредственно в ячейке сетки (см. рисунок 31 и рисунок 32).
Рисунок 31 − Редактирование значения в ячейке сетки
Рисунок 32 – Редактирование значения в ячейке сетки.
Вызов списка значений
2.4.6 Навигатор
На рисунке 33 представлен внешний вид навигатора (который управляет
перемещением сетки по набору данных и размещен в области управления навигацией,
см. рисунок 23).
Рисунок 33 − Навигатор сетки
При нажатии на кнопку
, ее пиктограмма изменяется:
пока производится обновление информации в сетке).
(на период времени,
3
Часто используемые
Системы
формы
пользовательского
интерфейса
Ниже представлено общее описание часто используемых форм пользовательского
интерфейса Системы. Специфика их использования приведена в описании
соответствующих подсистем.
3.1 Поисковая форма выбора ТС
Форма используется при решении задач, связанных с поиском и выбором ТС.
Внешний вид формы представлен на рисунке 34.
Рисунок 34 – Форма выбора ТС
Чтобы найти и выбрать ТС нужно выполнить следующие действия:



Установить соответствующий фильтр (более подробно см. ниже);
Найти в сетке нужное ТС;
Выбрать его (выполнив одно из двух действий):
 Сделать двойной щелчок левой кнопкой мышки по соответствующей
строке в сетке;
 Выбрать соответствующую строку в сетке и нажать на кнопку
«Выбрать».
3.1.1 Список столбцов сетки «Транспортные средства»
В таблице 2 приведен список столбцов сетки «Транспортные средства».
Таблица 2 − Список столбцов сетки «Транспортные средства»
Столбец
Назначение
Парк
Парк (депо)
Гаражный номер
Гаражный (парковый) номер ТС
Госномер
Государственный номер транспортного средства
Вид ТС
Вид транспортного средства
Модель ТС
Модель транспортного средства
БНСО
Бортовое навигационно-связное оборудование
3.1.2 Условия фильтрации
Для сужения области поиска ТС пользователю предоставляется возможность
установить соответствующий фильтр.
При формировании фильтра (см. рисунок 34) могут быть учтены:






Госномер ТС;
Гаражный (парковый) номер ТС;
Парк (депо), см. рисунок 35;
Вид ТС (см. рисунок 36);
Модель ТС (см. рисунок 37);
БНСО.
Рисунок 35 – Список для выбора парка
Рисунок 36 – Список для выбора вида ТС
Рисунок 37 – Список для выбора модели ТС
3.2 Поисковая форма выбора маршрута
Форма используется при решении задач, связанных с поиском и выбором
маршрута.
Внешний вид формы представлен на рисунке 38.
Рисунок 38 − Форма выбора маршрута
Чтобы найти и выбрать маршрут нужно выполнить следующие действия:



Установить соответствующий фильтр (более подробно см. ниже);
Найти в сетке нужный маршрут;
Выбрать его (выполнив одно из двух действий):
 Сделать двойной щелчок левой кнопкой мышки по соответствующей
строке в сетке;
 Выбрать соответствующую строку в сетке и нажать на кнопку
«Выбрать».
3.2.1 Список столбцов сетки «Маршруты»
В таблице 3 приведен список столбцов сетки «Маршруты».
Таблица 3 − Список столбцов сетки «Маршруты»
Столбец
Назначение
Реестр.номер
Реестровый номер маршрута
Номер
Номер маршрута
Наименование
Наименование маршрута
Вид ТС
Вид транспортного средства
Кольцевой
Признак кольцевого маршрута
Городской
Признак городского маршрута
Ночной
Признак ночного маршрута
Дата открытия маршрута
Дата открытия маршрута
Приказ об открытии
Приказ об открытии маршрута
Категория
Категория маршрута
3.2.2 Условия фильтрации
Для сужения области поиска маршрутов
возможность установить соответствующий фильтр.
пользователю
предоставляется
При формировании фильтра (см. рисунок 38) могут быть учтены:



Наименование маршрута;
Реестровый номер маршрута;
Вид ТС (см. рисунок 36).
3.3 Поисковая форма выбора сотрудника
Форма используется при решении задач, связанных с поиском и выбором
сотрудника.
Внешний вид формы представлен на рисунке 39.
Рисунок 39 − Форма выбора сотрудника
Чтобы найти и выбрать сотрудника нужно выполнить следующие действия:


Установить соответствующий фильтр (более подробно см. ниже);
Найти в сетке нужного сотрудника;

Выбрать его (выполнив одно из двух действий):
 Сделать двойной щелчок левой кнопкой мышки по соответствующей
строке в сетке;
 Выбрать соответствующую строку в сетке и нажать на кнопку
«Выбрать».
3.3.1 Список столбцов сетки «Сотрудники»
В таблице 4 приведен список столбцов сетки «Сотрудники».
Таблица 4 − Список столбцов сетки «Сотрудники»
Столбец
Назначение
Таб №
Табельный номер сотрудника
Ф.И.О.
Фамилия, Имя, Отчество сотрудника
Организация
Организация, где работает сотрудник
Телефонный номер
Телефонный номер сотрудника
Должность
Должность сотрудника
3.3.2 Условия фильтрации
Для сужения области поиска сотрудника
возможность установить соответствующий фильтр.
пользователю
При формировании фильтра (см. рисунок 39) могут быть учтены:





Ф.И.О. сотрудника;
Табельный номер сотрудника;
Должность сотрудника;
Телефонный номер сотрудника;
Организация, где работает сотрудник.
3.4 Форма «Уведомления»
Форма используется для уведомления о событиях.
Внешний вид формы представлен на рисунке 40.
предоставляется
Рисунок 40 – Форма «Уведомления»
3.4.1 Список столбцов сетки «Уведомления»
В таблице ниже приведен список столбцов сетки «Уведомления».
Таблица 5 − Список столбцов сетки «Уведомления»
Столбец
Назначение
Дата/время
Дата и время формирования уведомления
Срок выполнения
Срок выполнения уведомления
Маршрут
Номер маршрута
Тип события
Тип события
Уведомление
Текст уведомления
3.4.2 Условия фильтрации
Для сужения области поиска и отбора уведомлений пользователю предоставляется
возможность установить соответствующий фильтр.
При формировании фильтра (см. рисунок 40) могут быть учтены:






Период создания (даты);
Период выполнения (даты);
Статус уведомления (см. рисунок 41);
Маршрут (см. рисунок 38);
Тип события (см. рисунок 42);
Тип уведомления (см. рисунок 43).
Рисунок 41 – Выбор статуса уведомления
Рисунок 42 – Выбор типа события
Рисунок 43 – Выбор типа уведомления
3.5 Карта
Использование карты позволяет получить эффективное визуальное представление
о местоположении, направлении движения и состоянии ТС, а также дополнительной
информации о событиях, объектах мониторинга и точках интереса.
На рисунке 44 представлены элементы управления, расположенные на карте.
Рисунок 44 – Элементы управления на карте
3.5.1 Изменение масштаба карты
Изменение масштаба с помощью элементов управления на карте
Изменить масштаб карты можно с помощью ползунка или кнопок (см. рисунок 45).
Рисунок 45 – Изменение масштаба карты
Изменение масштаба с помощью мышки
Изменить масштаб карты можно, используя органы управления мышкой, двумя
способами:
1
2
Выделить нужную область карты (Shift + левая кнопка мышки),
см. рисунок 46;
Вращать колесо прокрутки мышки (курсор мышки должен находиться
в области карты) до тех пор, пока не будет достигнут нужный эффект.
Рисунок 46 – Изменение масштаба карты.
Выделение области карты с помощью мышки
3.5.2 Перемещение карты в окне просмотра
Перемещение карты с помощью элементов управления на карте
Переместить карту в окне просмотра можно, используя кнопки в области карты
(см. рисунок 44 и рисунок 47).
Рисунок 47 – Перемещение карты в окне просмотра
Перемещение карты с помощью мышки
Переместить карту в окне просмотра можно, используя левую кнопку мышки.
3.5.3 Отображение информации на карте
Управление картографическими слоями
Изображение карты состоит из одного или нескольких, наложенных друг на друга,
слоев. Каждый слой содержит перечень объектов определенного типа, имеющих
привязку к географическим координатам.
Управление слоями карты производится с помощью специальной формы
(см. рисунок 48), которая открывается при нажатии на кнопку
и рисунок 48).
(см. рисунок 44
Для отображения слоя на карте достаточно отметить галочкой соответствующую
строку в перечне слоев (см. рисунок 48). Убрать слой с карты можно,
сняв соответствующую отметку. Картографические слои можно комбинировать.
Рисунок 48 – Управление слоями карты
Отображение объектов POI на карте
Объекты POI на карте отображаются в виде значков (см. таблица 6).
Таблица 6 − Значки объектов POI на карте
Значок
Объект
Остановочный пункт
Конечная станция
Отображение объектов мониторинга на карте
На карте могут быть отображены маркеры ТС (см. таблица 7), треки ТС и трассы
маршрутов ТС.
Таблица 7 – Маркировка видов ТС на карте
Маркер
Вид ТС
Автобус
Троллейбус
Трамвай
На маркере стрелкой показано текущее направление движения ТС.
Над маркером указывается номер ТС или номер «Выхода» (см. рисунок 49).
Рисунок 49 – Маркеры ТС
Маркеры ТС имеют цветовую раскраску (см. таблица 8 и рисунок 50).
Таблица 8 – Цветовая раскраска маркеров ТС
Цвет
Состояние ТС
Зеленый
ТС работает, согласно регламента (без отклонений от нормы)
Розовый
ТС без маршрута
Серый
Бортовое оборудование выключено или таймаут получения данных более,
чем 30 минут
Красный
Нажата кнопка «Тревога»
Синий
ТС, выбранное в сетке «Транспортные средства»
Рисунок 50 – Цветовая раскраска маркеров ТС
На рисунке 51 представлен фрагмент трека ТС за заданный период времени.
Рисунок 51 – Трек ТС за заданный период
Трасса маршрута на карте отображается в виде цветной линии (красного, синего
или зеленого цвета), см. рисунок 52. Цвет линии не несет никакой смысловой нагрузки
(линии отличаются по цвету для того, чтобы пересекающиеся или частично
совпадающие трассы маршрутов были различимы на карте). Всего на карте может быть
отображено не более трех трасс маршрутов одновременно.
Рисунок 52 – Трасса маршрута на карте
Трасса каждого маршрута и трек движения каждого ТС отражены в отдельных
картографических слоях (см. рисунок 53).
Рисунок 53 – Управление видимостью
трасс маршрутов и треков движения ТС на карте