.. titolo: RF AP Kovrilo Estimator
.. slug: rf-ap-deployment-estimator
.. dato: 2025-12-26 15:00:00 UTC
.. etikedoj: retigado, kalkulilo, ilo
.. kategorio: Kalkuliloj
.. ligo:
.. priskribo: Taksi sendratan alirpunktokalkulon por etaĝomapo laŭ areo, AP-kovradradiuso kaj interkovroproporcio. Planu entreprenajn WiFi-deplojojn kun realisma ĉelgrandeco.
.. tajpu: tekston
<style>
    .calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .calc-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .calc-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .calc-header p {
        margin: 10px 0;
        opacity: 0.95;
        font-size: 15px;
        line-height: 1.6;
    }

    .form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .form-group {
        display: flex;
        flex-direction: column;
    }

    .form-group label {
        margin-bottom: 8px;
        font-weight: 600;
        color: white;
        font-size: 14px;
    }

    .form-group input,
    .form-group select {
        padding: 12px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        font-family: 'Courier New', monospace;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
    }

    .form-group input:focus,
    .form-group select:focus {
        outline: none;
        border-color: #4CAF50;
        background: white;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

    #calculateBtn {
        margin-top: 20px;
        padding: 14px 35px;
        font-size: 16px;
        background: #4CAF50;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        width: 100%;
    }

    #calculateBtn:hover {
        background: #45a049;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    #calculateBtn:active {
        background: #3d8b40;
        transform: translateY(0);
    }

    .results {
        margin-top: 30px;
        display: none;
    }

    .results.show {
        display: block;
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
    }

    .result-section:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .section-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none;
        transition: background 0.3s ease;
    }

    .section-header:hover {
        background: linear-gradient(135deg, #45a049 0%, #3d8b40 100%);
    }

    .section-header h3 {
        margin: 0;
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .section-header .icon {
        font-size: 20px;
    }

    .section-toggle {
        font-size: 24px;
        transition: transform 0.3s ease;
    }

    .section-header.collapsed .section-toggle {
        transform: rotate(-90deg);
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
        max-height: 2000px;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .section-content.collapsed {
        max-height: 0;
        padding: 0 20px;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #4CAF50;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 250px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
    }

    .data-value.highlight {
        color: #4CAF50;
        font-weight: bold;
        font-size: 18px;
    }

    .notes-section {
        margin-top: 15px;
        padding: 15px;
        background: #fff3e0;
        border-left: 4px solid #ff9800;
        border-radius: 4px;
    }

    .notes-section h4 {
        margin-top: 0;
        color: #e65100;
        font-size: 16px;
    }

    .notes-section p {
        margin: 10px 0;
        color: #666;
        line-height: 1.6;
        font-size: 14px;
    }

    .layout-diagram {
        margin-top: 15px;
        padding: 15px;
        background: white;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
    }

    .layout-diagram h4 {
        margin-top: 0;
        color: #4CAF50;
        font-size: 16px;
    }

    .layout-diagram p {
        color: #666;
        line-height: 1.6;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .layout-diagram image {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 10px 0;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .form-row {
            grid-template-columns: 1fr;
        }

        .data-row {
            flex-direction: column;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }
    }
</style>
<div class="calc-container">
<div class="calc-header">
<h2>Priraporta Taksisto de RF AP</h2>
<p>Ĉi tiu taksilo kalkulas la nombron da alirpunktoj bezonataj surbaze de konstruado de kvadrataj bildoj, IEEE-normo kaj aplikaj postuloj. Enigu viajn konstruajn dimensiojn kaj elektu viajn disfaldajn parametrojn por ricevi laŭtaksan AP-nombran kaj aranĝajn rekomendojn.</p>
<p><strong>Notu:</strong>Ĉi tiu taksilo ne respondecas pri konstrumaterialoj (ekz., ŝtalbetonmuroj) aŭ eksteraj priraportadpostuloj. Alĝustigu taksojn laŭ via specifa medio.</p>
<div class="form-row">
<div class="form-group">
<label for="ieee">IEEE-Normo:</label>
<select id="ieee">
<option value="n">IEEE 802.11N</option>
<option value="ac">IEEE 802.11AC</option>
</select>
</div>
<div class="form-group">
<label for="application">Apliko al Subteno:</label>
<select id="application">
<option value="data">Nur Datumoj</option>
<option value="voice">Datumoj kaj Voĉo</option>
<option value="location">Loka Precizeco</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="width">Konstrua Larĝo (piedoj):</label>
<input id="width" type="text" value="300"/>
</div>
<div class="form-group">
<label for="length">Konstrua Longo (piedoj):</label>
<input id="length" type="text" value="150"/>
</div>
</div>
<button id="calculateBtn" onclick="apCountEstimator()">Kalkuli AP-Deplojon</button>
</div>
<div class="results" id="results">
Sekcio de Rezultoj
<div class="result-section">
<div class="section-header" onclick="toggleSection('results')">
<h3><span class="icon">📊</span>Deplojaj Rezultoj</h3>
<span class="section-toggle">▼</span>
</div>
<div class="section-content" id="resultsContent">
<div class="data-row" id="radiusOfCell" style="display: none;">
<div class="data-label">Radiuso de Alirpunkta Ĉelo:</div>
<div class="data-value" id="radiusValue"></div>
</div>
<div class="data-row" id="squarefeet" style="display: none;">
<div class="data-label">Kvadrata Filmo:</div>
<div class="data-value" id="sqftValue"></div>
</div>
<div class="data-row" id="numberOfAccessPoints" style="display: none;">
<div class="data-label">Laŭtaksa Nombro da Alirpunktoj:</div>
<div class="data-value highlight" id="apCountValue"></div>
</div>
<div class="data-row" id="numOfRows" style="display: none;">
<div class="data-label">Alirpunktoj per Vico:</div>
<div class="data-value" id="rowsValue"></div>
</div>
<div class="data-row" id="numOfColumns" style="display: none;">
<div class="data-label">Nombro da Vicoj:</div>
<div class="data-value" id="columnsValue"></div>
</div>
</div>
</div>
Sekcio de Notoj kaj Aranĝo
<div class="result-section">
<div class="section-header" onclick="toggleSection('notes')">
<h3><span class="icon">📝</span>Rezultaj Notoj kaj Aranĝo-Gvidlinioj</h3>
<span class="section-toggle">▼</span>
</div>
<div class="section-content" id="notesContent">
<div class="notes-section">
<h4>Kompreni la Rezultojn</h4>
<p>Vi rimarkos kelkajn diferencojn inter la nombro da alirpunktoj taksita kaj la nombro da alirpunktoj por vico multiplikita per la nombro da vicoj. Tiu diferenco ekzistas ĉar la baznombro de alirpunktoj estas kalkulita de kvadrata filmaĵo dividita per la plej bona praktika AP-priraportado. Kie kiel la aranĝopropono baziĝas sur konstruaĵo-larĝo plus ĉela radiuso dividita per ĉeldiametro kaj konstruaĵolongo plus ĉela radiuso dividita per ĉela diametro.</p>
<p>Se lokprecizeco estas dezirata, plena longo kaj larĝo estas kalkulitaj ĉar la unua AP devas esti sur la ekstera angulo. Aldonante la radiuson de 1 ĉelo, la unua vico estas enpuŝita en la ĉambron 1 AP-ĉelo de ambaŭ eksteraj muroj.</p>
<p><strong>Grava:</strong>Ĉi tiuj estas taksoj. Bonvolu taksi la proponitajn nombrojn kaj kompari kun tio, kion vi scias pri la medio kiel muroj, pordoj, mebloj, lumigado ktp.</p>
</div>
<div class="layout-diagram">
<h4>Datumoj kaj Voĉa Aranĝo</h4>
<p>La sekvanta estas ĝeneraligita Datuma kaj Voĉa aranĝo. Bonvolu konscii, ke se la ĉambro estas malferma oficejo, ĝustigu la ŝablonon ĉe la randoj de la ĉambro. Movi la alirpunktojn en la centro de la ĉambro pli proksime unu al la alia povas okazi, sed depende de tio, kio estas elektita, povus rezultigi kunkanalan interferon.</p>
<image src="Wifi-Data-and-Voice.svg"/>
</div>
<div class="layout-diagram">
<h4>Loka Aranĝo</h4>
<p>Kun lokbazitaj ŝablonoj, la alirpunktoj devas esti poziciigitaj ĉirkaŭ la ekstero de konstruaĵo por pliigita lokprecizeco.</p>
<image src="WiFi-Location.svg"/>
</div>
</div>
</div>
</div>
</div>
<script>
	  function apCountEstimator() {
	    // Set variables from input
		var ieee = document.getElementById("ieee").value;
		var application = document.getElementById("application").value;
		var width = Number(document.getElementById("width").value);
		var length = Number(document.getElementById("length").value);

		// Determine Cell radius
		if (ieee == "n" && application == "data") {
			var radius = Math.sqrt(5000/Math.PI);
			var type = 5000;
			console.log(radius);
		} else if (ieee == "n" && application == "voice") {
			var radius = Math.sqrt(3000/Math.PI);
			var type = 3000;
			console.log(radius);
		} else if (ieee == "n" && application == "location") {
			var radius = Math.sqrt(3000/Math.PI);
			var type = 3000;
			console.log(radius);
		} else if (ieee == "ac") {
			var radius = Math.sqrt(2500/Math.PI);
			var type = 2500;
			console.log(radius);
		}
		// Determine Cell Diameter
		var diameter = radius*2;
		// Determine Square Footage
		var sqft = length * width;
		// Determine basic AP count
		if (application == "data") {
			if (width <= diameter && length <= diameter) {
				var apCount = 1;
				console.log(apCount);
			} else if (width >= diameter && length <= diameter) {
				var apCount = width / diameter;
				console.log(apCount);
			} else if (length >= diameter &&  width <= diameter) {
				var apCount = length / diameter;
				console.log(apCount);
			} else {
				var apCount = (length * width) / type;
				console.log(apCount);
			}
		} else if (application == "voice") {
			if (width <= diameter && length <= diameter) {
				var apCount = 1;
				console.log(apCount);
			} else if (width >= diameter && length <= diameter) {
				var apCount = width / diameter;
				console.log(apCount);
			} else if (length >= diameter &&  width <= diameter) {
				var apCount = length / diameter;
				console.log(apCount);
			} else {
				var apCount = (length * width) / type;
				console.log(apCount);
			}
		} else if (application == "location") {
			if (width <= diameter && length <= diameter) {
				var apCount = 1;
				console.log(apCount);
			} else if (width >= diameter && length <= diameter) {
				var apCount = (width+radius) / diameter;
				console.log(apCount);
			} else if (length >= diameter &&  width <= diameter) {
				var apCount = (length+radius) / diameter;
				console.log(apCount);
			} else {
				var apCount = ((length+radius) * (width+radius)) / type;
				console.log(apCount);
			}
		}

		// Round AP count to closet solid number
		var apCountFinal = Math.round(apCount);
		// calculate number of rows and columns and if location accuracy is required add an additional row  and column to account for exterior boarder
		if (application == "location") {
			var rows = (width+radius) / diameter;
			var columns = (length+radius) / diameter;
		} else {
			var rows = width / diameter;
			var columns = length / diameter;
		}

		// Update the new HTML structure
		document.getElementById("radiusValue").textContent = radius.toFixed(2) + " feet";
		document.getElementById("radiusOfCell").style.display = "flex";

		document.getElementById("sqftValue").textContent = sqft.toLocaleString() + " sq ft";
		document.getElementById("squarefeet").style.display = "flex";

		document.getElementById("apCountValue").textContent = apCountFinal;
		document.getElementById("numberOfAccessPoints").style.display = "flex";

		document.getElementById("rowsValue").textContent = Math.round(rows);
		document.getElementById("numOfRows").style.display = "flex";

		document.getElementById("columnsValue").textContent = Math.round(columns);
		document.getElementById("numOfColumns").style.display = "flex";

		// Show results section
		document.getElementById("results").classList.add("show");

		// Scroll to results
		document.getElementById("results").scrollIntoView({ behavior: 'smooth', block: 'start' });
	  }

	  /**
	   * Toggle section visibility
	   * @param {string} sectionId - Section ID (without 'Content' suffix)
	   */
	  function toggleSection(sectionId) {
	      const content = document.getElementById(sectionId + 'Content');
	      const header = content.previousElementSibling;

	      if (content.classList.contains('collapsed')) {
	          content.classList.remove('collapsed');
	          header.classList.remove('collapsed');
	      } else {
	          content.classList.add('collapsed');
	          header.classList.add('collapsed');
	      }
	  }
	  </script>