Exclusive Windows
Exclusive Windows
Since 2014 Wohnraum German Windows is your premier destination for high-quality imported windows and doors in Indonesia.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SmartGlass ROI Calculator</title>
<style>
.calculator-container {
font-family: 'Arial', sans-serif;
max-width: 500px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
background: #f9f9f9;
}
h2 {
color: #2A5C9A;
text-align: center;
}
.input-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #333;
}
input, select {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
box-sizing: border-box;
}
button {
background: #4CAF50;
color: white;
border: none;
padding: 12px 20px;
width: 100%;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
}
button:hover {
background: #3e8e41;
}
#results {
margin-top: 20px;
padding: 15px;
background: #e8f5e9;
border-radius: 5px;
display: none;
}
.result-item {
margin-bottom: 10px;
}
.highlight {
font-weight: bold;
color: #2A5C9A;
}
</style>
</head>
<body>
<div class="calculator-container">
<h2>SmartGlass ROI Calculator</h2>
<div class="input-group">
<label for="area">Home Area (m²):</label>
<input type="number" id="area" value="750" min="50">
</div>
<div class="input-group">
<label for="glassArea">Glass Area (m²):</label>
<input type="number" id="glassArea" value="176" min="10">
</div>
<div class="input-group">
<label for="electricityRate">Electricity Rate (Rp/kWh):</label>
<input type="number" id="electricityRate" value="1699.53" step="0.01">
</div>
<div class="input-group">
<label for="acUsage">Daily AC Usage (hours):</label>
<select id="acUsage">
<option value="8">8 hours/day</option>
<option value="12">12 hours/day</option>
<option value="24" selected>24/7</option>
</select>
</div>
<button onclick="calculateROI()">Calculate My Savings</button>
<div id="results">
<h3>Your Potential Savings</h3>
<div class="result-item">
Annual Energy Savings: <span class="highlight" id="annualSavings">0</span> kWh
</div>
<div class="result-item">
Annual Cost Savings: Rp <span class="highlight" id="costSavings">0</span>
</div>
<div class="result-item">
AC Capacity Reduction: <span class="highlight" id="acReduction">0</span> PK
</div>
<div class="result-item">
Payback Period: <span class="highlight" id="payback">0</span> years
</div>
<div class="result-item">
10-Year Profit: Rp <span class="highlight" id="tenYearProfit">0</span>
</div>
</div>
</div>
<script>
function calculateROI() {
// Get user inputs
const area = parseFloat(document.getElementById('area').value);
const glassArea = parseFloat(document.getElementById('glassArea').value);
const electricityRate = parseFloat(document.getElementById('electricityRate').value);
const acUsage = parseInt(document.getElementById('acUsage').value);
// Constants (based on your case study)
const U_SINGLE = 5.0;
const U_DOUBLE = 1.25;
const SHGC_SINGLE = 0.8;
const SHGC_DOUBLE = 0.52;
const TEMP_DIFF = 6; // ΔT (30°C outdoor - 24°C indoor)
const SOLAR_IRRADIANCE = 500; // W/m²
const HOURS_PER_YEAR = acUsage * 365;
const AC_COST_PER_PK = 17500000; // Rp 17.5 juta/PK
const KW_TO_PK = 0.735;
// Calculations
// 1. Heat gain reduction (kW)
const conductiveSavings = (U_SINGLE - U_DOUBLE) * glassArea * TEMP_DIFF / 1000;
const solarSavings = (SHGC_SINGLE - SHGC_DOUBLE) * glassArea * SOLAR_IRRADIANCE / 1000;
const totalHeatReduction = conductiveSavings + solarSavings;
// 2. Energy savings (kWh/year)
const annualEnergySavings = (totalHeatReduction * HOURS_PER_YEAR) / 3.0; // Assuming COP=3.0
// 3. Cost savings (Rp/year)
const annualCostSavings = annualEnergySavings * electricityRate;
// 4. AC downsizing (PK)
const originalCoolingLoad = area * 0.1; // 100W/m² → 0.1kW/m²
const newCoolingLoad = originalCoolingLoad - totalHeatReduction;
const acReductionPK = (originalCoolingLoad - newCoolingLoad) / KW_TO_PK;
// 5. Financials
const glassUpgradeCost = 900000000; // Rp 900 juta
const acCostSavings = acReductionPK * AC_COST_PER_PK;
const netInvestment = glassUpgradeCost - acCostSavings;
const paybackYears = netInvestment / annualCostSavings;
const tenYearProfit = (annualCostSavings * 10) - netInvestment;
// Display results
document.getElementById('annualSavings').textContent = annualEnergySavings.toLocaleString('id-ID', {maximumFractionDigits: 0});
document.getElementById('costSavings').textContent = annualCostSavings.toLocaleString('id-ID', {maximumFractionDigits: 0});
document.getElementById('acReduction').textContent = acReductionPK.toLocaleString('id-ID', {maximumFractionDigits: 1});
document.getElementById('payback').textContent = paybackYears.toLocaleString('id-ID', {maximumFractionDigits: 1});
document.getElementById('tenYearProfit').textContent = tenYearProfit.toLocaleString('id-ID', {maximumFractionDigits: 0});
document.getElementById('results').style.display = 'block';
}
</script>
</body>
</html>
```
PHOTO GALLERY