Hitung WHR, BMR, BSA, IBW, MAP, eGFR

Dasbor Kalkulator Medis Terpadu :root { --primary: #1e3a8a; /* Deep blue */ --primary-light: #eff6ff; --secondary: #0ea5e9; /* Light blue */ --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --text-dark: #1f2937; --text-muted: #6b7280; --bg-body: #f3f4f6; --bg-card: #ffffff; --border: #e5e7eb; }

* { box-sizing: border-box; margin: 0; padding: 0; }

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); color: var(--text-dark); line-height: 1.5; padding: 20px; }

.container { max-width: 1200px; margin: 0 auto; }

header { text-align: center; margin-bottom: 30px; }

header h1 { color: var(--primary); font-size: 2.2rem; margin-bottom: 5px; }

header p { color: var(--text-muted); }

.dashboard-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }

@media (min-width: 992px) { .dashboard-grid { grid-template-columns: 350px 1fr; } }

.card { background: var(--bg-card); border-radius: 12px; padding: 24px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); border: 1px solid var(--border); }

.card-title { font-size: 1.25rem; color: var(--primary); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-light); display: flex; align-items: center; justify-content: space-between; }

.form-group { margin-bottom: 16px; }

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

label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 6px; color: #374151; }

input[type="number"], select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 1rem; transition: border-color 0.2s; background-color: #f9fafb; }

input[type="number"]:focus, select:focus { outline: none; border-color: var(--secondary); background-color: #fff; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); }

.section-divider { margin: 24px 0 16px 0; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); font-weight: 700; }

button.btn-primary { width: 100%; background-color: var(--primary); color: white; border: none; padding: 14px; font-size: 1rem; font-weight: 600; border-radius: 8px; cursor: pointer; transition: background-color 0.2s; margin-top: 10px; }

button.btn-primary:hover { background-color: #1e3a8a; opacity: 0.9; }

/* Results Area */ .results-area { display: none; }

.results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }

.result-card { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 20px; border-left: 5px solid var(--border); }

.result-title { font-size: 0.9rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; margin-bottom: 8px; }

.result-value { font-size: 2rem; font-weight: 800; color: var(--text-dark); margin-bottom: 4px; }

.result-unit { font-size: 1rem; font-weight: normal; color: var(--text-muted); }

.result-status { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-top: 10px; }

.status-normal { background: #dcfce7; color: #166534; } .status-warning { background: #fef3c7; color: #92400e; } .status-danger { background: #fee2e2; color: #991b1b; } .status-info { background: #e0f2fe; color: #075985; }

.result-desc { font-size: 0.85rem; color: var(--text-muted); margin-top: 12px; border-top: 1px dashed var(--border); padding-top: 12px; }

/* Specific Status Colors */ .border-bmi { border-left-color: #3b82f6; } .border-bsa { border-left-color: #8b5cf6; } .border-bmr { border-left-color: #f59e0b; } .border-whr { border-left-color: #ec4899; } .border-map { border-left-color: #ef4444; } .border-egfr { border-left-color: #10b981; }

.disclaimer { margin-top: 30px; padding: 15px; background-color: #fffbeb; border-left: 4px solid #f59e0b; color: #92400e; font-size: 0.85rem; border-radius: 4px; }

.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 400px; color: var(--text-muted); text-align: center; }

.empty-state svg { width: 64px; height: 64px; color: #d1d5db; margin-bottom: 16px; }

.badge-optional { font-size: 0.7rem; font-weight: normal; background: #e5e7eb; padding: 2px 6px; border-radius: 4px; color: var(--text-muted); float: right; }

Clinical Suite Pro Dasbor Analisis Parameter Medis Terpadu Pasien

Data Pasien Jenis Kelamin * Laki-laki Perempuan Usia (Thn) * T. Badan (cm) *

B. Badan (kg) *

Parameter Klinis (Opsional)

L. Pinggang Opsional L. Panggul Opsional

Sistolik Opsional Diastolik Opsional

Serum Kreatinin Opsional

Proses Analisis Medis

Laporan Analisis Medis Belum ada data Silakan isi data pasien di panel kiri dan klik "Proses Analisis Medis" untuk melihat hasil kalkulasi.

Peringatan Medis Hukum: Aplikasi ini dirancang sebagai alat bantu komputasi untuk tenaga kesehatan profesional. Hasil kalkulasi tidak boleh menggantikan penilaian klinis langsung, diagnosis dokter, atau protokol rumah sakit. Formula menggunakan standar umum yang mungkin memerlukan penyesuaian khusus pada populasi atau kondisi patologis tertentu (mis. kehamilan, amputasi, sirosis).

function generateReport() { // Ambil Data Mandatory const gender = document.getElementById('gender').value; const age = parseFloat(document.getElementById('age').value); const height = parseFloat(document.getElementById('height').value); const weight = parseFloat(document.getElementById('weight').value);

if (!age || !height || !weight || age 0)."); return; }

// Ambil Data Optional const waist = parseFloat(document.getElementById('waist').value); const hip = parseFloat(document.getElementById('hip').value); const sys = parseFloat(document.getElementById('sys').value); const dia = parseFloat(document.getElementById('dia').value); const scr = parseFloat(document.getElementById('scr').value);

const resultsGrid = document.getElementById('results-grid'); resultsGrid.innerHTML = ''; // Clear previous results

// 1. Hitung BMI & IBW (Komposisi & Dosis) const heightM = height / 100; const bmi = weight / (heightM * heightM); let ibw = 0; if (gender === 'male') { ibw = 50 + 2.3 * ((height / 2.54) - 60); } else { ibw = 45.5 + 2.3 * ((height / 2.54) - 60); } // Jika tinggi < 60 inci (152.4 cm), rumus Devine bisa kurang akurat, batasi minimum IBW if (ibw < 0) ibw = weight;

resultsGrid.innerHTML += createCard('border-bmi', 'BMI (Body Mass Index)', bmi.toFixed(1), ` kg/m² `, bmiStatus, bmiClass, `Berat Ideal (IBW Devine): ${ibw.toFixed(1)} kg `);

// 2. Hitung BSA (Mosteller) const bsa = Math.sqrt((height * weight) / 3600); resultsGrid.innerHTML += createCard('border-bsa', 'BSA (Body Surface Area)', bsa.toFixed(2), ` m² `, 'Standar Dosis', 'status-info', `Digunakan untuk penyesuaian dosis obat klinis (kemoterapi, dll).`);

// 3. Hitung BMR (Mifflin-St Jeor) let bmr = 0; if (gender === 'male') { bmr = (10 * weight) + (6.25 * height) - (5 * age) + 5; } else { bmr = (10 * weight) + (6.25 * height) - (5 * age) - 161; } resultsGrid.innerHTML += createCard('border-bmr', 'BMR (Basal Metabolic Rate)', Math.round(bmr), ` kcal/hari `, 'Kebutuhan Kalori Dasar', 'status-info', `Energi minimum untuk fungsi vital organ saat istirahat.`);

// 4. Hitung WHR jika ada data if (waist > 0 && hip > 0) { const whr = waist / hip; let whrStatus = '', whrClass = ''; if (gender === 'male') { if (whr <= 0.90) { whrStatus = 'Risiko Rendah'; whrClass = 'status-normal'; } else { whrStatus = 'Risiko Tinggi'; whrClass = 'status-danger'; } } else { if (whr <= 0.85) { whrStatus = 'Risiko Rendah'; whrClass = 'status-normal'; } else { whrStatus = 'Risiko Tinggi'; whrClass = 'status-danger'; } } resultsGrid.innerHTML += createCard('border-whr', 'WHR (Waist-Hip Ratio)', whr.toFixed(2), '', whrStatus, whrClass, `Indikator distribusi lemak viseral & risiko penyakit kardiovaskular.`); }

// 5. Hitung MAP jika ada data if (sys > 0 && dia > 0) { const map = (sys + (2 * dia)) / 3; let mapStatus = '', mapClass = ''; if (map mmHg `, mapStatus, mapClass, `Tekanan perfusi rata-rata ke organ vital tubuh.`); }

// 6. Hitung eGFR (CKD-EPI 2021) jika ada data kreatinin if (scr > 0 && age >= 18) { const kappa = gender === 'female' ? 0.7 : 0.9; const alpha = gender === 'female' ? -0.241 : -0.302; const minRatio = Math.min(scr / kappa, 1); const maxRatio = Math.max(scr / kappa, 1); let egfr = 142 * Math.pow(minRatio, alpha) * Math.pow(maxRatio, -1.200) * Math.pow(0.9938, age); if (gender === 'female') egfr *= 1.012;

resultsGrid.innerHTML += createCard('border-egfr', 'eGFR (CKD-EPI 2021)', Math.round(egfr), ` mL/min/1.73m² `, ckdStage, ckdClass, `Estimasi fungsi filtrasi ginjal.`); } else if (scr > 0 && age < 18) { resultsGrid.innerHTML += createCard('border-egfr', 'eGFR (Error)', 'N/A', '', 'Usia < 18 Thn', 'status-danger', `Rumus CKD-EPI 2021 tidak divalidasi untuk pasien anak.`); }

// Toggle Views document.getElementById('empty-state').style.display = 'none'; document.getElementById('results-area').style.display = 'block'; }

function createCard(borderClass, title, value, unit, statusText, statusClass, description) { return ` ${title} ${value} ${unit} ${statusText} ${description} `; }

Guru Paling Tampan di Kediri

Pages

Hitung WHR, BMR, BSA, IBW, MAP, eGFR

Clinical Suite Pro

Data Pasien

Laporan Analisis Medis

Belum ada data

Post a Comment

Post a Comment

Pages

Copyright ©