192 lines
No EOL
14 KiB
HTML
192 lines
No EOL
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="/calculator/static/js/form.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="/calculator/static/css/form.css"/>
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
Beta v1.0.0 <span style="float:right; font-weight:bold">Please send feedback to <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a></span>
|
|
<h1> <p><b>CARA</b> Covid Airborne Risk Assessment tool</p></h1>
|
|
|
|
<form id="covid_calculator" name="covid_calculator" action="/calculator/report" method="POST"> <!--DEBUG onsubmit="debug_submit(this)"-->
|
|
|
|
<div style="width: 33%; float:left;">
|
|
|
|
<!-- General Options -->
|
|
<b>Simulation name:</b> <input type="text" name="simulation_name" placeholder="E.g. Workshop without masks" required><br>
|
|
Room number: <input type="text" name="room_number" placeholder="E.g. 17/R-033" required><br>
|
|
<hr width="80%">
|
|
<b>Room data:</b><br>
|
|
<input type="radio" id="room_type_volume" name="volume_type" value="room_volume" onclick="require_fields(this)" required>
|
|
Room volume: <input type="number" step=0.01 id="room_volume" name="room_volume" placeholder="Room volume (m³)" min="0.01"><br>
|
|
<input type="radio" id="room_type_dimensions" name="volume_type" value="room_dimensions" onclick="require_fields(this)" required>
|
|
Floor area: <input type="number" step=0.01 id="floor_area" name="floor_area" placeholder="Room floor area (m²)" min="0.01"><br>
|
|
Ceiling height: <input type="number" step=0.01 id="ceiling_height" name="ceiling_height" placeholder="Room ceiling height (m²)" min="0.01"><br>
|
|
<hr width="80%">
|
|
|
|
<!-- Ventilation Options -->
|
|
Ventilation type:
|
|
<input type="hidden" id="ventilation_type" name="ventilation_type" value=""/>
|
|
<input type="radio" id="mechanical" name="RADIO_ventilation_type" value="mechanical" onclick="show_hide('DIVmechanical_ventilation', 'DIVnatural_ventilation', this)">Mechanical</input>
|
|
<input type="radio" id="natural" name="RADIO_ventilation_type" value="natural" onclick="show_hide('DIVnatural_ventilation', 'DIVmechanical_ventilation', this)">Natural</input><br>
|
|
|
|
<div id="DIVmechanical_ventilation" style="display:none">
|
|
<input type="hidden" id="mechanical_ventilation_type" name="mechanical_ventilation_type" value=""/>
|
|
<input type="radio" id="air_type_supply" name="RADIO_mechanical_ventilation_type" value="air_supply" onclick="require_fields(this)">
|
|
Air supply flow rate <input type="number" step=0.01 id="air_supply" name="air_supply" min="0" placeholder="(m³ / hour)"><br>
|
|
<input type="radio" id="air_type_changes" name="RADIO_mechanical_ventilation_type" value="air_changes" onclick="require_fields(this)">
|
|
Air changes per hour <input type="number" step=0.01 id="air_changes" name="air_changes" min="0"><br>
|
|
</div>
|
|
|
|
<div id="DIVnatural_ventilation" style="display:none">
|
|
<input type="hidden" id="windows_open" name="windows_open" value=""/>
|
|
Number of windows: <input type="number" id="windows_number" name="windows_number" min="0"><br>
|
|
Height of window: <input type="number" step=0.01 id="window_height" name="window_height" placeholder="meters" min="0"><br>
|
|
Width of window: <input type="number" step=0.01 id="window_width" name="window_width" placeholder="meters" min="0"><br>
|
|
Opening distance: <input type="number" step=0.01 id="opening_distance" name="opening_distance" placeholder="meters" min="0"><br>
|
|
Windows open: <input type="radio" id="always" name="RADIO_windows_open" value="always", onChange="update_windows_open(this)">
|
|
<label for="always">Always</label>
|
|
<input type="radio" id="interval" name="RADIO_windows_open" value="interval", onChange="update_windows_open(this)">
|
|
<label for="interval">10 min / 2h</label>
|
|
<!--input type="radio" id="breaks" name="RADIO_windows_open" value="breaks">
|
|
<label for="breaks">Breaks</label--><br>
|
|
</div>
|
|
|
|
HEPA filtration:
|
|
<input type="radio" id="hepa_filter" name="hepa_option" value=1>
|
|
<label for="hepa_filter">Yes</label>
|
|
|
|
<input type="radio" id="hepa_filter" name="hepa_option" value=0 checked="checked">
|
|
<label for="hepa_filter">No</label>
|
|
<hr width="80%">
|
|
</div>
|
|
|
|
<div style="width: 33%; float:left;">
|
|
|
|
<!-- Event Options -->
|
|
<b>Event data:</b><br>
|
|
Attendees:<br>
|
|
Total number of occupants: <input type="number" id="total_people" name="total_people" min=1 onchange="document.getElementById('infected_people').max=this.value" required><br>
|
|
Number of infected people: <input type="number" id="infected_people" name="infected_people" min=1 max="document.getElementById('total_people').value" required><br>
|
|
<hr width="80%">
|
|
Activity type: <select id="activity_type" name="activity_type">
|
|
<option value="office">Office</option>
|
|
<option value="workshop">Workshop</option>
|
|
<option value="training">Training</option>
|
|
</select><br>
|
|
Start: <input type="time" id="activity_start" name="activity_start" value="09:00" required>
|
|
Finish: <input type="time" id="activity_finish" name="activity_finish" value="18:00" required><br>
|
|
Infected person(s) presence: <br>
|
|
Start: <input type="time" id="infected_start" name="infected_start" value="09:00" required>
|
|
Finish: <input type="time" id="infected_finish" name="infected_finish" value="18:00" required><br>
|
|
<hr width="80%">
|
|
|
|
When is the event?<br>
|
|
<input type="radio" id="event_type_single" name="event_type" value="single_event" onclick="require_fields(this)" required></input>
|
|
<label for="event_type_single">Single event</label>
|
|
<label for="datepicker">Date: </label>
|
|
<input type="text" id="datepicker" name="single_event_date"><br>
|
|
<input type="radio" id="event_type_recurrent" name="event_type" value="recurrent_event" onclick="require_fields(this)" required></input>
|
|
<label for="event_type_recurrent">Recurrent usage</label>
|
|
<select id="recurrent_event_month" name="recurrent_event_month">
|
|
<option value="January">January</option>
|
|
<option value="February">February</option>
|
|
<option value="March">March</option>
|
|
<option value="April">April</option>
|
|
<option value="May">May</option>
|
|
<option value="June">June</option>
|
|
<option value="July">July</option>
|
|
<option value="August">August</option>
|
|
<option value="September">September</option>
|
|
<option value="October">October</option>
|
|
<option value="November">November</option>
|
|
<option value="December">December</option>
|
|
</select><br>
|
|
<hr width="80%">
|
|
<!-- Lunch Options -->
|
|
Lunch break:
|
|
<input type="radio" id="lunch_option_no" name="lunch_option" value=0 checked="checked" onclick="require_fields(this)">
|
|
<label for="lunch_option">No</label>
|
|
<input type="radio" id="lunch_option_yes" name="lunch_option" value=1 onclick="require_fields(this)"></input>
|
|
<label for="lunch_option">Yes</label><br>
|
|
|
|
<div id="DIVlunch_break">
|
|
Start: <input type="time" id="lunch_start" name="lunch_start" unrequired>
|
|
Finish: <input type="time" id="lunch_finish" name="lunch_finish" unrequired><br>
|
|
</div>
|
|
|
|
<!-- Coffee Options -->
|
|
Coffee Breaks
|
|
<input type="radio" name="coffee_breaks" value="0" checked="checked"</input>
|
|
<label for="lunch_option" >No breaks</label>
|
|
<input type="radio" name="coffee_breaks" value="2" </input>
|
|
<label for="lunch_option">2</label>
|
|
<input type="radio" name="coffee_breaks" value="4"</input>
|
|
<label for="lunch_option">4</label>
|
|
<br>
|
|
Duration (minutes): <select id="break_duration" name="coffee_duration">
|
|
<option value="5">5</option>
|
|
<option value="10">10</option>
|
|
<option value="15">15</option>
|
|
<option value="20">20</option>
|
|
<option value="25">25</option>
|
|
<option value="30">30</option>
|
|
</select><br>
|
|
Coffee breaks are spread evenly throughout the day.
|
|
|
|
<br>
|
|
<hr width="80%">
|
|
Face masks: <br>
|
|
Are masks worn when occupants are at workstations? <br>
|
|
<input type="radio" id="continuous" name="mask_wearing" value="continuous" required>Yes
|
|
<input type="radio" id="removed" name="mask_wearing" value="removed" required checked="checked">No
|
|
</div>
|
|
|
|
<div style="width: 33%; float:left;">
|
|
This tool simulates the long range airborne spread SARS-CoV-2 virus in a finite volume and estimates the risk of COVID-19 infection. It is based on current scientific data and can be used to measures the effectiveness of different mitigation measures.<br>
|
|
|
|
<b>How to use this tool:</b> <br>
|
|
<b>Room data</b><br>
|
|
Enter the data about the area you wish to study. You can find these figures in GIS Portal, or by measuring them yourself.<br>
|
|
<b>Ventilation data</b> <br>
|
|
Enter the data on the available means for venting of indoor spaces. For mechanical ventilation, you should check with a specialist for the air flow or air change rate.<br>
|
|
<b>Event data</b><br>
|
|
Enter the total number of occupants in the room and how many of them you assume are infected. We have provided common activity types:<br>
|
|
Office = typical scenario all persons seated, talking.<br>
|
|
Workshop = assembly workshop environment, all persons doing light exercise, talking.<br>
|
|
Training = one person (the trainer) standing, talking, all others seated, talking quietly (whispering). It is assumed the trainer is the infected person, for the worst case scenario.<br>
|
|
You should specify if the event is a one off (give date) or recurrent use of the same space for the same activity, in which case select the month when the activity takes place.<br>
|
|
Specify if a lunch break should be included, and when it starts/stops. <br>
|
|
If you will take coffee breaks, they are spread out evenly throughout the day, in addition to lunch.<br>
|
|
Mask wearing: Specify if they are worn at occupant workstations, or are removed when a physical distance of 2m is respected.
|
|
</div>
|
|
|
|
<button type='submit'>Generate report</button><br><br><br><br>
|
|
</form>
|
|
|
|
<!-- Dialog boxes -->
|
|
<div id="DIALOG_welcome" title="Welcome to CARA!" class="dialog">
|
|
<p>This software is provided with a disclaimer and code license.<span id="dots"></span><span id="more" style="display: none;">
|
|
<br><br><b>Disclaimer:</b><br><br>
|
|
<span style="font-size:9pt;">The risk assessment tool simulates the long range airborne spread SARS-CoV-2 virus in a finite volume, assuming a homogenous mixture, and estimates the risk of COVID-19 infection thereto. The results DO NOT include short-range airborne exposure (where the physical distance plays a factor) nor the other know modes of transmission of SARS-CoV-2. Hence, this model implies that proper physical distancing, good hand hygiene and other barrier measures are ensured.<br><br>
|
|
It is based on current scientific data and can be used to measures the effectiveness of different mitigation measures.<br><br>
|
|
Note that this model is based on a deterministic approach, i.e., at least one person is infected and shedding viruses into the volume. Nonetheless, it is also important to understand that the absolute risk of infection is uncertain as it will depend on the probability that someone infected attends the event. The model is mostly useful to compare the impact and effectiveness of mitigation measures such as ventilation, filtration, exposure time, activity and the size of the room on long-range airborne transmission of COVID-19 in indoor settings.<br><br>
|
|
This application is meant for informative and educational purposes. The user can be able to adapt different settings and measure the relative impact on the estimated infection probabilities to allow for a targeted decision making and investment. The user should acknowledge that until the virus is in circulation among the population, the notion of 'zero risk' or a 'completely safe scenario' does not exist. Each event is unique and the results are as accurate as the inputs. The app is based on our scientific understanding of infectious diseases transmission, exposure and aerosol science as of November 2020.<br><br>
|
|
<b>We do not assume responsibility for any injury or damage to persons or property arising out of or related to any use of this app.</b></span>
|
|
<br><br><b>Code License:</b><br><br>
|
|
<span style="font-size:9pt;">THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.</span></p><br>
|
|
<button onclick="show_disclaimer()" id="myBtn">Read more</button><br><br>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |