Merge branch 'main' into '44-als-gebruiker-wil-ik-dat-de-website-automatisch-het-aantal-nodes-dat-ik-heb-aangesloten-op-de'

# Conflicts:
#   arduino/node-code/node-code-final/node-code-final.ino
#   arduino/node-code/node-code-final/nodeCodeFinal.ino
#   arduino/node-code/node-code-final/nodeCodeHeader.h

docs/.pages

@@ -9,6 +9,7 @@ nav:
     - 🎮 Arduino documentation: 
         - I2C: arduino-documentation/i2c-ESP32
         - TFT screen : node-documentation/TFT-screen
+        - Classes : arduino-documentation/classes
     - 🍓 RPi Documentation: 
         - Raspberry pi: Sp1SchetsProject/InfrastructuurDocumentatie/raspberryPi
         - MariaDB: rpi-documentation/mariadb-installation
@@ -24,5 +25,5 @@ nav:
         - Taskflow: brainstorm/Taskflow
         - Design: Sp1SchetsProject/FirstDesign
     - 🖨️ Software:
-        - Dev page: brainstorm/SotwareDocumentatie/Dev_page
+        - Dev page: brainstorm/SoftwareDocumentatie/Dev_page
         

docs/LearningProcessBram/Sprint1/FirstDocumentation.md

@@ -1,162 +1,246 @@
-## Bram's Learning Curve
-Here i post my progress on learning and mastering arduino. I originally did the Gamedevelopment study but decided to switch to "Technische Informatica". That is why i need to learn everything from scratch, and everything is new to me.
-This is the reason that i made these documents, in order to track my progression in this new study.
+## Bram's Learning Curve 
 
+Here I post my progress on learning and mastering Arduino. I originally did the Game development study but decided to switch to "Technische Informatica". That is why I need to learn everything from scratch, and everything is new to me. 
+This is the reason that I made these documents, in order to track my progression in this new study. 
 
-### Buzzer
-For one of my first projects I wanted to learn how to use a buzzer with different notes.
-To achieve this, i went on a search accross sites to see how i can use frequenties to make different sounds.
-Then i came accross a teaching site (https://www.codingkids.nl/arduino-buzzer.html) that taught me the language to communicate to the buzzer what frequenties to use. This way i can make any sound come out of this simple buzzer.
+### Buzzer 
+For one of my first projects, I wanted to learn how to use a buzzer with different notes. 
+To achieve this, I went on a search across sites to see how I can use frequencies to make different sounds. 
+Then I came across a teaching site (https://www.codingkids.nl/arduino-buzzer.html) that taught me the language to communicate to the buzzer what frequencies to use. This way I can make any sound come out of this simple buzzer. 
 
-### Arduino Video
-I watched a video about using arduino and took alot op notes along the way. 
-The link is: (https://www.youtube.com/watch?v=BLrHTHUjPuw).
+### Arduino Video 
+I watched a video about using Arduino and took a lot of op notes along the way.  
+The link is: (https://www.youtube.com/watch?v=BLrHTHUjPuw). 
 
-\/\/arduino information:
+\/\/Arduino information: 
 
-\/pinnumber(locatie, in-/output)
+\/pinnumber(locatie, in-/output) 
 
-\/digitalwrite(locatie, high/low)
+\/digitalwrite(locatie, high/low) 
 
-\/delay(time in millisec)
+\/delay(time in millisec) 
 
-\/int... <- variable
-\/with a decimal its a double -> 1,2
-\/a character is a char -> "a"
+\/int... <- variable 
 
-\/\/serial communications:
-\/setup:
-Serial.begin(9600) -> the text speed
-Serial.sprintLn(text)
+\/with a decimal its a double -> 1,2 
 
-\/Loop:
-Serial.print("text")
-Serial.printLn(....) -> variable because no "
+\/a character is a char -> "a" 
 
-\/Ctrl + shift + M = serial monitor.
-The text speed needs to be the same as given.
+\/\/serial communications: 
 
-\/\/If Statements:
-if(condition){
-    action
-}else{
-    action
-}
+\/setup: 
+Serial.begin(9600) -> the text speed 
+Serial.sprintLn(text) 
 
-\/&& = "and"
-\/|| = "or"
+\/Loop: 
+Serial.print("text") 
+Serial.printLn(....) -> variable because no " 
 
-\/\/For loops:
-For(int*i; i <= 10 ; i++){
-    serial.print(i)
-}
+\/Ctrl + shift + M = serial monitor. 
+The text speed needs to be the same as given. 
 
-\/The fading of led's:
-examples, basics, fade
+\/\/If Statements: 
 
-\/ servo's 
-examples, servo, sweep
+if(condition){ 
 
-### Linux and raspberryPI.
-To gain more knowledge about linux, i first asked my class mates if they could get me started. 
-They showed me how to gain acces to a server, and told me how to navigate through files.
-By doing this i got taught the following commands:
+    action 
 
-~ $ 'ls -la' = show file / volders
-~ $ 'top' = see currently running programs
-~ $ 'cd ' = change directory
-~ $ 'mkdir name' = make directory
-~ $ 'touch name' = make file
-~ $ 'ping ip addres'
-~ $ 'ssh username@ip address' = open ssh connection.
+}else{ 
 
-From here i went and looked up several linux video's wich taught me the following: 
-....
+    action 
 
-### Air, temperature, and all sort of stuff.
-After the  linux coding i decided to take a step back and began gaining experience with sensors.
-I began trying to make our group project's "node" for myself.
-I did this by using one of the main sensors and tried programing it in myself.
-I used this website for the information and for the right library:(https://randomnerdtutorials.com/esp32-dht11-dht22-temperature-humidity-sensor-arduino-ide/).
-Aside from the website i used my teammates for help where it was needed.
-I wanted to make my own spin on the original design by including a button to activate the sensor and an LED to show if its on.
-The rest of the tutorial was clear and worked like a charm. 
-the code used looks like this: 
-```
-#include "DHT.h"
+} 
 
-#define DHTPIN 4
-#define DHTTYPE DHT11 
+\/&& = "and" 
 
-DHT dht(DHTPIN, DHTTYPE);
+\/|| = "or" 
 
-void setup() {
-Serial.begin(9600);
-Serial.println(F("DHTxx test!"));
-dht.begin();
-}
+\/\/For loops: 
 
-void loop() {
- delay(2000);
- float h = dht.readHumidity();
-float t = dht.readTemperature();
-float f = dht.readTemperature(true);
+For(int*i; i <= 10 ; i++){ 
 
-  if (isnan(h) || isnan(t) || isnan(f)) {
-    Serial.println(F("Failed to read from DHT sensor!"));
-    return;
-  }
+    serial.print(i) 
 
-float hif = dht.computeHeatIndex(f, h);
-float hic = dht.computeHeatIndex(t, h, false);
+} 
 
-Serial.print(F("Humidity: "));
-Serial.print(h);
-Serial.print(F("%  Temperature: "));
-Serial.print(t);
-Serial.print(F("°C "));
-Serial.print(f);
-Serial.print(F("°F  Heat index: "));
-Serial.print(hic);
-Serial.print(F("°C "));
-Serial.print(hif);
-Serial.println(F("°F"));
-}
-```
-And The fysical board looks like this: 
+\/The fading of led's: 
 
-And here it looks in action: 
+examples, basics, fade 
 
-Later on i could expand this code and the fysical product to include the rest of the sensors.
+\/ servo's  
+
+examples, servo, sweep 
+
+### Linux and raspberry PI. 
+
+To gain more knowledge about Linux, I first asked my classmates if they could get me started.  
+
+They showed me how to gain access to a server and told me how to navigate through files. 
+
+By doing this I got taught the following commands: 
+
+~ $ 'ls -la' = show file / folders 
+
+~ $ 'top' = see currently running programs 
+
+~ $ 'cd ' = change directory 
+
+~ $ 'mkdir name' = make directory 
+
+~ $ 'touch name' = make file 
+
+~ $ 'ping ip addres' 
+
+~ $ 'ssh username@ip address' = open ssh connection. 
+
+### Air, temperature, and all sort of stuff. 
+
+After the Linux coding I decided to take a step back and began gaining experience with sensors. 
+I began trying to make our group project's "node" for myself. 
+I did this by using one of the main sensors and tried programing it myself. 
+I used this website for the information and for the right library:(https://randomnerdtutorials.com/esp32-dht11-dht22-temperature-humidity-sensor-arduino-ide/). 
+Aside from the website I used my teammates for help where it was needed. 
+I wanted to make my own spin on the original design by including a button to activate the sensor and an LED to show if its on. 
+The rest of the tutorial was clear and worked like a charm.  
+the code used looks like this:  
 
-### Buzzers .pt 2
-I found out how to make multiple buzzers go off with the press of one button and increase as mutch as there are pins.
-I tried to not look up anything for this one, but did ask questions form time to time.
-I designed it to work with scaning if there is and input and then output this signal to activate the buzzers. 
-This output signal can activate over multiple pins so this one button can set off all sorts of stuff.
-The code is short and simple: 
 ``` 
-int button = 20;
-int buzzerone = 12;
-int buzzertwo = 11;
+#include "DHT.h" 
+#define DHTPIN 4 
+#define DHTTYPE DHT11  
+DHT dht(DHTPIN, DHTTYPE); 
 
-void setup() {
-  // put your setup code here, to run once:
-pinMode(button, INPUT);
-pinMode(buzzerone, OUTPUT);
-pinMode(buzzertwo, OUTPUT);
-}
+void setup() { 
+//the serial port:
+Serial.begin(9600); 
 
-void loop() {
-  
-  if(digitalRead(button) == HIGH){
-    digitalWrite(buzzerone, HIGH);
-    digitalWrite(buzzertwo, HIGH);
-  }else{
-    digitalWrite(buzzerone, LOW);
-    digitalWrite(buzzertwo, LOW);
-  }
-}
+//the initial test if the code works
+Serial.println(F("DHTxx test!")); 
+//the library start
+dht.begin(); 
+} 
+
+ 
+
+void loop() { 
+  delay(2000); 
+  //a float has decimal numbers and the library reads the measurements.
+  float h = dht.readHumidity(); 
+  float t = dht.readTemperature(); 
+  float f = dht.readTemperature(true); 
+
+//isnan = there is no reading , the || is "or"
+  if (isnan(h) || isnan(t) || isnan(f)) { 
+
+    Serial.println(F("Failed to read from DHT sensor!")); 
+
+    return; 
+  } 
+  float hif = dht.computeHeatIndex(f, h); 
+  float hic = dht.computeHeatIndex(t, h, false); 
+
+  //all serial.ptint's send stuff to the serial board to showcase.
+  Serial.print(F("Humidity: ")); 
+  Serial.print(h); 
+  Serial.print(F("%  Temperature: ")); 
+  Serial.print(t); 
+  Serial.print(F("°C ")); 
+  Serial.print(f); 
+  Serial.print(F("°F  Heat index: ")); 
+  Serial.print(hic); 
+  Serial.print(F("°C ")); 
+  Serial.print(hif); 
+  Serial.println(F("°F")); 
+} 
 ``` 
+And the physical board looks like this:  
+![Physical DHT11 board off](<assets/DHT11 state 1.jpg>) 
+And here it looks in action:  
+![physical DHT11 board on](<assets/DHT11 state 2.jpg>) 
 
-and the fysical design looks like this: ...
+Later on, I could expand this code and the physical product to include the rest of the sensors. 
+
+ 
+
+### Buzzers .pt 2 
+I found out how to make multiple buzzers go off with the press of one button and increase as Mutch as there are pins. 
+I tried to not look up anything for this one but did ask questions from time to time. 
+I designed it to work with scanning if there is any input and then output this signal to activate the buzzers.  
+This output signal can activate over multiple pins so this one button can set off all sorts of stuff. 
+The code is short and simple:  
+
+``` 
+//set up some variables 
+int button = 20; 
+int buzzerone = 12; 
+int buzzertwo = 11; 
+ 
+void setup() { 
+//put down some pins that will output , and some that input.
+pinMode(button, INPUT); 
+pinMode(buzzerone, OUTPUT); 
+pinMode(buzzertwo, OUTPUT); 
+} 
+
+ 
+
+void loop() { 
+  //read is there is input on the button pin, if so send output to the other pins., otherwise keep them off.
+  if(digitalRead(button) == HIGH){ 
+    digitalWrite(buzzerone, HIGH); 
+    digitalWrite(buzzertwo, HIGH); 
+  }else{ 
+    digitalWrite(buzzerone, LOW); 
+    digitalWrite(buzzertwo, LOW); 
+  } 
+} 
+```  
+
+Here I made the physical design but instead of buzzers i used lights in order to show it working. 
+![board turned off.](<assets/Buzzer board off.jpg>) 
+And here is the the board working: 
+![board working and turned on.](<assets/Buzzer board on.jpg>) 
+
+### Python For Dummies. 
+My job was to make a connection between the WebSocket and the database we had set up, and to do this we wanted to use python. 
+I had never used python before and was totally new to the entire code structure and wording. 
+Because I was totally new to all of python, I asked ChatGPT for and example and some concrete code. 
+I asked it my question which was the assignment I was given and tried to reverse learn this way. 
+I went and looked up fitting tutorials on W3SChools.  
+The following were used:  
+
+(https://www.w3schools.com/python/python_mysql_getstarted.asp) 
+
+(https://websockets.readthedocs.io/en/stable/) 
+
+(https://www.w3schools.com/python/python_mysql_insert.asp) 
+
+(https://www.w3schools.com/python/python_json.asp) 
+
+After still not getting it very well i asked Dano (a teammate of mine) if he could teach me some basics, and so we did. 
+He taught me how to make a simple calculator and told me why my code worked the way it did. 
+(This was the code:
+
+// this prints a cheatsheet to know if the user wants plus or minus.
+print("1 = + 2 = -") 
+c = int(input()) 
+
+// a input is given for the first number.
+print("first number") 
+a = input() 
+
+//a input is given for the second number.
+print("second number") 
+b= input() 
+
+//a if-statement to see if it is plus or minus.
+if c == 1: 
+    print(int(a) + int(b))  
+elif c == 2:  
+    print(int(a) - int(b)) 
+) 
+
+Even if it looked simple, this was the ignition I needed to understand python better and continue my own research. 
+
+### Python for dummmies pt2
+after some intense trail and error, I managed to connect to the websocket.

docs/arduino-documentation/classes.md

@@ -0,0 +1,73 @@
+# Arduino classes
+
+
+## How do I make a class?
+
+First you need to start out with a header file. This file will contain the class definition. And which functions of the class are public and which are private. 
+
+```cpp
+#ifndef DISPLAYTEXT_H
+#define DISPLAYTEXT_H
+
+#include "Adafruit_GFX.h"
+#include "Adafruit_ST7796S_kbv.h"
+
+class DisplayText {
+  private:
+    Adafruit_ST7796S_kbv& tft;
+    int centerText(char* text);
+    int bottomText(char* text);
+    void printWordsFull(char* text);
+
+  public:
+    DisplayText(Adafruit_ST7796S_kbv& tftDisplay);
+    void writeText(char* text, int size, int posX, int posY, int screenTime, bool center, bool bottom);
+};
+
+#endif
+```
+```#ifndef``` DISPLAYTEXT_H is a preprocessor directive that checks if DISPLAYTEXT_H is defined. If it is not defined, the code between #ifndef and #endif will be included in the compilation. If it is defined, the code will be excluded from the compilation. This is to prevent the same code from being included multiple times in the same file.
+
+
+To start out with a class you need a constructor. This is a function that is called when the class is created. This function is used to initialize the class. 
+```cpp
+DisplayText::DisplayText(Adafruit_ST7796S_kbv& tftDisplay) : tft(tftDisplay) {
+  tft.fillScreen(0x0000);
+}
+```
+The library gets passed to tftdisplay. And the tft gets initialized with the tftdisplay.
+
+
+
+## How do I create a function in a class?
+```cpp
+void DisplayText::centerText() {
+    //insert code here
+}
+```
+This is a example of a function in a class. The function is called centerText and it is a private function. This means that it can only be called from within the class. 
+
+
+When creating a class you also need to reference it in the header file like this
+
+```cpp
+#include "DisplayText.h"
+
+class DisplayText {
+  private:
+    int centerText();
+    //other functions
+
+  public:
+    //other functions
+
+};
+
+```
+
+
+# Sources
+* https://www.circuitbasics.com/programming-with-classes-and-objects-on-the-arduino/
+
+
+

docs/node-documentation/TFT-screen.md

@@ -67,16 +67,18 @@ We aren't using the cs2 and the pen pin because we arent utilizing the touch fun
 ```mermaid
 classDiagram
 
-displayTex <|-- Adafruit_ST7796S_kbv
-loop <-- displayTex
+displayText <|-- Adafruit_ST7796S_kbv
 
-class displayTex{ 
+
+class displayText{ 
     +text
     +color
     +size
     +posx
     +posy
     +void writeText()
+    -int bottomText(char* text)
+    -void printWordsFull(char* text)
     -int centerText(char* text)
 
 

docs/rpi-documentation/Flask.md

@@ -0,0 +1,16 @@
+# Flask
+
+
+## Introduction
+Flask is a micro web framework written in Python. It is easy to use and has a lot of documentation. We are going to use Flask to serve our REST api.
+
+## Cheatsheet
+```python
+print(f"Hello world have a nice {args}!")
+```
+This way you can put variables in a string. This is called f-strings.
+
+
+
+## Rules for python
+* You can only use one return statement in a function.

docs/rpi-documentation/websockets.md

@@ -9,6 +9,8 @@ There are different languages to serve websockets with, but we are going to use
 
 ## Issues
 
+Not all ports are open so we need to make a reverse proxy to use websockets.
+
 ### Ports
 We can only use certain ports like 113, 80, 443. These are common ports and are not blocked by firewalls. Something in the network is blocking all other ports which makes it hard to use websockets.