# Nodes

## Introduction

The nodes are the devices that are placed in the rooms. The nodes are used to collect the data from the sensors. Every node is connected to the websocket, and sends their data with their mac address in json format. The websocket broadcasts the node data back to all clients, and since our website functions as a client it also receives the data. Every node will, depending on what node, be made into a class. 

## Requirements

### Sensornode

- Every node has to have a unique nodeID
- Every node has to have their corresponding sensorsvalues in form of arrays

### Feedbacknodes 

- Every node has to have a unique nodeID
- Every node has to have their corresponding feedback in form of a 2D array

## Class diagrams

### Node

```mermaid
classDiagram
    class Node {
        +nodeID
        +processNodeData()
        +updateNodeData()
    }
```

#### Sensornode

```mermaid
classDiagram
    class SensorNode extends Node {
        +tempArray
        +humiArray
        +eco2Array
        +tvocArray
    }
```

#### Feedbacknode

```mermaid
classDiagram
    class FeedbackNode extends Node {
        +feedbackArray
    }
```

# Graphs

## Introduction

The graphs are used to display the data from the sensors. The data is collected by the raspberry pi and then displayed on the graphs. The graphs are made using the [plotly library](https://plotly.com/javascript/) .

## Requirements

### Live graphs
- Every node has to have a live graph
- The graphs has to be updated every 5 seconds
- All the data from one node has to fit in one graph


## Class diagrams

### Graphs

```mermaid
classDiagram
    class graph {
        +nodeId
        makeGraph()
    }
```

### Live graphs

```mermaid
classDiagram
    class liveGraph extends graph {
        +cnt
        +timeArray
        +tempArray
        +humiArray
        +eco2Array
        +tvocArray
        makeGraph()
        updateGraph()
        updateData()
    }
```

## Order of operations

### Live graphs

```mermaid
sequenceDiagram
    participant Node
    participant Raspberry pi
    participant Website

    Node->>Raspberry pi: sensordata via websocket every 5 seconds
    Raspberry pi->>Website: Node data via websocket if new data is received from the node
    Website->>Website: updateGraph()
    Website->>Website: updateData()
```

1. Every node sends its data to the raspberry pi via websocket every 5 seconds
2. The raspberry pi sends the data to the website via websocket if new data is received from the node
3. The website updates the data coming from the raspberry pi on its own variables and arrays
4. The website updates the live graphs every time new data is received from the websocket


