Este projeto se trata de um dashboard interativo para aplicações Pernilongo utilizado no trabalho de conclusão de curso (TCC) do aluno Felipe Pimenta Bernardo, em conjunto com o aluno Flávio Alegretti Ramos, orientados pelo professor Dr. José Roberto Boffino de Almeida Monteiro.
O projeto ainda está em desenvolvimento e as próximas atualizações serão voltadas nas seguintes tarefas:
- Layout inicial
- Conexão com o broker
- Recebimento dos dados
- Envio de publicações
- Informações detalhadas e gráficos
- Testes unitários
- Testes e2e
Primeiramente, verifique se o seu computador possui o node na versão 16.xx.xx e o npm na versão 8.xx.xx. Após clonar o projeto em seu computador, as dependências podem ser instaladas com o comando:
npm install
Rodando localmente em modo de desenvolvimento
npm run dev
Rodando localmente expondo para a rede local
npm run serve
Fazendo a build para produção
npm run build
Este projeto foi criado utilizando o framework Vue 3, com TypeScript para tipagem. Para testes unitários foi escolhido o Vitest. Para testes End-to-End (E2E) foi escolhido o Cypress. O projeto conta também com Vue Router para roteamento de páginas e Pinia para gerenciamento de estados.
O projeto Pernilongo Dashboard é um cliente que se conecta com um broker mqtt hospedado em núvem (AWS). De acordo com os padrões do mqtt, a transferência de informações é feita através de tópicos nos quais os clientes podem se inscrever e publicar.
/motor
├── /state
├── /speed
├── /tension
├── /current
├── /temperature
└── /warning
O tópico /state se refere ao estado do motor, i.e., ligado ou desligado. Possui dois subtópicos: /atual e /meta.
 Felipe Pimenta |
 Flávio Alegretti |