Etec de Sapopemba - 3ºC - Desenvolvimento de Sistemas - 2022

Techeybord

Esse é o repositório dos códigos feitos para o projeto TecheyBord, feito pela equipe Arduteam. O projeto consiste em um claviculário robotizado, feito utilizando componentes eletrônicos Arduino, para uma maior organização administrativa de controle de chaves da Etec de Sapopemba.

Vale destacar que o projeto, consiste em duas partes: o Software (o aplicativo desktop), onde ocorre o de agendamento de salas (que o claviculário libera a chave da respectiva sala) e a organização e controle de chaves (quem agendou a sala e retirou a chave), e o Hardware, na qual se consiste a parte física da aplicação do claviculário, feito utilizando a plataforma e componentes eletrônicos do Arduino, no qual realiza a parte mecânica do projeto.

🖼 Imagens das interfaces visuais do software (Telas)

Interface Principal (index)

Tela de login

Tela de login preenchida pelo administrador

Tela de login preenchida pelo usuário

Tela de erro quando banco de dados não é conectado

---

Interface do usuário

Tela de usuário - calendário (dia selecionado)

Tela de usuário - calendário (mês selecionado)

Tela de usuário - calendário (semana selecionado e clicado no agendamento)

Tela de usuário - calendário (semana selecionado e clicado no agendamento com vários agendamentos em um dia)

Tela de usuário - agendar chave

Tela de usuário - agendar chave (selecionado a data)

Tela de usuário - agendar chave (com o checkbox marcado de agendar o uso da chave (sala) em um período de 1 mês)

Tela de usuário - salas agendadas

Tela de usuário - configurações da conta

Tela de usuário - configurações da conta (modal de alterar a senha)

---

Interface do administrador

Tela de administrador - cadastro de usuários

Tela de administrador - cadastro de usuários (editando dados do usuário)

Tela de administrador - cadastro de salas (com nenhuma sala cadastrada)

Tela de administrador - cadastro de salas (editando informações da sala)

Tela de administrador - cadastro de salas (tabela de salas)

🖼 Imagens da aplicação do hardware

Prótotipos do Arduino feito no Tinkercad

Protótipo utilizando 4 servomotores para as chaves

Exemplo da utilização de 1 servomotor na placa do Arduino UNO

---

Protótipos em execução

Protótipo com o servo motor liberado

Protótipo com o servo motor preso

---

Outros diretórios da aplicação

• Diretório das estilizações (CSS e TailwindCSS)
• Diretório dos scripts javascript
• Diretório de fontes e imagens do sistema
• Diretório de scripts do banco de dados (MySql)
• Diretório dos códigos do arduino (C++ e C)

Instalação

Para iniciar o sistema é necessário ter instalado em sua máquina:

• NodeJS
• Servidor MySQL do XAMPP

Após isso, entre com um Prompt de Comando (CMD), dentro da pasta que está instalado o sistema e escreva os seguintes comandos:

  # O script abaixo vai instalar os pacotes do sistemam
  # Pode demorar por volta de 1 a 5 Minutos
  npm install

  # Irá inicializar o sistema em sua máquina
  npm start

É necessário também iniciar o servidor MySQL do XAMPP na porta 3306

Utilizando o sistema

Depois de seguir os passos de instalação do software e ter configurado o servidor MySql na porta 3306, para testar as funcionalidades do sistema é necessário seguir os seguintes passos

1. Usar o comando npm start para aplicar a aplicação desktop
2. Acessar a página de administrador para criar um cadastro: colocar admin no campo da matrícula e 12345 no campo de senha