Система контроля качественных параметров IQM приобрела новое лицо: современный,
эргономичный и стильный интерфейс. При его создании использовались современные
подходы и передовые WEB-технологии.
Новый интерфейс был спроектирован на основе пятилетнего опыта работы с системой,
пожеланий пользователей. Цели, которые мы преследовали в процессе усовершенствования:
удобство в работе, простота и интуитивность в понимании, доступность рабочих
форм и элементов вместе с этим – максимизация рабочего пространства.
Настоящий документ представляет собой краткий обзор обновленного
интерфейса системы IQMv3.
Меню
На
следующем изображении базовые элементы интерфейса маркированы:
#1 – основной блок меню, содержащий динамические элементы:
меню навигации, кнопочного меню, элемент выбора домена мониторинга, а так же статические
элементы: логотип, строка с версией системы управления, кнопочки для
сворачивания всего блока. Основной блок меню можно сворачивать, освобождая,
таким образом, рабочее пространство. Блок является элементом с фиксированным положением
и остается на экране при горизонтальной прокрутке. При прокрутке он
автоматически становится полупрозрачным, но остается доступным для работы с его
элементами при наведении курсора. Таким образом, предоставляется максимум
возможности для визуального анализа предоставленной информации.
#2 – Блок многоуровневого меню навигации. На всех уровнях
вложенности остаются доступными элементы, смежные, по отношению к текущему открытому
пункту меню. Таким образом, сокращено число шагов, необходимых оператору для
переключения между связанными задачами. Меню всегда развернуто к текущей задаче,
предоставляя оператору доступ к логически связанным инструментам. Меню может
быть персонализировано для каждого оператора.
#3 – Блок кнопочного меню. Настраиваемые, персонализируемые
ссылки для быстрого доступа к функциональным элементам системы.
#4 – список доменов мониторинга для быстрого переключения
между ними. Фильтры
При работе с любыми отчетами в системе предусмотрена
возможность фильтрации запрашиваемых данных по различным признакам: клиентам, зональным
признакам, агентам тестирования, производимым тестам, классам сервиса, измеряемым
параметрам. В зависимости от типов отчетов возможно дополнение этого списка условиями
фильтрации, специфическими для получаемого отчета. Для осуществления фильтрации
запрашиваемых данных предусмотрена возможность, как непосредственного выбора
множества объектов из списка, так и возможность использования регулярных
выражений, для автоматического выбора группы объектов.
В
обновленном интерфейсе фильтр доступен пользователю в виде аккордеона, элементы
которого могут быть раскрыты или свернуты по необходимости. На скриншоте
показан фильтр с 12 элементами, три из которых развернуты и доступны для
редактирования. Фильтр, так же как и меню, является элементом с фиксированным
положением, поэтому он доступен оператору после вертикальной прокрутки экрана.
В процессе вертикальной прокрутки блок с фильтром смещается на край экрана, не
мешая, таким образом, обзору запрошенной информации. Ниже на скриншоте видны
элементы меню, ставшие полупрозрачными и смещенный в крайнее левое положение
блок фильтра.
При
наведении курсора фильтр выдвигается, предоставляя оператору возможность работы
с ним «на месте». На следующем скриншоте фильтр выдвинут.
Комбинированные графические отчетыДля облегчения анализа измеренных агентами качественных характеристик в системе предусмотрена возможность комбинирования измерений, осуществленных различными тестами. В частности предоставлена возможность совмещения графиков. Приведем для примера серию графиков:
Приведенный скриншот демонстрирует наложение данных, измеренных тестами, производимых на транспортном и на прикладном уровнях. Наложение отчетов по потерям, возникшим при тестировании ресурса wikipedia на транспортном и прикладном уровнях, позволяют сделать заключение, о том, что возникшие потери на транспортном уровне явились причиной плохой доступности HTTP сервиса.
На приведенном графике виден минимальный порог задержки
получения страницы с сайта wikipedia, он определяется возможностями
транспортной среды, что подтверждается результатами соответствующего теста и видно на графике.
Под графиками расположены якоря, позволяющие изменить
глубину запрошенных данных «по месту».ÂÂ Формы конфигурации В системе реализованы единообразные формы для проведения
конфигураций объектов. При открытии любой конфигурационной формы появляется
таблица с параметрами, относящимися к конфигурации заданного объекта, а так же контекстное
кнопочное меню. Контекстное меню имеет фиксированное положение, сворачивается
при горизонтальной прокрутке, но при этом остается доступным оператору при
наведении курсора мыши.
При конфигурации объектов в системе часть полей является не
обязательной для заполнения, часть – система может задать самостоятельно, часть
– должны быть определены оператором. В связи с этим, таблицы конфигурации могут
быть представлены в четырех режимах сложности от экспертного режима до
минимального. Режим сложности определяет состав и сложность отображаемой оператору
информации. Ниже представлен пример скриншота формы конфигурации тестов в минимальном
режиме. Как видно, создать базовый тест сможет неискушенный оператор, для этого
ему потребуется задать всего 3 значения: имя теста, агент-инициатор, сопряженный
агент(Creation date –
заполняется автоматически и не доступно для редактирования).
При работе с запрошенными данными в режиме конфигурации
объектов IQM, так же доступно контекстное меню, которое позволяет выполнить ряд
операции экспорта предоставленных данных (без дополнительного запроса к БД),
переключать режимы сложности (аналогичны режимам, описанным выше), работать с
фильтром отображаемых полей. При работе с таблицами предоставлена возможность
переключения режимов просмотра (влияет на состав отображаемых полей), включения/выключения
отображения отдельных полей и строк. См. скриншот ниже.
Еще несколько сриншотов, демонстрирующих внешний вид модернизованного
интерфейса:
Графические отчеты так же организованы в блоках аккордеонов,
с возможностью раскрытия/свертывания нужного отчета. Легенды отображены в
отдельных блоках, не засоряя т.о. пространство графика. Оператору предоставлена
возможность изменения масштаба графика. На
графиках может быть скомбинированы
отчеты как по разным параметрам одного теста, так и по различным тестам.
Отчеты по параметрам.
Зональные отчеты по соответствию контролируемых параметров
нормам SLA.
Табло
мониторинга на географической карте.
Отчет
с TopX, сформирован на остове L7 тестов, в отчете запрошены лидеры с
максимальной скоростью загрузки страниц, с максимальным количеством потерь, с
максимальной задержкой. Как видно, наивысшая скорость отдачи по HTTP у mail.ru,
в лидеры по потерям попали одноклассники, сайт которых был не доступен по
техническим причинам, наибольшие задержки от ЖЖ до Хабаровска.
Табло алармов с историей по отдельному объекту.
|