David A. Windham
david
/
solar-tools
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: c78259872e
Branches Tags
solar-tools
/
system.html

system.html 7.0 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6. 	<meta name="viewport" content="width=device-width, initial-scale=1">
    7. 

  7. 	<meta name="description" content="">
    8. 

  8. 	<meta name="author" content="">
    9. 

  9. 	<title>System Production | Solar</title>
    10. 

  10. 	<link href="css/bootstrap.min.css" rel="stylesheet">
    11. 

  11. 	<link href="css/style.css" rel="stylesheet">
    12. 

  12. 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    13. 

  13. 	<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    14. 

  14. 	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCzK93ZAR-RHPNwB-xMLdBQSv-pz1wEOtg&v=3.exp&sensor=false&libraries=places,drawing,geometry"> </script>
    15. 

  15. 	<script src="js/script.js"></script>
    16. 

  16. </head>
    17. 

  17. 

  18. <body>
    19. 

  19. <script>
    20. 

  20. 

  21. </script>
    22. 

  22.     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    23. 

  23.         <div class="container">
    24. 

  24.             <div class="navbar-header">
    25. 

  25.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    26. 

  26.                     <span class="sr-only">Toggle</span>
    27. 

  27.                     <span class="icon-bar"></span>
    28. 

  28.                     <span class="icon-bar"></span>
    29. 

  29.                     <span class="icon-bar"></span>
    30. 

  30.                 </button>
    31. 

  31.                 <a class="navbar-brand" href="#"></a>
    32. 

  32.             </div>
    33. 

  33.             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    34. 

  34.                 <ul class="nav navbar-nav">
    35. 

  35.                     <li><a href="#"></a></li>
    36. 

  36.                     <li><a href="#"></a></li>
    37. 

  37.                     <li><a href="#"></a></li>
    38. 

  38.                 </ul>
    39. 

  39.             </div>
    40. 

  40.         </div>
    41. 

  41.     </nav>
    42. 

  42.     <div class="container">
    43. 

  43.         <div class="row">
    44. 

  44.             <div class="col-md-3">
    45. 

  45.                 <p class="lead">Solar Tools</p>
    46. 

  46.                 <div class="list-group">
    47. 

  47.                     <a href="index.html" class="list-group-item">Project Size</a>
    48. 

  48.                     <a href="utility.html" class="list-group-item">Utility Rates</a>
    49. 

  49.                     <a href="bill.html" class="list-group-item">Bill Fetch</a>
    50. 

  50. 						  <a href="irradiance.html" class="list-group-item">Solar Irradiance</a>
    51. 

  51. 						  <a href="system.html" class="list-group-item active">System Production</a>
    52. 

  52. 						  <a href="incentives.html" class="list-group-item">Financial Incentives</a>
    53. 

  53. 						  <a href="costs.html" class="list-group-item">Installation Cost</a>
    54. 

  54.                 </div>
    55. 

  55.             </div>
    56. 

  56. 

  57.             <div class="col-md-9">
    58. 

  58.   				 <h2>Solar Production (PV Watts)</h2>
    59. 

  59.   				 <h4>This tool allows you to estimate a PV system output</h4>
    60. 

  60. 			  <br><br>
    61. 

  61. 			  <form class="form-inline">
    62. 

  62. 			    <div class="form-group">
    63. 

  63. 			      <label for="city">City</label>
    64. 

  64. 			      <input type="text" class="form-control" name="city" id="city" value="Greenwood" placeholder="Greenwood">
    65. 

  65. 			    </div>
    66. 

  66. 			    <div class="form-group">
    67. 

  67. 			      <label for="state">State</label>
    68. 

  68. 			      <input type="text" class="form-control" name="state" id="state" value="SC" placeholder="SC" size="3">
    69. 

  69. 			    </div>
    70. 

  70. 				 <br /><br />
    71. 

  71. 			    <div class="form-group">
    72. 

  72. 			      <label for="tilt">Tilt</label>
    73. 

  73. 			      <input type="text" class="form-control" name="tilt" id="tilt" value="40"  size="4">
    74. 

  74. 			    </div>
    75. 

  75. 			    <div class="form-group">
    76. 

  76. 			      <label for="azimuth">Azimuth</label>
    77. 

  77. 			      <input type="text" class="form-control" name="azimuth" id="azimuth" value="40"  size="4">
    78. 

  78. 			    </div>
    79. 

  79. 			    <div class="form-group">
    80. 

  80. 			      <label for="size">System Size</label>
    81. 

  81. 			      <input type="text" class="form-control" name="size" id="size" value="50"  size="4">
    82. 

  82. 			    </div>
    83. 

  83. 

  84. 			  </form>
    85. 

  85. 			  <br />
    86. 

  86. 			  <form class="form-inline">
    87. 

  87. 					<label for="mount">Mount Type:</label>
    88. 

  88. 					<select name="array_type" id="array_type" class="form-control" width="200" style="width:180px"> 
    89. 

  89. 						<option value="0" > Fixed - Open Rack </option>
    90. 

  90. 						<option value="1" selected> Fixed - Roof Mounted </option>
    91. 

  91. 						<option value="2" > 1-Axis </option>
    92. 

  92. 						<option value="3" > 1-Axis Backtracking </option>
    93. 

  93. 						<option value="4" > 2-Axis </option> 
    94. 

  94. 					</select>                                 
    95. 

  95. 					<label for="module"> Module Type:</label>
    96. 

  96. 					<select name="module_type" id="module_type" class="form-control" width="200" style="width:150px"> 
    97. 

  97. 						<option value="0" > Standard </option>
    98. 

  98. 						<option value="1" selected> Premium </option>
    99. 

  99. 						<option value="2" > Thin Film </option>
    100. 

  100. 					</select> 
    101. 

  101. 				    <input type="button" class="btn btn-success" onclick="pvwatts();" value="Run PV Watts">
    102. 

  102. 				</form>
    103. 

  103. 				<br><br>
    104. 

  104. 				<div id="pv_watts_annual_production" class="alert alert-success" role="alert"></div> 
    105. 

  105. 					<div id="pv_watts_output_table">
    106. 

  106. 					<table class="table" width="100%" border="1px;" cellpadding="2px;">
    107. 

  107. 					       <tr>
    108. 

  108. 					        <td> Month </td>
    109. 

  109. 					        <td> Jan </td>
    110. 

  110. 					        <td> Feb </td>
    111. 

  111. 					        <td> Mar </td>
    112. 

  112. 					        <td> Apt </td> 
    113. 

  113. 					        <td> May </td>
    114. 

  114. 					        <td> Jun </td>
    115. 

  115. 					        <td> Jul </td>
    116. 

  116. 					        <td> Aug </td>
    117. 

  117. 					        <td> Sep </td>
    118. 

  118. 					        <td> Oct </td>
    119. 

  119. 					        <td> Nov </td>
    120. 

  120. 					        <td> Dec </td>
    121. 

  121. 					       </tr>
    122. 

  122. 					        <tr>
    123. 

  123. 					        <td> Radiation <br /> (kWh) </td>
    124. 

  124. 					        <td> <span id="radiation_jan"></span> </td>
    125. 

  125. 					        <td> <span id="radiation_feb"></span> </td>
    126. 

  126. 					        <td> <span id="radiation_mar"></span> </td>
    127. 

  127. 					        <td> <span id="radiation_apr"></span> </td> 
    128. 

  128. 					        <td> <span id="radiation_may"></span> </td>
    129. 

  129. 					        <td> <span id="radiation_jun"></span> </td>
    130. 

  130. 					        <td> <span id="radiation_jul"></span> </td>
    131. 

  131. 					        <td> <span id="radiation_aug"></span> </td>
    132. 

  132. 					        <td> <span id="radiation_sep"></span> </td>
    133. 

  133. 					        <td> <span id="radiation_oct"></span> </td>
    134. 

  134. 					        <td> <span id="radiation_nov"></span> </td>
    135. 

  135. 					        <td> <span id="radiation_dec"></span> </td>
    136. 

  136. 					       </tr>
    137. 

  137. 					        <tr>
    138. 

  138. 					        <td> Production <br /> (AC kWh) </td>
    139. 

  139. 					        <td> <span id="production_jan"></span> </td>
    140. 

  140. 					        <td> <span id="production_feb"></span> </td>
    141. 

  141. 					        <td> <span id="production_mar"></span> </td>
    142. 

  142. 					        <td> <span id="production_apr"></span> </td> 
    143. 

  143. 					        <td> <span id="production_may"></span> </td>
    144. 

  144. 					        <td> <span id="production_jun"></span> </td>
    145. 

  145. 					        <td> <span id="production_jul"></span> </td>
    146. 

  146. 					        <td> <span id="production_aug"></span> </td>
    147. 

  147. 					        <td> <span id="production_sep"></span> </td>
    148. 

  148. 					        <td> <span id="production_oct"></span> </td>
    149. 

  149. 					        <td> <span id="production_nov"></span> </td>
    150. 

  150. 					        <td> <span id="production_dec"></span> </td>
    151. 

  151. 					       </tr>
    152. 

  152. 

  153. 					    </table>
    154. 

  154. 					</div>  
    155. 

  155. 				 </div>
    156. 

  156. 				 
    157. 

  157. 				 
    158. 

  158. 				 
    159. 

  159. 				 
    160. 

  160. 

  161.             </div>
    162. 

  162.         </div>
    163. 

  163.     </div>
    164. 

  164. 

  165.         <footer>
    166. 

  166.             <div class="row">
    167. 

  167.                 <div class="col-lg-12">
    168. 

  168.                     <p></p>
    169. 

  169.                 </div>
    170. 

  170.             </div>
    171. 

  171.         </footer>
    172. 

  172. 

  173.     </div>
    174. 

  174.     <script src="js/bootstrap.min.js"></script>
    175. 

  175. </body>
    176. 

  176. </html>
    177.