forked from adamgreig/cusf-burst-calc
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
231 lines (220 loc) · 13.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!--
Code Copyright (c) 2013 Adam Greig, Rossen Georgiev
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see http://www.gnu.org/licenses/.
Underlying maths: Adam Greig, Steve Randall
Balloon data from Kaymont, Hwoyee.
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>habitat burst calculator</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" href="t/css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="t/css/layout.css"/>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="t/images/favicon.ico" />
<link rel="stylesheet" href="css/burstcalc.css"/>
<script type="text/javascript" src="js/jquery-1.8.3-min.js"></script>
<script type="text/javascript" src="js/jquery-color.js"></script>
<script type="text/javascript" src="js/jquery-mousewheel.js"></script>
<script type="text/javascript" src="js/jgestures.min.js"></script>
<script type="text/javascript" src="js/calc.js"></script>
</head>
<body>
<header>
<div class="container">
<h1 class="no-margin">
<a href="http://habhub.org/">
<img src="t/images/habhub_logo.jpg" alt="habhub" title="habhub"/>
</a>
</h1>
<span id="app_name"><b>burstcalc</b></span>
</div>
</header>
<div id="grey-section">
<div class="container">
<div class="column">
<h3 class="remove-bottom" id="page_title">Loading...</h3>
<p class="remove-bottom" id="page_subtitle">If you can read this, the javascript isn't working :-(.</p>
</div>
</div>
</div>
<section id="main" class="container alpha">
<div id="helpbox" class="thirteen column" style="display: none">
<h2>Help</h2>
<p>
This calculator is designed to help you find how much gas to put into a high altitude balloon
to achieve a desired burst altitude or ascent rate. You have to know the payload mass (including
parachute) and balloon mass.
</p>
<p>
Usage is very straightforward: enter the payload mass into the first box, select the balloon
mass from the second box, and type in either a desired burst altitude in meters or ascent rate
in meters per second in the relevent box. Pressing enter or clicking away from the box you are
typing into will run the calculations, displaying the results in the box at the bottom.
</p>
<p>
The 'Constants' box can be used to adjust constants used by the calculator. These include
selecting a type of gas (or entering a custom gas density), adjusting modelling parameters
or entering a custom burst diameter or drag coefficient for your balloon. Click the tick box
next to the burst diameter or drag coefficient boxes to use a custom value, otherwise the
appropriate value for your selected balloon will be used.
</p>
<p>
<a href="#" class="close">Close</a>
</p>
</div>
<div id="aboutbox" class="thirteen column" style="display: none">
<h2>About</h2>
<p>
Cambridge University Space Flight: Balloon Burst Calculator <br>
<a href='https://github.com/cuspaceflight/cusf-burst-calc'>cusf-burst-calc on github</a>
</p>
<p>
An entirely javascript based, HTML5-valid, CSS-valid calculator to determine high altitude
balloon parameters.
</p>
<p>
The HTML and javascript was written by Adam Greig (<a href="http://www.cusf.co.uk">CUSF</a>)
and Rossen Georgiev; the first version in 2010 and a rewrite in 2012. This code is licensed
under the GPL (v3); see below. <br>
The design (<a href='https://github.com/ukhas/habitat-template.git'>habitat-template</a>; also GPL3)
was created by Daniel Saul and uses Skeleton CSS (MIT licensed). <br>
The underlying maths was derived from `burst1a` spreadsheet by Steve Randall and implemented
by Adam. <br>
It also contains Balloon information from Kaymont Totex sounding balloon data and Hwoyee.
</p>
<p>
No guarantee is given for the accuracy of any data included or produced by this program, use
at your own risk.
</p>
<p>
<a href="#" class="close">Close</a>
</p>
</div>
<div id="calcbox" class="fourteen columns alpha omega">
<div class="fourteen columns alpha omega">
<div class="five columns alpha grey float first">
<div class="sign"></div>
<h4>Payload Mass (g)</h4>
<input type="text" id="mp" class="input_field numeric scrollable" value="1500" data-step="5" tabindex="1"/>
<h4>Balloon Mass (g)</h4>
<select class="input_field" id="mb" tabindex="2">
<option value="k200">Kaymont - 200</option>
<option value="k300">Kaymont - 300</option>
<option value="k350">Kaymont - 350</option>
<option value="k450">Kaymont - 450</option>
<option value="k500">Kaymont - 500</option>
<option value="k600">Kaymont - 600</option>
<option value="k700">Kaymont - 700</option>
<option value="k800">Kaymont - 800</option>
<option value="k1000" selected="selected">Kaymont - 1000</option>
<option value="k1200">Kaymont - 1200</option>
<option value="k1500">Kaymont - 1500</option>
<option value="k2000">Kaymont - 2000</option>
<option value="k3000">Kaymont - 3000</option>
<option value="h100">Hwoyee - 100</option>
<option value="h200">Hwoyee - 200</option>
<option value="h300">Hwoyee - 300</option>
<option value="h350">Hwoyee - 350</option>
<option value="h400">Hwoyee - 400</option>
<option value="h500">Hwoyee - 500</option>
<option value="h600">Hwoyee - 600</option>
<option value="h750">Hwoyee - 750</option>
<option value="h800">Hwoyee - 800</option>
<option value="h950">Hwoyee - 950</option>
<option value="h1000">Hwoyee - 1000</option>
<option value="h1200">Hwoyee - 1200</option>
<option value="h1500">Hwoyee - 1500</option>
<option value="h1600">Hwoyee - 1600</option>
<option value="h2000">Hwoyee - 2000</option>
<option value="h3000">Hwoyee - 3000</option>
<option value="p100">Pawan - 100</option>
<option value="p350">Pawan - 350</option>
<option value="p600">Pawan - 600</option>
<option value="p800">Pawan - 800</option>
<option value="p900">Pawan - 900</option>
<option value="p1200">Pawan - 1200</option>
<option value="p1600">Pawan - 1600</option>
<option value="p2000">Pawan - 2000</option>
</select>
</div>
<div class="five columns alpha grey float second">
<div class="sign"></div>
<h4>Target Burst Altitude (m)</h4>
<input type="text" id="tba" class="input_field numeric scrollable" data-step="100" value="33000" tabindex="3"/>
<h4>Target Ascent rate (m/s)</h4>
<input type="text" id="tar" class="input_field numeric scrollable" data-step="0.1" tabindex="4"/>
</div>
<div class="thirteen columns alpha grey third">
<h4 id="result">Result</h4>
<div class="three columns offset-by-one">
<span class="output_label">Burst Altitude:</span>
<span class="output_data" id="ba">33000 m</span>
<span class="output_label">Ascent Rate:</span>
<span class="output_data" id="ar">2.33 m/s</span>
</div>
<div class="three columns offset-by-one">
<span class="output_label">Time to Burst:</span>
<span class="output_data" id="ttb">238 min</span>
<span class="output_label">Neck Lift:</span>
<span class="output_data" id="nl">1733 g</span>
</div>
<div class="three columns offset-by-one">
<span class="output_label">Volume:</span>
<span class="output_data" id="lv_m3">2.66 m<sup>3</sup></span>
<span class="output_label" id="lv_l" style="font-weight: bold;">2660 L</span>
<span class="output_data" id="lv_cf">93.9 ft<sup>3</sup></span>
</div>
</div>
<div class="thirteen columns alpha grey fourth closed">
<h4>Constants (Advanced)</h4>
<div class="columns four" style="display: none">
<label class="constant_label" for="gas">Gas</label><br />
<select id="gas" class="constant_field" autocomplete="off">
<option value="he">Helium</option>
<option value="h">Hydrogen</option>
<option value="ch4">Methane</option>
<option value="custom">Custom</option>
</select><br />
<label class="constant_label" for="rho_g">Gas Density (kg/m<sup>3</sup>)</label><br />
<input type="text" id="rho_g" value="0.1786" class="constant_field" size="9" disabled="disabled"/><br />
</div>
<div class="columns four" style="display: none">
<label class="constant_label" for="rho_a">Air Density (kg/m<sup>3</sup>)</label><br />
<input type="text" id="rho_a" value="1.2050" class="constant_field numeric" autocomplete="off" size="9"/><br />
<label class="constant_label" for="adm">Air Density Model</label><br />
<input type="text" id="adm" value="7238.3" class="constant_field numeric" autocomplete="off" size="9"/><br />
<label class="constant_label" for="ga">Gravitational<br />Acceleration (m/s<sup>2</sup>)</label><br />
<input type="text" id="ga" value="9.80665" class="constant_field numeric" autocomplete="off" size="9" /><br />
</div>
<div class="columns four omega" style="display: none">
<input type="checkbox" class="float" id="bd_c" autocomplete="off" />
<label class="constant_label" for="bd">Burst Diameter (m)</label><br />
<input type="text" id="bd" class="constant_field numeric scrollable" data-step="0.2" disabled="disabled" value="7.86" autocomplete="off" /><br />
<input type="checkbox" class="float" id="cd_c" autocomplete="off" />
<label class="constant_label" for="cd">Balloon Cd</label><br />
<input type="text" id="cd" class="constant_field numeric scrollable" data-step="0.05" data-max="1" disabled="disabled" value="0.3" autocomplete="off" /><br />
</div>
</div>
</div>
</div>
</section>
</body>
</html>