Sistema web de control con JQUERY

Uniendo múltiples disciplinas con un único propósito

Hola, no sabia exactamente qué título ponerle a esta entrada. Resumiendo un poco, esto es un ejemplo de como podemos ejecutar scripts en el RaspberryPi, llamándolos desde la web. No es nada nuevo, llevamos siglos usándolo, pero lo que vamos a ver es muy interesante porque vamos a hacerlo con JQUERY, que en principio, no esta pensado para este propósito.
Como seguro que sabrás, JQUERY se ejecuta en el navegador, por lo que al servidor donde se aloja, ni se entera. Necesitamos por tanto crear un evento vía AJAX, que llame ejecute un post PHP y otra web lo recoja, ejecutando un script. Seguramente ni lo habré escrito bien, así que vamos al lío.
Lo primero será instalar algunas dependencias:

apt-get install apache2 php5

creo que esas son todas. Como son necesarios varios archivos, los he comprimido todos para que los podáis descargar desde Dropbox.

1. cd /var/www/
2. aqui se supone que tenemos el archivo prueba.tar.gz
3. tar -xvzf prueba.tar.gz
4. chown -R www-data:www-data prueba
5. touch /tmp/resultado.log
6. chmod 777 /tmp/resultado.log

Tiene que aparecer de la siguiente forma:

/var/www/

/var/www/prueba

/var/www/prueba/js

/var/www/prueba/js/jquery-1.8.3.js

/var/www/prueba/js/script.sh

/var/www/prueba/js/my-script-molon.js

/var/www/prueba/js/jquery-ui.js

/var/www/prueba/index.html

/var/www/prueba/test.php

/var/www/prueba/css

/var/www/prueba/css/jquery-ui.css

Y ya está. Ahora navegáis a http://ip_del_raspberrypi/prueba/ y podemos hacer lo siguiente:

A lo mejor no resulta "impresionante" pero desde luego si que es muy interesante. Si se tratase de un simple formulario PHP, cada vez que se envía, se refrescaría la web. En el archivo /var/www/prueba/js/my-script-molon.js he dejado varios comentarios y varios ejemplos ... comentados. La idea es tener en cada momento el valor del slider. Lo que tenemos aquí, viene a ser más o menos esto:

Una de las grandes ventajas de la simplicidad de este ejemplo, es que usa JQUERY, que es compatible con cualquier navegador (paso de probarlo en IExplorer).

¿y para que queremos esto?

En el ejemplo que os pongo, se ejecuta un script con un parámetro númerico, correspondiente al valor actual del slider. Puedes aprovecharlo para controlar la intensidad de la luz, controlar algunos leds, un servo en velocidad y sentido o ... puedes usarlo como control remoto para el ardu-quad-raspby-copter!

agradecimientos especiales a ...

Como poco a poco me vais conociendo un poco más, sabréis que yo sólo no era capaz de hacer toda la parte del JQUERY, PHP ... así que desde aquí mando un saco de agradecimientos a mi colega Lucas (el Mago) por ayudarme con sus infinitos conocimientos en la materia ;)