Gerenciador de faciais Avicam, feito em HTML, CSS e JavaScript (Vanilla).
A aplicação é executada localmente e armazena no navegador os dispositivos cadastrados, realizando o comando de abertura de porta.
O desenvolvimento foi todo realizado usando o JavaScript, sem nenhuma biblioteca para este fim, mesclando práticas não recomendadas (como o uso do onclick por exemplo), recursos antigos (como o XMLHttpRequest) e práticas atuais como desestruturação e o recurso localStorage.
Foram utilizadas os seguintes frameworks/bibliotecas visuais:
Foi desenvolvido um recurso para permitir que seja salvo um link (por dispositivo) nos favoritos, para fazer a abertura direta da porta, sem a necessidade de acessar a interface de gerenciamento.
A página de demonstração serve apenas para visualização da estrutura, pois, como os faciais usam o protocolo HTTP e a página está hospedada em ambiente HTTPS, as requisições não são processadas adequadamente. Para testar adequadamente, baixe para sua máquina local e distribua a aplicação via rede, caso julgue necessário, via servidor web ou serviço de hospedagem externo.
- Enviar comando de abertura de porta
- Gerar um link por dispositivo
- Permitir a edição de dispositivos
- Integrar a visualização do vídeo via RTSP
- Multi-idiomas
- Migrar para o AngularJS (sim, só pra brincar...)
- Converter em extensão para Chrome/Edge/Chromium-based