.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;
}
.input-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}
.input-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.input-group label {
font-weight: bold;
font-size: 14px;
color: rgba(255,255,255,0.95);
}
.input-row {
display: flex;
gap: 10px;
}
.input-group input,
.input-group select {
padding: 12px;
font-size: 16px;
border: 2px solid rgba(255,255,255,0.3);
border-radius: 6px;
background: rgba(255,255,255,0.95);
transition: all 0.3s ease;
font-family: 'Courier New', monospace;
}
.input-group input {
flex: 1;
}
.input-group select {
min-width: 150px;
}
.input-group input:focus,
.input-group select:focus {
outline: none;
border-color: #4CAF50;
background: white;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.calc-button {
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%;
}
.calc-button:hover {
background: #45a049;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.calc-button:active {
background: #3d8b40;
transform: translateY(0);
}
.result-section {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
margin-top: 30px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
display: none;
}
.result-section.show {
display: block;
}
.section-header {
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
padding: 15px 20px;
font-size: 18px;
font-weight: bold;
}
.section-content {
padding: 20px;
background: #fafafa;
}
.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: 220px;
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;
}
.info-box {
margin-top: 30px;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
border-top: 3px solid #4CAF50;
}
.info-box h3 {
margin-top: 0;
color: #4CAF50;
font-size: 20px;
}
.info-box p {
line-height: 1.6;
color: #555;
margin: 10px 0;
}
/* Responsive design */
@media (max-width: 768px) {
.input-grid {
grid-template-columns: 1fr;
}
.input-row {
flex-direction: column;
}
.input-group select {
width: 100%;
}
.data-row {
flex-direction: column;
}
.data-label {
margin-bottom: 5px;
min-width: auto;
}
}
Tentang Zona Fresnel
Apa itu Zona Fresnel?Zona Fresnel adalah area elips di sekitar jalur garis pandang visual antara dua antena. Gelombang radio menyebar saat merambat, dan zona ini mewakili area di mana gelombang tersebut dapat berinterferensi secara konstruktif atau destruktif.
Mengapa ini penting?Untuk kinerja tautan RF yang optimal, setidaknya 60% Zona Fresnel pertama harus bebas dari penghalang (bangunan, pepohonan, medan). Kalkulator ini membantu Anda menentukan radius jarak yang diperlukan di titik tengah tautan nirkabel Anda.
Cara menggunakan:Masukkan frekuensi pengoperasian Anda dan total jarak antar antena. Kalkulator akan menunjukkan radius Zona Fresnel pada titik terlebarnya (pusat tautan).