82 lines
4.1 KiB
HTML
82 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
|
|
<title>Monthly energy balance workflow</title>
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
<link href="../../css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../css/styles.css">
|
|
</head>
|
|
<body>
|
|
<a href="../../index.html" class="nav-link home"><i class="bi bi-house-fill"></i> Home</a>
|
|
<h1><img src="logo/logo.png" id="img_logo">INSEL monthly energy balance workflow</h1>
|
|
<div class="container">
|
|
<div class="right">
|
|
<div>The MEB workflow calculates the monthly energy balance for each building in a given region, and as
|
|
a result, it provides the energy and electrical demand, the energy consumption and the peak loads for
|
|
heating, cooling, lighting and appliances.</div>
|
|
<div>All of these results are provided on both a monthly and a yearly basis.</div>
|
|
<div class="p-3">In the design of this workflow, the following assumptions are made:</div>
|
|
<ul>
|
|
<li>No building in the region has attics</li>
|
|
<li>All buildings have basements but those are not heated</li>
|
|
<li>The construction details come from NRCAN</li>
|
|
<li>The usage details come from NRCAN</li>
|
|
<li>The system details come from the Montreal Custom catalog</li>
|
|
<li>The weather file used is the epw of the area provided by EnergyPlus</li>
|
|
</ul>
|
|
</div>
|
|
<div class="left">
|
|
<form id="form">
|
|
<div class="form-element">
|
|
<input type="file" id="geometry_file" name="geometry_file" accept=".geojson, .gml"/>
|
|
</div>
|
|
<div id="parameters">
|
|
<div class="form-element" id="height">
|
|
<label for="height_field" class="p-1">Height field</label><input type="text" id="height_field" name="height_field" />
|
|
</div>
|
|
<div class="form-element" id="function">
|
|
<label for="function_field" class="p-1">Function field</label><input type="text" id="function_field" name="function_field" />
|
|
</div>
|
|
<div class="form-element" id="year_of_construction">
|
|
<label for="year_of_construction_field" class="p-1">Year of construction field</label><input type="text" id="year_of_construction_field" name="year_of_construction_field" />
|
|
</div>
|
|
<div class="form-element">
|
|
<label for="construction_handler" class="p-1">Construction handler</label>
|
|
<select id="construction_handler" name="construction_handler">
|
|
<option value="nrcan" selected>NRCAN</option>
|
|
<option value="nrel">NREL</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<label for="usage_handler" class="p-1">Usage handler</label>
|
|
<select id="usage_handler" name="usage_handler">
|
|
<option value="nrcan" selected>NRCAN</option>
|
|
<option value="comnet">Comnet</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<label for="function_to_hub" class="p-1">Function to hub dictionary</label>
|
|
<select id="function_to_hub" name="function_to_hub">
|
|
<option value="montreal" selected>Montreal</option>
|
|
<option value="hft">Hft Alkis subset</option>
|
|
<option value="alkis">Alkis</option>
|
|
<option value="pluto">NYC Pluto</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<a href="#" id="runWorkflow" class="btn btn-bd-primary mb-4">Run workflow</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="links"></div>
|
|
</div>
|
|
</div>
|
|
<script src="./run.js"></script>
|
|
<script src="../../js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |