-
-
- Dashboard Empresa
- -
-
-
-
-
-
-
-
-
-
- Ambiente
-
-
-
-
-
-
- Geral
-
-
-
-
-
-
-
-
diff --git a/main.js b/main.js
deleted file mode 100644
index 3d37add..0000000
--- a/main.js
+++ /dev/null
@@ -1,120 +0,0 @@
-const serialport = require('serialport');
-const express = require('express');
-const mysql = require('mysql2');
-
-const SERIAL_BAUD_RATE = 9600;
-const SERVIDOR_PORTA = 3000;
-const HABILITAR_OPERACAO_INSERIR = false;
-
-const serial = async (
- valoresDht11Umidade,
- valoresDht11Temperatura,
- valoresLuminosidade,
- valoresLm35Temperatura,
- valoresChave
-) => {
- const poolBancoDados = mysql.createPool(
- {
- host: 'localhost',
- port: 3306,
- user: 'root',
- password: 'urubu100',
- database: 'metricas'
- }
- ).promise();
-
- const portas = await serialport.SerialPort.list();
- const portaArduino = portas.find((porta) => porta.vendorId == 2341 && porta.productId == 43);
- if (!portaArduino) {
- throw new Error('O arduino não foi encontrado em nenhuma porta serial');
- }
- const arduino = new serialport.SerialPort(
- {
- path: portaArduino.path,
- baudRate: SERIAL_BAUD_RATE
- }
- );
- arduino.on('open', () => {
- console.log(`A leitura do arduino foi iniciada na porta ${portaArduino.path} utilizando Baud Rate de ${SERIAL_BAUD_RATE}`);
- });
- arduino.pipe(new serialport.ReadlineParser({ delimiter: '\r\n' })).on('data', async (data) => {
- const valores = data.split(';');
- const dht11Umidade = parseFloat(valores[0]);
- const dht11Temperatura = parseFloat(valores[1]);
- const luminosidade = parseFloat(valores[2]);
- const lm35Temperatura = parseFloat(valores[3]);
- const chave = parseInt(valores[4]);
-
- valoresDht11Umidade.push(dht11Umidade);
- valoresDht11Temperatura.push(dht11Temperatura);
- valoresLuminosidade.push(luminosidade);
- valoresLm35Temperatura.push(lm35Temperatura);
- valoresChave.push(chave);
-
- if (HABILITAR_OPERACAO_INSERIR) {
- await poolBancoDados.execute(
- 'INSERT INTO sensores (dht11_umidade, dht11_temperatura, luminosidade, lm35_temperatura, chave) VALUES (?, ?, ?, ?, ?)',
- [dht11Umidade, dht11Temperatura, luminosidade, lm35Temperatura, chave]
- );
- }
-
- });
- arduino.on('error', (mensagem) => {
- console.error(`Erro no arduino (Mensagem: ${mensagem}`)
- });
-}
-
-const servidor = (
- valoresDht11Umidade,
- valoresDht11Temperatura,
- valoresLuminosidade,
- valoresLm35Temperatura,
- valoresChave
-) => {
- const app = express();
- app.use((request, response, next) => {
- response.header('Access-Control-Allow-Origin', '*');
- response.header('Access-Control-Allow-Headers', 'Origin, Content-Type, Accept');
- next();
- });
- app.listen(SERVIDOR_PORTA, () => {
- console.log(`API executada com sucesso na porta ${SERVIDOR_PORTA}`);
- });
- app.get('/sensores/dht11/umidade', (_, response) => {
- return response.json(valoresDht11Umidade);
- });
- app.get('/sensores/dht11/temperatura', (_, response) => {
- return response.json(valoresDht11Temperatura);
- });
- app.get('/sensores/luminosidade', (_, response) => {
- return response.json(valoresLuminosidade);
- });
- app.get('/sensores/lm35/temperatura', (_, response) => {
- return response.json(valoresLm35Temperatura);
- });
- app.get('/sensores/chave', (_, response) => {
- return response.json(valoresChave);
- });
-}
-
-(async () => {
- const valoresDht11Umidade = [];
- const valoresDht11Temperatura = [];
- const valoresLuminosidade = [];
- const valoresLm35Temperatura = [];
- const valoresChave = [];
- await serial(
- valoresDht11Umidade,
- valoresDht11Temperatura,
- valoresLuminosidade,
- valoresLm35Temperatura,
- valoresChave
- );
- servidor(
- valoresDht11Umidade,
- valoresDht11Temperatura,
- valoresLuminosidade,
- valoresLm35Temperatura,
- valoresChave
- );
-})();
diff --git a/package.json b/package.json
deleted file mode 100644
index c8615be..0000000
--- a/package.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "name": "arduino-api",
- "version": "1.0.0",
- "description": "",
- "main": "main.js",
- "scripts": {
- "start": "node main.js"
- },
- "author": "SPTECH_2022 by MariseMiranda",
- "license": "ISC",
- "dependencies": {
- "express": "^4.17.3",
- "mysql2": "^2.3.3",
- "serialport": "^10.4.0"
- }
-}
diff --git a/styleCrud.css b/styleCrud.css
new file mode 100644
index 0000000..aacdac9
--- /dev/null
+++ b/styleCrud.css
@@ -0,0 +1,182 @@
+/* CONFIGURAÇÕES GERAIS */
+*{
+ font-family: Arial;
+}
+
+body{
+ margin: 0;
+}
+
+/* Inicio do Header */
+
+p{
+ color: white;
+}
+
+h3{
+ color: white;
+}
+
+.header{
+ background-color: rgb(0,0,0);
+ width: 100%;
+ height: 70px;
+
+}
+
+ul{
+ width: 50%;
+ list-style: none;
+ display: flex;
+ justify-content: space-around;
+}
+
+.conteiner{
+ width: 80%;
+ margin: auto;
+ display: flex;
+}
+
+.header .conteiner{
+ justify-content: space-between;
+ align-items: center;
+ font-size: medium;
+}
+
+a{
+ color: white;
+ text-decoration: none;
+}
+
+.contactButtonStyle{
+ border: #00FF43 2px solid;
+ padding: 10px;
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+/* Fim do Header */
+
+/* CARDS DOS AMBIENTES */
+.ambiente{
+ display: flex;
+ width: 30%;
+ height: 90%;
+ border: white 2px solid;
+ background-image: linear-gradient(rgb(31, 130, 52), rgb(9, 81, 25));
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+}
+/* FIM DO CARDS*/
+
+/* Começo da Ambientação */
+
+.CRUD{
+ width: 100%;
+ height: 434px;
+ background-size: cover;
+}
+
+.conteiner{
+ justify-content: space-around;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+}
+
+.Add button{
+ padding: 10px;
+ width: 40px;
+ background-image: linear-gradient(rgb(21, 155, 50), rgb(20, 67, 30));
+ border: rgb(255, 255, 255) 2px solid;
+ cursor: pointer;
+ position: absolute;
+ padding-left: 8px;
+}
+
+.addForm{
+ width: 22%;
+ height: 85%;
+ border: white 2px solid;
+ border-radius: 8px;
+ flex-direction: column;
+ background-image: linear-gradient(rgb(10, 68, 23), rgb(77, 239, 113));
+ align-items: center;
+ display: flex;
+ position: absolute;
+ justify-content: flex-end;
+}
+
+.addForm button{
+ width: 80%;
+ padding: 8px;
+ border-color: white;
+ border-radius: 8px;
+ color: white;
+ background-color: #296539;
+ cursor: pointer;
+}
+
+.Search{
+ display: flex;
+ float: right;
+ margin-left: 81.2%;
+ align-items: center;
+ position: absolute;
+}
+
+.Search button{
+ padding: 10px;
+ width: 40px;
+ background-image: linear-gradient(rgb(21, 155, 50), rgb(20, 67, 30));
+ border: rgb(255, 255, 255) 2px solid;
+ cursor: pointer;
+ padding-left: 8px;
+}
+
+.Search input{
+ height: 30px;
+}
+
+.Edit{
+ display: flex;
+ float: right;
+ margin-left: 50%;
+ align-items: center;
+ position: absolute;
+}
+
+.Edit button{
+ padding: 10px;
+ width: 40px;
+ background-image: linear-gradient(rgb(21, 155, 50), rgb(20, 67, 30));
+ border: rgb(255, 255, 255) 2px solid;
+ cursor: pointer;
+ padding-left: 8px;
+}
+
+/* Fim da Ambientação */
+
+/* Rodapé */
+
+.rodape{
+ width: 100%;
+ height: 45px;
+ background-color: black;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+}
+
+.CRUD .conteiner{
+ justify-content: space-around;
+ align-items: center;
+ height: 50%;
+ width: 100%;
+}
+
+/* Fim do Rodapé */
\ No newline at end of file
diff --git a/telaCrud.html b/telaCrud.html
new file mode 100644
index 0000000..cbfbab7
--- /dev/null
+++ b/telaCrud.html
@@ -0,0 +1,754 @@
+
+
+
+
+
+
+
+
-
- Média de Fluxo da semana
- -
-
- Maior Fluxo
- -
-
-
- Aumento do Fluxo
- -
+
+
+
+ 
+
+
+ -
+
+
- + Home + + +
- + Sobre Nós + + +
- + Equipe + + +
- + Produtos + + +
- + Calculadora + + +
- + Contato + + +
- + Login Registro + + +
+
+
+
+
+
+
+
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tech Ideas © 2023
+