.. τίτλος: Εργαλείο έρευνας WiFi
.. γυμνοσάλιαγκος: wifi-έρευνα-εργαλείο
.. ημερομηνία: 29-12-2025 16:00:00 UTC
.. ετικέτες: δικτύωση, αριθμομηχανή, εργαλείο, wifi, rf, ασύρματη, έρευνα
.. κατηγορία:
.. σύνδεσμος:
.. περιγραφή: Ενεργό εργαλείο έρευνας τοποθεσίας WiFi για καταγραφή και οπτικοποίηση μετρήσεων ασύρματου σήματος
.. τύπος: κείμενο
<link href="/assets/css/rf-modeling-tool.css" rel="stylesheet"/>
<style>
/* Survey Tool Specific Styles */
.survey-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.survey-modal-overlay.active {
    display: flex;
}

.survey-modal {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    width: 600px;
    max-width: 95vw;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.survey-modal-header {
    background: #343a40;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.survey-modal-header h3 {
    margin: 0;
    font-size: 16px;
}

.survey-modal-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.survey-modal-close:hover {
    color: #dc3545;
}

.survey-modal-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.survey-modal-footer {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.os-tabs {
    display: flex;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 15px;
}

.os-tab {
    padding: 10px 20px;
    background: #f8f9fa;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -2px;
    transition: all 0.2s;
}

.os-tab:hover {
    background: #e9ecef;
}

.os-tab.active {
    background: #fff;
    border-bottom-color: #007bff;
    color: #007bff;
    font-weight: 600;
}

.os-command-box {
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 12px 15px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.os-command-box code {
    color: #9cdcfe;
}

.copy-btn {
    background: #4a4a4a;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
}

.copy-btn:hover {
    background: #5a5a5a;
}

.rf-data-input {
    width: 100%;
    height: 200px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    resize: vertical;
}

.rf-data-input:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.parsed-data-preview {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 15px;
    margin-top: 15px;
    display: none;
}

.parsed-data-preview.has-data {
    display: block;
}

.parsed-data-preview h4 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #495057;
}

.parsed-field {
    display: flex;
    margin-bottom: 5px;
    font-size: 13px;
}

.parsed-field-label {
    font-weight: 600;
    min-width: 120px;
    color: #6c757d;
}

.parsed-field-value {
    color: #212529;
}

.parsed-field-value.good {
    color: #28a745;
}

.parsed-field-value.medium {
    color: #ffc107;
}

.parsed-field-value.poor {
    color: #dc3545;
}

.ssid-selector {
    margin-bottom: 15px;
}

.ssid-selector label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
}

.ssid-selector select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 13px;
}

.survey-point-marker {
    cursor: pointer;
}

.survey-points-list {
    max-height: 300px;
    overflow-y: auto;
}

.survey-point-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #dee2e6;
    font-size: 12px;
}

.survey-point-item:hover {
    background: #f8f9fa;
}

.survey-point-item .signal-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

.survey-point-item .delete-btn {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 2px 6px;
}

.survey-point-item .delete-btn:hover {
    background: #f8d7da;
    border-radius: 3px;
}

.min-points-warning {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #856404;
}

.metadata-toggle {
    color: #007bff;
    cursor: pointer;
    font-size: 12px;
    margin-top: 10px;
}

.metadata-toggle:hover {
    text-decoration: underline;
}

.metadata-section {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background: #e9ecef;
    border-radius: 4px;
    font-size: 11px;
}

.metadata-section.visible {
    display: block;
}

.point-label-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
}
</style>
ΕΞΩΤΕΡΙΚΟ ΤΡΑΠΕΖΙ: Sidebar | Περιοχή καμβά
<table class="rf-outer-table">
<tr>
ΑΡΙΣΤΕΡΗ ΠΛΕΥΡΙΚΗ (250 px σταθερό πλάτος)
<td class="rf-sidebar-cell">
<div class="rf-sidebar-title">Εργαλείο έρευνας WiFi</div>
<div class="rf-sidebar-subtitle">Έρευνα ενεργού ιστότοπου</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="surveyVisualizationSection">
<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"/>Εμφάνιση Heatmap Κάλυψης</label>
</div>
<div class="min-points-warning" id="minPointsWarning" style="display: none;">Προσθέστε τουλάχιστον 3 σημεία έρευνας για να δημιουργήσετε θερμικό χάρτη</div>
<button class="rf-btn rf-btn-primary" id="regenerateHeatmapBtn" style="margin-bottom: 10px; width: 100%;">🔄 Αναγέννηση Heatmap</button>
<div class="rf-slider-group">
<label class="rf-slider-label">Ανάλυση Πλέγματος<span class="rf-slider-value" id="gridResValue">20</span>px</label>
<input class="rf-slider" id="gridResolution" max="50" min="5" step="5" type="range" value="20"/>
</div>
<div class="rf-slider-group">
<label class="rf-slider-label">Ισχύς IDW<span class="rf-slider-value" id="idwPowerValue">2</span>
</label>
<input class="rf-slider" id="idwPower" max="4" min="1" step="0.5" type="range" value="2"/>
</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 style="margin-top: 5px;">
<span style="color: #28a745;">●</span>&gt;-50 dBm (Εξαιρετικό)<br/>
<span style="color: #ffc107;">●</span>-50 έως -70 dBm (Καλή)<br/>
<span style="color: #dc3545;">●</span>&lt;-70 dBm (Κακή)</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/>* Shift + σύρετε για μετατόπιση<br/>* Μεσαίο ποντίκι για πανοραμική λήψη</div>
</div>
</div>
</td>
ΔΕΞΙΑ ΠΕΡΙΟΧΗ ΚΑΜΒΑ
<td class="rf-canvas-cell">
ΕΦΩΛΕΜΕΝΟ ΤΡΑΠΕΖΙ: Πλέγμα 3x3 για χάρακες και καμβά
<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>
<span class="rf-status-right" id="cursorPosition">Χ: 0, Υ: 0</span>
</div>
</td>
ΔΕΞΙΑ ΠΛΑΪΝΗ ΜΠΑΡ (250 pixel σταθερό πλάτος)
<td class="rf-right-sidebar-cell">
<div class="rf-sidebar-title">Σημεία Έρευνας</div>
Τμήμα Σημείων Έρευνας
<div class="rf-section" id="surveyPointsSection">
<div class="rf-section-title">Καταγεγραμμένοι πόντοι (<span id="pointCount">0</span>)</div>
<div class="survey-points-list" id="surveyPointsList">
<div style="color: #6c757d; font-size: 12px; padding: 10px; text-align: center;">Κάντε κλικ στον χάρτη για να προσθέσετε σημεία έρευνας</div>
</div>
<div style="margin-top: 10px;">
<button class="rf-btn rf-btn-secondary" disabled="" id="clearAllPointsBtn" style="width: 100%;">Εκκαθάριση όλων των σημείων</button>
</div>
<div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid #dee2e6;">
<button class="rf-btn rf-btn-secondary" disabled="" id="exportDataBtn" style="width: 100%; margin-bottom: 5px;">Εξαγωγή δεδομένων έρευνας (JSON)</button>
<button class="rf-btn rf-btn-secondary" id="importDataBtn" style="width: 100%;">Εισαγωγή δεδομένων έρευνας</button>
<input accept=".json" id="importFileInput" style="display: none;" type="file"/>
</div>
</div>
Ενότητα Οδηγιών
<div class="rf-section" id="instructionsSection">
<div class="rf-section-title">Τρόπος Χρήσης</div>
<div style="font-size: 11px; color: #6c757d;">
<ol style="margin: 0; padding-left: 20px;">
<li>Ανεβάστε την εικόνα της κάτοψής σας</li>
<li>Βαθμονόμηση της κλίμακας χρησιμοποιώντας μια γνωστή απόσταση</li>
<li>Περπατήστε σε μια τοποθεσία στο πάτωμα</li>
<li>Κάντε κλικ σε αυτό το σημείο στον χάρτη</li>
<li>Εκτελέστε την εντολή WiFi και επικολλήστε την έξοδο</li>
<li>Επαναλάβετε για τουλάχιστον 3 πόντους</li>
<li>Ενεργοποιήστε το heatmap για να οπτικοποιήσετε την κάλυψη</li>
</ol>
</div>
</div>
</td>
</tr>
</table>
Τρόπος εισαγωγής δεδομένων έρευνας
<div class="survey-modal-overlay" id="surveyModal">
<div class="survey-modal">
<div class="survey-modal-header">
<h3>Προσθήκη σημείου έρευνας</h3>
<button class="survey-modal-close" id="closeModalBtn">×</button>
</div>
<div class="survey-modal-body">
Ετικέτα σημείου
<div style="margin-bottom: 15px;">
<label style="display: block; margin-bottom: 5px; font-weight: 600; font-size: 13px;">Ετικέτα σημείου (προαιρετικό)</label>
<input class="point-label-input" id="pointLabelInput" placeholder="e.g., Conference Room A, Hallway, etc." type="text"/>
</div>
Καρτέλες OS
<div class="os-tabs">
<button class="os-tab active" data-os="osx">macOS</button>
<button class="os-tab" data-os="windows">Windows</button>
<button class="os-tab" data-os="linux">Linux</button>
</div>
Πλαίσια εντολών ειδικά για το λειτουργικό σύστημα
<div class="os-command-box" id="osxCommand">
<code>sudo wdutil info</code>
<button class="copy-btn" data-command="sudo wdutil info">Αντίγραφο</button>
</div>
<div class="os-command-box" id="windowsCommand" style="display: none;">
<code>netsh wlan show networks mode=bssid</code>
<button class="copy-btn" data-command="netsh wlan show networks mode=bssid">Αντίγραφο</button>
</div>
<div class="os-command-box" id="linuxCommand" style="display: none;">
<code>nmcli device wifi list</code>
<button class="copy-btn" data-command="nmcli device wifi list">Αντίγραφο</button>
</div>
Επιλογέας SSID (για Windows με πολλά δίκτυα)
<div class="ssid-selector" id="ssidSelector" style="display: none;">
<label>Επιλέξτε Δίκτυο:</label>
<select id="ssidSelect"></select>
</div>
Εισαγωγή δεδομένων
<textarea class="rf-data-input" id="rfDataInput" placeholder="Paste the command output here..."></textarea>
Προεπισκόπηση αναλυμένων δεδομένων
<div class="parsed-data-preview" id="parsedDataPreview">
<h4>Αναλυμένα δεδομένα</h4>
<div id="parsedDataFields"></div>
<div class="metadata-toggle" id="metadataToggle">Εμφάνιση πρόσθετων μεταδεδομένων</div>
<div class="metadata-section" id="metadataSection"></div>
</div>
</div>
<div class="survey-modal-footer">
<button class="rf-btn rf-btn-secondary" id="cancelSurveyBtn">Ματαίωση</button>
<button class="rf-btn rf-btn-primary" disabled="" id="saveSurveyBtn">Αποθήκευση σημείου</button>
</div>
</div>
</div>
<script src="/assets/js/wifi-survey-tool.js"></script>