path: root/web/analysis/tsbmbody.html

<div id="div_tsbm" style="display:none">

<!-- *** BEGIN Main context and selected time series stats ************* -->
<table style="border:0">
<tr>
  <td style="border:0">
    <a href="help_tsbm.html">help</a>
  </td>
</tr>

<tr>

<!-- *** BEGIN Main context *********************************** -->
<td style="border:0" valign=top>
<span style="font-size:14; font-weight:bold">Main context:</span>
<table>
  <tr>
    <td class="leadText" id="main_context_database_lead"><b>Database:</b></td>
    <td id="main_context_database"></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_database_lead"),
          "The database from which the results were extracted.")
    </script>
    <td class="leadText" id="main_context_date_lead"><b>Report date:</b></td>
    <td id="main_context_date"></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_date_lead"),
          "The date at which this web page was generated.")
    </script>
  </tr>
  <tr>
    <td class="leadText" id="main_context_host_lead"><b>Host:</b></td>
    <td id="main_context_host" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_host_lead"),
          "The physical computer on which the benchmark producing the " +
              "results was executed. <b>Note:</b>It is assumed that the " +
              "HW/SW specifications of the host does not change " +
              "significantly during the time span of the time series. " +
              "(The principle here being that significant changes in the " +
              "time series should be caused by changes in the product " +
              "(i.e. Qt) only!)")
    </script>
  </tr>
  <tr>
    <td class="leadText" id="main_context_platform_lead"><b>Platform:</b></td>
    <td id="main_context_platform" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_platform_lead"),
          "The general environment used for building and executing the " +
              "product being measured (typically an OS/compiler combination).")
    </script>
  </tr>
  <tr>
    <td class="leadText" id="main_context_branch_lead"><b>Branch:</b></td>
    <td id="main_context_branch" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_branch_lead"),
          "Essentially the version of the product being measured. " +
              "The branch is normally made up of two components: " +
              "The <i>git repository</i> and the <i>git branch</i>.")
    </script>
  </tr>
</table>

<table>
  <tr>
    <td style="text-align:left" colspan=3>
    <span class="leadText" id="main_context_snapshots_lead">
      Target snapshots (</span><span
        class="leadText_thin" id="main_context_nsnapshots"></span><span
        class="leadText">):</span>
    </td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_snapshots_lead"),
          "The requested subsequence of snapshots for which relevant " +
              "results potentially exist in the database. The number of " +
              "target snapshots is shown in parentheses.")
    </script>
    <td class="leadText" id="main_context_days_ago"><b>Days ago:</b></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_days_ago"),
          "Days ago (relative to the report date) since the first " +
              "observation for this snapshot was uploaded to the database.")
    </script>
  </tr>
  <tr>
    <td></td><td class="leadText"><b>From SHA-1:</b></td>
    <td class="contentText_mono_pad" id="main_context_sha11"></td>
    <td id="main_context_sha11_daysago" style="text-align:right"></td>
  </tr>
  <tr>
    <td></td><td class="leadText"><b>To SHA-1:</b></td>
    <td class="contentText_mono_pad" id="main_context_sha12"></td>
    <td id="main_context_sha12_daysago" style="text-align:right"></td>
  </tr>
  <tr>
    <td class="leadText" id="main_context_difftol_lead">
      <b>Difference tolerance:</b>
    </td>
    <td id="main_context_difftol" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_difftol_lead"),
          "A real value &ge; 1 that decides whether a change between two " +
              "median observations is considered significant or not.")
    </script>
  </tr>
  <tr>
    <td class="leadText" id="main_context_durtolmin_lead">
      <b>Minimum durability tolerance:</b>
    </td>
    <td id="main_context_durtolmin" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_durtolmin_lead"),
          "The minimum length a contiguous sequence of significantly " +
              "equal median observations must have for it to achieve a " +
              "durability score greater than zero. Once the sequence is at " +
              "least this long, the durability score grows linearly to 1 at " +
              "a rate that depends on the maximum durability tolerance.")
    </script>
  </tr>
  <tr>
    <td class="leadText" id="main_context_durtolmax_lead">
      <b>Maximum durability tolerance:</b>
    </td>
    <td id="main_context_durtolmax" colspan=3></td>
    <script type="text/javascript">
      setTooltip(
          $("#main_context_durtolmax_lead"),
          "The length of a contiguous sequence of significantly equal median " +
              "observations that is sufficient to achieve the maximum " +
              "durability score of 1. The durability score for shorter " +
              "sequences falls linearly to 0 at a rate that depends on the " +
              "minimum durability tolerance.")
    </script>
  </tr>
</table>
</td>
<!-- *** END Main context *********************************** -->

<!-- *** BEGIN Selected time series stats ******************************* -->
<td valign=top style="border:0; padding-left:20">
<span id="tgt_snapshots" style="font-size:14; font-weight:bold">
    Time series statistics:</span>
<table>
  <tr>
    <td class="leadText" id="lead_ms"><b>MS:</b></td>
    <td class="contentText_pad" id="bmstats_ms"></td>
    <script type="text/javascript">
      setTooltip($("#lead_ms"), tooltipText_ms())</script>

    <td class="leadText" id="lead_lsd"><b>LSD:</b></td>
    <td class="contentText_pad" id="bmstats_lsd" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_lsd"), tooltipText_lsd())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_ni"><b>NI:</b></td>
    <td class="contentText_pad" id="bmstats_ni"></td>
    <script type="text/javascript">
      setTooltip($("#lead_ni"), tooltipText_ni())</script>

    <td class="leadText" id="lead_nz"><b>NZ:</b></td>
    <td class="contentText_pad" id="bmstats_nz"></td>
    <script type="text/javascript">
      setTooltip($("#lead_nz"), tooltipText_nz())</script>

    <td class="leadText" id="lead_nc"><b>NC:</b></td>
    <td class="contentText_pad" id="bmstats_nc"></td>
    <script type="text/javascript">
      setTooltip($("#lead_nc"), tooltipText_nc())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_mdrse"><b>MDRSE:</b></td>
    <td class="contentText_pad" id="bmstats_mdrse"></td>
    <script type="text/javascript">
      setTooltip($("#lead_mdrse"), tooltipText_mdrse())</script>

    <td class="leadText" id="lead_rsemd"><b>RSEMD:</b></td>
    <td class="contentText_pad" id="bmstats_rsemd" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_rsemd"), tooltipText_rsemd())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_qs"><b>QS:</b></td>
    <td class="contentText_pad" id="bmstats_qs" colspan=5></td>
    <script type="text/javascript">
      setTooltip($("#lead_qs"), tooltipText_qs())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_lc"><b>LC:</b></td>
    <td class="contentText_pad" id="bmstats_lc"></td>
    <script type="text/javascript">
      setTooltip($("#lead_lc"), tooltipText_lc())</script>

    <td class="leadText" id="lead_lcda"><b>LCDA:</b></td>
    <td class="contentText_pad" id="bmstats_lcda" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcda"), tooltipText_lcda())</script>
  <tr>
    <td class="leadText" id="lead_lcms"><b>LCMS:</b></td>
    <td class="contentText_pad" id="bmstats_lcms" colspan=5></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcms"), tooltipText_lcms())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_lcss"><b>LCSS:</b></td>
    <td class="contentText_pad" id="bmstats_lcss"></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcss"), tooltipText_lcss())</script>

    <td class="leadText" id="lead_lcss1"><b>LCSS1:</b></td>
    <td class="contentText_pad" id="bmstats_lcss1" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcss1"), tooltipText_lcss1())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_lcgss"><b>LCGSS:</b></td>
    <td class="contentText_pad" id="bmstats_lcgss"></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcgss"), tooltipText_lcgss())</script>

    <td class="leadText" id="lead_lclss"><b>LCLSS:</b></td>
    <td class="contentText_pad" id="bmstats_lclss" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_lclss"), tooltipText_lclss())</script>
  </tr>
  <tr>
    <td class="leadText" id="lead_lcds1"><b>LCDS1:</b></td>
    <td class="contentText_pad" id="bmstats_lcds1"></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcds1"), tooltipText_lcds1())</script>

    <td class="leadText" id="lead_lcds2"><b>LCDS2:</b></td>
    <td class="contentText_pad" id="bmstats_lcds2" colspan=3></td>
    <script type="text/javascript">
      setTooltip($("#lead_lcds2"), tooltipText_lcds2())</script>
  </tr>
</table>


</td>

<!-- *** END Selected time series stats ****************************** -->

</tr>
</table>
<!-- *** END Main context and selected time series stats ************* -->

<!-- *** BEGIN Time series benchmark and metric ********************** -->
<br />
<table style="border:0">
  <tr>
    <td style="border:0; padding-left:10px; text-align:right" class="benchmark">
      <b>Benchmark:</b></td>
    <td style="border:0; padding:2"><span id="benchmark"></span></td>
  </tr>
  <tr>
    <td style="border:0; padding-left:10px; text-align:right" class="metric">
      <b>Metric:</b></td>
    <td style="border:0; padding:2"><span id="metric"></span></td>
  </tr>
</table>
<!-- *** END Time series benchmark and metric ********************** -->

<span id="status4">no status</span>
<img alt="spinner4" id="spinner4" src="../global/images/ajax-spinner.gif"
    style="display:none"/>
<img alt="nospinner4" id="nospinner4" src="../global/images/nospinner.png"
    style="display:inline"/>

<!-- *** BEGIN Time series plot *********************************** -->
<table style="border:0; background-color:#eee">
  <tr>
    <td style="border:0; padding-right:10px">Median<br />obs.</td>
    <td style="border:0">
      <div id="plot_canvas"
           style="width:1000px; height:200px; background-color:#eee">
      </div>
    </td>
    <td style="border:0; padding-left:10px">Sample<br />size</td>
  </tr>
  <tr>
    <td style="border:0">
      <div id="div_url_tsbm" style="display:inline">
        <span style="text-align:left">
          <a id="url_tsbm" onclick="return false"
             href="javascript::void(0)">URL</a>
          <script type="text/javascript">
            setTooltip(
              $("#url_tsbm"),
              "Link to page with details for this time series.<br /><br />" +
                    "<b>Note:</b> Reloading that page will reflect the most" +
                    " recent results in the database.")
          </script>
        </span>
      </div>
    </td>
    <td style="border:0; text-align:center; padding-top:0">
      Days since report date
    </td>
    <td style="border:0">
    </td>
  </tr>
</table>
<!-- *** END Time series plot *********************************** -->

<br />

<a id="link_snapshotDetails" href="javascript::void(0)"
  onclick="toggleSnapshotDetails()">show snapshot details</a>

<!-- *** BEGIN Details of selected snapshot ****************************** -->
<div id="div_snapshotDetails" style="display:none">
<table style="border:0">
  <tr>

<!-- *** BEGIN Base result ****************************** -->

    <td valign=top style="border:0; padding-right:20">
      <table style="border:0">
        <tr>
          <td id="base_result" style="border:0; font-size:14; font-weight:bold">
            Base result:
          </td>
          <script type="text/javascript">
setTooltip(
$("#base_result"),
"The result at the most recent significant change <u>before</u> the selected " +
"snapshot, or the first result of the time series if there are no " +
"significant changes before the selected snapshot.");
          </script>
        </tr>
        <tr>
          <td class="leadText">SHA-1:</td>
          <td id="base_res_sha1" class="contentText_mono"></td>
        </tr>
        <tr>
          <td valign=top class="leadText" style="text-align:right">Sample:</td>
          <td valign=top>
            <div style="overflow:auto; height:170px; width:300px;">
              <table id="sample1" class="tablesorter" border="0"
                cellpadding="0" cellspacing="1" style="width:280px">
                <thead>
                  <tr>
                    <th id="sample1_value">Value</th>
                    <script type="text/javascript">
setTooltip(
$("#sample1_value"), "Individual observations.<br />" +
"The median of valid and positive observations is shown in " +
"<span style=\"background-color:#ff0\">" +
"yellow</span>.<br />Invalid observations are shown in " +
"<span style=\"background-color:#faa\">red</span>.");
                    </script>
                    <th id="sample1_daysAgo">Days ago</th>
                    <script type="text/javascript">
setTooltip(
$("#sample1_daysAgo"),
"Days ago since observation<br />was uploaded to the database.");
                    </script>
                    </tr>
                  </thead>
                <tbody></tbody>
              </table>
            </div>
          </td>
        </tr>
        <tr>
          <td id="base_res_rse_lead" class="leadText">RSE:</td>
          <script type="text/javascript">
setTooltip($("#base_res_rse_lead"), tooltipText_rse_plot())
          </script>
          <td id="base_res_rse" class="contentText"></td>
        </tr>
        <tr>
          <td id="base_res_medobs_lead" class="leadText">Median obs.:</td>
          <script type="text/javascript">
setTooltip($("#base_res_medobs_lead"), tooltipText_medobs_plot())
          </script>
          <td id="base_res_median_obs" class="contentText"></td>
        </tr>
      </table>
    </td>

<!-- *** END Preceding result ****************************** -->

<!-- *** BEGIN Selected snapshot ****************************** -->

    <td valign=top style="border:1; border-style:solid; border-color:#00f">
      <table style="border:0">
        <tr>
          <td style="border:0; font-size:14; font-weight:bold">
            Selected snapshot:</td>
        </tr>
        <tr>
          <td class="leadText">SHA-1:</td>
          <td id="curr_sshot_sha1" class="contentText_mono"></td>
        </tr>
        <tr>
          <td valign=top class="leadText" style="text-align:right">Sample:</td>
          <td valign=top>
            <div style="overflow:auto; height:170px; width:300px;">
              <table id="sample2" class="tablesorter" border="0"
                cellpadding="0" cellspacing="1" style="width:280px">
                <thead>
                  <tr>
                    <th id="sample2_value">Value</th>
                      <script type="text/javascript">
setTooltip(
$("#sample2_value"), "Individual observations.<br />" +
"The median of valid and positive observations is shown in " +
"<span style=\"background-color:#ff0\">" +
"yellow</span>.<br />Invalid observations are shown in " +
"<span style=\"background-color:#faa\">red</span>.");
                      </script>
                    <th id="sample2_daysAgo">Days ago</th>
                      <script type="text/javascript">
setTooltip(
$("#sample2_daysAgo"),
"Days ago since observation<br />was uploaded to the database.");
                      </script>
                    </tr>
                  </thead>
                <tbody></tbody>
              </table>
            </div>
          </td>
        </tr>
        <tr>
          <td id="curr_sshot_rse_lead" class="leadText">RSE:</td>
          <script type="text/javascript">
setTooltip($("#curr_sshot_rse_lead"), tooltipText_rse_plot())
          </script>
          <td id="curr_sshot_rse" class="contentText"></td>
        </tr>
        <tr>
          <td id="curr_sshot_medobs_lead" class="leadText">Median obs.:</td>
          <script type="text/javascript">
setTooltip($("#curr_sshot_medobs_lead"), tooltipText_medobs_plot())
          </script>
          <td id="curr_sshot_median_obs" class="contentText"></td>
        </tr>
        <tr>
          <td id="curr_sshot_change_lead" class="leadText">Change:</td>
          <script type="text/javascript">
setTooltip($("#curr_sshot_change_lead"), tooltipText_change_plot())
          </script>
          <td id="curr_sshot_change" class="contentText"></td>
        </tr>
      </table>
    </td>

<!-- *** END Selected snapshot ****************************** -->

  </tr>
</table>
</div> <!-- div_snapshotDetails -->
<!-- *** END Details of selected snapshot ****************************** -->

</div> <!-- div_tsbm -->