Techeybord

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

Este repositório contém o projeto TecheyBord, desenvolvido pela equipe Arduteam ao longo de 2022 na Etec de Sapopemba como parte do Trabalho de Conclusão de Curso (TCC).

💻 Descrição

O TecheyBord é um claviculário robotizado que combina hardware baseado na plataforma Arduino e um software desktop desenvolvido com Electron para otimizar o controle e a administração das chaves de uma escola.

O projeto é dividido em duas partes principais:

• Software: Um aplicativo desktop que permite o agendamento de reservas de salas de aula. No horário agendado, o claviculário libera automaticamente a chave correspondente à sala. Além disso, o sistema gerencia o controle das chaves, registrando quem fez a reserva, quem retirou a chave e quando.
• Hardware: O sistema físico do claviculário, construído com Arduino e componentes eletrônicos, responsável pela automação mecânica do projeto, incluindo o armazenamento e liberação das chaves de forma segura e organizada.

O TecheyBord foi projetado para tornar a administração das chaves mais eficiente, reduzindo falhas humanas e aumentando a segurança e o controle no gerenciamento das salas de aula.

🖼 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

Important

É necessário também iniciar o servidor MySQL do XAMPP, e estar disponível 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

---

Feito com 💜 pela equipe do ArduTeam