commit cb41cfc2db3a3cbb14d676398530153ed6189d94
parent c7f179834d5fe4f8bc09ca9d4df7e0051018029c
Author: Vincent Forest <vincent.forest@meso-star.com>
Date: Thu, 30 Nov 2017 16:20:37 +0100
Update the appearance of the stardis form
Diffstat:
| M | green_script.js | | | 4 | ++-- |
| M | meso.css | | | 79 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----- |
| M | stardis.html.in | | | 66 | +++++++++++++++++++++++++++++++++++++----------------------------- |
3 files changed, 113 insertions(+), 36 deletions(-)
diff --git a/green_script.js b/green_script.js
@@ -16,6 +16,6 @@ function Green(Form) {
}
function ClearRes() {
- document.getElementById('T_res').value = "---" ;
- document.getElementById('T_res_std').value = "---" ;
+ document.getElementById('T_res').value = "?" ;
+ document.getElementById('T_res_std').value = "?" ;
}
diff --git a/meso.css b/meso.css
@@ -264,6 +264,7 @@ td {
text-align: center;
}
+
th {
font-variant: small-caps;
padding: 0.5em 2em 0.5em 2em;
@@ -272,15 +273,83 @@ th {
background-color: #ffffff;
}
-tr#gray {
- background-color: #ccc;
-}
-
tr:nth-child(2n+1) {
- background-color: #F7F6F1;
+ background-color: #F7F6F1;
}
table {
border-spacing: 0;
}
+/*******************************************************************************
+ *
+ ******************************************************************************/
+
+.app td {
+ text-align: left;
+ margin: 0;
+ padding: 0em 1em 0em 1em;
+}
+
+.app td:nth-child(2n+1) {
+ text-align: right;
+}
+
+
+.app tr {
+ background: #fff;
+}
+
+.app table {
+ border-spacing: 0.5em;
+ margin-left: 5em;
+}
+
+.app input[type=number] {
+ background: #FCFCFC;
+ border: 2px solid #DDD;
+ padding: 0em 0.5em 0em 0.5em;
+ color: #666;
+ width: 5em;
+}
+
+.app
+input[type=text] {
+ border: none;
+ background: #fff;
+ width: 5em
+}
+
+.app
+input[type=number] {
+ -moz-appearance: textfield;
+}
+
+.app
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+.app input[type=number]:focus {
+ background: #FFF;
+ border-color: #f44d27;
+ color: #000;
+}
+
+/*.app input:invalid {
+ box-shadow: none;
+ background: #FCFCFC;
+ color: #f00;
+}*/
+
+.app button {
+ background-color: #f0f0f0; /* Green */
+ border: none;
+ padding: 0.2em 0.2em;
+ text-align: center;
+ font-variant: small-caps;
+ font-weight: bold;
+}
+
diff --git a/stardis.html.in b/stardis.html.in
@@ -16,7 +16,7 @@ is useful for thermal engineer because it gives some crucial informations to
analyse the heat transfer in the system. The engineer accesses at some new
informations like <b> "from where the heat comes at this location ?"</b>.
Among the possibilies given by the propagator, it can be used as a rapid modele
-without simplifying the geometrical description. </p>
+without simplifying the geometrical description.</p>
<p>The algorithms implemented in Stardis are inherited from the state of the
art of the Monte-Carlo method applied to radiative transfers physics (Delatorre
@@ -26,45 +26,45 @@ to deal with the complex geometries thanks to the state of the art of computer
graphics which it's at the origin of a disruptive technology in the cinema
industry (FX and animated movies).</p>
-<p> This theoritical framework leads to a <b>statistical point of view</b> of
+<p>This theoritical framework leads to a <b>statistical point of view</b> of
the whole heat transfer processess (conductive-convective-radiative) when the
linear assumption is relevant. And this modele can be solved by a
<b>Monte-Carlo approach</b> which samples some <b>thermal paths</b>. This type
of algorithms can be considered as an extension of Monte-Carlo algorithms to
solve radiative transfer by sampling optical paths. An interesting property of
this approach is that the resulting algorithms does not rely on a volume mesh
-of the system. </p>
+of the system.</p>
<h2>An example of propagator use</h2>
<p>Here is an example of practical use of a propagator (Green function),
obtained by using the Stardis solver on a basic IGBT (a power semiconductor
-device):
+device):</p>
+
<ul>
- <li> the object of interest is an IGBT,
+ <li> the object of interest is an IGBT,</li>
<li> in this simple setting, the limit conditions of the system are fully
defined by the bottom face tempature, and the environment temperature
- (exchange by convection),
+ (exchange by convection),</li>
<li> the value of interest is the core temperature (semiconductor junction)
in the red-colored region of the IGBT which also the source of dissipated
- power (see <i>The IGBT model</i> figure),
+ power (see <i>The IGBT model</i> figure),</li>
<li> the propagator has been precomputed using the Stardis Monte-Carlo
solver from the 3D description of the model and the materials properties
- (see <i>A visualization of the propagator</i> figure),
+ (see <i>A visualization of the propagator</i> figure),</li>
<li> on request, the propagator is applied to the user-provided temperatures
and the dissipated power; it acts as a super-fast direct model to compute the
- value of the core temperature,
+ value of the core temperature,</li>
<li> as it carries temporal information, the propagator could be used in
transient computations; in this case the two input temperatures would
- be temporal data.
+ be temporal data.</li>
</ul>
-</p>
<div class="img" style="width: 50em">
<a href="IGBT.png">
<!--<img src="IGBT.png" style="float: relative" alt="IGBT">-->
- <img src="IGBT.png" align="middle" alt="IGBT">
+ <img src="IGBT.png" alt="IGBT">
</a>
<div class="caption">
A simple IGBT example. The points represent the end of a "thermal path"
@@ -76,26 +76,34 @@ device):
</div>
-<div>
<script src="green_script.js"></script>
-Dissipated power (in W/mm<sup>3</sup>):
- <input type="text" id="P" value="" onChange="ClearRes()"><br>
-
-Air environment temperature (in K):
- <input type="text" id="T_1" value="" onChange="ClearRes()"><br>
-
-Bottom temperature (in K):
- <input type="text" id="T_2" value="" onChange="ClearRes()"><br>
-
-<button name="GrBtn" onclick="Green(document.GreenCalc)">
- Apply propagator!</button><br>
-
-Core temperature:
-<input type="text" id="T_res" value="---" readonly> +/-
-<input type="text" id="T_res_std" value="---" readonly>
+<div class=app>
+<table>
+ <tr>
+ <td> Dissipated power (in W/mm<sup>3</sup>)</td>
+ <td><input type="number" min=0 step=0.01 id="P" value="" onChange="ClearRes()"></td>
+ </tr><tr>
+ <td>Air environment temperature (in K)</td>
+ <td><input type="number" min=0 step=0.01 id="T_1" value="" onChange="ClearRes()"></td>
+ </tr><tr>
+ <td>Bottom temperature (in K)</td>
+ <td><input type="number" min=0 id="T_2" value="" onChange="ClearRes()"></td>
+ </tr><tr>
+ <td></td><td>
+ <button name="GrBtn" onclick="Green(document.GreenCalc)">
+ Apply propagator!
+ </button>
+ </td>
+ </tr><tr>
+ <td style="font-variant: small-caps;font-weight: bold">Core temperature</td>
+ <td>
+ <input type="text" id="T_res" value="?" readonly> +/-
+ <input type="text" id="T_res_std" value="?" readonly>
+ </td>
+ </tr>
+</table>
</div>
-
<h2>Get Stardis</h2>
<p>Stardis is not a monolothic software, it's <b>a solver which can be
