fixed onclick binding

README.md

@@ -32,3 +32,6 @@ More documentation is available at <https://terahz.readthedocs.io>
 - Kristjan Komloši (cls-02) - Project leader and main programmer
 - Jakob Kosec (D3m1j4ck) - Frontend designer
 - Juš Dolžan (ANormalPerson) - Math double-checker
+
+<img alt="TeraHz logo" src="http://www.sckr.si/documents/upload/konektor/logo/_SC.gif" width="200px">  
+TeraHz has been developed under guidance and financial support of Šolski Center Kranj (Kranj School Centre). Without their support, this project might have never been possible.

backend/app.py

@@ -1,8 +1,7 @@
 # app.py - main backend program
 '''Main TeraHz backend program'''
 # All code in this file is licensed under the ISC license, provided in LICENSE.txt
-from flask import Flask
-import flask
+from flask import Flask, jsonify
 import sensors
 
 app = Flask(__name__)
@@ -12,6 +11,6 @@ def sendData():
     s = sensors.Spectrometer(path='/dev/serial0', baudrate=115200, tout=1)
     u = sensors.UVSensor()
     l = sensors.LxMeter()
-    response = flask.jsonify([s.getData(), l.getData(), u.getABI()])
+    response = jsonify([s.getData(), l.getData(), u.getABI()])
     response.headers.add('Access-Control-Allow-Origin', '*')
     return response

backend/sensors.py

@@ -65,8 +65,8 @@ class Spectrometer:
             raise Exception(
                 'An exception occurred when polling for spectrometer data')
         else:
-            responseorder = [i for i in 'RSTUVWGHIJKLABCDEF']
-            realorder = [i for i in 'ABCDEFGHRISJTUVWKL']
+            responseorder = list('RSTUVWGHIJKLABCDEF')
+            realorder = list('ABCDEFGHRISJTUVWKL')
             response = pd.Series(
                 [float(i) / 35.0 for i in rawresp[:-3].split(',')], index=responseorder)
             return pd.DataFrame(response, index=realorder, columns=['uW/cm^2']).to_dict()['uW/cm^2']
@@ -160,7 +160,7 @@ class LxMeter:
         except:
             raise Exception('An exception occured fetching lux channels')
 
-        # scary computations ahead! refer to the apds-9301 datasheet!
+        # Refer to APDS-9301 datasheet!
         if chB / chA <= 0.5 and chB / chA > 0:
             lux = 0.0304 * chA - 0.062 * chA * (chB / chA)**1.4
         elif chB / chA <= 0.61 and chB / chA > 0.5:
@@ -187,6 +187,12 @@ class UVSensor:
         try:
             # enable the sensor and set the integration time
             self.bus.write_byte_data(self.addr, 0x00, 0b00010000)
+
+            # trigger a measurement to prevent bus errors at first read
+            self.bus.write_byte_data(self.addr, 0x00, 0b00010010) # UV_AF=1
+            self.bus.write_byte_data(self.addr, 0x00, 0b00010110) # UV_TRIG=1
+            self.bus.write_byte_data(self.addr, 0x00, 0b00010000) # normal mode
+
         except:
             raise Exception(
                 'An exception occured when initalizing the UV Sensor')
@@ -203,39 +209,15 @@ class UVSensor:
             c2 = self.bus.read_word_data(self.addr, 0x0b)
         except:
             raise Exception('An exception occured when fetching raw UV data')
-        # scary computations ahead! refer to Vishay app note 84339 and Sparkfun
-        # VEML6075 documentation.
-
-        # compensate for visible and IR noise
-        aCorr = aRaw - 2.22 * c1 - 1.33 * c2
-        bCorr = bRaw - 2.95 * c1 - 1.74 * c2
-
-        # convert values into irradiances
-        a = aCorr * 1.06
-        b = bCorr * 0.48
-
-        # zero out negative results (readings with no uv)
-        if a < 0:
-            a = 0
-        if b < 0:
-            b = 0
-        # last, calculate the UV index
-        i = (a + b) / 2
+        # Refer to Vishay app note 84339 and Sparkfun VEML6075 documentation.
+        # The computed values may be negative if UV is vastly weaker than
+        # visible and IR light. This is not a bug!
 
+        a = (aRaw - 2.22 * c1 - 1.33 * c2) * 1.06
+        b = (bRaw - 2.95 * c1 - 1.74 * c2) * 0.48
+        i = (a + b) / 2 # calculate UV index
         return [a, b, i]
 
-    def getA(self):
-        '''Returns UVA value. A getABI() wrapper.'''
-        return self.getABI()[0]
-
-    def getB(self):
-        '''Returns UVB value. A getABI() wrapper.'''
-        return self.getABI()[1]
-
-    def getI(self):
-        '''Returns UV index. A getABI() wrapper.'''
-        return self.getABI()[2]
-
     def on(self):
         '''Turns the UV sensor on after shutdown.'''
         try:

etcs/install.sh

@@ -9,10 +9,12 @@ pip3 install numpy pandas flask smbus2 pyserial gunicorn
 cp -R hostapd/ /etc
 chmod +rx /etc/hostapd/edit_ssid.sh
 cp dnsmasq.conf /etc
+
 cp rc.local /etc
+chmod +rx /etc/rc.local
 cp interfaces-terahz /etc/network/interfaces.d/
 
-cp -R ../frontend/* /var/www/html
+cp -R ../frontend/* /var/www/html/
 mkdir -p /usr/local/lib/terahz
 cp -R ../backend/* /usr/local/lib/terahz
 

etcs/lighttpd/lighttpd.conf

@@ -1,27 +0,0 @@
-server.modules = (
-	"mod_access",
-	"mod_alias",
-	"mod_compress",
- 	"mod_redirect"
-)
-
-server.document-root        = "/var/www/html"
-server.upload-dirs          = ( "/var/cache/lighttpd/uploads" )
-server.errorlog             = "/var/log/lighttpd/error.log"
-server.pid-file             = "/var/run/lighttpd.pid"
-server.username             = "www-data"
-server.groupname            = "www-data"
-server.port                 = 80
-
-
-index-file.names            = ( "index.php", "index.html", "index.lighttpd.html" )
-url.access-deny             = ( "~", ".inc" )
-static-file.exclude-extensions = ( ".php", ".pl", ".fcgi" )
-
-compress.cache-dir          = "/var/cache/lighttpd/compress/"
-compress.filetype           = ( "application/javascript", "text/css", "text/html", "text/plain" )
-
-# default listening port for IPv6 falls back to the IPv4 port
-include_shell "/usr/share/lighttpd/use-ipv6.pl " + server.port
-include_shell "/usr/share/lighttpd/create-mime.assign.pl"
-include_shell "/usr/share/lighttpd/include-conf-enabled.pl"

frontend/frontend.js

@@ -1,7 +1,5 @@
 // All code in this file is licensed under the ISC license, provided in LICENSE.txt
-$('#update').click(function () {
-  updateData();
-});
+$('#update').click(updateData);
 // jQuery event binder
 
 function updateData () {
@@ -22,14 +20,14 @@ function graphSpectralData (obj, dom) {
   var graphPoints = [];
   var graphXTicks = [];
 
-  Object.keys(obj).forEach((element, index) => {
-    graphPoints.push([index, obj[element]]); // build array of points
-    graphXTicks.push([index, element]); // build array of axis labels
-  });
-  // console.log(graphPoints);
+  const specter = 'ABCDEFGHRISJTUVWKL';
+  for (var i = 0; i < specter.length; i++) {
+    graphPoints.push([i, obj[specter[i]]]);
+    graphXTicks.push([i, specter[i]]);
+  }
   const options = {
-    grid: {color: 'white'},
-    xaxis: {ticks: graphXTicks}
+    grid: { color: 'white' },
+    xaxis: { ticks: graphXTicks }
   };
   $.plot('#graph', [graphPoints], options);
   // flot expects an array of arrays (lines) of 2-element arrays (points)

frontend/index.html

@@ -6,146 +6,6 @@
   <link rel="stylesheet" href="lib/bootstrap.min.css">
   <link rel="stylesheet" href="stylesheet.css">
   <title>TeraHz</title>
-</head>
-
-<body>
-  <div class="container text-center">
-    <h1><img src="lib/logo-sq.png" height="64px">TeraHz</h1>
-
-  </div>
-  <div class="container">
-    <button id="update" class="btn btn-primary m-1 float-right">Get data</button>
-    <p id="debug">
-    </p>
-    <h3>Spectrogram</h3>
-    <div id="graph" style="height:480px;width:720px"></div>
-    <h3>Spectral readings</h3>
-    <table class="table table-dark table-sm" id="specter">
-      <thead class="thead-dark">
-        <tr>
-          <th>Band</th>
-          <th>Wavelength [nm]</th>
-          <th>Irradiance [μW/cm²]</th>
-        </tr>
-      </thead>
-      <tr>
-        <td>A</td>
-        <td>410 nm</td>
-        <td id="A">---</td>
-      </tr>
-      <tr>
-        <td>B</td>
-        <td>435 nm</td>
-        <td id="B">---</td>
-      </tr>
-      <tr>
-        <td>C</td>
-        <td>460 nm</td>
-        <td id="C">---</td>
-      </tr>
-      <tr>
-        <td>D</td>
-        <td>485 nm</td>
-        <td id="D">---</td>
-      </tr>
-      <tr>
-        <td>E</td>
-        <td>510 nm</td>
-        <td id="E">---</td>
-      </tr>
-      <tr>
-        <td>F</td>
-        <td>535 nm</td>
-        <td id="F">---</td>
-      </tr>
-      <tr>
-        <td>G</td>
-        <td>560 nm</td>
-        <td id="G">---</td>
-      </tr>
-      <tr>
-        <td>H</td>
-        <td>585 nm</td>
-        <td id="H">---</td>
-      </tr>
-      <tr>
-        <td>R</td>
-        <td>610 nm</td>
-        <td id="R">---</td>
-      </tr>
-      <tr>
-        <td>I</td>
-        <td>645 nm</td>
-        <td id="I">---</td>
-      </tr>
-      <tr>
-        <td>S</td>
-        <td>680 nm</td>
-        <td id="S">---</td>
-      </tr>
-      <tr>
-        <td>J</td>
-        <td>705 nm</td>
-        <td id="J">---</td>
-      </tr>
-      <tr>
-        <td>T</td>
-        <td>730 nm</td>
-        <td id="T">---</td>
-      </tr>
-      <tr>
-        <td>U</td>
-        <td>760 nm</td>
-        <td id="U">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>V</td>
-        <td>810 nm</td>
-        <td id="V">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>W</td>
-        <td>860 nm</td>
-        <td id="W">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>K</td>
-        <td>900 nm</td>
-        <td id="K">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>L</td>
-        <td>940 nm</td>
-        <td id="L">---</td>
-      </tr>
-    </table>
-    <br>
-    <h3>Lux and UV readings</h3>
-    <table class="table-dark table" id="luxuv">
-      <thead class="thead-dark">
-        <tr>
-          <th>Parameter</th>
-          <th>Value</th>
-        </tr>
-      </thead>
-      <tr>
-        <td>Illuminance [lx]</td>
-        <td id="lx">---</td>
-      </tr>
-      <tr>
-        <td>UVA irradiance [μW/cm²]</td>
-        <td id="uva">---</td>
-      </tr>
-      <tr>
-        <td>UVB irradiance [μW/cm²]</td>
-        <td id="uvb">---</td>
-      </tr>
-      <tr>
-        <td>UVA/UVB average [μW/cm²]</td>
-        <td id="uvi">---</td>
-      </tr>
-    </table>
-  </div>
   <script src="lib/bootstrap.bundle.min.js"></script>
   <script src="lib/jquery-3.4.1.min.js"></script>
   <script src="lib/flot/jquery.flot.js"></script>
@@ -157,6 +17,157 @@
   <script src="lib/flot/jquery.flot.browser.js"></script>
   <script src="lib/flot/jquery.flot.drawSeries.js"></script>
   <script src="lib/flot/jquery.flot.uiConstants.js"></script>
-</body>
+</head>
 
+<body>
+  <div class="container text-center">
+    <h1><img src="lib/logo-sq.png" height="64px">TeraHz</h1>
+  </div>
+
+  <div class="container">
+    <button id="update" onclick="updateData()" class="btn btn-primary">Get data</button>
+    <button id="download" class="btn btn-primary">Download</button>
+    <button id="debug" class="btn btn-danger">DEBUG</button>
+  </div>
+
+  <div class="container">
+    <div class="row">
+    <div class="col-sm">
+      <h4>Spectrogram</h4>
+      <div id="graph" style="height:480px;width:720px"></div>
+    </div>
+
+    <div class="col-sm">
+      <h4>Visible+IR spectrum</h4>
+      <table class="table table-dark table-sm" id="specter">
+        <thead class="thead-dark">
+          <tr>
+            <th>Band</th>
+            <th>Wavelength [nm]</th>
+            <th>Irradiance [μW/cm²]</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>A</td>
+          <td>410 nm</td>
+          <td id="A">---</td>
+        </tr>
+        <tr>
+          <td>B</td>
+          <td>435 nm</td>
+          <td id="B">---</td>
+        </tr>
+        <tr>
+          <td>C</td>
+          <td>460 nm</td>
+          <td id="C">---</td>
+        </tr>
+        <tr>
+          <td>D</td>
+          <td>485 nm</td>
+          <td id="D">---</td>
+        </tr>
+        <tr>
+          <td>E</td>
+          <td>510 nm</td>
+          <td id="E">---</td>
+        </tr>
+        <tr>
+          <td>F</td>
+          <td>535 nm</td>
+          <td id="F">---</td>
+        </tr>
+        <tr>
+          <td>G</td>
+          <td>560 nm</td>
+          <td id="G">---</td>
+        </tr>
+        <tr>
+          <td>H</td>
+          <td>585 nm</td>
+          <td id="H">---</td>
+        </tr>
+        <tr>
+          <td>R</td>
+          <td>610 nm</td>
+          <td id="R">---</td>
+        </tr>
+        <tr>
+          <td>I</td>
+          <td>645 nm</td>
+          <td id="I">---</td>
+        </tr>
+        <tr>
+          <td>S</td>
+          <td>680 nm</td>
+          <td id="S">---</td>
+        </tr>
+        <tr>
+          <td>J</td>
+          <td>705 nm</td>
+          <td id="J">---</td>
+        </tr>
+        <tr>
+          <td>T</td>
+          <td>730 nm</td>
+          <td id="T">---</td>
+        </tr>
+        <tr>
+          <td>U</td>
+          <td>760 nm</td>
+          <td id="U">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>V</td>
+          <td>810 nm</td>
+          <td id="V">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>W</td>
+          <td>860 nm</td>
+          <td id="W">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>K</td>
+          <td>900 nm</td>
+          <td id="K">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>L</td>
+          <td>940 nm</td>
+          <td id="L">---</td>
+        </tr>
+      </table>
+    </div>
+
+    <div class="col-sm">
+      <h4>UV+Illuminance</h4>
+      <table class="table-dark table table-sm" id="luxuv">
+        <thead class="thead-dark">
+          <tr>
+            <th>Parameter</th>
+            <th>Value</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>Illuminance [lx]</td>
+          <td id="lx">---</td>
+        </tr>
+        <tr>
+          <td>UVA irradiance [μW/cm²]</td>
+          <td id="uva">---</td>
+        </tr>
+        <tr>
+          <td>UVB irradiance [μW/cm²]</td>
+          <td id="uvb">---</td>
+        </tr>
+        <tr>
+          <td>UVA/UVB average [μW/cm²]</td>
+          <td id="uvi">---</td>
+        </tr>
+      </table>
+    </div>
+    </div>
+  </div>
+</body>
 </html>