Obtener datos de Arduino a una página web (5 / 5 paso)

Paso 5: PHP y HTML para que pueda ver mi proyecto en el trabajo!

Estoy va a ser ver estas lecturas en mi portátil y ejecuta WAMP como servidor web que junto a un lago en algún lugar. Este archivo le permitirá ver sus datos que ha guardado a la base de datos MySql. He incluido sólo tres campos aquí, presión, altitud o profundidad y temperatura que necesito para mi proyecto pero usted puede Agregar todo el resto de los campos en la misma forma. Elegí PHP debido a mi conocimiento de PHP pero se puede utilizar cualquier lenguaje de scripting que su familiar con. Usted notará que opté por usar la actualización Meta actualizar continuamente los datos pero hay otros métodos para hacer esto que usted puede experimentar.

Archivo HTML: index.htm

<! HTML de DOCTYPE público "-//W3C//DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd" >
<!-la línea de abajo continuamente actualiza la página con los nuevos datos-->
< Meta HTTP-EQUIV = "Refresh" Content = "10; URL = http://localhost/mysql_write/index.htm ">

< html >
< head >
< title > MyUROV < / title >
< /HEAD >
< cuerpo bgcolor = "#4e87fa" >
< center >< fuerte >< color de fuente = "#ff0000" cara = "vivaldi, verdana" size = "7" > MyUROV < / fuente >< / strong >< / center >
<!----> tabla de cuerpo principal
< table >
< tr >
< td >
< center >
<? php
incluyen "db_connect.php";

mysql_select_db($Database) o die ("no puede seleccionar la base de datos.");

$query = "seleccionar * de 'aptc'";
$resultado = mysql_query($query) or die ("no podía ejecutar consulta");
$num = mysql_num_rows($result);
mysql_close ();
/ * Mostrar la tabla de datos * /

echo "< tabla ancho = 400 border = 1 cellspacing = 2 cellpadding = 2 >"; / * borde = "1" cellspacing = "2" cellpadding = "2" * /
echo "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
echo "< ancho th = 175 >< tipo de fuente = Arial, Helvetica, sans-serif > datos < / fuente >< /th >";
echo "< th >< tipo de fuente = Arial, Helvetica, sans-serif > presión barométrica < / fuente >< /th >";
echo "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"pressure");

echo "< tr >";
echo "< td align = center >< tipo de fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $data < / fuente >< /td >";
echo "< td align = center >< b >< fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $value < /b >< / font >< /td >";
echo "< /tr >";

echo "< / table >";
? >
< /Center >
< br >< br >
< /td >
< /tr >
<!-- ------------------------------------------------------------------------------- -->
< tr >
< td >
< center >

<? php
incluyen "db_connect.php";

mysql_select_db($Database) o die ("no puede seleccionar la base de datos.");

$query = "seleccionar * de 'aptc'";
$resultado = mysql_query($query) or die ("no podía ejecutar consulta");
$num = mysql_num_rows($result);
mysql_close ();
/ * Mostrar la tabla de datos * /

echo "< tabla ancho = 400 border = 1 cellspacing = 2 cellpadding = 2 >"; / * borde = "1" cellspacing = "2" cellpadding = "2" * /
echo "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
echo "< ancho th = 200 >< tipo de fuente = Arial, Helvetica, sans-serif > datos < / fuente >< /th >";
echo "< th >< tipo de fuente = Arial, Helvetica, sans-serif > profundidad < / fuente >< /th >";
echo "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"altitude");

echo "< tr >";
echo "< td align = center >< tipo de fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $data < / fuente >< /td >";
echo "< td align = center >< b >< fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $value < /b >< / font >< /td >";
echo "< /tr >";

echo "< / table >";
? >
< /Center >
< br >< br >
< /td >
< /tr >
<!-- -------------------------------------------------------------------------------- -->
< tr >
< td >
< center >
<? php
incluyen "db_connect.php";

mysql_select_db($Database) o die ("no puede seleccionar la base de datos.");

$query = "seleccionar * de 'aptc'";
$resultado = mysql_query($query) or die ("no podía ejecutar consulta");
$num = mysql_num_rows($result);
mysql_close ();
/ * Mostrar la tabla de datos * /

echo "< tabla ancho = 400 border = 1 cellspacing = 2 cellpadding = 2 >"; / * borde = "1" cellspacing = "2" cellpadding = "2" * /
echo "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
echo "< ancho th = 200 >< tipo de fuente = Arial, Helvetica, sans-serif > datos < / fuente >< /th >";
echo "< th >< tipo de fuente = Arial, Helvetica, sans-serif > brújula dirección < / fuente >< /th >";
echo "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"hddegrees");

echo "< tr >";
echo "< td align = center >< tipo de fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $data < / fuente >< /td >";
echo "< td align = center >< b >< fuente = Arial, Helvetica, sans-serif color = #FFFF00 > $value < /b >< / font >< /td >";
echo "< /tr >";

echo "< / table >";
? >

< /Center >
< br >< br >
< /td >
< /tr >
< / table >

< /body >
< / html >

Espero que disfruten esto tanto como yo crearlo!!

Artículos Relacionados

Actualizar datos de MySql en una página Web

Actualizar datos de MySql en una página Web

En mi primer Instructable "Arduino conseguir datos a una página web" hablé acerca de actualizar los datos mediante el comando Meta para refrescar el contenido de datos de MySQL. El problema con esto es que se actualiza la página entera y posible
Conducir a una página web en tiempo real usando Arduino, SensorMonkey y Processing.js

Conducir a una página web en tiempo real usando Arduino, SensorMonkey y Processing.js

visualización remota de datos en tiempo real.Este tutorial describe detalladamente cómo utilizar el servicio gratuito de SensorMonkey para datos de los sensores en tiempo real push desde un Arduino a una página web para la visualización con Processin
Página Web de raspado desde/hacia una página web.

Página Web de raspado desde/hacia una página web.

El objetivo del proyecto es tomar el mando como archivos por lotes y hacerlos accesibles desde la web. Podrás hacer tu propia página web y no tener que depender de alguien para preparar para usted. Web para raspar de nuevo a la web la página otra vez
Cómo incrustar vídeos en una página web usando HTML5

Cómo incrustar vídeos en una página web usando HTML5

este tutorial le mostrará cómo poner cualquier video en un sitio web usando HTML5 y la nueva etiqueta. Mediante el uso de HTML5 puede tener videos en su sitio de Internet sin necesidad de algún plugin como Adobe Flash, y se puede reproducir en dispos
Controlar las luces a través de una página web!

Controlar las luces a través de una página web!

Después de jugar con los controladores de RF por un tiempo, me di cuenta de una importante desventaja es la necesidad de disponer de un transmisor para enviar una señal al receptor. ¿No sería agradable si podía usar mi teléfono como emisor? Bueno, es
Cómo hacer una página web

Cómo hacer una página web

Aprende a crear tu propia página web usando HTML!Paso 1: Introducción:La columna vertebral de cualquier página web se compone de archivos de Hyper Text Markup Language (HTML). Esta guía le mostrará cómo crear una sencilla página web utilizando su últ
Cómo cambiar una página web dentro del navegador web Google Chrome

Cómo cambiar una página web dentro del navegador web Google Chrome

este instructable le mostrará cómo cambiar una página web usando el navegador Chrome.Todo lo que necesitas es el navegador de Google Chrome y un ordenador.Paso 1: Abra una página web Abra el navegador de Google Chrome y abrir cualquier página web que
Guardar una página web con todo lo que en XP (NO requiere INTERNET!)

Guardar una página web con todo lo que en XP (NO requiere INTERNET!)

En este instructable, voy a mostrarte cómo guardar una página web utilizando internet explorer, Microsoft Windows XP Pro. y una conexión a internet. Al hacer esto, requiere una conexión a internet para cargar la página web, pero no a ver cuando se gu
PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

hace ya más de un año HTML5 hizo su manera en la industria web. Pero aún queda mucha gente, generalmente incluyendo los principiantes y los intermedios, resulta difícil hacer un Slider HTML5 para una página web. Así que con este PSD a tutorial de con
Cómo divertir a una página web-Cool

Cómo divertir a una página web-Cool

Cómo divertir a una página web - ver los mejores video clips aquí usar este truco para desviar ejemplo de dirección de la Página Web... Si entras a google.com en la url, inmediatamente se desvían en el metacafe o cualquier sitio web que configuró sig
Cómo crear iWeb de una página web usando Apple

Cómo crear iWeb de una página web usando Apple

queremos mostrarte cómo crear una página web con aplicación de iWeb de Apple. Que enseñarle cómo hacerlo en 5 pasos!Paso 1: Paso 1: abrir y elegir temaDesde la pantalla principal, haga clic en la carpeta de aplicaciones o la plataforma de lanzamiento
¿Video Tutorial: Como crear una página Web con los productos SliceMaker?

¿Video Tutorial: Como crear una página Web con los productos SliceMaker?

Este es un video tutorial de productos SliceMaker. En este video tutorial te enseñamos cómo crear una página web completa con la ayuda de productos SliceMaker.No necesita escribir los códigos manualmente al crear una página web con los productos Slic
¿Slicemaker Tutorial: Cómo crear una página Web con SliceMaker productos?

¿Slicemaker Tutorial: Cómo crear una página Web con SliceMaker productos?

SliceMaker Soft seguirá proporcionándole nuevos tutoriales de vídeo sobre cómo usar sus productos. Este es uno de los video tutoials de productos SliceMaker. A través de este tutorial, aprenderás fácilmente cómo crear una página web con los productos
¿Cómo crear una página web sin conocimientos de programación?

¿Cómo crear una página web sin conocimientos de programación?

a través de este tutorial, usted puede crear fácilmente una página web dentro de varios pasos en lugar de escribir los códigos web complicadas.