Skip to main content

Пользовательский интерфейс

2.1 Основной экран и структура навигации.

image.png

Рисунок 1 – Общий интерфейс.

Интерфейс модуля «Техническая поддержка» состоит из боковой панели навигации и рабочей области. Боковая панель навигации включает четыре основных области, отмеченные на рисунке позициями 1–4, и рабочую область, обозначенную позицией 5.

1 — область «Все заявки».

В этой части отображаются общие очереди обращений, сгруппированные по стадиям обработки.

Раздел содержит следующие списки:
• «Новые заявки» — обращения, зарегистрированные пользователями и ожидающие первичной обработки.
• «Заявки на согласовании» — обращения, переданные на согласование ответственному специалисту или руководителю.
• «Заявки в работе» — обращения, находящиеся в активной обработке исполнителями.
• «Ожидание клиента» — обращения, по которым требуется уточнение или подтверждение от пользователя.
• «Архив заявок» — завершённые обращения, доступные только для просмотра.

2 — область «Мои заявки».

Используется для навигации по обращениям, связанным с текущим пользователем.

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

3 — область «Администрирование». 

4 — область «Справочник».

Содержит системные классификаторы, применяемые при регистрации и обработке обращений.

Раздел включает:
• «Модули на тех. поддержке» — перечень модулей ЛИМС, по которым допускается подача обращений.
• «Типы ошибок» — классификатор категорий ошибок, применяемый при анализе и маршрутизации обращения.

5 — рабочая область.

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

2.2 Перечень вкладок пользовательского интерфейса

2.2.1 Раздел Все заявки

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

image.png

Рисунок 2 – Интерфейс новых заявок.

         Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; фильтры по полям.
         Действия:
просмотр карточек заявок, , передача на согласование при редактировании.

2. Заявки на согласовании — обращения, переданные администратору для проверки и утверждения. Используется для быстрого доступа к заявкам, где требуется решение руководства.

image.png

Рисунок 3 – Интерфейс заявок на согласовании.

 Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; контекстное меню с пунктами «Редактировать» и «Просмотр».
  Действия: просмотр заявок, редактирование данных обращения, согласование или отклонение заявки руководителем.

3. Заявки в работе — тикеты, находящиеся в активной обработке специалистом техподдержки. Сюда попадают заявки в статусах «Фиксация заявки» и «Ожидание ответа пользователя».

image.png

Рисунок 4 – Интерфейс заявок в работе.

       Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; контекстное меню с пунктами «Редактировать» и «Просмотр».
  Действия: просмотр карточек заявок, редактирование данных, добавление комментариев, изменение статуса после выполнения, передача в «Ожидание клиента».

4. Ожидание клиента — заявки, по которым предложено решение и требуется подтверждение со стороны пользователя.

image.png

Рисунок 5 – Интерфейс заявок в ожидании клиента.

       Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; пагинация; контекстное меню с пунктами «Редактировать» и «Просмотр».
 Действия: просмотр карточек заявок, подтверждение выполнения работ, возврат заявки в работу при необходимости доработки.

5. Архив заявок — завершённые обращения, включая закрытые и отменённые. Используется для просмотра истории и анализа обращений.

image.png

Рисунок 6 – Интерфейс архива заявок.

       Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор; фильтры по полям и датам; контекстное меню с пунктом «Просмотр».
  Действия: просмотр карточек заявок.


2.2.2 Раздел Мои заявки

1. Созданные мной — все обращения, инициированные текущим пользователем. Здесь можно отслеживать статус, комментарии и решения по собственным заявкам.

image.png


Рисунок 7 – Интерфейс созданных мной заявок.

  Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; пагинация; контекстное меню с пунктами «Редактировать», «Удалить», «Просмотр».
  Действия: создание новой заявки, редактирование данных обращения, удаление черновиков, просмотр статусов и этапов обработки.

2. Порученные мне — тикеты, назначенные текущему пользователю в качестве исполнителя. Используется для ведения личного списка задач и контроля сроков обработки.

image.png

Рисунок 8 – Интерфейс порученных мне заявок.

  Элементы: таблица с полями Номер, Тип ошибки, Модуль, Тема, Статус, Дата создания, Дата последнего обновления, Автор, Исполнитель; кнопка «+» для создания новой заявки; контекстное меню с пунктами «Просмотр» и «Редактировать».
  Действия: просмотр карточек заявок, редактирование описания или статуса, фиксация выполненных работ, добавление комментариев и вложений.


2.2.3 Раздел Администрирование

1. Процессы — рабочий инструмент администратора. Используется для управления процессами: завершения зависших заявок, удаления тестовых тикетов, проверки корректности маршрутов.


2.2.4 Раздел Справочник

1. Модули на техподдержке — перечень программных модулей, находящихся на сопровождении. Используется для выбора соответствующего модуля при создании тикета.

image.png

Рисунок 9 – Интерфейс справочника модулей.

  Элементы: таблица с полями Модуль, Описание модуля; кнопка «+» для добавления нового модуля; контекстное меню с пунктами «Редактировать», «Просмотр», «Удалить».
  Действия: добавление новых модулей, редактирование описаний, удаление неактуальных записей, просмотр детальной информации о модуле.

2. Типы ошибок — классификатор типовых ошибок и инцидентов, встречающихся в процессе эксплуатации. Помогает при регистрации обращения выбрать корректную категорию проблемы.

image.png

Рисунок 10 – Интерфейс справочника типов ошибок.

  Элементы: таблица с полями Тип ошибки, Описание ошибки; кнопка «+» для добавления нового типа; контекстное меню с пунктами «Просмотр», «Редактировать», «Удалить».
  Действия: добавление новых категорий ошибок, редактирование описаний, удаление неактуальных записей, просмотр детальной информации по типу ошибки.

2.2.5 Заявка

image.png

Рисунок 11 – Интерфейс заявки.

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

Основные поля:
  - Номер — уникальный идентификатор тикета, присваивается автоматически.
  - Тип ошибки — выбор категории из справочника (например, интеграции, технические сбои, ошибки бизнес-логики).
  - Модуль — указание модуля системы, в котором возникла проблема.
  - Тема — краткое описание сути обращения.
  - Статус — текущее состояние заявки (новая, на согласовании, в работе, ожидание клиента, закрыта).
  - Описание — детальное изложение проблемы, шаги воспроизведения, наблюдаемые ошибки.

Дополнительные сведения:
  - Дата создания и Дата последнего обновления — фиксируются системой автоматически.
  - Автор — пользователь, создавший заявку.
  - Снимок экрана — возможность прикрепить скриншот для иллюстрации проблемы.
  - Предлагаемое решение — поле для указания предварительного анализа или рекомендаций специалиста.

Комментарии:
  Поле для текстовых комментариев участников процесса (пользователь, исполнитель, руководитель). Используется для уточнений, обратной связи и согласования.