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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,66 +1,172 @@
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 +.anchor-buttons {
14 + display: flex;
15 + gap: 10px;
16 + margin: 14px 0 24px;
17 + flex-wrap: wrap;
18 +}
19 +.anchor-buttons a {
20 + background: var(--primary-color, #2563eb);
21 + color: white;
22 + padding: 8px 14px;
23 + border-radius: 6px;
24 + text-decoration: none;
25 + font-weight: 500;
26 + transition: background 0.2s;
27 +}
28 +.anchor-buttons a:hover {
29 + background: var(--primary-dark, #1d4ed8);
30 +}
31 +
32 +.section-title {
33 + font-size: 22px;
34 + font-weight: bold;
35 + margin: 30px 0 14px;
36 + padding-bottom: 4px;
37 + border-bottom: 2px solid #eee;
38 +}
39 +
40 +.image-block { margin: 14px 0; }
41 +.image-block img {
42 + max-width: 100%;
43 + border-radius: 6px;
44 + box-shadow: 0 2px 8px rgba(0,0,0,0.08);
45 +}
46 +
47 +/* Сетка терминов */
48 +.term-grid {
49 + display: grid;
50 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
51 + gap: 12px;
52 + margin-top: 16px;
53 +}
54 +
55 +.term-card {
56 + background: white;
57 + border-radius: 8px;
58 + padding: 14px;
59 + box-shadow: 0 2px 6px rgba(0,0,0,0.05);
60 + transition: transform 0.2s, box-shadow 0.2s;
61 +}
62 +.term-card:hover {
63 + transform: translateY(-2px);
64 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
65 +}
66 +
67 +.term-card h3 {
68 + margin: 0 0 6px;
69 + font-size: 16px;
70 + display: flex;
71 + align-items: center;
72 + gap: 6px;
73 +}
74 +
75 +/* Цветовые модификаторы */
76 +.term-card.primary h3 { color: #2563eb; }
77 +.term-card.success h3 { color: #17C653; }
78 +.term-card.warning h3 { color: #f59e0b; }
79 +.term-card.info h3 { color: #0ea5e9; }
80 +
81 +.term-card p {
82 + font-size: 14px;
83 + color: #444;
84 + margin: 0;
85 +}
86 +
87 +.term-card h3::before {
88 + content: "📌";
89 + font-size: 16px;
90 +}
91 +</style>
92 +
2 2  <div class="page-container">
3 3   <div class="page-header">
4 - <h1>📡 Основные понятия</h1>
5 - <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
6 - Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
95 + <h1>Основные понятия</h1>
96 + <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>
100 + <a href="#monitoring">Система мониторинга</a>
101 + <a href="#panel">Панель управления</a>
102 + <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">
105 + <h2 class="section-title" id="monitoring">Система мониторинга</h2>
106 + <p>Система позволяет:</p>
107 + <ul>
19 19   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
20 - <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
21 - <li>Передавать команды на подключённое оборудование.</li>
22 - <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
109 + <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
110 + <li>Управлять объектами (передача команд на оборудование).</li>
111 + <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
23 23   </ul>
24 24  
25 25   <div class="image-block">
26 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
115 + <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>
118 + <h2 class="section-title" id="panel">Панель управления</h2>
119 + <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>
125 + <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>
51 - </div>
127 + <div class="term-card primary">
128 + <h3>Объект мониторинга</h3>
129 + <p>Подвижные или стационарные объекты с установленными терминалами (чаще автомобили).</p>
130 + </div>
52 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>
132 + <div class="term-card success">
133 + <h3>Статус объекта</h3>
134 + <p>Состояние системы мониторинга на объекте и её связь с сервером.</p>
135 + </div>
136 +
137 + <div class="term-card info">
138 + <h3>Геообъект</h3>
139 + <p>Участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p>
140 + </div>
141 +
142 + <div class="term-card primary">
143 + <h3>Группировка объектов</h3>
144 + <p>Объединение объектов в группы для удобного управления и фильтрации.</p>
145 + </div>
146 +
147 + <div class="term-card success">
148 + <h3>Водитель</h3>
149 + <p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p>
150 + </div>
151 +
152 + <div class="term-card warning">
153 + <h3>Задание</h3>
154 + <p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p>
155 + </div>
156 +
157 + <div class="term-card info">
158 + <h3>Прицеп / агрегат</h3>
159 + <p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p>
160 + </div>
161 +
162 + <div class="term-card primary">
163 + <h3>Отчёты</h3>
164 + <p>Таблицы и графики с данными о движении, датчиках и расходе топлива.</p>
165 + </div>
59 59   </div>
60 60  </div>
61 61  {{/html}}
62 62  
63 -
64 64  **Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
65 65  
66 66  Система позволяет: