← Все кейсы

03 / RouteDome · Controller · Crimson

Сеть перед глазами.
Маршруты под контролем.

Обзор интернет-подключений и VPN, правила для отдельных назначений и история перерывов — в одном интерфейсе управления.

Роль
Разработка RouteDome
Контекст
Сетевой Controller · обзор, правила, история
Обзор в штатной теме Crimson: общее состояние сети и карточки подключений.
Обзор в штатной теме Crimson: общее состояние сети и карточки подключений. Увеличить ↗

На всех экранах — демонстрационные данные.

Задача / роль

Понимать состояние и выбор пути.

Когда есть несколько интернет-подключений и VPN, важно видеть не только наличие связи. Нужно понимать, какой канал основной, какой резервный и почему отдельный ресурс идёт другим маршрутом.

RouteDome связывает эти вопросы в интерфейсе Controller. Он показывает состояние и управляет собственными правилами, а передачу трафика выполняет маршрутизатор.

Моя роль — разработка RouteDome

Разработка атрибутирована Серго Симонишвили. В кейсе представлены действующие поверхности Controller и их рабочие сценарии.

01 / Текущее состояние

От сводки — к конкретному каналу.

Обзор начинается с общего состояния сети, основного и резервного VPN и времени обновления. Ниже карточки подключений показывают тип канала, статус и технические сведения.

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

Интернет и VPN

Физические подключения и защищённые каналы представлены в общем обзоре, сохраняя собственные состояния.

Штатная тема Crimson

Красная палитра — вариант оформления RouteDome. Она не означает аварию и не меняет маршрут трафика.

02 / Исключения

У каждого правила виден смысл.

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

Одно доменное имя может соответствовать нескольким адресам. В демонстрации у второго правила три различных IPv4; выбранный канал и исходный шлюз остаются общими.

Фрагмент действующих правил. Домены и адреса условные; внутри списка IPv4 не повторяются.
Фрагмент действующих правил. Домены и адреса условные; внутри списка IPv4 не повторяются. Увеличить ↗

Изменение правила — отдельная последовательность: сохранить намерение, применить ограниченное изменение и проверить состояние на маршрутизаторе. Controller управляет правилами, не подменяя сам маршрутизатор.

03 / События

Перерыв можно разобрать по времени.

История связывает канал, момент падения, восстановление и длительность. Поиск и выбор периода помогают найти нужный эпизод.

Это инструмент разбора конкретного перерыва: по нему можно сопоставить события и обсудить последовательность восстановления.

Фрагмент истории каналов. События и времена вымышлены.
Фрагмент истории каналов. События и времена вымышлены. Увеличить ↗

04 / Быстрый просмотр

Сводка доступна с телефона.

Мобильный сценарий начинается с короткого вопроса: что сейчас с основным и резервным каналами? Сводка и карточки выстраиваются последовательно, сохраняя основные статусы.

Сначала — состояние

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

Здесь показан фрагмент мобильного обзора в той же штатной теме Crimson.

Мобильная сводка RouteDome, фрагмент обзора.
Мобильная сводка RouteDome, фрагмент обзора. Увеличить ↗

Рабочие сценарии

Как это используется

01

Проверить сеть

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

02

Понять исключение

Найти назначение в действующих правилах, проверить выбранный канал, связанные IPv4 и исходный путь.

03

Разобрать перерыв

Выбрать канал и период, сопоставить падение и восстановление, прочитать длительность события.

Результат

Состояние и исключения — в одном контексте.

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

Открыть файл ↗