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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -4,42 +4,45 @@
4 4   max-width: 1100px;
5 5   margin: 0;
6 6   font-family: "Inter", Arial, sans-serif;
7 - line-height: 1.6;
8 - color: #333;
9 9  }
10 10  
9 +/* Заголовок */
11 11  .page-header {
12 - margin-bottom: 16px;
11 + margin-bottom: 20px;
13 13  }
14 -
15 15  .page-header h1 {
16 - font-size: 28px;
14 + font-size: 30px;
17 17   margin-bottom: 6px;
18 18  }
19 -
20 20  .page-header p {
21 - font-size: 15px;
18 + font-size: 16px;
22 22   color: #555;
23 23  }
24 24  
22 +/* Кнопки-якоря */
25 25  .anchor-buttons {
26 26   display: flex;
27 27   gap: 10px;
28 - margin: 14px 0 24px;
26 + margin: 16px 0 28px;
29 29   flex-wrap: wrap;
30 30  }
31 -
32 32  .anchor-buttons a {
33 - background: #2563eb;
34 - color: white;
35 - padding: 8px 14px;
30 + padding: 8px 16px;
36 36   border-radius: 6px;
37 37   text-decoration: none;
38 38   font-weight: 500;
39 - transition: background 0.2s;
34 + color: white;
35 + transition: transform 0.2s, opacity 0.2s;
40 40  }
41 -.anchor-buttons a:hover { background: #1d4ed8; }
37 +.anchor-buttons a:hover {
38 + transform: translateY(-2px);
39 + opacity: 0.9;
40 +}
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 - grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
64 - gap: 12px;
84 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
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,106 +71,75 @@
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;
84 84   margin: 0;
85 85  }
86 -
87 -.extra-terms {
88 - margin-top: 28px;
89 -}
90 -.extra-terms h3 {
91 - font-size: 18px;
92 - margin-bottom: 10px;
93 -}
94 -.extra-terms ul {
95 - padding-left: 18px;
96 - margin-bottom: 14px;
97 -}
98 -.extra-terms li { margin-bottom: 4px; }
99 99  </style>
100 100  
101 101  <div class="page-container">
102 102   <div class="page-header">
103 - <h1>Основные понятия</h1>
104 - <p><strong>Система спутникового мониторинга SMT‑Hosting</strong> — это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, поезда, сотрудники, животные и др.).</p>
110 + <h1>📡 Основные понятия</h1>
111 + <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
112 + Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
105 105   </div>
106 106  
107 107   <div class="anchor-buttons">
108 - <a href="#monitoring">Система мониторинга</a>
109 - <a href="#panel">Панель управления</a>
110 - <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>
111 111   </div>
112 112  
113 - <h2 class="section-title" id="monitoring">Система мониторинга</h2>
114 - <p>Система позволяет:</p>
115 - <ul>
116 - <li>отслеживать движение объектов на карте в реальном времени и за прошедший период;</li>
117 - <li>контролировать важные параметры: скорость движения, расход топлива, выезд за границы маршрута;</li>
118 - <li>управлять объектами (передача команд на подключённое оборудование);</li>
119 - <li>получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям;</li>
120 - <li>просматривать события и уведомления, связанные с объектами;</li>
122 + <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
123 + <p>Система предоставляет возможности:</p>
124 + <ul class="custom-list">
125 + <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
126 + <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
127 + <li>Передавать команды на подключённое оборудование.</li>
128 + <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
121 121   </ul>
122 122  
123 123   <div class="image-block">
124 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
132 + <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
125 125   </div>
126 126  
127 - <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>
128 128  
129 - <h2 class="section-title" id="panel">Панель управления</h2>
130 - <p>Панель управления предназначена для администрирования учётных записей пользователей, настройки доступа и управления объектами.</p>
131 -
132 132   <div class="image-block">
133 133   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
134 134   </div>
135 135  
136 - <p>Администраторы, работающие в панели управления, оперируют следующими понятиями:</p>
137 - <ul>
138 - <li>Клиенты</li>
139 - <li>Пользователи</li>
140 - <li>Объекты</li>
141 - <li>Справочники</li>
142 - <li>Ретрансляторы</li>
143 - </ul>
144 -
145 - <h2 class="section-title" id="terms">Основные термины</h2>
146 -
147 + <h2 class="section-title" id="terms">📖 Основные термины</h2>
147 147   <div class="term-grid">
148 - <div class="term-card"><h3>Объект мониторинга</h3><p>Подвижные или стационарные объекты, на которые установлены терминалы. Чаще всего это автомобили клиента.</p></div>
149 - <div class="term-card"><h3>Статус объекта</h3><p>Состояние установленной на объекте системы мониторинга и связи с ней.</p></div>
150 - <div class="term-card"><h3>Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля движения.</p></div>
151 - <div class="term-card"><h3>Группировка объектов</h3><p>Объединение объектов в группы для удобного управления и фильтрации.</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>
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>
157 157   </div>
158 158  
159 - <div class="extra-terms">
160 - <h3>Дополнительные определения</h3>
161 - <ul>
162 - <li><strong>Абонентский терминал (GPS/ГЛОНАСС‑трекер)</strong> — устройство для приёма сигнала спутников и передачи данных о местоположении объекта.</li>
163 - <li><strong>Клиент</strong> — учётная запись организации, заключающей договор на использование сервиса.</li>
164 - <li><strong>Пользователь</strong> — сотрудник или должностное лицо, использующее систему для выполнения задач.</li>
165 - <li><strong>Справочник</strong> — список категорий, связывающий объекты системы (модели, адреса, клиенты и т.д.).</li>
166 - <li><strong>Ретранслятор</strong> — способ передачи данных в другие системы.</li>
167 - <li><strong>Администратор</strong> — специалист по обслуживанию базы данных и настройке системы.</li>
168 - <li><strong>Учётная запись</strong> — совокупность данных, которые идентифицируют пользователя.</li>
169 - <li><strong>Подписка</strong> — договор на использование обновлений и сервиса в течение срока действия.</li>
170 - <li><strong>Биллинг</strong> — процесс выставления счетов и учёта платежей за услуги.</li>
171 - <li><strong>Права доступа</strong> — набор прав для доступа к функциям и объектам системы.</li>
172 - <li><strong>Роль</strong> — комплекс прав, применяемый к группе пользователей.</li>
173 - </ul>
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>
174 174   </div>
175 175  </div>
176 176  {{/html}}