/TecheyBoard-electron

Um software desktop (Electron) e hardware (Arduino) elaborado para permitir uma maior organização administrativa de controle de chaves de sala de aulas

Primary LanguageCSS

Arduteam

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
Tela de login preenchida pelo administrador Tela de login preenchida pelo administrador
Tela de login preenchida pelo usuário Tela de login preenchida pelo usuário
Tela de erro quando banco de dados não é conectado 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
Tela de usuário - calendário (mês selecionado) Tela de usuário
Tela de usuário - calendário (semana selecionado e clicado no agendamento) Tela de usuário
Tela de usuário - calendário (semana selecionado e clicado no agendamento com vários agendamentos em um dia) Tela de usuário
Tela de usuário - agendar chave Tela de usuário
Tela de usuário - agendar chave (selecionado a data) Tela de usuário
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
Tela de usuário - salas agendadas Tela de usuário
Tela de usuário - configurações da conta Tela de usuário
Tela de usuário - configurações da conta (modal de alterar a senha) Tela de usuário

Interface do administrador
Tela de administrador - cadastro de usuários Tela de administrador
Tela de administrador - cadastro de usuários (editando dados do usuário) Tela de administrador
Tela de administrador - cadastro de salas (com nenhuma sala cadastrada) Tela de administrador
Tela de administrador - cadastro de salas (editando informações da sala) Tela de administrador
Tela de administrador - cadastro de salas (tabela de salas) Tela de administrador

🖼 Imagens da aplicação do hardware

Prótotipos do Arduino feito no Tinkercad
Protótipo utilizando 4 servomotores para as chaves Protótipo utilizando 4 servomotores
Exemplo da utilização de 1 servomotor na placa do Arduino UNO Protótipo utilizando 4 servomotores

Protótipos em execução
Protótipo com o servo motor liberado Protótipo com o servo motor liberado
Protótipo com o servo motor preso Protótipo com o servo motor preso

Outros diretórios da aplicação

Instalação

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

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