| Alterações | Data | Versão |
|---|---|---|
| Separação do Front-end da Aplicação principal | 29/09/22 | 1.0.1 |
Acumulando o mínimo de conhecimento de sistema de controle de acesso. Estou desenvolvendo meu proprio sistema de contole de acesso. Para testar minha capacidade de desenvolvimento com NodeJS. Então, depois de compartilhar um pouco, por qual sentido desta criacão, vou apresenta o que temos até agora.
Este sistema de Segurança e Controle de Acesso, cujo o intuito e controlar o fluxo de pessoas em um estabelecimento.
Novamente, como sempre como nos projetos anteriores utilizei arquitura MVC
- Clone o projeto.
- Entre na pasta view\Scripts\Data\Environment
- Entre no arquivo index.js
- Mude endpoint para ip da sua maquina local ou outro endpoint
- Instale o Backend
- Clique aqui para ver o manual de instalação
Clique logo abaixo para ver o tutorial sobre o sistema.
Veja mais sobre ...
Na primeira tela e a de login.
1- Clique no botão vermelho registrer-se aqui..
2-Os Preencha os campos..FOOOOI Salvado
3 - Digite senha e login, para o primeiro acesso.
Como este sistema de Segurança e Controle de Acesso, cujo o intuito e controlar o fluxo de pessoas em um estabelecimento. O seu funcionamento consiste em cadastrar uma pessoa no sistema. Em seguida ir na tela de monitoramento e realizar o Check-in de acesso.
Na tela haverá um barra lateral onde estarão todos os menus.
Ao clicar nos menus, você será direcionado para as abas em questão.
Toda aba, terá basicamente o a barra superior e esta haver 3 itens barra de pequisa, Botão verde para adicionar, Botão vermelho para voltar a pagina anterior.
No meio os cartões, e cada cartão haverá um pequeno Botão de x, servidor para exclusão de cartão e dos dados. Veja o GIF abaixo e entenderá:
Há algumas variações pequenas de layout em outras abas, porém nada fora do comum.
Vá em usuário.
- Clique no icone de verde superior direito.
- Digite os dados principais
- Atenção a codigo da credencial datas de validade inicial, Data de vencimento, Créditos e Afastamento.
Em seguida vá na tela de Check-in.
-
Clique no botão sair na barra lateral no canto inferior.
-
Clique botão Area Check-in.
-
Coloque o código de credencial que você cadastrou ao adicionar o usuário.
-
Selecione a direção de entrada ou saida e clique em Check-in.
-
ACESSO LIBERADO ✅ : você tera permissão para passar.
-
ACESSO NEGADO ❌ Caso credencial invalida ou vencida : Poderá ser data de validade vencida ou que a data inicial do seu acesso esteja posterior no cadastro do usuário em questão.
-
ACESSO BARRADO ✋😡 ou Caso Credencial esteja Inexistente : Que dizer que você não cadastrou nenhum usuario no sistema ou acabaram o seus créditos.
Basicamente o sistema consiste em realizar isso.
Na barra lateral há alguns items eles são.
1- Página inicial 🏠
Tem um mini Dashboard pequenininho que mostrar algumas Nestas aba tem 2 Gráficos.
Primeiro : Mostra no mes quantos acesso foram barrados liberados ou negados do ultimos 30 dias.
Segundo : Quantidade de acesso dos últimos 4 Meses.
- Gestores de sistema 👩💼: Lista de usuários para acessar o sistema com login e senha.
Observação : Eu tive que mudar o nome para gestores de sistema envés de usuários, pois os usuário aqui, são as pessoas serão que usaram o sistema de controle de acesso para fazer Check-in.
Obs: Nova atualização Nova Feature versão 1.0.1 Quando o gestor é cadastrado será enviado um email para ele informando suas informações do cadastro.
-
Usuários 🙋♂️ : São as pessoas que serão cadastradas aqui para realizar o controle delas em um estabelecimento, casa ou eventos. O modo de cadastramento vocês poderam ver clicando no link aqui.
-
Fluxo de acessos 📅:
Uma tela que mostrar os onze ultimos acessos. Observação: 'Essa tela ainda terá melhorias implementando Socketio Ok!'
Ao canto superior tem um botão amarelo escrito Monitor em tempo Real ele mostra a ultima pessoa em tempo real que passou na tela naquele horario.
-
Relatórios 🗄️ : Tira relatorio dos acessos pode colocar codigo da pessoa, ou mesmo colocar a data final e inicial dos acesso. Eles podem ser no formato CSV e PDF.
-
Configurações ⚙️ : Onde ficaram todas as configurações referente ao sistema. Atualmente temos controle de afastamentos. Para selecionar quando usuário for cadastrado. Se ele esta de férias ou em viagem e etc ...
Ao cadastrar um usuário tem um campo chamado créditos. Ele serve para limitar o acesso do usuário conforme ele for na área check-in digitando o código da credencial na tela de acessos. Sendo que, quando o este crédito 🪙 estive com valor 0 o este é barrado .Tendo assim, ele que editar o seu perfil e recarregar mais créditos.
Trazendo para o mundo real. Como se fosse o crédito de celular 🤑📱 .
Ahhh, mas você já vai ir embora 😢 ...
Pessoal estou aberto a sugestões de dica e opiniões, vale resaltar que ainda sou Desenvolvedor Junior ... Nesse sistema ainda falta implementar SocketOI para tela de monitoramento, entre outras coisas de resposividade e etc...🤗
Muito obrigado a quem passar por aqui, Volte sempre 🤗🙋♂️!
Na estrutura de diretorios há 2 pastas principais:
Onde estão todo o codigo fonte da Aplicação
Onde estão esta colocado toda documentação, as dependencias que eu estou usando entre outras coisa, serve para que eu lembre mesmo de todas 😅
Meu gerador de arquivos quando preciso gerar algo repetivo, comando para lembra ou outras coisa crio esse coisinham para automatizar. 😅
Meu gerador de estrutura de codigo. Ele gera minhas pasta principais do Back-end. Otimizando o tempo na criacão de diretórios e arquivos. 🤗Ahh vale resaltar ele é baseado no MVC.
Joao Guilherme 🚀
Feito com 🤭 por Joao Guilherme 👋🏽 Entre em contato!
