Ilumina tu casa, ¡desde WordPress! - PonteWordCamp 2019 · las luces. La página web. 1....

33
Ilumina tu casa, ¡desde WordPress!

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

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

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

● 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

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

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

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

#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
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

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
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

● 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

¿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

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

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

● 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

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
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

#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

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

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

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
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

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

¿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

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

● 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

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

#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

● 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

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

Demo

Page 32: 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

¡Gracias!@tinkers_es

[email protected]

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

Ilumina tu casa, ¡desde WordPress!