Logo
ChuJALT /

Portal

Últimos temas

Estadísticas del foro
  • Mensajes del foro:106
  • Temas del foro:71
  • Miembros:69
  • Último miembro:GordonFrani

  Control de acceso, Arduino + php + mysql

Enviado por: chujalt
05-03-2021, 22:29
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos....

Os voy a mostrar como hacer un control de acceso utilizando la placa arduino, mas un poco de código php y base de datos Mysql. De esta manera podemos loguearnos desde cualquier dispositivo que este conectado a internet, un pc, una tablet, un teléfono, etc.


Materiales utilizados:

  • Una Placa Arduino (yo he utilizado la nano)
  • 8 cables dupont
  • Una pantalla lcd I2C 16X2
  • Un módulo led rgb

[Imagen: lcd_i2c.jpg]



[Imagen: led_rgb.jpg]



Conexiones:
  • Pin SCL del lcd --> Pin A5 de Arduino
  • Pin SDA del lcd --> Pin A4 de Arduino
  • Pin VCC del lcd --> Pin 5 voltios de Arduino
  • Pin GND del lcd --> Pin GND de Arduino
  • Pin V-G del led -->Pin GND de Arduino
  • Pin R del led --> Pin 11 de Arduino
  • Pin G del led --> Pin 10 de arduino
  • Pin B del led --> Pin 9 de Arduino 


Software necesario:
  • El código para Arduino (se mostrará mas abajo).
  • Una página php para introducir el código y verificarlo (se mostrará mas abajo).
  • Una página php para conectar con la base de datos donde están los usuarios y los códigos de acceso (se mostrará mas abajo).
  • Una archivo php que conecta nuestro ordenador con arduino. Para descargar AQUI
  • Una base de datos Mysql donde se guardarán los usuarios y los códigos de acceso (se explicará mas abajo).


El sistema lo que hace es mostrar en la pantalla del lcd la frase "ESPERANDO DATOS" mientras el led está en color azul parpadeante.
Cuando ponemos desde la página web el código, si éste es correcto la pantalla lcd muestra "Saludos + nombre de usuario" y el led se pone de color verde. Si el código es incorrecto, no existe, la pantalla muestra "Sin acceso. Código erroneo" y muestra el led de color rojo.
Cabe decir que se puede ampliar para que, por ejemplo, accione un relé para abrir una puerta o lo que se os ocurra.



Código para la placa arduino:

Código:
#include <Wire.h>
#include <LiquidCrystal_I2C.h>

LiquidCrystal_I2C lcd(0x27, 2, 1, 0, 4, 5, 6, 7, 3, POSITIVE);
int redPin = 11;
int greenPin = 10;
int bluePin = 9;
void setup()  
{
 Serial.begin(9600);  
pinMode(redPin, OUTPUT);
 pinMode(greenPin, OUTPUT);
 pinMode(bluePin, OUTPUT);
 lcd.begin(16,2);  

 lcd.backlight();
 lcd.setCursor(4,0);
 lcd.print("ESPERANDO");
 lcd.setCursor(6,1);
 lcd.print("DATOS");  
while(!Serial.available()) {
 digitalWrite(bluePin, HIGH);
 delay(500);
 digitalWrite(bluePin, LOW);
 delay(500);
}
}

void loop()
 {
   if (Serial.available()) {
     delay(100);  
     lcd.clear();
     lcd.setCursor(4,0);
    lcd.print("SALUDOS");
    lcd.setCursor(1,1);
     while (Serial.available() > 0) {
       char pepe = Serial.read();
       char juan[] = "^";
       if (pepe == juan[0])
       {
         lcd.clear();
          lcd.setCursor(3,0);
    lcd.print("SIN ACCESO");
    lcd.setCursor(1,1);
       lcd.write("CODIGO ERRONEO");
       digitalWrite(bluePin, LOW);
 digitalWrite(greenPin, LOW);
 digitalWrite(redPin, HIGH);

       }
       else
       {
       lcd.write(pepe);
       digitalWrite(bluePin, LOW);
 digitalWrite(greenPin, HIGH);
 digitalWrite(redPin, LOW);
       }
         
     }
     delay(5000);
   digitalWrite(greenPin, LOW);
 digitalWrite(redPin, LOW);  
 software_Reset() ;
   }
 }
void software_Reset()
{
asm volatile ("  jmp 0");  
}  


Comentario del código:
  • Incluimos las librerías necesarias para que todo funcione correctamente.
  • Indicamos todos los pines necesarios.
  • Iniciamos la comunicación a 9600 baudios.
  • Apagamos todos los colores del led y encendemos el lcd.
  • Le decimos al lcd que muestre en pantalla "ESPERANDO DATOS" y que el led parpadee en color azul cada medio segundo.
  • Si se inicia la comunicación serial y ésta envía el carácter "^" (previamente enviada por la página php) el lcd imprime  "Sin acceso. Código erroneo" y el led se pone en rojo fijo.
  • Si la página php no envía ese carácter y envía otra cadena, ésta sera el nombre de usuario, que previamente ha sido confirmada desde la base de datos al meter el código, entonces la pantalla de lcd mostrará "Saludos (nombre del usuario)" y el led se pondrá en color verde fijo.
  • Tanto como si el código es bueno o erróneo, a los 5 segundos se resetea y vuelve a mostrar en pantalla  "ESPERANDO DATOS" y el led de color azul parpadeante.



Código pagina principal php:

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CONTROL DE ACCESO</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
<META name="robots" content="NOINDEX,NOFOLLOW"> 
</head>

<body>


<form action="" method="post"><p align="center">
<font size="5" color="#A04848">Introducir código de acceso:</font> <input type="text" name="action" size="15" maxlength="25" />
  <input type="submit" value="Validar"></p>
</form>
<?
$password = $_POST['action'];
if(!isset($password)) {
echo "";
   }
else
{
  include("conex.php");
 $cons = "select * from usuarios where contraseña='$password'";
$datos = mysql_query($cons,$link);
if ($row = mysql_fetch_array($datos,1))
{
echo "<p align='center'><font color='#00CC00' size='4' face='Arial'>Enhorabuena ".$row["usuario"].". Tu código es correcto</font></p>";    
include "php_serial.class.php";
 
$serial = new phpSerial();
$serial->deviceSet("/dev/ttyUSB0");
$serial->confBaudRate(9600);
//$serial->confParity("none");
//$serial->confCharacterLength(8);
//$serial->confStopBits(1);
$serial->deviceOpen();
// $serial->sendMessage('1');
 
        $serial->sendMessage($row["usuario"]);
 
$serial->deviceClose();
}
else
{
echo "<p align='center'><font color='#FF0000' size='4' face='Arial'>El código de acceso no es correcto.</font></p>";
include "php_serial.class.php";
 
$serial = new phpSerial();
$serial->deviceSet("/dev/ttyUSB0");
$serial->confBaudRate(9600);
//$serial->confParity("none");
//$serial->confCharacterLength(8);
//$serial->confStopBits(1);
$serial->deviceOpen();

// $serial->sendMessage('1');
 
        $serial->sendMessage('^');
 
$serial->deviceClose();
}
}
?>
</body>
</html> 


Comentario del código:
  • Se crea un formulario para introducir el código de acceso.
  • Compara ese código en la base de datos.
  • Incluye la clase antes bajada php_serial.class.php
  • Si existe ese código envía a la placa Arduino el usuario asociado a ese código, mostrando en pantalla "Enhorabuena (usuario) tu código es correcto"
  • Si no existe ese código envía a la placa Arduino el símbolo ^ , mostrando en pantalla "El código de acceso no es correcto".



Código pagina conex.php:

Código PHP:
<?
 $link = mysql_connect("localhost" ,"usuario","contraseña") or die("no se da conectado");
mysql_select_db("acceso",$link) or die("no se da seleccionado");
?>

Este código no necesita comentario.



En relación a la base de datos... se deberá crear una con el nombre "acceso", con una única tabla llamada "usuarios" compuesta por tres campos "id" "usuario" y "contraseña".


Por último, y para que todo funcione correctamente, al conectar la placa al pc, debemos darle permisos al usb, abrimos un terminal y escribimos

Código:
sudo chmod 666 /dev/ttyUSB0


Y tenemos que abrir la ventana de la comunicación serial de Arduino IDE o abrir un Serial Port Terminal (en linux, en win Putty) y abrir la comunicación con el USB (ttyUSB0).


Bueno ya está... espero que le sirva a alguien.... Saludos


  Arduino, encender luz al movimiento.

Enviado por: chujalt
05-03-2021, 22:17
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos...

Os voy a mostrar como encender una luz, o conjunto de ellas, cuando se detecta que hay movimiento. Por supuesto también se puede hacer que se active cualquier dispositivo que esté conectado a la red eléctrica.


Materiales utilizados: 

  • Una Placa Arduino (yo he utilizado la nano)
  • 6 cables dupont
  • Un sensor de movimiento PIR
  • Un relé


[Imagen: sensormovi.jpg]

[Imagen: rele.jpg]


Conexiones:
  • Pin VCC rele  --> Pin 5v de Arduino
  • Pin GND rele --> Pin GND de Arduino
  • Pin IN rele --> Pin 8 de Arduino
  • Pin VCC sensor --> Pin 5v de Arduino
  • Pin GND sensor --> Pin GND de Arduino
  • Pin OUT sensor --> Pin 4 de Arduino


El sistema lo que hace es que cuando el sensor detecta movimiento activa el relé y deja pasar la corriente del dispositivo que tengamos conectado. Transcurridos 15 segundos el relé se desactivará y cortará el paso de corriente.


Código para la placa Arduino: 

Código:
const int buttonPin = 4;
int rele=8;

int buttonState = 0;

void setup() {    
 pinMode(buttonPin, INPUT);
 pinMode(rele, OUTPUT);
 digitalWrite(rele, LOW);    
}

void loop(){
 buttonState = digitalRead(buttonPin);
 if (buttonState == HIGH) {    
   digitalWrite(rele, LOW);  
   delay(15000);
 }
 else {
   digitalWrite(rele, HIGH);
 }
}


El código no tiene mucho que explicar, se indican los pines necesarios, se inicializan y activan. Si queremos cambiar los 15 segundos que el el relé está activado iremos a la línea delay(15000); y lo sustituimos por el valor que queramos.
Si el sensor sigue detectando movimiento el relé no se desactivará, los 15 segundos de espera es a partir de que el sensor deje de detectar movimiento.

Bueno, es un código sencillo pero efectivo... espero que le sirva a alguien.


  ¿ Qué es Arduino ?

Enviado por: chujalt
05-03-2021, 22:15
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

[Imagen: Arduino_Uno_R3.jpg]

Según Wikipedia


Cita:Arduino es una plataforma de hardware libre, basada en una placa con un microcontrolador y un entorno de desarrollo, diseñada para facilitar el uso de la electrónica en proyectos multidisciplinares.

El hardware consiste en una placa con un microcontrolador Atmel AVR y puertos de entrada/salida. Los microcontroladores más usados son el Atmega168, Atmega328, Atmega1280, y Atmega8 por su sencillez y bajo coste que permiten el desarrollo de múltiples diseños. Por otro lado el software consiste en un entorno de desarrollo que implementa el lenguaje de programación Processing/Wiring y el cargador de arranque que es ejecutado en la placa.

Desde octubre de 2012, Arduino se usa también con microcontroladoras CortexM3 de ARM de 32 bits, que coexistirán con las más limitadas, pero también económicas AVR de 8 bits. ARM y AVR no son plataformas compatibles a nivel binario, pero se pueden programar con el mismo IDE de Arduino y hacerse programas que compilen sin cambios en las dos plataformas. Eso sí, las microcontroladoras CortexM3 usan 3,3V, a diferencia de la mayoría de las placas con AVR, que generalmente usan 5V. Sin embargo, ya anteriormente se lanzaron placas Arduino con Atmel AVR a 3,3V como la Arduino Fio y existen compatibles de Arduino Nano y Pro como Meduino en que se puede conmutar el voltaje.

Arduino se puede utilizar para desarrollar objetos interactivos autónomos o puede ser conectado a software tal como Adobe Flash, Processing, Max/MSP, Pure Data. Las placas se pueden montar a mano o adquirirse. El entorno de desarrollo integrado libre se puede descargar gratuitamente.

Arduino puede tomar información del entorno a través de sus entradas analógicas y digitales, puede controlar luces, motores y otros actuadores. El microcontrolador en la placa Arduino se programa mediante el lenguaje de programación Arduino (basado en Wiring) y el entorno de desarrollo Arduino (basado en Processing). Los proyectos hechos con Arduino pueden ejecutarse sin necesidad de conectar a un computador.

El proyecto Arduino recibió una mención honorífica en la categoría de Comunidades Digital en el Prix Ars Electrónica de 2006.

Para mas información:

WIKIPEDIA

PÁGINA OFICIAL


  Arduino, encender led vía Wifi con módulo HLK-RM04

Enviado por: chujalt
05-03-2021, 22:13
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos...

Os voy a mostrar como encender y apagar un led vía wifi desde una página web en un navegador (desde el pc, tablet o móvil)


Materiales utilizados

  • Una placa Arduino (yo he utilizado la Uno).
  • 4 Cables dupont.
  • Un led color rojo.
  • Un módulo wifi HLK-RM04.


[Imagen: WIFI-HLK-RM04.jpg]


Conexiones
  • Pin Rx del módulo al pin Tx de arduino
  • Pin Tx del módulo al pin Rx de arduino
  • Pin 5V del módulo al pin 5V de arduino
  • Pin GND del módulo al pin GND de arduino
  • Polo positivo del led al pin 13 de arduino
  • Polo negativo del led a GND de arduino


Lo que vamos a necesitar son dos clases de código. Por una parte una página web que estará en internet en la que tendremos la orden de encender  o apagar el led y el código para la placa arduino que recibirá la orden de encender o apagar el led y le mandará unas instrucciones al navegador.



Código página web:

Código:
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Form</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>

<div data-role="page">

<div data-role="main" class="ui-content">
<form onsubmit="return enviar(this)"  method="get" action="http://192.168.1.254:8080/blink" data-ajax="false">
<fieldset data-role="controlgroup">
<legend>Interruptor:</legend>
<label for="encender">Encender</label>
<input type="radio" name="f" id="encender" value="1">
<label for="apagar">Apagar</label>
<input type="radio" name="f" id="apagar" value="2">
</fieldset>
<input type="submit" data-inline="true" value="Ejecutar" data-theme="b">
</form>
</div>
</div>

</body>
</html>


Este codigo lo que hace es crear un formulario con dos opciones, encendido o apagado y lo envía, por el método get, a la dirección de nuestro módulo HLK-RM04



[Imagen: interruptor.jpg]






Código para la placa Arduino:

Código:
const int ledPin = 13;
void setup() {    
 Serial.begin(57600);  
pinMode(ledPin, OUTPUT);
}

int f = 0;
void loop() {
 boolean has_request = false;
 String in = "";
 if (Serial.available()) {
   in = "";
   while (true) {  // should add time out here
     while (Serial.available() == false) {}
     in += (char)(Serial.read());
     if (in.endsWith("\r\n\r\n")) {
       has_request = true;  break;
     }
   }  
 }
 if (has_request) {
   int i1 = in.indexOf("GET /blink?f="), i2;
   if (i1 != -1) {
     i2 = in.indexOf(" ", i1+13);
     f = in.substring(i1+13, i2).toInt();
   }
   Serial.println("HTTP/1.1 200 OK");
   Serial.println("Content-Type: text/html");
   Serial.println("Connection: close");  // the connection will be closed after completion of the response

   String sr = "<!DOCTYPE HTML>\n";
   sr += "<html>\n";
   sr += "<body onload='history.back();'>\n";    
   sr += "</body>";  
   sr += "</html>";
   Serial.print("Content-Length: ");
   Serial.print(sr.length());
   Serial.print("\r\n\r\n");
   Serial.print(sr);
   has_request = false;
 }

switch (f){
 case 1:
   digitalWrite(ledPin, HIGH);
  break;
 case 2:
   digitalWrite(ledPin, LOW);
  break;
  f=0;  
}  

}


Este script lo que hace,entre otras cosas, es inicializar una variable, cuyo valor lo recibe vía wifi, si el valor es 1 enciende el led, si el valor el 2 lo apaga. Además envía una instrucción javascript al navegador para que vuelva a mostrar el interruptor.

Como veréis, cambiando sólo un poco el código se puede hacer para que en vez de encender un led active un relé, por ejemplo, y de esta manera activar cualquier dispositivo que esté conectado a la red eléctrica y todo ello desde un móvil o tablet y cualquier parte del mundo porque funciona vía web.


.


  Arduino + sensor temperatura + wifi + php + MySql

Enviado por: chujalt
05-03-2021, 22:10
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos.

Os voy a mostrar como desde un sensor de humedad y temperatura DHT11 conectado a la placa Arduino se puede enviar vía wifi a un servidor web los datos de humedad y temperatura y almacenarlos en una base de datos en los intervalos de tiempos que deseemos.


Materiales utilizados: 

  • Una placa Arduino (yo he utilizado la Uno).
  • Un módulo wifi HLK-RM04.
  • Un sensor de temperatura DHT11.
  • 7 cables Dupont.

[Imagen: WIFI-HLK-RM04.jpg]

[Imagen: dht11.jpg]


Conexiones: 
  • Pin RX del módulo HLK-RM04 a pin TX de Arduino.
  • Pin TX del módulo HLK-RM04 a pin RX de Arduino.
  • Pin 5V del módulo HLK-RM04 a pin 5V de Arduino.
  • Pin GND del módulo HLK-RM04 a pin GND de Arduino.
  • Pin datos del DHT11 a pin 2 de Arduino.
  • Pin VCC del DHT11  a pin 3,5V de Arduino.
  • Pin GND del DHT11 a pin GND de Arduino.

Software necesario:
  • El código para la placa Arduino.
  • Dos páginas web php, una para conectar a la base de datos y otra para introducir los datos en ésta.
  • Una base de datos Mysql.


Código para Arduino: 

Código:
#include "DHT.h"
#define DHTPIN 2     
#define DHTTYPE DHT11  
DHT dht(DHTPIN, DHTTYPE);

void setup() {                
  Serial.begin(57600);
  dht.begin(); 
}

void loop() {
  boolean has_request = false;
  int h = dht.readHumidity(); int t = dht.readTemperature();
  if (Serial.available()) {
    while(Serial.available()) {char c = Serial.read();}
    has_request = true;
  }
  if (has_request) {
    Serial.println("HTTP/1.1 200 OK");
    Serial.println("Content-Type: text/html");
    Serial.println("Connection: close");     
    String sr = "<!DOCTYPE HTML>\n";
    sr += "<html>\n";
    sr += "Humedad: "; 
    sr += h; 
    sr += (" %\t");
    sr += "<br />\n";
    sr += "Temperatura: "; 
    sr += t; 
    sr += (" &#186C ");
    sr += "<br />\n";
sr += "<form name=\"formulario\" action=\"http://localhost/arduino/wifi/temperatura/intro.php\" method=\"post\">";
sr += "  <input type=\"hidden\" name=\"humedad\" value=\"";
sr += h;
sr += "\" />";
sr += "  <br/>";
sr += "  <input type=\"hidden\" name=\"temperatura\" value=\"";
sr += t;
sr += "\" />";
sr += "  <br/>";
sr += "</form>";
sr += "<script>";
sr += "document.formulario.submit();"; 
sr += "</script>";
    sr += "</html>";
    Serial.print("Content-Length: ");
    Serial.print(sr.length());
    Serial.print("\r\n\r\n");
    Serial.print(sr);
    has_request = false;
  }
}






intro.php: 

Código PHP:
<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title></title>
<script language="JavaScript">
 
    var totalTiempo=60;
    var url="http://192.168.1.254:8080";
 
    function updateReloj()
    {
        document.getElementById('CuentaAtras').innerHTML = "Se volverán a tomar datos en "+totalTiempo+" segundos";
 
        if(totalTiempo==0)
        {
            window.location=url;
        }else{
            totalTiempo-=1;
            setTimeout("updateReloj()",1000);
        }
    }
 
    window.onload=updateReloj;
 
    </script>
  </head>
  <body>
<?
$humedad = $_POST['humedad'];
$temperatura = $_POST['temperatura'];
if (!isset($humedad)){ 
echo "Datos no recibidos. Error";
}
else 
{
include("conex.php");
 if(mysql_query("INSERT INTO datos (humedad, temperatura) 
  VALUES ('$humedad', '$temperatura')"))
 {
echo "<p align='center'><b><font color='#000000' face='Arial, Helvetica, sans-serif' size='3'>Los datos han sido introducidos correctamente:<br>
Humedad: $humedad<br>
Temperatura: $temperatura<br>
</p>";
echo "<h2 id='CuentaAtras' align='center'></h2>";
}
else
 {
 echo "<p align='center'><b><font color='#000000' face='Arial, Helvetica, sans-serif' size='5'>Ha habido problemas. Vuelva a intentarlo</b></p>";
 }
 }

?>

  </body>
</html> 



conex.php: 

Código PHP:
<?
 $link = mysql_connect("localhost" ,"usuario","contraseña") or die("no se da conectado");
mysql_select_db("hutem",$link) or die("no se da seleccionado");
?>



Base de datos Mysql: 
  • Nombre base de datos: hutem
  • Nombre de tabla: datos
  • 4 campos: id, humedad, temperatura, fecha (con la propiedad timestamp, para saber cuando se introdujeron los datos)

Consideraciones previas:  Al módulo Wifi HLK-RM04 le he asignado una ip fija en mi red, la 192.168.1.254 y el puerto 8080.


Explicación cómo funciona: 

La placa Arduino recoge los datos de humedad y temperatura que le proporciona el sensor y crea una sencilla página html con un formulario con estos datos que mediante javascript se autoejecuta.

En el navegador de nuestro PC ponemos la dirección 192.168.1.254:8080, entonces se inicia la comunicación con el módulo wifi y nos es enviada la página web mencionada anteriormente.

Como el formulario enviado se autoejecuta, nos envía a la página intro.php, donde se introducen los datos recibidos en la base de datos y comienza una cuenta atrás de 60 segundos y volver a la dirección 192.168.1.254:8080 y así tener un bucle e ir almacenando los datos cada 60 segundos. Por supuesto esta cantidad de segundos se pueden variar y poner el tiempo que queramos.


Bueno, espero que le sirva a alguien.

Saludos.


  Control de acceso, Arduino + wifi + php + javascript + MySql

Enviado por: chujalt
05-03-2021, 22:08
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos....

Os voy a mostrar como hacer un control de acceso vía Wifi utilizando la placa arduino, mas un poco de código php, javascript y base de datos Mysql. De esta manera podemos loguearnos desde cualquier dispositivo que este conectado a internet, un pc, una tablet, un teléfono, etc, sin necesidad de que nuestra placa Arduino este conectada por cable a nuestro PC.


Materiales utilizados:

  • Una Placa Arduino (yo he utilizado la nano)
  • Un módulo wifi HLK-RM04
  • 12 cables dupont
  • Una pantalla lcd I2C 16X2
  • Un módulo led rgb


[Imagen: WIFI-HLK-RM04.jpg]



[Imagen: lcd_i2c.jpg]



[Imagen: led_rgb.jpg]



Conexiones:
  • Pin SCL del lcd --> Pin A5 de Arduino
  • Pin SDA del lcd --> Pin A4 de Arduino
  • Pin VCC del lcd --> Pin 5 voltios de Arduino
  • Pin GND del lcd --> Pin GND de Arduino
  • Pin V-G del led -->Pin GND de Arduino
  • Pin R del led --> Pin 11 de Arduino
  • Pin G del led --> Pin 10 de arduino
  • Pin B del led --> Pin 9 de Arduino
  • Pin Rx del módulo HLK-RM04 --> Pin Tx de Arduino
  • Pin Tx del módulo HLK-RM04 --> Pin Rx de Arduino
  • Pin GND del módulo HLK-RM04 --> Pin GND de Arduino
  • Pin 5v del módulo HLK-RM04 --> Pin 5v de Arduino


Software necesario:
  • El código para Arduino (se mostrará mas abajo).
  • Una página php para introducir el código y verificarlo (se mostrará mas abajo).
  • Una página php para conectar con la base de datos donde están los usuarios y los códigos de acceso (se mostrará mas abajo).
  • Una base de datos Mysql donde se guardarán los usuarios y los códigos de acceso (se explicará mas abajo).


El sistema lo que hace es mostrar en la pantalla del lcd la frase "ESPERANDO DATOS" mientras el led está en color azul parpadeante.
Cuando ponemos desde la página web el código, si éste es correcto la pantalla lcd muestra "Saludos + nombre de usuario" y el led se pone de color verde. Si el código es incorrecto, no existe, la pantalla muestra "Sin acceso. Código erroneo" y muestra el led de color rojo. A los 5 segundos se reseatea y vuelve a mostrar "ESPERANDO DATOS" con led azul parpadeante.

Cabe decir que se puede ampliar para que, por ejemplo, accione un relé para abrir una puerta o lo que se os ocurra.



Código para la placa arduino:

Código:
#include <Wire.h>
#include <LiquidCrystal_I2C.h>

LiquidCrystal_I2C lcd(0x27, 2, 1, 0, 4, 5, 6, 7, 3, POSITIVE);
int redPin = 11;
int greenPin = 10;
int bluePin = 9;
void setup()  
{
 Serial.begin(57600);  
pinMode(redPin, OUTPUT);
 pinMode(greenPin, OUTPUT);
 pinMode(bluePin, OUTPUT);
 lcd.begin(16,2);  

 lcd.backlight();
 lcd.setCursor(4,0);
 lcd.print("ESPERANDO");
 lcd.setCursor(6,1);
 lcd.print("DATOS");  
while(!Serial.available()) {
 digitalWrite(bluePin, HIGH);
 delay(500);
 digitalWrite(bluePin, LOW);
 delay(500);
}
}
String f = "";
void loop()
 {
boolean has_request = false;
 String in = "";
   if (Serial.available()) {
in = "";
   while (true) {  
      while (Serial.available() == false) {}
     in += (char)(Serial.read());
     if (in.endsWith("\r\n")) {
       has_request = true;  break;
     }
   }  
 }
 if (has_request) {
   char i1 = in.indexOf("GET /mensaje?f="), i2;
   if (i1 != -1) {
     i2 = in.indexOf(" ", i1+15);
     f = in.substring(i1+15, i2);
   }    
    if (f == "aaa")
       {
         lcd.clear();
          lcd.setCursor(3,0);
    lcd.print("SIN ACCESO");
    lcd.setCursor(1,1);
       lcd.write("CODIGO ERRONEO");
       digitalWrite(bluePin, LOW);
 digitalWrite(greenPin, LOW);
 digitalWrite(redPin, HIGH);
 pagina();

       }
       else
       {
          lcd.clear();
     lcd.setCursor(4,0);
    lcd.print("SALUDOS");
    lcd.setCursor(1,1);
    f.replace("+", " ");
       lcd.print(f);
       digitalWrite(bluePin, LOW);
 digitalWrite(greenPin, HIGH);
 digitalWrite(redPin, LOW);
  pagina();
       }
 
    has_request = false;  
   
   }
     delay(5000);
   digitalWrite(greenPin, LOW);
 digitalWrite(redPin, LOW);  
 software_Reset() ;
 }
 void pagina()
 {

   Serial.println("HTTP/1.1 200 OK");
   Serial.println("Content-Type: text/html");

   String sr = "<!DOCTYPE HTML>\n";
   sr += "<html>\n";
   sr += "<head>\n";
   sr += "<meta http-equiv='Refresh' content='0;url=http://192.168.1.11/arduino/wifi/acceso/index.php'>\n";
   sr += "</head>\n";
   sr += "<body>\n";    
   sr += "</body>";  
   sr += "</html>";
   Serial.print("Content-Length: ");
   Serial.print(sr.length());
   Serial.print("\r\n\r\n");
   Serial.print(sr);  
 }
void software_Reset()
{
asm volatile ("  jmp 0");  
}  


Comentario del código:
  • Incluimos las librerías necesarias para que todo funcione correctamente.
  • Indicamos todos los pines necesarios.
  • Iniciamos la comunicación a 57600 baudios.
  • Apagamos todos los colores del led y encendemos el lcd.
  • Le decimos al lcd que muestre en pantalla "ESPERANDO DATOS" y que el led parpadee en color azul cada medio segundo.
  • Si se inicia la comunicación serial y ésta envía "aaa" (previamente enviada por la página php) el lcd imprime  "Sin acceso. Código erroneo" y el led se pone en rojo fijo.
  • Si la página php no envía ese carácter y envía otra cadena, ésta sera el nombre de usuario, que previamente ha sido confirmada desde la base de datos al meter el código, entonces la pantalla de lcd mostrará "Saludos (nombre del usuario)" y el led se pondrá en color verde fijo.
  • Una vez recibida la información la placa Arduino mando unos comandos (página web) para que se vuelva a mostrar el teclado (mas abajo imagen).
  • Tanto como si el código es bueno o erróneo, a los 5 segundos se resetea y vuelve a mostrar en pantalla  "ESPERANDO DATOS" y el led de color azul parpadeante.



Código pagina principal php:

Código PHP:
<html>
<head>
<title>teclado en pantalla</title>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META name="robots" content="NOINDEX,NOFOLLOW"> 
<script language="JavaScript" type="text/javascript">
// Comprueba Navegador y Plataforma del pc
var clientPC = navigator.userAgent.toLowerCase(); // Coge info cliente
var clientVer = parseInt(navigator.appVersion); // Coge versión navegador
 
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
                && (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
                && (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_moz = 0;
 
var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);
 
function imprm(bot) {
var txtarea = document.getElementById('ta');
var tecla = new Array('1','2','3','4','5','6','7','8','9','0');
txtarea.value+=tecla[bot];
txtarea.focus();
return;
}
 
function imprM(bot) {
var txtarea = document.getElementById('ta');
var teclaM = new Array
txtarea.value+=teclaM[bot];
txtarea.focus();
return;
}
 
 
var capa1
var capa2
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
 
function teclado() {
   if (ns4) {
     capa1 = document.c1
     capa2 = document.c2
  }
 if (ie4) {
   capa1 = c1.style
   capa2 = c2.style
 }
 if (ns6) {
   capa1 = document.getElementById('c1').style
   capa2 = document.getElementById('c2').style
 }
}
 
function muestra(obj) {
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
else if (ns6) obj.visibility = "visible"
}
function oculta(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
else if (ns6) obj.visibility = "hidden"
}
 
 
function borrar() {
var txtarea = document.getElementById('ta');
if ((clientVer >= 4) && is_ie && is_win) {
var txtSeleccion = document.selection.createRange().text;
 
    if (document.selection) {
 
        if (!txtSeleccion) {
        txtarea.focus();
        var Sel = document.selection.createRange();
        Sel.moveStart ('character', -txtarea.value.length);
        curPos = Sel.text.length;
        txtarea.value=txtarea.value.substr(0,txtarea.value.length-1);
        return(curPos);
        }
 
        txtarea.focus();
        var Sel = document.selection.createRange();
        document.selection.createRange().text = "";
        Sel.moveStart ('character', -txtarea.value.length);
        curPos = Sel.text.length;
        return(curPos);
    }
}
 
 
 
 
 
 
else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
 
    {
 
    var selLargo = txtarea.textLength;
    var selEmpz = txtarea.selectionStart;
    var selFin = txtarea.selectionEnd;
    var s1 = (txtarea.value).substring(0,selEmpz);
    var s2 = (txtarea.value).substring(selFin, selLargo);
    txtarea.value =  s1 +  s2;
    return(selEmpz);    
 
}
else
{
 
    var selLargo = txtarea.textLength;
    txtarea.value = txtarea.value.substr(0,txtarea.value.length-1);
    var Cursor = txtarea.textLength;
    return(Cursor); 
 
}
    almznaCursor(txtarea);
}
 
function almznaCursor(textEl) {
    if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}
 
 
function PosicionCursor(pos) {
var txtarea = document.getElementById('ta');
 
    //Firefox
    if (txtarea .setSelectionRange) {
        txtarea .focus();
        txtarea .setSelectionRange(pos,pos);
    }
    else if (txtarea .createTextRange) {
        var rango = txtarea .createTextRange();
        rango.collapse(true);
        rango.moveEnd('character', pos);
        rango.moveStart('character', pos);
        rango.select();
    }
}
 
function EliminarCaracter()
{
    PosicionCursor(borrar());
}
 
</script>
<style type="text/css">
#juan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
#andres {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -70%);
    -webkit-transform: translate(-50%, -70%);
}
</style>
</head>
<body onLoad="teclado();">
 <div id="juan">
<form method="POST" action="">
<input type="password" id="ta" name="pepe" size="9"><br><br>
<div id="c1">
<input type="button" id="1" value="1" onclick="imprm(0);" />
<input type="button" id="2" value="2" onclick="imprm(1);" />
<input type="button" id="3" value="3" onclick="imprm(2);" /><br>
<input type="button" id="4" value="4" onclick="imprm(3);" />
<input type="button" id="5" value="5" onclick="imprm(4);" />
<input type="button" id="6" value="6" onclick="imprm(5);" /><br>
<input type="button" id="7" value="7" onclick="imprm(6);" />
<input type="button" id="8" value="8" onclick="imprm(7);" />
<input type="button" id="9" value="9" onclick="imprm(8);" /><br>
<input type="button" id="10" value="0" onclick="imprm(9);" />
<input type="button" id="eliminar_caracter" value="Borrar" onclick="EliminarCaracter()" style="width:58px; height:20px; text-align:center; font-size:10px;" />
<br><br><input type="submit" id="60" value="ENVIAR" style="width:90px; height:20px; text-align:center; font-size:10px;"/> 
</div>

</form>
</div>
<div id="andres">
<?
$password = $_POST['pepe'];
if(!isset($password)) {
echo "";
   }
else
{
  include("conex.php");
 $cons = "select * from usuarios where contraseña='$password'";
$datos = mysql_query($cons,$link);
if ($row = mysql_fetch_array($datos,1))
{
    ?>
<SCRIPT LANGUAGE="JavaScript">
        window.onload = function() {
    alert("Enhorabuena <? echo $row["usuario"]; ?>. Tu código es correcto");
};
</SCRIPT>    
<form name='acceso' action='http://192.168.1.254:8080/mensaje' method='GET'>
<input type='hidden' name='f' value= '<? echo $row["usuario"]; ?>'>
</form>
<SCRIPT LANGUAGE="JavaScript">window.setTimeout(function() {
  document.acceso.submit();
});</SCRIPT>
<?
}
else
{
?>    
    <SCRIPT LANGUAGE="JavaScript">
        window.onload = function() {
    alert("El código de acceso no es correcto.");
};
</SCRIPT>
<form name='acceso' action='http://192.168.1.254:8080/mensaje' method='GET'>
<input type='hidden' name='f' value='aaa'>
</form>
<SCRIPT LANGUAGE="JavaScript">window.setTimeout(function() {
  document.acceso.submit();
});</SCRIPT>
<?
}
}
?>
 </div>
</body>
</html> 


Comentario del código:
  • Se crea un teclado numérico para introducir el código de acceso.
  • Compara ese código en la base de datos.
  • Si existe ese código envía a la placa Arduino el usuario asociado a ese código, mostrando en un alert "Enhorabuena (usuario) tu código es correcto"
  • Si no existe ese código envía a la placa Arduino la cadena aaa , mostrando en un alert "El código de acceso no es correcto".


[Imagen: teclado.png]


Código pagina conex.php:

Código PHP:
<?
 $link = mysql_connect("localhost" ,"usuario","contraseña") or die("no se da conectado");
mysql_select_db("acceso",$link) or die("no se da seleccionado");
?>

Este código no necesita comentario.



En relación a la base de datos... se deberá crear una con el nombre "acceso", con una única tabla llamada "usuarios" compuesta por tres campos "id" "usuario" y "contraseña".


Bueno ya está... espero que le sirva a alguien.... Saludos


  Arduino, sensor de gas con alarma

Enviado por: chujalt
05-03-2021, 22:01
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos....

En esta ocasión vamos a realizar un sistema para medir la cantidad de gas (butano, natural, metano....) que hay en el ambiente, le asignamos un umbral y si la cantidad que capta el sensor es mayor que el umbral sonará un pitido (buzzer) y se encenderá un led rojo, que no se apagarán hasta que las lecturas den unas medidas por debajo del umbral.


Materiales utilizados

  • Una placa Arduino (yo he utilizado la Uno).
  • 7 Cables dupont.
  • Un sensor de gases MQ-5.
  • Un buzzer.
  • Un led de color rojo.



[Imagen: mq5.jpg]


[Imagen: buzzer.jpg]



Conexiones
  • Pin Vcc del sensor MQ-5 al pin 5v de arduino.
  • Pin AOUT del sensor MQ-5 al pin A0 de arduino.
  • Pin GND del sensor MQ-5 al pin GND de arduino.
  • Pin positivo del buzzer al pin 10 de arduino.
  • Pin negativo del buzzer al pin GND de arduino.
  • Pin positivo del led al pin 13 de arduino.
  • Pin negativo del led al pin GND de arduino.




Código Arduino:

Código:
const int gasPin = A0;
const int buzzerPin= 10;
int ledPin = 13;

void setup()
{
 pinMode(gasPin, INPUT);
 pinMode(buzzerPin, OUTPUT);
 pinMode(ledPin, OUTPUT);
 Serial.begin(9600);
}

void loop()
{
 int medida = analogRead(gasPin);
 if(medida > 200)
 {
   digitalWrite(ledPin, HIGH);
playTone(1000, 500);  
}
else
{
digitalWrite(ledPin, LOW);
}
 Serial.println(medida);
 delay(1000);
}
void playTone(long duration, int freq) {
  duration *= 1000;
  int period = (1.0 / freq) * 1000000;
  long elapsed_time = 0;
  while (elapsed_time < duration) {
      digitalWrite(buzzerPin,HIGH);
      delayMicroseconds(period / 2);
      digitalWrite(buzzerPin, LOW);
      delayMicroseconds(period / 2);
      elapsed_time += (period);
  }
}



Básicamente el código lo que hace:
  • Asigna los pines.
  • Pone el sensor de gas como entrada y el buzzer y pin de salida.
  • Inicia la comunicación serial a 9600 baudios.
  • Inicia una variable (medida) y le asigna el valor de la lectura del sensor.
  • Como el sensor, en condiciones normales, da una lectura entre 120 y 160, creamos una condición, si el valor de la medida es mayor de 200 se encenderá el pin rojo y empezará a sonar el buzzer, que no se apagarán hasta que la lectura sea inferior a 200.
  • Si tenemos la placa conectada al ordenador por el monitor serial nos imprimirá cada segundo las lecturas que hace el sensor.


Bueno... ya está... espero que le pueda servir a alguien. Saludos.


  Arduino, medir distancias con HC-SR04 + sonido.

Enviado por: chujalt
05-03-2021, 21:59
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos....

En esta ocasión vamos a realizar un sistema para medir distancias, le asignamos unas distancias y cuando estemos cada vez mas cerca del sistema la intermitencia del pitido será cada vez mas rápida..


Materiales utilizados

  • Una placa Arduino (yo he utilizado la Uno).
  • 6 Cables dupont.
  • Un módulo para medir distancias por ultrasonidos HC-SR04.
  • Un buzzer.



[Imagen: hcsr04.jpg]


[Imagen: buzzer.jpg]



Conexiones
  • Pin Vcc del módulo HC-SR04 al pin 5v de arduino.
  • Pin Trig del módulo HC-SR04 al pin 9 de arduino.
  • Pin Echo del módulo HC-SR04 al pin 8 de arduino.
  • Pin GND del módulo HC-SR04 al pin GND de arduino.
  • Pin positivo del buzzer al pin 10 de arduino.
  • Pin negativo del buzzer al pin GND de arduino.



Código Arduino:

Código:
long distancia;
long tiempo;
int pinSpeaker = 10;
void setup(){
 Serial.begin(9600);
 pinMode(9, OUTPUT);
 pinMode(8, INPUT);
 pinMode(pinSpeaker, OUTPUT);
}

void loop(){
 digitalWrite(9,LOW);
 delayMicroseconds(5);
 digitalWrite(9, HIGH);
 delayMicroseconds(10);
 tiempo=pulseIn(8, HIGH);
 distancia= int(0.017*tiempo);
 Serial.print("Distancia ");
 Serial.print(distancia);
 Serial.println(" cm");
 if (distancia <= 200 && distancia > 100)
 {
    playTone(500, 500);
   delay(500);    
 }
 else if (distancia <= 100 && distancia > 50)
 {
    playTone(250, 500);
   delay(250);    
 }
 else if (distancia <= 50 && distancia > 25)
 {
    playTone(200, 500);
   delay(100);    
 }
else if (distancia <= 25)
 {
    playTone(100, 500);
   delay(50);    
 }
 delay(500);
}
void playTone(long duration, int freq) {
   duration *= 1000;
   int period = (1.0 / freq) * 1000000;
   long elapsed_time = 0;
   while (elapsed_time < duration) {
       digitalWrite(pinSpeaker,HIGH);
       delayMicroseconds(period / 2);
       digitalWrite(pinSpeaker, LOW);
       delayMicroseconds(period / 2);
       elapsed_time += (period);
   }
}


Con este script lo que conseguimos es que cuando estamos entre 2 y 1 metro del sensor el buzzer empieza a pitar pausadamente.
Cuando estamos entre 1 metro y 50 cms. los pitidos serán mas cortos y rápidos que el anterior bloque de distancias.
Cuando estamos entre y 50 cms. y 25 cms. los pitidos serán mas cortos y rápidos que el anterior bloque de distancias.
Cuando la distancia sea menor de 25 cms. los pitidos serán muy cortos y rápidos.

También por el monitor serial nos imprimirá la distancia exacta a la que el objeto se encuentra del módulo.

Bueno... ya está... espero que le sirva a alguien.

Saludos.


.


  Arduino, controlar servo vía Wifi con módulo HLK-RM04

Enviado por: chujalt
05-03-2021, 21:57
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos....

En esta ocasión vamos a establecer el giro de un servo vía wifi desde una página web, por lo que podremos controlarlo desde un PC, tableta, smartphone, etc.


Materiales utilizados

  • Una placa Arduino (yo he utilizado la Uno).
  • 7 Cables dupont.
  • Un servo, yo he utilizado el de la imagen de mas abajo.
  • Un módulo wifi HLK-RM04.



[Imagen: servo.jpg]


[Imagen: WIFI-HLK-RM04.jpg]



Conexiones
  • Pin Rx del módulo HLK-RM04 al pin Tx de arduino.
  • Pin Tx del módulo HLK-RM04 al pin Rx de arduino.
  • Pin 5V del módulo HLK-RM04 al pin 5V de arduino.
  • Pin GND del módulo HLK-RM04 al pin GND de arduino.
  • Cable naranja del servo (datos) al pin 9 de arduino
  • Cable marrón del servo a pin GND de arduino.
  • Cable rojo del servo a pin 5v de arduino


Lo que vamos a necesitar son dos clases de código. Por una parte una página web que estará en nuestro servidor web en la que tendremos el formulario con los grados (de 0 a 180) que queremos que gire el servo y el código para la placa arduino que recibirá la los grados de giro del servo.


Código página web, index.html:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//ES" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
   <title>Control servo</title>
<style type="text/css">
#juan {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
}
</style>
 </head>
 <body>
<div id="juan">
<form action="http://192.168.1.254:8080/servo" method="get">
 
 <input type="submit" name="l" value="000">
 <input type="submit" name="l" value="005">
 <input type="submit" name="l" value="010">
 <input type="submit" name="l" value="015">
 <input type="submit" name="l" value="020">
 <input type="submit" name="l" value="025"></br>
 <input type="submit" name="l" value="030">
 <input type="submit" name="l" value="035">
 <input type="submit" name="l" value="040">
 <input type="submit" name="l" value="045">
 <input type="submit" name="l" value="050">
 <input type="submit" name="l" value="055"></br>
 <input type="submit" name="l" value="060">
 <input type="submit" name="l" value="065">
 <input type="submit" name="l" value="070">
 <input type="submit" name="l" value="075">
 <input type="submit" name="l" value="080">
 <input type="submit" name="l" value="085"></br>
 <input type="submit" name="l" value="090">
 <input type="submit" name="l" value="095">
 <input type="submit" name="l" value="100">
 <input type="submit" name="l" value="105">
 <input type="submit" name="l" value="110">
 <input type="submit" name="l" value="115"></br>
 <input type="submit" name="l" value="120">
 <input type="submit" name="l" value="125">
 <input type="submit" name="l" value="130">
 <input type="submit" name="l" value="135">
 <input type="submit" name="l" value="140">
 <input type="submit" name="l" value="145"></br>
 <input type="submit" name="l" value="150">
 <input type="submit" name="l" value="155">
 <input type="submit" name="l" value="160">
 <input type="submit" name="l" value="165">
 <input type="submit" name="l" value="170">
 <input type="submit" name="l" value="175"></br>
 <input type="submit" name="l" value="180">
</form>
</div>
</body>
</html>


Este código lo que hace básicamente es crear un formulario con los grados que queremos que gire el servo y lo envía, por el método get, a la dirección ip de nuestro arduino.

[Imagen: grados.png]


Código para la placa arduino:

Código:
#include <Servo.h>
const int servo_pin = 9;
Servo myservo;  
unsigned int old_value;
void setup()
{
 Serial.begin(57600);
 myservo.attach(servo_pin);
   old_value = 90;
}

int f = 0;
void loop()
{
boolean has_request = false;
 String in = "";
   if (Serial.available()) {
in = "";
   while (true) {  
      while (Serial.available() == false) {}
     in += (char)(Serial.read());
     if (in.endsWith("\r\n")) {
       has_request = true;  break;
     }
   }  
 }
 if (has_request) {
   char i1 = in.indexOf("GET /servo?l="), i2;
   if (i1 != -1) {
     i2 = in.indexOf(" ", i1+13);
     f = in.substring(i1+13, i2).toInt();
   }  
Serial.println("HTTP/1.1 200 OK");
   Serial.println("Content-Type: text/html");
   Serial.println("Connection: close");

   String sr = "<!DOCTYPE HTML>\n";
   sr += "<html>\n";
   sr += "<body onload='history.back();'>\n";    
   sr += "</body>";  
   sr += "</html>";
   Serial.print("Content-Length: ");
   Serial.print(sr.length());
   Serial.print("\r\n\r\n");
   Serial.print(sr);
  has_request = false;  
   
   if ((0 <= f) && (f <= 180)) {
         
      if (f < old_value)
       {  
      for(int i = old_value ; i > f ; i -= 1)
         {
         myservo.write(i);
         delay(15);
         }
         old_value = f;
       }
       
     if (f > old_value)
       {
       for(int i = old_value ; i < f ; i += 1)
         {
         myservo.write(i);
         delay(15);
         }
         old_value = f;
      }

   }  

 }
 delay(100);

}


El código lo que que hace es cargar la librería necesaria, recoger en una variable el valor que le enviamos desde la página web, que será el valor de giro del servo. También crea una página web que lo que hace es volver al index.html desde el que le enviamos los datos.
Mencionar que el script está preparado para que el giro del servo sea un poco mas lento de lo normal, que no gire muy rápido.


.


  Adaptar pagina web en codigo de Arduino.

Enviado por: chujalt
05-03-2021, 21:53
Foro: Anduino, Nodemcu, Wemos
- Sin respuestas

Saludos.

Si vamos a utilizar nuestro Arduino como un servidor de una página web tenemos que introducir el código de la página dentro del código de Arduino. Esto es, cada linea de código html debe ir dentro de:

Código:
client.println("Aquí código html");

Esto se puede convertir en un trabajo muy cansado si la página es amplia y, además, si el código html tiene comillas doble tendremos que "escaparlas" con una barra invertida.

Para los que trabajamos con linux he creado tres lineas de código bash que nos facilitan enormemente la tarea.

Vamos a suponer que tenemos la siguiente página, la cual la llamamos 1.html

Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div id="header">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<!-- contenedor -->
<br />
<br />
<br />
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>Menú</div>
<hr style="color:red; background-color:red; width:50%;" />
<ul>
<li><a href="#">Portada</a></li>
<li>
<a href="http://www.aprenderaprogramar.com">aprenderaprogramar.com</a>
</li>
</ul>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="get" action="accion.html">
Nombre: <input type="text" name="nombre" /><br />
Apellidos: <input type="text" name="apellidos" /><br />
Dirección: <input type="text" name="direccion" /><br />
Correo electrónico: <input type="text" name="correo" /><br />
Teléfono: <input type="text" name="telefono" /><br />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2012 aprenderaprogramar.com
</div>
</div>
</body>
</html>

El script bash creará un archivo llamado 2.txt para nuestro código en Arduino.

Las lineas bash a ejecutar una por una serían:

Código:
sed -e 's/\"/\/"/g' 1.html > 2.txt

sed -i "s|^|client.println(\"|g" 2.txt

sed -i "s|$|\");|g" 2.txt


y el resultado final listo para introducir en nuestro código para Arduino es:

Código:
client.println("<!DOCTYPE html>");
client.println("<html>");
client.println("<head>");
client.println("<meta charset=/"utf-8/">");
client.println("<title>Portal básico - aprenderaprogramar.com</title>");
client.println("</head>");
client.println("<body>");
client.println("<div id=/"page/">");
client.println("<div id=/"header/">");
client.println("Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com");
client.println("</div>");
client.println("<!-- contenedor -->");
client.println("<br />");
client.println("<br />");
client.println("<br />");
client.println("<div id=/"wrapper/">");
client.println("<!-- menu -->");
client.println("<div id=/"menu/">");
client.println("<div>Menú</div>");
client.println("<hr style=/"color:red; background-color:red; width:50%;/" />");
client.println("<ul>");
client.println("<li><a href=/"#/">Portada</a></li>");
client.println("<li>");
client.println("<a href=/"http://www.aprenderaprogramar.com/">aprenderaprogramar.com</a>");
client.println("</li>");
client.println("</ul>");
client.println("</div>");
client.println("<!-- fin menu -->");
client.println("<!-- cuerpo -->");
client.println("<div id=/"body/">");
client.println("<form method=/"get/" action=/"accion.html/">");
client.println("Nombre: <input type=/"text/" name=/"nombre/" /><br />");
client.println("Apellidos: <input type=/"text/" name=/"apellidos/" /><br />");
client.println("Dirección: <input type=/"text/" name=/"direccion/" /><br />");
client.println("Correo electrónico: <input type=/"text/" name=/"correo/" /><br />");
client.println("Teléfono: <input type=/"text/" name=/"telefono/" /><br />");
client.println("</form>");
client.println("</div>");
client.println("<!-- fin cuerpo -->");
client.println("</div>");
client.println("<!-- fin contenedor -->");
client.println("<br /> <br /> <br />");
client.println("<div id=/"footer/">");
client.println("Copyright 2006-2012 aprenderaprogramar.com");
client.println("</div>");
client.println("</div>");
client.println("</body>");
client.println("</html>");


Bueno, como veréis es fácil y puede ahorrarnos mucho trabajo.

Saludos