Visualizar Datos almacenados por arduino en Mysql desde interfase web

esta es la continuación de la publicación conectar Arduino a Base de Datos Mysql.

luego de la inserción y almacenamiento de datos de nuestro Arduino a la tabla en Mysql. les comparto una forma de poder visualizar la data almacenada desde nuestro navegador por medio de PHP

con PHP podremos establecer comunicación entre la base de datos y una pagina web que nos desplegara en una tabla los datos almacenados en la base de datos.

lo que realizaremos es crear un archivo llamado index.php el cual con unas simples lineas de Tags PHP realizara lo siguiente.

  • conexión con la base de datos.
  • cabecera de la tabla con las columnas que mantengamos
  • consulta a la base de datos
  • parsear la data de mysql a nuestra pagina web index.php y mostrarnos la pagina

ingresamos en la carpeta publica www de nuestro servidor LAMP, Wamp o Xamp.

en linux desde  consola la carpeta se ubica en  la siguiente ruta /var/www.

en ella creamos un archivo con el nombre index.php.

editamos o creamos con el comando sudo nano /var/www/index.php.
luego pegamos las siguientes lineas de código y la editamos con los datos  de conexión a nuestra db en mysql
Código:
<html>
<head> <title>conectar a una BD MySqL</title>
 
</head>
<body>
<?php
$con = mysql_connect (‘localhost’,’root’,’password’); mysql_select_db (“chart”, $con) or die (“No se pudo conectar a la bd”)
?>
<table border=”1″> <tr> <td colspan=”4″> My Sql PHP Select Query</td> </tr>
<tr>
<td>tiempo</td>
<td>temperatura</td>
<td>consumo</td>
</tr>
<?php
$result = mysql_query(“select * from Log”);
while($row = mysql_fetch_array($result)){ ?>
<tr>
<td><?php echo $row[“time”];?></td>
<td><?php echo $row[“temp”];?></td>
<td><?php echo $row[“watt”];?></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
Procedo a explicar el código.
  • cabecera del código html y el titulo de nuestra pestaña
         <head><title>conectar a una BD MySqL</title></head>

  • Insertamos código php con sus Tags para conectarnos a mysql.
<?php

$con = mysql_connect (‘localhost’,’root’,’password’); mysql_select_db (“chart”, $con) or die (“No se pudo conectar a la bd“)

?>


Datos que debemos establecer en esta linea.

$con = mysql_connect =  variable que almacena los parámetros de conexión con la base de datos.

locablhost = ip donde se mantiene la DB mysql si es en el mismo equipo se mantiene el nombre localhost.

root = al nombre de usuario que establecimos para conectarnos a la base de datos creada.

password = clave que utilizamos para el usuario.

mysql_select_db (“chart”, $con) = establece el tipo de codificación de caracteres utilizado y $con, contiene los datos de conexión a la base de datos , establece conexión a la db, o de lo contrario envía el mensaje “No se pudo conectar a la db.”


  • Creamos la cabecera de la tabla que nos desplegara los datos.
    <table border=”1″> <tr> <td colspan=”4″> My Sql PHP Select Query</td> </tr>
    <tr>
    <td>tiempo</td>
    <td>temperatura</td>
    <td>consumo</td>
    </tr>
  • creamos una variable llamada $result dentro de ella ejecutamos un query “select * from Log”.
    <?php
    $result = mysql_query(“select * from Log”);
    while($row = mysql_fetch_array($result)){ ?>
    •  select = comando SQL para seleccionar datos en una tabla.
    • *= selecionar todo.
    • from= comando SQL para indicar donde debe realizar la busqueda.
    • Log = nombre de la tabla donde arduino almacena los datos.
  • la variable $row=mysql_fetch_array($result) devuelve un array con el resultado del query
  • construimos una tabla con la consulta por nombre de cada fila creada en la base de datos y finalizamos el código
    <tr>
    <td><?php echo $row[“time”];?></td>
    <td><?php echo $row[“temp”];?></td>
    <td><?php echo $row[“watt”];?></td>
    </tr>
    <?php
    }
    ?>
    </table>
    </body>
    </html>

obtenemos una tabla con el registro de los datos, que están almacenados en nuestra base de datos.

codigo git: https://github.com/javiernrath/PHP-Mysql-query/blob/master/index.php

referencias

http://php.net/manual/es/ref.mysql.php

saludos

 

 

 

Advertisements

One thought on “Visualizar Datos almacenados por arduino en Mysql desde interfase web

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s