.. название: Инструмент прогнозирующего радиочастотного моделирования
.. пуля: инструмент прогнозного радиочастотного моделирования
.. дата: 29.12.2025 16:00:00 UTC
.. тэги: сеть, калькулятор, инструмент, Wi-Fi, RF, беспроводная связь
.. категория:
.. ссылка:
.. описание: Профессиональный инструмент радиочастотного моделирования и обследования объектов WiFi для планирования развертывания беспроводных сетей.
.. тип: текст
<link href="/assets/css/rf-modeling-tool.css" rel="stylesheet"/>
ВНЕШНЯЯ ТАБЛИЦА: Боковая панель | Область холста
<table class="rf-outer-table">
<tr>
ЛЕВАЯ БОКОВАЯ ПАНЕЛЬ (фиксированная ширина 250 пикселей)
<td class="rf-sidebar-cell">
<div class="rf-sidebar-title">Инструмент радиочастотного моделирования</div>
<div class="rf-sidebar-subtitle">Прогнозируемое покрытие Wi-Fi</div>
Загрузить раздел
<div class="rf-section" id="uploadSection">
<div class="rf-section-title">Загрузить план этажа</div>
<div class="rf-upload-area" id="uploadArea">
<div class="rf-upload-icon">📁</div>
<div class="rf-upload-text">Нажмите, чтобы загрузить план этажа</div>
<div class="rf-upload-hint">(PNG, JPG или PDF)</div>
</div>
<input accept="image/*,.pdf" id="floorPlanInput" style="display: none;" type="file"/>
</div>
Раздел калибровки
<div class="rf-section" id="calibrationSection">
<div class="rf-section-title">Калибровка весов</div>
<div class="rf-form-group">
<label class="rf-label" for="calibrationDistance">Известное расстояние</label>
<input class="rf-input" id="calibrationDistance" min="0" placeholder="Enter distance" step="0.1" type="number"/>
</div>
<div class="rf-form-group">
<label class="rf-label" for="calibrationUnit">Единица</label>
<select class="rf-select" id="calibrationUnit">
<option value="feet">Ноги</option>
<option value="meters">Метры</option>
</select>
</div>
<button class="rf-btn rf-btn-primary" disabled="" id="startCalibrationBtn">Начать калибровку</button>
<span class="rf-hint">Нажмите две точки на плане этажа, чтобы установить масштаб.</span>
</div>
Раздел свойств точки доступа
<div class="rf-section" id="apPropertiesSection" style="display: none;">
<div class="rf-section-title">Свойства точки доступа</div>
<div class="rf-form-group">
<label class="rf-label">Имя</label>
<input class="rf-input" id="apName" placeholder="AP Name" type="text"/>
</div>
<div class="rf-slider-group">
<label class="rf-slider-label">Мощность передачи<span class="rf-slider-value" id="txPowerValue">20</span>дБм</label>
<input class="rf-slider" id="txPower" max="30" min="0" step="1" type="range" value="20"/>
</div>
<div class="rf-slider-group">
<label class="rf-slider-label">Прирост<span class="rf-slider-value" id="gainValue">4</span>дБи</label>
<input class="rf-slider" id="gain" max="20" min="0" step="0.5" type="range" value="4"/>
</div>
<div class="rf-form-group">
<label class="rf-label">Частота</label>
<select class="rf-select" id="frequency">
<option value="2400">2,4 ГГц</option>
<option selected="" value="5000">5 ГГц</option>
<option value="6000">6 ГГц</option>
</select>
</div>
<div class="rf-slider-group" id="orientationGroup" style="display: none;">
<label class="rf-slider-label">Ориентация<span class="rf-slider-value" id="orientationValue">0</span>°
          </label>
<input class="rf-slider" id="orientation" max="360" min="0" step="5" type="range" value="0"/>
</div>
<div class="rf-slider-group" id="beamwidthGroup" style="display: none;">
<label class="rf-slider-label">Ширина луча<span class="rf-slider-value" id="beamwidthValue">360</span>°
          </label>
<input class="rf-slider" id="beamwidth" max="360" min="30" step="5" type="range" value="360"/>
</div>
<button class="rf-btn rf-btn-primary" id="applyAPBtn">Применить изменения</button>
<button class="rf-btn rf-btn-danger" id="deleteAPBtn">Удалить точку доступа</button>
</div>
Раздел моделирования
<div class="rf-section" id="simulationSection">
<div class="rf-section-title">Радиочастотное моделирование</div>
<div style="margin-bottom: 10px;">
<label style="display: block; margin-bottom: 5px;">
<input id="showHeatmap" style="margin-right: 5px;" type="checkbox"/>Показать тепловую карту покрытия</label>
</div>
<button class="rf-btn rf-btn-primary" id="regenerateHeatmapBtn" style="margin-bottom: 10px; width: 100%;">🔄 Восстановить тепловую карту</button>
<div class="rf-slider-group">
<label class="rf-slider-label">Разрешение сетки<span class="rf-slider-value" id="gridResValue">20</span>пикселей</label>
<input class="rf-slider" id="gridResolution" max="50" min="10" step="5" type="range" value="20"/>
</div>
<div class="rf-slider-group">
<label class="rf-slider-label">Минимальный сигнал<span class="rf-slider-value" id="minSignalValue">-85</span>дБм</label>
<input class="rf-slider" id="minSignal" max="-60" min="-100" step="5" type="range" value="-85"/>
</div>
<div style="margin-top: 10px; font-size: 11px; color: #6c757d;">
<div><strong>Легенда:</strong></div>
<div style="display: flex; align-items: center; margin-top: 3px;">
<span style="display: inline-block; width: 40px; height: 12px; background: linear-gradient(to right, #ff0000, #ffff00, #00ff00); border: 1px solid #ccc;"></span>
<span style="margin-left: 5px;">Слабый → Сильный</span>
</div>
</div>
</div>
Просмотр раздела элементов управления
<div class="rf-section" id="viewControlsSection">
<div class="rf-section-title">Просмотр элементов управления</div>
<div style="display: flex; gap: 5px; margin-bottom: 10px;">
<button class="rf-btn rf-btn-secondary" id="zoomInBtn" style="flex: 1;">➕ Увеличить масштаб</button>
<button class="rf-btn rf-btn-secondary" id="zoomOutBtn" style="flex: 1;">➖ Уменьшить масштаб</button>
</div>
<button class="rf-btn rf-btn-secondary" id="resetViewBtn" style="width: 100%; margin-bottom: 10px;">🔄 Сбросить вид</button>
<div style="font-size: 11px; color: #6c757d;">
<div><strong>Масштаб:</strong> <span id="zoomLevel">100%</span></div>
<div style="margin-top: 5px;">
<strong>Элементы управления:</strong><br/>• Колесо мыши для масштабирования.<br/>• Пробел + перетаскивание для панорамирования.<br/>• Средняя мышь для панорамирования</div>
</div>
</div>
</td>
ПРАВАЯ ОБЛАСТЬ ХОЛСТА
<td class="rf-canvas-cell">
ВЛОЖЕННАЯ ТАБЛИЦА: сетка 3х3 для линеек и холста.
<table class="rf-ruler-table">
<tr>
Верхний левый угол
<td class="rf-ruler-corner"></td>
Главный правитель
<td class="rf-ruler-top" id="rulerTop"></td>
Верхний правый угол
<td class="rf-ruler-corner"></td>
</tr>
<tr>
Левая линейка
<td class="rf-ruler-left" id="rulerLeft"></td>
ХОЛСТ в центре
<td class="rf-canvas-container">
<canvas height="600" id="rfCanvas" width="800"></canvas>
</td>
Правый правитель
<td class="rf-ruler-right" id="rulerRight"></td>
</tr>
<tr>
Нижний левый угол
<td class="rf-ruler-corner"></td>
Нижняя линейка
<td class="rf-ruler-bottom" id="rulerBottom"></td>
Нижний правый угол
<td class="rf-ruler-corner"></td>
</tr>
</table>
Строка состояния под вложенной таблицей
<div class="rf-status-bar">
<span class="rf-status-left">
<span id="statusText">Готово. Чтобы начать, загрузите план этажа.</span>
<span class="rf-mode-indicator inactive" id="wallModeIndicator">Настенный режим: ВЫКЛ (нажмите W)</span>
</span>
<span class="rf-status-right" id="cursorPosition">Х: 0, Ю: 0</span>
</div>
</td>
ПРАВАЯ БОКОВАЯ ПАНЕЛЬ (фиксированная ширина 250 пикселей)
<td class="rf-right-sidebar-cell">
<div class="rf-sidebar-title">Инструменты и материалы</div>
Раздел оборудования
<div class="rf-section" id="hardwareSection" style="display: none;">
<div class="rf-section-title">Точки доступа</div>
<select class="rf-select" id="vendorFilter">
<option value="all">Все продавцы</option>
</select>
<div id="hardwareList" style="max-height: 400px; overflow-y: auto;">
<div style="color: #6c757d; font-size: 12px;">Загрузка оборудования...</div>
</div>
<span class="rf-hint">Перетащите точку доступа на холст.</span>
</div>
Раздел стеновых материалов
<div class="rf-section" id="materialsSection">
<div class="rf-section-title">Стеновые материалы</div>
<div id="materialList">
<div style="color: #6c757d; font-size: 12px;">Загрузка материалов...</div>
</div>
<div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid #dee2e6;">
<label style="display: block; margin-bottom: 5px; font-size: 12px;">
<input id="continuousDrawing" style="margin-right: 5px;" type="checkbox"/>Непрерывный рисунок стены</label>
<label style="display: block; margin-bottom: 5px; font-size: 12px;">
<input checked="" id="snapToEndpoints" style="margin-right: 5px;" type="checkbox"/>Привязка к конечным точкам стены</label>
<label style="display: block; margin-bottom: 5px; font-size: 12px;">
<input id="wallSelectionMode" style="margin-right: 5px;" type="checkbox"/>Режим выбора (нажмите, чтобы выбрать)</label>
<div id="wallSelectionControls" style="margin-top: 10px;">
<button class="rf-btn rf-btn-secondary" disabled="" id="copyWallsBtn" style="margin-bottom: 5px;">📋 Копировать выбранное (<span id="selectedWallCount">0</span>)
            </button>
<button class="rf-btn rf-btn-secondary" disabled="" id="pasteWallsBtn" style="margin-bottom: 5px;">📄 Оклеить стены</button>
<button class="rf-btn rf-btn-danger" disabled="" id="deleteWallsBtn" style="margin-bottom: 5px;">🗑️ Удалить выбранное</button>
</div>
<div style="font-size: 10px; color: #6c757d; margin-top: 5px;">
<strong>Режим стены:</strong>Нажмите W<br/>
<strong>Выбор:</strong>Ctrl+клик для множественного выбора<br/>
<strong>Ярлыки:</strong>Ctrl+C (копировать), Ctrl+V (вставить), Del (удалить)</div>
</div>
</div>
</td>
</tr>
</table>
<script src="/assets/js/rf-modeling-tool.js"></script>