Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1....
Transcript of Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1....
![Page 1: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/1.jpg)
Ilumina tu casa, ¡desde WordPress!
![Page 2: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/2.jpg)
Descargo de responsabilidad
![Page 3: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/3.jpg)
● No nos hacemos responsables de cualquier efecto demo que pueda
producirse
● Partimos de unos conocimientos técnicos mínimos
● Se trata de un proyecto didáctico
![Page 4: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/4.jpg)
Contexto
![Page 5: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/5.jpg)
Internet de las Cosas
![Page 6: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/6.jpg)
Domótica
![Page 7: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/7.jpg)
#PonteLuz
![Page 8: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/8.jpg)
![Page 9: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/9.jpg)
Los componentes hardware
![Page 10: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/10.jpg)
![Page 11: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/11.jpg)
● Placa NodeMCU basada en Arduino
● Bombilla LED
● Relé
![Page 12: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/12.jpg)
¿Qué es Arduino?
![Page 13: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/13.jpg)
Plataforma de diseño y desarrollo de software y hardware
![Page 14: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/14.jpg)
Se compone de:
• Placas• Módulos• Entorno de trabajo
![Page 15: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/15.jpg)
● Bajo coste
● Multiplataforma
● Fácil de programar
● Código abierto
● Versátil
● Gran comunidad
¿Por qué es tan útil?
![Page 16: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/16.jpg)
1. Se conectan los componentes electrónicos
2. Se desarrolla el código
3. Se compila
4. Se sube a la placa
¿Cómo funciona?
![Page 17: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/17.jpg)
![Page 18: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/18.jpg)
#PonteLuz
![Page 19: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/19.jpg)
1. Declaración de librerías, constantes y variables
2. Establecimiento de la comunicación serie
3. Conexión a la WiFi
![Page 20: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/20.jpg)
4. Conexión con el cliente
5. Comunicación con el cliente
6. Encendido o apagado de las luces
![Page 21: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/21.jpg)
La página web
![Page 22: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/22.jpg)
![Page 23: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/23.jpg)
1. Preparación de la página web en WordPress
2. Desarrollo de scripts PHP
3. Uso de la WP API REST
![Page 24: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/24.jpg)
¿Qué es la WP REST API?
![Page 25: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/25.jpg)
Acceso y gestión del contenido desde fuera de WordPress
![Page 26: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/26.jpg)
● Mostrar el listado de entradas
● Mostrar el contenido de un post
● Crear contenido
● Actualizar contenido
● Eliminar contenido
¿Qué se puede hacer?
![Page 27: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/27.jpg)
1. Se establece la ruta
2. Se indica el punto final
3. Se realiza la petición
¿Cómo funciona?
![Page 28: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/28.jpg)
#PonteLuz
![Page 29: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/29.jpg)
● Recibe si las luces están encendidas o apagadas
● Envía la petición de encender o apagar las luces
● Almacenamiento en la base de datos de la información
● Lectura de los datos
● Muestra de los mismos
![Page 30: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/30.jpg)
Uso de la WP REST API
![Page 31: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/31.jpg)
Demo
![Page 33: Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1. Preparación de la página web en WordPress 2. Desarrollo de scripts PHP 3. Uso de la WP](https://reader034.fdocuments.co/reader034/viewer/2022042920/5f66d7eec74dd769cc087f7c/html5/thumbnails/33.jpg)
Ilumina tu casa, ¡desde WordPress!