¶ 1. Вхід на сторінку
- Користувач авторизується у системі.
- Опиняється відразу на сторінці Моніторинг (сторінка з картою, на якій відображаються транспортні об’єкти)
¶ Наявна Верхня панель навігації:
- Профіль
- Моніторинг
- Треки
- Повідомлення
- Звіти
- Геозони
- Події
- Адміністрування
¶ 2. Основні елементи інтерфейсу
Ліва панель керування:
- Поле пошуку об’єктів (з можливістю фільтрації за Статусом зв'язку, Станом руху, Актуальністю даних)
- Кнопки:
- Додати об'єкт
- Сортування
- Перемикач відображення Крупний список з іконками авто/список без іконок
- Перемикач «Об’єкти / Групи»
- Хрестик видалення обраних об'єктів
- Чекбокс для виділення всіх об'єктів
Згортання/розгортання лівої панелі:
- Іконка для згортання панелі керування
¶ 3. Робота з групами
- Перегляд усіх груп користувача.
- Можливість:
- Створити нову групу
- Редагувати або видалити існуючу
- Переглянути кількість об’єктів у групі
- Розгорнути / згорнути список
- Додати об’єкти до групи
- Слідкувати на карті за групою
¶ 4. Робота з об’єктами
¶ 4.1 Відкриття вікна додавання
- Користувач натискає кнопку «+» у верхній частині панелі Моніторинг.
- Відкривається модальне вікно «Додати об’єкти до моніторингу».
- За замовчуванням об’єкти, що доступні на акаунті, завантажуються до списку додавання автоматично після відкриття вікна.
- Якщо при завантаженні виникає помилка — відображається повідомлення «Помилка завантаження» з кнопкою «Спробувати знову».
- Після успішного завантаження з’являється список об’єктів, доступних для вибору.
¶ 4.2 Вміст вікна додавання
- Поле сортування (випадаючий список):
- За іменем
- За назвою пристрою
- За IMEI
- Поле пошуку (інпут): фільтрує об’єкти у реальному часі.
- Чекбокси біля кожного об’єкта — для вибору.
- Чекбокс «Обрати всі об’єкти» — для масового вибору.
- Опція «Помістити додані об’єкти на карту» — автоматично додає вибрані об’єкти після підтвердження.
- Лічильник у нижній частині:
- «Завантажено: [кількість]» — показує кількість доступних елементів.
- «Обрано: [кількість]» — оновлюється при виборі чекбоксів.
¶ 4.3 Кнопки управління
- «Відміна» — закриває вікно без змін.
- «Додати» — підтверджує вибір та додає обрані об’єкти на карту.
- Обидві кнопки завжди залишаються видимими та не перекриваються футером застосунку.
¶ 4.4 Очікувана поведінка
- Після натискання «Додати» вибрані об’єкти з’являються на карті.
- Якщо обрано опцію «Помістити додані об’єкти на карту», маркери зʼявляються одразу після підтвердження.
¶ 4.5 Картка об’єкта в лівому меню
Кожен об’єкт, доданий до моніторингу, відображається у вигляді картки в лівій панелі.
¶ Структура картки
- Назва об’єкта (держномер, наприклад: BC5852KT).
- Тип: Транспортний засіб.
- Іконка автомобіля: в разі вімкненого перемикача на відображенні об'єкта з іконкою — виводить зображення авто в картці об'єкта
- Іконка пошуку на карті - знаходиться біля адреси поточного розташування та на кнопці дій «Знайти на карті»
- Іконка стану батареї (якщо декілька пристроїв в 1 об'єкті - відображає найнижчий стан батареї серед усих пристроїв, при розгортанні детальної інформації можна буде відслідкувати по якому з пристроїв розрядшена АКБ)
- Іконка стану зв'язку: онлайн, офлайн, немає зв'язку)
- Іконка стану руху (іконка парковки (стан парковки) / іконка автомобіля (стан руху)
- Іконка запалення (зелений ключик - запалення ввімкнено, прозорий ключик - запалення вимкнено)
- Іконка типу з'єднання: тип з'єднання (в разі GNSS: к-сть супутників)
- Налаштування статусів (іконок): є можливість вимкнути чекбоксом непотібні іконки
- Адреса поточного розташування.
- Кнопки дій:
- 🔍 «Знайти на карті» — центрує карту на маркері цього об’єкта.
- 🔄 «Оновити дані» — оновлює стан з’єднання та координати.
¶ Інформація про пристрій
Назва трекера (наприклад: Циганчук Тарас пристрій_0) та тип пристрою: Трекер або Маяк (підписано текстом).
Стан з’єднання:
Інформація по стану зʼєднання береться з повідомлень, якщо немає жодного повідомлення, то висвічується 🟡 Невідомо
- 🟢 Підключено — трекер активний, дані оновлюються в реальному часі.
- 🔴 Відключено — трекер не в мережі або пристрій не передає дані.
- 🟡 Невідомо — немає жодного повідомлення від цього пристрою.
Вихід на зв’язок — час останньої синхронізації (наприклад: 1 хв. тому, Щойно, Немає даних).
¶ Дії
- Відправити команду — можливість відправити одну з команд на обраний об'єкт одразу з моніторингу, в разі, якщо ці команди були створені до пристрою (Адміністрування -> Пристрій -> вкладка Команди
- Побудувати трек — повинно перекидати до створення треку, обираючи відразу обʼєкт та пристрій, з якого переходимо до створення.
- Повідомлення — повинно перекидати до розділу Повідомлень, обираючи відразу обʼєкт та пристрій, з якого переходимо до розділу.
¶ Додаткові можливості
- Розгортання / згортання картки — для перегляду або приховування деталей.
- Хрестик (❌) — видалення об’єкта зі списку моніторингу.
- Чекбокс — обрання об'єкту для подальших дій та відображення його позиції на карті.
- Кольоровий індикатор — відображає статус або групу (наприклад, зелений — активний, сірий — офлайн).
¶ 5. Робота з картою
- Зміна масштабу (+ / −) або колесом миші
- Переміщення карти (drag’n’drop)
- Клік по об’єкту — вспливаюче вікно (тултіп) з короткою інформацією по стану об'єкта (назва, час руху, поточне місцезнаходження, швидкість, загальний пробіг, загальний час, к-сть супутників, координати, значення датчиків - зовнішня напруга, напруга вбудованого АКБ, Запалювання, Рівень GSM)
- Кластер об'єктів - об'єкти, що знаходяться поруч, збираються в кластер з вказанням кількості об'єктів в кластері. При кліці на кластер відбувається зум на карті та часткова або повна поява об'єктів на карті без кластеру.
- Слідкування за рухом об'єкту - постійне центрування фокусу на обраному автомобілі, що знаходиться в русі на карті. Умова: один об'єкт — рухаємось за ним. Два та більше — міняємо зум щоб всі обрані об'єкти були на карті.
- Відображення координат у реальному часі при русі миші
¶ 6. Пошук та фільтрація
- У полі «Пошук об’єктів…» користувач вводить назву або частину назви
- Відбувається фільтрація по групах та об’єктах
- Підсвічування знайдених збігів
- Можливість фільтрувати за статусом (Онлайн / Офлайн/ Немає зв'язку)
¶ 7. Перехід до інших розділів
З верхнього меню користувач може перейти до:
- Треки — історія руху об’єктів
- Повідомлення — отримані події
- Звіти, Геозони, Події — аналітика та контроль
- Профіль — зміна налаштувань, мови інтерфейсу
¶ 8. Завершення роботи
- Вихід з акаунту через меню «Профіль»
- Перехід у будь-який інший розділ
- Можливість залишити вкладку відкритою для постійного моніторингу