Перейти к содержимому

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

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33
От версии 7.2
отредактировано Дмитрий Копотев
на 2025/07/27 12:58
Изменить комментарий: К данной версии нет комментариев
К версии 7.8
отредактировано Дмитрий Копотев
на 2025/07/27 13:19
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -6,40 +6,43 @@
6 6   font-family: "Inter", Arial, sans-serif;
7 7  }
8 8  
9 +/* Заголовок */
9 9  .page-header {
10 - margin-bottom: 16px;
11 + margin-bottom: 20px;
11 11  }
12 -
13 13  .page-header h1 {
14 - font-size: 28px;
14 + font-size: 30px;
15 15   margin-bottom: 6px;
16 16  }
17 -
18 18  .page-header p {
19 - font-size: 15px;
18 + font-size: 16px;
20 20   color: #555;
21 21  }
22 22  
22 +/* Кнопки-якоря */
23 23  .anchor-buttons {
24 24   display: flex;
25 25   gap: 10px;
26 - margin: 14px 0 24px;
26 + margin: 16px 0 28px;
27 27   flex-wrap: wrap;
28 28  }
29 -
30 30  .anchor-buttons a {
31 - background: #2563eb;
32 - color: white;
33 - padding: 8px 14px;
30 + padding: 8px 16px;
34 34   border-radius: 6px;
35 35   text-decoration: none;
36 36   font-weight: 500;
37 - transition: background 0.2s;
34 + color: white;
35 + transition: transform 0.2s, opacity 0.2s;
38 38  }
39 39  .anchor-buttons a:hover {
40 - background: #1d4ed8;
38 + transform: translateY(-2px);
39 + opacity: 0.9;
41 41  }
41 +.anchor-buttons .btn-blue { background: #2563eb; }
42 +.anchor-buttons .btn-green { background: #16a34a; }
43 +.anchor-buttons .btn-yellow { background: #eab308; }
42 42  
45 +/* Заголовки разделов */
43 43  .section-title {
44 44   font-size: 22px;
45 45   font-weight: bold;
... ... @@ -48,8 +48,9 @@
48 48   border-bottom: 2px solid #eee;
49 49  }
50 50  
54 +/* Картинки */
51 51  .image-block {
52 - margin: 14px 0;
56 + margin: 14px 0 24px;
53 53   text-align: center;
54 54  }
55 55  .image-block img {
... ... @@ -58,13 +58,31 @@
58 58   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
59 59  }
60 60  
65 +/* Списки с эмодзи */
66 +ul.custom-list {
67 + list-style: none;
68 + padding-left: 0;
69 +}
70 +ul.custom-list li {
71 + padding-left: 28px;
72 + position: relative;
73 + margin-bottom: 8px;
74 +}
75 +ul.custom-list li:before {
76 + content: "✅";
77 + position: absolute;
78 + left: 0;
79 +}
80 +
81 +/* Сетка карточек */
61 61  .term-grid {
62 62   display: grid;
63 63   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
64 - gap: 12px;
85 + gap: 14px;
65 65   margin-top: 16px;
66 66  }
67 67  
89 +/* Карточки */
68 68  .term-card {
69 69   background: white;
70 70   border-radius: 8px;
... ... @@ -71,13 +71,11 @@
71 71   padding: 14px;
72 72   box-shadow: 0 2px 6px rgba(0,0,0,0.05);
73 73  }
74 -
75 75  .term-card h3 {
76 76   margin: 0 0 6px;
77 77   font-size: 16px;
78 78   color: #1d4ed8;
79 79  }
80 -
81 81  .term-card p {
82 82   font-size: 14px;
83 83   color: #444;
... ... @@ -87,75 +87,65 @@
87 87  
88 88  <div class="page-container">
89 89   <div class="page-header">
90 - <h1>Основные понятия</h1>
91 - <p>Здесь вы найдете базовую информацию о системе спутникового мониторинга SMT‑Hosting, включая ключевые термины, интерфейс и панель управления.</p>
110 + <h1>📡 Основные понятия</h1>
111 + <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
112 + Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
92 92   </div>
93 93  
94 94   <div class="anchor-buttons">
95 - <a href="#monitoring">Система мониторинга</a>
96 - <a href="#panel">Панель управления</a>
97 - <a href="#terms">Основные термины</a>
116 + <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
117 + <a href="#panel" class="btn-green">⚙️ Панель управления</a>
118 + <a href="#terms" class="btn-yellow">📖 Основные термины</a>
119 + <a href="#extra-terms" class="btn-blue">📚 Дополнительные термины</a>
98 98   </div>
99 99  
100 - <h2 class="section-title" id="monitoring">Система мониторинга</h2>
101 - <p>Система позволяет:</p>
102 - <ul>
122 + <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
123 + <p>Система предоставляет возможности:</p>
124 + <ul class="custom-list">
103 103   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
104 - <li>Контролировать важные параметры: скорость движения, расход топлива, выезд за границы маршрута.</li>
105 - <li>Управлять объектами (передача команд на подключённое оборудование).</li>
106 - <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
126 + <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
127 + <li>Передавать команды на подключённое оборудование.</li>
128 + <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
107 107   </ul>
108 108  
109 109   <div class="image-block">
110 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
132 + <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
111 111   </div>
112 112  
113 - <h2 class="section-title" id="panel">Панель управления</h2>
114 - <p>Панель управления используется для администрирования учетных записей пользователей, настройки доступа и управления объектами.</p>
135 + <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
136 + <p>Панель управления позволяет:</p>
137 + <ul class="custom-list">
138 + <li>Управлять учетными записями пользователей и правами доступа.</li>
139 + <li>Настраивать видимость объектов, геообъектов и полей.</li>
140 + <li>Создавать и редактировать задания, отчёты и уведомления.</li>
141 + </ul>
115 115  
116 116   <div class="image-block">
117 117   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
118 118   </div>
119 119  
120 - <h2 class="section-title" id="terms">Основные термины</h2>
147 + <h2 class="section-title" id="terms">📖 Основные термины</h2>
121 121   <div class="term-grid">
122 - <div class="term-card">
123 - <h3>Объект мониторинга</h3>
124 - <p>Подвижные или стационарные объекты, на которые установлены терминалы для контроля. Чаще всего это автомобили клиента.</p>
125 - </div>
126 - <div class="term-card">
127 - <h3>Статус объекта</h3>
128 - <p>Состояние установленной на объекте системы мониторинга и связи с ней.</p>
129 - </div>
130 - <div class="term-card">
131 - <h3>Геообъект</h3>
132 - <p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля движения.</p>
133 - </div>
134 - <div class="term-card">
135 - <h3>Группировка объектов</h3>
136 - <p>Объединение объектов в группы для удобного управления и фильтрации.</p>
137 - </div>
138 - <div class="term-card">
139 - <h3>Водитель</h3>
140 - <p>Механизатор или сотрудник, который закреплён за объектом для учёта рабочего времени и доступа.</p>
141 - </div>
142 - <div class="term-card">
143 - <h3>Задание</h3>
144 - <p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p>
145 - </div>
146 - <div class="term-card">
147 - <h3>Прицеп / агрегат</h3>
148 - <p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p>
149 - </div>
150 - <div class="term-card">
151 - <h3>Отчёты</h3>
152 - <p>Таблицы и графики с данными о движении, работе датчиков, расходе топлива и других параметрах.</p>
153 - </div>
149 + <div class="term-card"><h3>🚗 Объект мониторинга</h3><p>Подвижные или стационарные объекты (чаще всего автомобили), на которых установлены терминалы.</p></div>
150 + <div class="term-card"><h3>📊 Статус объекта</h3><p>Состояние объекта и связи с ним (активен, в движении, оффлайн).</p></div>
151 + <div class="term-card"><h3>📍 Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля.</p></div>
152 + <div class="term-card"><h3>🗂 Группировка объектов</h3><p>Объединение объектов в группы для удобства управления и фильтрации.</p></div>
153 + <div class="term-card"><h3>👨‍🌾 Водитель</h3><p>Сотрудник, закрепленный за объектом, для учёта рабочего времени и контроля доступа.</p></div>
154 + <div class="term-card"><h3>📝 Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
155 + <div class="term-card"><h3>🔧 Прицеп / агрегат</h3><p>Дополнительное оборудование, устанавливаемое на объект мониторинга.</p></div>
156 + <div class="term-card"><h3>📑 Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков, расходе топлива и других параметрах.</p></div>
154 154   </div>
158 +
159 + <h2 class="section-title" id="extra-terms">📚 Дополнительные термины</h2>
160 + <div class="term-grid">
161 + <div class="term-card"><h3>📡 Терминал</h3><p>Устройство, установленное на объекте для передачи данных о его состоянии и местоположении.</p></div>
162 + <div class="term-card"><h3>🛠 Датчик</h3><p>Оборудование, измеряющее различные параметры (топливо, температура, скорость и др.).</p></div>
163 + <div class="term-card"><h3>🗺 Геозона</h3><p>Область на карте, в пределах которой система отслеживает действия объекта.</p></div>
164 + <div class="term-card"><h3>⚡ Уведомление</h3><p>Автоматическое оповещение о событиях: превышение скорости, срабатывание датчика и т.д.</p></div>
165 + </div>
155 155  </div>
156 156  {{/html}}
157 157  
158 -
159 159  **Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
160 160  
161 161  Система позволяет: