Controle de presença com Raspberry – Node js – Mysql – Socket.io – ACR122u

Então vamos para terceira fase do nosso projeto.

Vamos criar uma pagina de cadastro para nosso controle de presença:

Vou considerar que você esta usando o xampp instalado e é nele que vamos criar nossa pagina de cadastro

No computador onde esta instalado o xampp (que no caso é o seu servidor php), acesse a pasta no diretório C:\xampp\htdocs. dentro dessa pasta copie a pasta chamada rfiddeve ficar com a seguinte estrutura:

-C:\xampp\htdocs

__rfid

____css // guarde aqui os arquivos css. não será incluído no post os arquivos css

____fd // nessa pasta será armazenado as fotos das pessoas cadastradas

____js // nesta pasta vão ficar os arquivos javascript usados no seu projeto, inclusive o jquery que usaremos no node futuramente… sem ele nada vai aparecer na pagina de presença.

dentro da pasta raiz “rfid”, esta a pagina de cadastro. para fazer o layout verifique como usar o css no site w3scool. 

<!doctype html>
<html lang="en-us">
<head>
 <meta charset="utf-8">
 <title>Controle de presença</title>
 <meta name="description" content="">
 <meta name="author" content="revaxarts.com">
  <script type="text/javascript" src="http://servidor/eesh/js/jquery-1.12.1.min.js"></script>
 <style type="text/css">
 #teste{
 width:250px;
 height:140px;
 
/*Degrade*/
 background: -moz-linear-gradient(#CC0000, #990000) no-repeat scroll 0 0 transparent;
 /*cantos arredondados*/
 border-radius: 10px 10px 10px 10px;
 /*Sobreamente*/
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 background-color:#00EE76;
 margin:5px;
 float: left;#00EE76
 }
  
#tt{
 width:250px;
 height:140px;
 
/*Degrade*/
 background: -moz-linear-gradient(#CC0000, #990000) no-repeat scroll 0 0 transparent;
 /*cantos arredondados*/
 border-radius: 10px 10px 10px 10px;
 /*Sobreamente*/
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 background-color:#CD5C5C;
 margin:5px;
 float: left;
 }
 #ss{
 width:100%;
 height:100%;
 
/*Degrade*/
 background: -moz-linear-gradient(#CC0000, #990000) no-repeat scroll 0 0 transparent;
 /*cantos arredondados*/
 border-radius: 10px 10px 10px 10px;
 /*Sobreamente*/
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 background-color:#CD5C5C;
 margin:0 0 0 0px;
 }
  
 table {
 border-collapse: collapse;
 width: 100%;
}
 
th, td {
 padding: 8px;
 text-align: left;
 border-bottom: 1px solid #00000;
}
 
 
  
</style>
 
 <script src="socket.io/socket.io.js"></script>
 <script>
 // create a new websocket
 var socket = io.connect('http://servidor:8000');
 // on message received we print all the data inside the #box div
 socket.on('notification', function (data) {
  
 var usersList = "";
 $.each(data.users,function(index,user){
 usersList += " <div id='teste'><table><tr><th rowspan='3'><img class='img-polaroid' width='80px' high='80px' style='border-radius: 50px;' align='middle'; src='http://servidor/eesh/fd/" + user.foto + "' /></th><td>"+ user.nome +"</td></tr><tr><td>" + user.dept + "</td></tr><tr><td>" + user.turno + " Turno</td></tr></table></div>";
 });
 usersList+="";
  
 var usList =""
 $.each(data.us,function(index,u){
  
 usList += "<div id='tt'><table><tr><th rowspan='3'><img class='img-polaroid' width='80px' high='80px' style='border-radius: 50px;' align='middle'; src='http://servidor/eesh/fd/" + u.foto + "' /></th><td>"+ u.nome +"</td></tr><tr><td>" + u.dept + "</td></tr><tr><td>" + u.turno + " Turno</td></tr></table></div>";
  
 });
 usList +="";
 $('time').html(data.time);
 $('#box').html(usersList);
 $('#cont').html(usList); 
 }); 
 </script>
  
</head>
<body>
 
 <time></time>
 
 <section id="box">
   
 </section>
 <br>
 
 <section id="cont">
  
 </section>
  
</body>
</html>
</pre>

Inicie o xampp e depois abra o seu navegador e digite: localhost/rfid/brigadistas.php

Sua pagina não será identica a essa devido por não ter os códigos css e js.

cadastro

Ligue seu Raspberry o terminal e inicie o leitor digitando:

~$ cd rfid

~$ node new

Aproxime a tag rfid do leitor ACR122u. O número RFID da tag aparecera no terminal da seguinte forma:  “Número RFID + Nao registrado”. No seu computador faça o registro do usuários para controle de presença e no campo rfid digite o numero rfid que é exibido no terminal do Raspberry. 

Cadastre quantos você quiser usado as tags que você comprou…

Após registrar ao aproximar a tag do leitor vai parecer a seguinte mensagem: “INSET INTO ck SET NÚMERO RFID” e não mais a mensagem de não cadastrado!

7 opiniões sobre “Controle de presença com Raspberry – Node js – Mysql – Socket.io – ACR122u”

  1. То, что вы описываете — это нормальное явление. Вес может постоянно скакать туда-сюда на пару килограмм, например, за счёт воды. В то время, когда я избавлялся от лишнего веса, я постоянно с этим же сталкивался. Это как курс акций — он может колебаться вверх и вниз, но при правильном управлении будет расти. А вес при правильном питании — падать. Поэтому, кстати, часто рекомендуют взвешиваться не чаще, чем раз в месяц, чтобы не нервничать зря.
    fake cartier love bracelet pink

  2. Nice tutorial , but I am not familiar with the language in the tutorial , can you help me to translate into English or give me a source that is used in the project . thanks

    1. Dear Agus Winarta, how are you?
      Thanks for your comment!
      I’ll translate this tutorial (I believe, this tutorial can help more people if I publish in english) but it’s can spend some time. I’ll try start it next weekend and publish a new post in English.
      I’m free to help you if you liked this project. I’m not expert on node-js language, but we can learn more and more together.
      Best Regards,
      Pablo Binotto

      1. Dear Pablo Binotto, im fine
        nice to meet you Pablo, Thank for positive response
        I am interested in the project ACR 122u with rassbpery , if I have a problems I will ask to you , can you send your mail to my email address at aguswinartha@yahoo.com, thanks alot.
        Best Regards,
        Agus Winarta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *