From bf06b4bd98cb6447caf96e04141f4f2c941aa137 Mon Sep 17 00:00:00 2001 From: Sam Date: Thu, 26 Oct 2023 16:08:22 +0200 Subject: [PATCH] Added advice that says what you need to do --- web/js-ts/serialv2.js | 79 +++++++++++++++++++++++++++++++++++++------ web/statestiek.html | 70 ++++++++++++++++++++++---------------- 2 files changed, 110 insertions(+), 39 deletions(-) diff --git a/web/js-ts/serialv2.js b/web/js-ts/serialv2.js index dd9c288..59ba15b 100644 --- a/web/js-ts/serialv2.js +++ b/web/js-ts/serialv2.js @@ -13,6 +13,10 @@ let humidArray = []; let lichtArray = []; let humid = 0; let licht = 0; +let TempAdvies; +let HumidAdvies; +let LichtAdvies; +let VolledigAdvies; // Request a port and open a connection. async function connect() { @@ -36,7 +40,7 @@ async function readLoop() { for (let iByte = 0; iByte < value.length; iByte++) { let singleByte = value[iByte]; - //functie maken er van met boolean!!! + //functie maken er van met boolean!!! if (singleByte != 10) { buffer.push(singleByte); } @@ -44,7 +48,7 @@ async function readLoop() { else { let sensorString = decoder.decode(new Uint8Array(buffer)); let SensorValues; - + //zet alle data in een json array try { SensorValues = JSON.parse(sensorString); @@ -56,9 +60,11 @@ async function readLoop() { console.log(SensorValues) //zet alle data in een array - tempArray.push(SensorValues[0]) - humidArray.push(SensorValues[1]) - lichtArray.push(SensorValues[2]) + tempArray.push(SensorValues[0]) + humidArray.push(SensorValues[1]) + lichtArray.push(SensorValues[2]) + + } @@ -71,10 +77,18 @@ async function readLoop() { document.getElementById("temp").innerHTML = SensorValues[0]; document.getElementById("humid").innerHTML = SensorValues[1]; document.getElementById("licht").innerHTML = SensorValues[2]; - plotly(tempGraph, tempArray) plotly(humidGraph, humidArray) plotly(lightGraph, lichtArray) + + Advies("Temparatuur", SensorValues[0]) + Advies("Luchtvochtigheid", SensorValues[1]) + Advies("Licht", SensorValues[2]) + + + VolledigAdvies = TempAdvies + HumidAdvies + LichtAdvies; + document.getElementById("Advies").innerHTML = VolledigAdvies; + } // Show the received data in the console @@ -97,12 +111,57 @@ async function disconnect() { console.log("Port is closed!"); } //plotly grafiek -function plotly(graph, dataArray){ +function plotly(graph, dataArray) { Plotly.newPlot(graph, [{ y: dataArray, mode: 'lines', - line: {color: '#80CAF6'} - }]); + line: { color: '#80CAF6' } + }]); } -//eigen library maken voor serial \ No newline at end of file +//eigen library maken voor serial + + +async function Advies(Soort, Waardes) { + if (Soort = "Temparatuur") { + if (Waardes = -10 < 0) { + // document.getElementById("TempAdvies").innerHTML = "Ga naar binnen of trek een dikke jas aan. Het is vriest!"; + TempAdvies = "Ga naar binnen of trek een dikke jas aan. Het is vriest!" + } + if (Waardes = 0 < 10) { + // document.getElementById("TempAdvies").innerHTML = "Het is redelijk koud, pak een jas"; + TempAdvies = "Het is redelijk koud, pak een jas."; + } + if (Waardes = 10 < 20) { + TempAdvies = "Je kan zonder jas rondlopen. Een hoodie zou perfect zijn."; + } + if (Waardes = 20 < 35) { + TempAdvies = "Het is lekker warm je kan in een shirt rondlopen."; + } + if (Waardes => 35) { + TempAdvies = "Blijf buiten de zon anders smelt je en drink vooral veel water."; + } + } + if (Soort = "Luchtvochtigheid") { + if (Waardes = 0 < 10) { + HumidAdvies = "De lucht is kurkdroog." + } + if (Waardes = 10 < 50) { + HumidAdvies = "De lucht voelt normaal aan." + } + if (Waardes = 50 < 75) { + HumidAdvies = "De lucht voelt wat vochtig aan." + } + if (Waardes = 75 < 100) { + HumidAdvies = "De lucht voelt heel vochtig aan." + } + + } + if (Soort = "Licht") { + if (Waardes = 0 < 400) { + LichtAdvies = "Zet het licht aan holbewoner." + } + } + + +} diff --git a/web/statestiek.html b/web/statestiek.html index 521b50f..ff1e58d 100644 --- a/web/statestiek.html +++ b/web/statestiek.html @@ -1,5 +1,6 @@ + @@ -7,12 +8,14 @@ Weerstation - + } +