документация:описание_элементов_интерфейса []

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
===== Описание элементов пользовательского интерфейса =====

====   Основное меню   ====

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

На заголовке основного меню отображается логотип организации – разработчика (проектировщика) СМИК.

{{документация:описание_элементов_интерфейса:основное_меню_-_свернутый_вид.jpg?200|}}

Выбор пункта основного меню осуществляется мышью (темный цвет пункта), переход по выбранному пункту меню – по нажатию левой клавиши мыши. При наведении на основное меню курсора мыши основное меню отображается в развернутом виде. В развернутом виде в пунктах основного меню, кроме иконки, дополнительно отображается наименование пункта

{{документация:описание_элементов_интерфейса:основное_меню_-_развернутый_вид.jpg?200|}}

====   Цветовые коды   ====

Для сигнализации пользователю о статусе (состоянии) объектов (ОМ, устройство, измерительный канал, конструктивный Элемент) предусмотрены следующие цвета в цветовом коде пиктограмм:

а) «Зеленый статус» (цвет пиктограммы – зеленый): измеренное значение физической величины поступает в СМИК и не превышает заданных пороговых (предупредительный, аварийный) значений (например, работоспособное состояние конструкции в соответствии с нормативными документами по данному типу конструкций);

б) «Желтый статус» (цвет пиктограммы – желтый): измеренное значение физической величины поступает в СМИК и превышает заданный предупредительный порог для одного или нескольких измерительных каналов устройства (например, превышение порога показаний датчика, определяющих ограниченно работоспособное состояние конструкции в соответствии с нормативными документами по данному типу конструкций);

в) «Красный статус» (цвет пиктограммы – красный): измеренное значение физической величины поступает в СМИК и превышает заданный аварийный порог для одного или нескольких измерительных каналов устройства (например, превышение порога показаний датчика, определяющих аварийное состояние конструкции в соответствии с нормативными документами по данному типу конструкций);

г) «Серый статус» (цвет пиктограммы – серый): измеренное значение физической величины не поступает в СМИК (отсутствие измерительной информации от датчика).

====   Форма «Реестр»   ====

Форма «Реестр» является типовым элементом графического пользовательского интерфейса Комплекса и используется для отображения пользователю информации, которая представляет собой таблицу с однородными записями. В такой форме отображаются реестры учетных записей пользователей (далее – УЗ), ОМ, шин, устройств и других компонентов СМИК.

{{документация:описание_элементов_интерфейса:форма_реестр.jpg?471x155|рисунок_11.jpg}}

На форме «Реестр» располагаются следующие элементы:

а) кнопка добавления записи;

б) панель заголовков;

в) записи реестра (строки);

г) кнопки страниц реестра.

Дополнительно на форме «Реестр» может располагаться панель фильтра.

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

Добавление записи в реестр проводится двумя способами:

а) добавление записи «с нуля» (с помощью кнопки добавления записи, при этом поля, соответствующие параметрам, либо не заполнены, либо заполнены значениями по умолчанию);

б) добавление записи на основе существующей записи (с помощью кнопки «Копировать» (при ее наличии).

После сохранения новой записи проконтролировать в реестре наличие новой записи и ее отображаемые параметры.

Панель заголовков содержит:

а) заголовки столбцов;

б) заголовок «Действия».

{{документация:описание_элементов_интерфейса:панель_заголовков.jpg?420x127|рис._12_п._9.3.5._панель_заголовков.jpg}}

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

Заголовок «Действия» визуально отделяет панели инструментов для строк реестра, на которых группированы кнопки операций.

Запись реестра представляет собой панель, на которой размещаются информация записи (по столбцам) и панель инструментов. Информация записи может отобраться в следующих видах:

а) в виде текста;

б) в виде чек-бокса;

в) в виде кнопки.

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

На панели инструментов могут располагаться кнопки операций, которые условно можно сгруппировать:

  * кнопки операций с информацией записи;

  * кнопки операций над записью в реестре.

Количество кнопок и вид операций, которые можно проводить с их помощью определяются спецификой реестра.

Кнопки «Изменить», «Копировать» и «Удалить» в форме «Реестр» используются для выполнения следующих операций над выбранной записью:

а) «Изменить»: изменить информацию записи (параметры);

б) «Копировать»: добавить в реестр запись, информация которой будет скопирована из существующей записи, кнопка может отсутствовать в некоторых реестрах);

в) «Удалить»: удалить из реестра запись.

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

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

{{документация:описание_элементов_интерфейса:панель_фильтра.jpg?400|рис._13а_п._9.3.9._панель_фильтра.jpg}}

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

{{документация:описание_элементов_интерфейса:панель_фильтра_выборка_из_реестра.jpg?200|рис._13б_п._9.3.9._панель_фильтра_выборка_из_реестра.jpg}}

Для отмены фильтра очистить условия выборки и нажать кнопку «Фильтровать».

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

а) для сохранения проведенных изменений – нажать кнопку «Сохранить»;

б) для отмены проведенных изменений – нажать кнопку «Отменить».

После нажатия на любую из вышеуказанных кнопок осуществляется возврат в реестр.

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

Пользователь должен скорректировать информацию записи-копии. Рекомендуется обязательно изменить наименование записи-копии, в противном случае Комплекс проконтролирует такую ситуацию и автоматически добавит в наименование записи-копии слово «(Копия)».

{{документация:описание_элементов_интерфейса:запись_копия.jpg?400|рис._14_п._9.3.11._запись-копия.jpg}}

При копировании записи в конкретном реестре может копироваться не вся информация из записи-оригинала.

При удалении записи из реестра после нажатия на кнопку «Удалить» в открывшемся окне браузера:

а) для подтверждения удаления записи – нажать кнопку «ОК»;

б) для отмены удаления записи – нажать кнопку «Отмена».

{{документация:описание_элементов_интерфейса:удаление_записи_реестра.jpg?200|рис._15_п._9.3.12._удаление_записи_реестра.jpg}}

====   Средство выбора календарного дня   ====

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

{{документация:описание_элементов_интерфейса:средство_выбора_календарного_дня.jpg?200|рис._16а_б_в_г_д_п._9.4.1._средство_выбора_календарного_дня.jpg}}

Календарный день имеет формат ДД.ММ.ГГГГ, где ДД – порядковый номер дня в месяце, ММ – порядковый номер месяца в году, ГГГГ – год.

Порядковый номер дня в месяце представляется двумя цифрами. Первый день каждого месяца представлен цифрами 01, последующие дни того же месяца нумеруют в возрастающей последовательности. Порядковый номер месяца в году представляется двумя цифрами. Январь представлен цифрами 01, последующие месяцы нумеруют в возрастающей последовательности. Год представляется четырьмя цифрами. Год нумеруют в возрастающем порядке в соответствии с григорианским календарем в пределах от 0000 до 9999.

Ввод календарного дня осуществляется одним из двух способов:

а) ввод с клавиатуры;

б) выбор с помощью меню.

Ввод календарного дня с клавиатуры осуществляется в соответствующие поля, разделенные символами «.» (0x2E).

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

Меню отобразится в виде формы «Календарь».

{{документация:описание_элементов_интерфейса:меню_календарь.jpg?200|рис._17а_б_п._9.4.5._меню_календарь.jpg}}

Для выбора календарного дня на форме «Календарь» используются следующие элементы графического пользовательского интерфейса:

а) кнопка «Выбор месяца и года»;

б) кнопка «Выбор предыдущего месяца»;

в) кнопка «Выбор следующего месяца»;

г) поле «Выбор дня месяца»;

д) кнопка «Сегодня»: для задания в поле текущей календарной даты (после нажатия на эту кнопку меню сворачивается);

е) кнопка «Удалить»: для очистки поля (после нажатия на эту кнопку меню сворачивается).

После выбора требуемого дня месяца (нажатие левой клавиши мыши на требуемый день) меню сворачивается.

После нажатия на кнопку «Выбор месяца и года» откроется форма «Месяцы и годы». Для задания месяца и года используются следующие элементы графического пользовательского интерфейса:

а) кнопки «Год» (одновременно отображаются кнопки для пяти последовательных лет);

б) поле «Выбор месяца года». После выбора требуемого года и месяца (нажатие левой клавиши мыши на требуемый месяц) форма «Месяцы и годы» закроется и откроется форма «Календарь».

====   Средство выбора календарной даты   ====

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

{{документация:описание_элементов_интерфейса:средство_выбора_календарной_даты.jpg?200|рис._18_средство_выбора_календарной_даты.jpg}}

Календарная дата имеет формат ДД.ММ.ГГГГ чч:мм:сс, где ДД – порядковый номер дня в месяце, ММ – порядковый номер месяца в году, ГГГГ – год, чч – час, мм – минута, сс – секунда.

Ввод календарной даты осуществляется одним из двух способов:

а) ввод с клавиатуры;

б) выбор с помощью меню.

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

Для выбора календарной даты с помощью меню нажать кнопку «Вызов меню».

====   Средство выбора цвета   ====

Средство выбора цвета (далее – Палитра) является типовым элементом графического пользовательского интерфейса, отображающим пользователю цвета для выбора.

Для вызова Палитры нажать на кнопку «Вызов Палитры».

{{документация:описание_элементов_интерфейса:средство_выбора_цвета.jpg?264x120|рис._20а_п._9.6.1._средство_выбора_цвета.jpg}}

Для выбора цвета используются следующие элементы пользовательского интерфейса:

а) поля ввода «Код цвета»;

б) панель «Спектр цветов»;

в) панель «Оттенки»;

г) кнопка «Копировать цвет»;

д) степпер «Выбор цветовой модели».

{{документация:описание_элементов_интерфейса:палитра.jpg?200|рис._20б_п._9.6.1._палитра.jpg}}

При необходимости перед выбором цвета определить цветовую модель, в соответствии с которой формируется код цвета.

Палитра поддерживает следующие цветовые модели:

а) RGB (Red (красный), Green (зеленый), Blue (синий));

б) HSL (Hue (оттенок, тон), Saturation (насыщенность), Lightness (интенсивность света)).

Палитра в цветовой модели RGB предлагает два формата записи кода цвета: – R, G, B (напр., 0, 0, 0 – черный, 0, 0, 255 – синий); – #RRGGBB (так называемый HTML- или web-вид, напр. #000000 – черный, #0000FF – синий).

Выбор цветовой модели осуществляется с помощью степпера «Выбор цветовой модели». Цветовые модели после каждого нажатия на степпер изменяются циклически: RGB → HSL → HTML → RGB и т.д. Виды Палитры в зависимости от выбранной цветовой модели и формата записи кода цвета (отличаются полями ввода «Код цвета»).

{{документация:описание_элементов_интерфейса:палитры_по_цветовым_моделям.jpg?424x172|рис._21а_б_в_п._9.6.3._палитры_по_цветовым_моделям.jpg}}

Выбор цвета с помощью Палитры можно осуществлять тремя способами:

а) ввод кода цвета с клавиатуры;

б) выбор цвета с помощью панелей «Спектр цветов» и «Оттенки»;

в) выбор цвета путем копирования цвета изображения, уже отображаемого на экране дисплея.

Выбранный цвет крупно отображается на Палитре и в кнопке «Вызов Палитры».

Ввод кода цвета осуществляется вводом с клавиатуры конкретных значений в поля ввода «Код цвета». После заполнения всех полей нажать на клавиатуре клавишу Enter. Значения вводятся в следующих форматах:

а) для цветовой модели RGB:

- код вида RGB: для каждого цвета – целые десятичные числа в диапазоне от 0 до 255 (включ.);

- код вида #RRGGBB: для каждого цвета – шестнадцатеричные числа в диапазоне от 0x00 до 0xFF (включ.);

б) для цветовой модели HSL:

- для оттенка (H) – целое десятичное число от 0 до 360 (включ.);

- для насыщенности (S) и интенсивности света (L) – целое десятичное число в процентах (от 0 до 100 % (включ.)).  

{{документация:описание_элементов_интерфейса:код_цвета.jpg?200|рис._22а_б_п._9.6.5._код_цвета.jpg}}

Выбор цвета с помощью панелей «Спектр цветов» и «Оттенки» осуществляется следующим образом:

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

б) нажать левую клавишу мыши;

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

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

д) нажать на клавиатуре клавишу Enter.

Выбор цвета путем копирования цвета изображения, уже отображаемого на экране дисплея, осуществляется следующим образом:

а) нажать на кнопку «Копировать цвет»;

б) открывшийся круг выбора цвета, в котором отображаются увеличенные цвета, перемещать с помощью мыши (не удерживая кнопок мыши) по экрану дисплея до требуемого места;

в) на копируемом цвете сфокусировать центральный квадрат круга выбора и нажать левую кнопку мыши (для выхода без копирования цвета нажать на клавиатуре клавишу Esc);

г) нажать на клавиатуре клавишу Enter.

====   Средство загрузки файла   ====

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

Средство содержит следующие элементы графического пользовательского интерфейса:

а) кнопка «Выбрать файлы»:

б) панель «Загруженный файлы».

{{документация:описание_элементов_интерфейса:средство_загрузки_файла.jpg?200|рис._23а_п._9.7.1._средство_загрузки_файла.jpg}}

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

Средство поддерживает способ drag-and-drop (перетаскивание мышью из окна ОС MS Windows на поле панели «Загруженные файлы») для загрузки файлов.

Удаление загруженных файлов зависит от места применения средства и описывается в соответствующих разделах.

====   Системные уведомления   ====

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

Системные уведомления отображаются в виде всплывающей надписи или надписи на красном (ошибочная операция) или зеленом (удачная операция) фоне.

Примеры системных уведомлений с кратким описанием ситуаций:

{{документация:описание_элементов_интерфейса:системные_уведомления_1.jpg?200|рис._24а_б_п._9.8.2._системные_уведомления.jpg}}

{{документация:описание_элементов_интерфейса:системные_уведомления_2.jpg?200|рис._24ж_з_п._9.8.2._системные_уведомления.jpg}}

{{:документация:описание_элементов_интерфейса:системные_уведомления_3.jpg?200|}}

{{:документация:описание_элементов_интерфейса:системные_уведомления_4.jpg?200|}}

{{:документация:описание_элементов_интерфейса:системные_уведомления_5.jpg?200|}}

====   Теги   ====

Для облегчения поиска и визуализации устройств и элементов на панели ОМ в Комплексе реализована возможность создания тегов и привязки их к необходимым устройствам. Тег представляет из себя ключевое слово или словосочетание, которое кратко характеризует устройство/элемент по параметру, месторасположению или любому иному признаку и позволяет фильтровать, группировать и отображать на панели ОМ конкретную, необходимую Пользователю информацию.

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

При выборе подпункта «Теги» осуществляется переход на страницу «Управление тегами», на которой отображается реестр тегов.

{{документация:описание_элементов_интерфейса:страница_теги.jpg?440x106|рис._26_п.9.9.3_страница_теги_.jpg}}

В реестре тегов пользователь выполняет следующие операции:

а) добавить в реестр тегов запись о новом теге (кнопка «Добавить тег»);

б) изменить параметры существующего тега (кнопка «Изменить»);

в) скопировать тег на основе записи о существующем теге (кнопка «Копировать»);

г) удалить из реестра тегов запись о существующем теге (кнопка «Удалить»).

Для добавления нового тега нажать кнопку «Добавить тег» и в открывшемся окне задать в соответствующих полях следующие параметры:

а) «Название тега»: название тега (слово или словосочетание), которое будет использоваться при отображении информации на экранных формах – обязательный к заданию;

б) «Описание тега»: информация о теге: местоположение устройства, его параметры и пр.

{{документация:описание_элементов_интерфейса:добавить_тег.jpg?200|рис._27_п.9.9.4_добавить_тег_.jpg}}

Для сохранения заданных параметров нажать на панели «Добавить тег» кнопку «Сохранить», проконтролировать в реестре тегов:

а) наличие записи о новом теге;

б) отображаемые параметры нового тега.