Diferencia entre revisiones de «Skypic Web»

De WikiRobotics
Saltar a: navegación, buscar
(Aplicación "Hola mundo": Web-led)
(Aplicación "Hola mundo": Web-led)
 
(No se muestran 6 ediciones intermedias del mismo usuario)
Línea 2: Línea 2:
  
 
== Introducción ==
 
== Introducción ==
Control de dispositivos a través de la web usando la [[Skypic|Tarjeta skypic]]: Activación de relés para encender aparatos eléctricos (televisiones, flexos, persianas...), lectura de sensores (temperatura, contacto, presencia...), movimiento de robots móviles, orientación de webcams usando servos, etc...
+
Control de dispositivos a través de la '''web''' usando la [[Skypic|Tarjeta skypic]]: Activación de relés para encender aparatos eléctricos (televisiones, flexos, persianas...), lectura de sensores (temperatura, contacto, presencia...), movimiento de robots móviles, orientación de webcams usando servos, etc...
  
 
== Arquitectura ==
 
== Arquitectura ==
Línea 10: Línea 10:
 
* Programas en PHP que ofrecen una interfaz web y envían los comandos a la Skypic
 
* Programas en PHP que ofrecen una interfaz web y envían los comandos a la Skypic
 
* Cualquier cliente con navegadores web estándares: ordenadores, netbooks, iPads, Teléfonos móviles
 
* Cualquier cliente con navegadores web estándares: ordenadores, netbooks, iPads, Teléfonos móviles
 +
 +
{|
 +
| [[Imagen:Skypic-web-arquitectura.png|thumb|600px|Arquitectura del proyecto skypic-web (''click para ampliar'')]]
 +
|}
  
 
== Fotos ==
 
== Fotos ==
Línea 29: Línea 33:
 
* Instalar php5
 
* Instalar php5
 
   sudo apt-get install php5
 
   sudo apt-get install php5
* Abrir un navegador y conectarse a ''localhost'' para verificar que el apache está funcionando. Debe aparecer el mensaje "'''It Works!'''"
+
* Abrir un navegador y conectarse a ''http://localhost'' para verificar que el apache está funcionando. Debe aparecer el mensaje "'''It Works!'''"
 
* Incluir el usuario '''www-data''' dentro del grupo '''dialout''' (para tener acceso al puerto serie)
 
* Incluir el usuario '''www-data''' dentro del grupo '''dialout''' (para tener acceso al puerto serie)
 
   sudo adduser www-data dialout
 
   sudo adduser www-data dialout
Línea 40: Línea 44:
 
== Ejemplos de aplicaciones ==
 
== Ejemplos de aplicaciones ==
 
=== Aplicación "Hola mundo": Web-led ===
 
=== Aplicación "Hola mundo": Web-led ===
 +
 +
==== Descripción ====
 +
Encendido y apagado del led de la Skypic a través de la web
 +
 +
==== Instalación ====
 +
 
* Obtener la última versión de Web-led del repositorio
 
* Obtener la última versión de Web-led del repositorio
 
   svn co http://svn.iearobotics.com/skypic_web/trunk/web-led/
 
   svn co http://svn.iearobotics.com/skypic_web/trunk/web-led/
Línea 51: Línea 61:
 
* Descargar el fichero skyled.hex en la Skypic
 
* Descargar el fichero skyled.hex en la Skypic
  
* Copiar los ficheros php en la carpeta del servidor web
+
* Copiar los ficheros de la carpeta php en el directorio del servidor web
 +
  cd ..
 
   sudo cp -r php /var/www/web-led
 
   sudo cp -r php /var/www/web-led
  
 
* Abrir un navegador e ir a la dirección: '''http://localhost/web-led/web-led.php'''
 
* Abrir un navegador e ir a la dirección: '''http://localhost/web-led/web-led.php'''
 +
Aparecerá una mini-página web con dos botones
 +
{| {{tablabonita}}
 +
| [[Imagen:Web-led-botones-1.jpg]]
 +
|}
 +
 +
Al pulsar '''ON''' el led de la tarjeta Skypic se encenderá y al apretar '''OFF''' se apagará
 +
 +
¡Enhorabuena! ¡¡Ya tienes tu primer sistema web-domótico funcionando!! :-D
  
 
== Repositorio ==
 
== Repositorio ==
Línea 79: Línea 98:
  
 
== Noticias ==
 
== Noticias ==
 +
* '''14/Jun/2010''': Añadida documentación sobre la aplicación web-led
 
* '''13/Jun/2010''':  
 
* '''13/Jun/2010''':  
 
** Comenzada esta página
 
** Comenzada esta página

Revisión actual del 02:24 14 jun 2010

Skypic-web.png

Introducción

Control de dispositivos a través de la web usando la Tarjeta skypic: Activación de relés para encender aparatos eléctricos (televisiones, flexos, persianas...), lectura de sensores (temperatura, contacto, presencia...), movimiento de robots móviles, orientación de webcams usando servos, etc...

Arquitectura

  • Un ordenador con servidor web (Apache)
  • Una Tarjeta Skypic conectada por puerto serie
  • Programas en PHP que ofrecen una interfaz web y envían los comandos a la Skypic
  • Cualquier cliente con navegadores web estándares: ordenadores, netbooks, iPads, Teléfonos móviles
Arquitectura del proyecto skypic-web (click para ampliar)

Fotos

Vídeos

300|250</youtube>
Aplicación web-led: Encendiendo un led de

la skypic desde un iPad
Enlace directo al vídeo en Youtube

Instalación

Ubuntu 10.04

  • Instalar el servidor apache2
sudo apt-get install apache 2
  • Instalar php5
 sudo apt-get install php5
  • Abrir un navegador y conectarse a http://localhost para verificar que el apache está funcionando. Debe aparecer el mensaje "It Works!"
  • Incluir el usuario www-data dentro del grupo dialout (para tener acceso al puerto serie)
 sudo adduser www-data dialout

Los siguientes pasos dependerán de la aplicación concreta. En general habrá que:

  • Copiar los programas php en la carpeta /var/www (Todo lo colocado en este directorio será accesible desde el navegador)
  • Cargar el firmware adecuado en la Skypic (Dependerá de la aplicación que queramos probar)

Ejemplos de aplicaciones

Aplicación "Hola mundo": Web-led

Descripción

Encendido y apagado del led de la Skypic a través de la web

Instalación

  • Obtener la última versión de Web-led del repositorio
 svn co http://svn.iearobotics.com/skypic_web/trunk/web-led/
  • Compilar el firmware
 cd web-led/firmware-skypic
 make

Se generará el fichero skyled.hex

  • Descargar el fichero skyled.hex en la Skypic
  • Copiar los ficheros de la carpeta php en el directorio del servidor web
 cd ..
 sudo cp -r php /var/www/web-led

Aparecerá una mini-página web con dos botones

Web-led-botones-1.jpg

Al pulsar ON el led de la tarjeta Skypic se encenderá y al apretar OFF se apagará

¡Enhorabuena! ¡¡Ya tienes tu primer sistema web-domótico funcionando!! :-D

Repositorio

Autores

Licencia

Cc logo.png This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 Spain License.
Este proyecto tiene una licencia libre. Se permite expresamente su copia, modificación, distribuición y fabricación siempre que se reconozca a los autores y se comparta el proyecto bajo la misma licencia.

Descarga de Responsabilidad. Los autores no se hacen responsables en ningún caso de los posibles daños o pérdidas de garantía que pueda ocasionar el uso, debido o indebido de la información contenida en este proyecto.

Enlaces

CRÉDITOS

  • Rémy Sanchez <thenux@gmail.com>, es el autor de la clase phpSerial

Noticias

  • 14/Jun/2010: Añadida documentación sobre la aplicación web-led
  • 13/Jun/2010:
    • Comenzada esta página
    • Creado el repositorio
    • Aplicación web-led! Encendemos el led de la Skypic desde un iPad!
  • 11/Jun/2010: Nace la idea y empezamos a trabajar