Diferencia entre revisiones de «Skypic Web»
(→Ubuntu 10.04) |
(→Aplicación "Hola mundo": Web-led) |
||
(No se muestran 12 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 17: | Línea 21: | ||
| <youtube>juGA1NfnO0Y|300|250</youtube> | | <youtube>juGA1NfnO0Y|300|250</youtube> | ||
|----- | |----- | ||
− | | Encendiendo un led de la skypic | + | | Aplicación '''web-led''': Encendiendo un led de<br> |
+ | la skypic desde un '''iPad''' <br> | ||
[http://www.youtube.com/watch?v=juGA1NfnO0Y Enlace directo al vídeo en Youtube] | [http://www.youtube.com/watch?v=juGA1NfnO0Y Enlace directo al vídeo en Youtube] | ||
|} | |} | ||
Línea 28: | 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 | ||
+ | |||
+ | 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) | * 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) | * 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 | ||
+ | |||
+ | * 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 57: | 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
Contenido
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
Fotos
Vídeos
300|250</youtube> |
Aplicación web-led: Encendiendo un led de la skypic desde un iPad |
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
- 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
![]() |
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 SVN: http://svn.iearobotics.com/skypic_web/
Autores
Licencia
![]() |
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
- Tarjeta Skypic
- Puerto serie y PHP: Clase en PHP para acceder al puerto serie
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