Изменения документа 📡 Основные понятия

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33

От версии 7.10
отредактировано Дмитрий Копотев
на 2025/07/27 14:27
Изменить комментарий: К данной версии нет комментариев
К версии 7.4
отредактировано Дмитрий Копотев
на 2025/07/27 13:07
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,66 +1,131 @@
1 1  {{html clean="false"}}
2 +<style>
3 +.page-container {
4 + max-width: 1100px;
5 + margin: 0; /* выравниваем по левому краю */
6 + font-family: "Inter", Arial, sans-serif;
7 +}
8 +
9 +.page-header { margin-bottom: 16px; }
10 +.page-header h1 { font-size: 28px; margin-bottom: 6px; }
11 +.page-header p { font-size: 15px; color: #555; }
12 +
13 +/* Кнопки-якоря */
14 +.anchor-buttons {
15 + display: flex;
16 + gap: 10px;
17 + margin: 14px 0 24px;
18 + flex-wrap: wrap;
19 +}
20 +.anchor-buttons a {
21 + background: var(--primary-color, #2563eb);
22 + color: white;
23 + padding: 8px 14px;
24 + border-radius: 6px;
25 + text-decoration: none;
26 + font-weight: 500;
27 + transition: background 0.2s;
28 +}
29 +.anchor-buttons a:hover {
30 + background: var(--primary-dark, #1d4ed8);
31 +}
32 +
33 +/* Заголовки секций */
34 +.section-title {
35 + font-size: 22px;
36 + font-weight: bold;
37 + margin: 30px 0 14px;
38 + padding-bottom: 4px;
39 + border-bottom: 2px solid #eee;
40 +}
41 +
42 +/* Картинки */
43 +.image-block { margin: 14px 0; }
44 +.image-block img {
45 + max-width: 100%;
46 + border-radius: 6px;
47 + box-shadow: 0 2px 8px rgba(0,0,0,0.08);
48 +}
49 +
50 +/* Сетка терминов */
51 +.term-grid {
52 + display: grid;
53 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
54 + gap: 12px;
55 + margin-top: 16px;
56 +}
57 +.term-card {
58 + background: white;
59 + border-radius: 8px;
60 + padding: 14px;
61 + box-shadow: 0 2px 6px rgba(0,0,0,0.05);
62 + transition: transform 0.2s, box-shadow 0.2s;
63 +}
64 +.term-card:hover {
65 + transform: translateY(-2px);
66 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
67 +}
68 +.term-card h3 {
69 + margin: 0 0 6px;
70 + font-size: 16px;
71 + color: var(--primary-color, #1d4ed8);
72 + display: flex;
73 + align-items: center;
74 + gap: 6px;
75 +}
76 +.term-card p { font-size: 14px; color: #444; margin: 0; }
77 +.term-card h3::before {
78 + content: "📌"; /* можно заменить на иконки через emoji */
79 + font-size: 16px;
80 +}
81 +</style>
82 +
2 2  <div class="page-container">
3 3   <div class="page-header">
4 - <h1>📡 Основные понятия</h1>
5 - <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
6 - Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
85 + <h1>Основные понятия</h1>
86 + <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
7 7   </div>
8 8  
9 9   <div class="anchor-buttons">
10 - <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
11 - <a href="#panel" class="btn-success">⚙️ Панель управления</a>
12 - <a href="#terms" class="btn-warning">📖 Основные термины</a>
13 - <a href="#extra-terms" class="btn-info">📚 Дополнительные термины</a>
90 + <a href="#monitoring">Система мониторинга</a>
91 + <a href="#panel">Панель управления</a>
92 + <a href="#terms">Основные термины</a>
14 14   </div>
15 15  
16 - <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
17 - <p>Система предоставляет возможности:</p>
18 - <ul class="custom-list">
95 + <h2 class="section-title" id="monitoring">Система мониторинга</h2>
96 + <p>Система позволяет:</p>
97 + <ul>
19 19   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
20 - <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
21 - <li>Передавать команды на подключённое оборудование.</li>
22 - <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
99 + <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
100 + <li>Управлять объектами (передача команд на оборудование).</li>
101 + <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
23 23   </ul>
24 24  
25 25   <div class="image-block">
26 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
105 + <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
27 27   </div>
28 28  
29 - <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
30 - <p>Панель управления позволяет:</p>
31 - <ul class="custom-list">
32 - <li>Управлять учетными записями пользователей и правами доступа.</li>
33 - <li>Настраивать видимость объектов, геообъектов и полей.</li>
34 - <li>Создавать и редактировать задания, отчёты и уведомления.</li>
35 - </ul>
108 + <h2 class="section-title" id="panel">Панель управления</h2>
109 + <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
36 36  
37 37   <div class="image-block">
38 38   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
39 39   </div>
40 40  
41 - <h2 class="section-title" id="terms">📖 Основные термины</h2>
115 + <h2 class="section-title" id="terms">Основные термины</h2>
42 42   <div class="term-grid">
43 - <div class="term-card"><h3>🚗 Объект мониторинга</h3><p>Подвижные или стационарные объекты (чаще всего автомобили), на которых установлены терминалы.</p></div>
44 - <div class="term-card"><h3>📊 Статус объекта</h3><p>Состояние объекта и связи с ним (активен, в движении, оффлайн).</p></div>
45 - <div class="term-card"><h3>📍 Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля.</p></div>
46 - <div class="term-card"><h3>🗂 Группировка объектов</h3><p>Объединение объектов в группы для удобства управления и фильтрации.</p></div>
47 - <div class="term-card"><h3>👨‍🌾 Водитель</h3><p>Сотрудник, закрепленный за объектом, для учёта рабочего времени и контроля доступа.</p></div>
48 - <div class="term-card"><h3>📝 Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
49 - <div class="term-card"><h3>🔧 Прицеп / агрегат</h3><p>Дополнительное оборудование, устанавливаемое на объект мониторинга.</p></div>
50 - <div class="term-card"><h3>📑 Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков, расходе топлива и других параметрах.</p></div>
117 + <div class="term-card"><h3>Объект мониторинга</h3><p>Подвижные или стационарные объекты, оснащённые терминалами для контроля (чаще всего автомобили клиента).</p></div>
118 + <div class="term-card"><h3>Статус объекта</h3><p>Состояние системы мониторинга на объекте и её связи с сервером.</p></div>
119 + <div class="term-card"><h3>Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p></div>
120 + <div class="term-card"><h3>Группировка объектов</h3><p>Объединение объектов в группы для удобного управления и фильтрации.</p></div>
121 + <div class="term-card"><h3>Водитель</h3><p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p></div>
122 + <div class="term-card"><h3>Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
123 + <div class="term-card"><h3>Прицеп / агрегат</h3><p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p></div>
124 + <div class="term-card"><h3>Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков и расходе топлива.</p></div>
51 51   </div>
52 -
53 - <h2 class="section-title" id="extra-terms">📚 Дополнительные термины</h2>
54 - <div class="term-grid">
55 - <div class="term-card"><h3>📡 Терминал</h3><p>Устройство, установленное на объекте для передачи данных о его состоянии и местоположении.</p></div>
56 - <div class="term-card"><h3>🛠 Датчик</h3><p>Оборудование, измеряющее различные параметры (топливо, температура, скорость и др.).</p></div>
57 - <div class="term-card"><h3>🗺 Геозона</h3><p>Область на карте, в пределах которой система отслеживает действия объекта.</p></div>
58 - <div class="term-card"><h3>⚡ Уведомление</h3><p>Автоматическое оповещение о событиях: превышение скорости, срабатывание датчика и т.д.</p></div>
59 - </div>
60 60  </div>
61 61  {{/html}}
62 62  
63 -
64 64  **Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
65 65  
66 66  Система позволяет: