Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Presentación Proyecto Estación Meteorológica - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Presentación Proyecto Estación Meteorológica
y buenos días tenemos aquí el proyecto número 2 que vamos a hacer poco a poco y primero hago
00:00:00
una presentación de cómo va a ser y vemos cómo funciona y luego lo construiremos poco a poco
00:00:12
aquí lo que tengo por un lado es una placa esp 32 con un sensor de temperatura y presión de
00:00:18
De temperatura y humedad. Para presión tendríamos que añadir otro componente, pero bueno, con temperatura y humedad nos valdría.
00:00:29
Lo que pasa es que el código solo va a permitir determinar la temperatura.
00:00:38
El montaje tampoco lo voy a hacer, lo voy a dejar así porque es muy sencillo.
00:00:44
No tiene más que, fijaos, el DHT22, acordaos, está formado por cuatro terminales.
00:00:49
terminales uno iba a vcc que preferiblemente en conectarlo a 3.3 voltios como aparece aquí lo
00:00:56
tengo ya conectado en rojo y luego tendríamos el gnd que nos iría aquí que sería el gnd1 de
00:01:03
la placa esp y luego el serial data que era el único que se que se conectaba a la placa el otro
00:01:09
se dejaba sin conectar que sería que hemos cogido un pin digital que sería el 15 entonces mucha
00:01:18
complejidad no tiene el circuito por ello no lo voy a hacer como veis es muy sencillo lo que sí
00:01:23
nos vamos a meter es en el código y en cómo cómo conectarlo a una web a través de samp veremos aquí
00:01:30
lo tengo arrancado y veremos cómo funciona esta sería la página que se va actualizando y que
00:01:40
contacta pues con walkie walkie en el que walkie lo que va a hacer es que cada vez que yo voy a
00:01:49
darle ejecutar lo veis ya ha conectado a la wifi y veis esta sería la temperatura nos da una
00:01:54
respuesta del servidor de 200 que sería la correcta y lo que vamos haciendo es alterar
00:02:01
la temperatura y la humedad ya digo aunque altera la humedad no lo he metido en el código no se
00:02:07
va a meter más que un par de líneas más pero bueno para que lo veáis solo me interesaba la
00:02:11
temperatura veis que ya he hecho una actualización de 12.7 grados y veremos que en la página web que
00:02:16
tenemos conectada que sería esta y cómo se va actualizando cuando actualizamos veis que me
00:02:27
acaba de enviar a la son 58 me acaba de enviar una nueva lectura de 10 con 90 grados el que es
00:02:34
Es el que hemos generado, lo veis, temperatura medida y la respuesta del servidor que es correcta.
00:02:41
Si yo le voy a poner una temperatura de menos 24 con un grado de centígrados,
00:02:49
pues al actualizar, él también, veis, actualizar, nos coge la temperatura
00:02:54
y vemos a la página web que tenemos creada y vemos cómo se actualiza y cómo se actualiza también la gráfica.
00:03:00
Esto es todo lo que vamos a hacer para el proyecto.
00:03:07
Veis que es un proyecto IoT en el que tenemos una placa ISP en el que tenemos conectada a través de Walkway, lo hemos simulado online. Como Walkway trabaja en la nube, cuando nosotros corremos SAM en nuestro PC, en el localhost, solo es accesible desde tu propio equipo.
00:03:08
Entonces, Wokwi, como se ejecuta en la nube, no puede acceder al localhost.
00:03:32
Entonces, ¿cómo lo he solucionado?
00:03:38
Pues lo he solucionado a través de, el problema se resuelve por medio de Ngrok.
00:03:42
Ngrok, que estaría aquí, ya lo explicaré cómo lo hace Ngrok,
00:03:48
nos va a permitir que el ESP32 simulado en Wokwi pueda enviar datos,
00:03:55
o sea la temperatura de humedad por HTTP en vía POS o GET
00:04:01
e a un script PHP en SAM
00:04:05
que guarda los datos en la base de datos o el archivo
00:04:08
y la web genera la gráfica con esos datos, como hemos visto.
00:04:11
¿Qué sucede? Eso es lo que queríamos hacer.
00:04:15
Pero sin NGROC, WAPWI no puede conectar con nuestro servidor local.
00:04:17
Entonces, con NGROC lo que hace es que genera un enlace entre WAPWI
00:04:24
una URL pública en DNGROC a XAMPP, PHP y gráfica web.
00:04:30
Entonces, el flujo completo del proyecto sería SP32,
00:04:37
Wacwi lee el DHT22, envía datos a una página de DNGROC,
00:04:43
que sería esta que hay aquí.
00:04:51
ngrok redirige
00:04:55
a
00:04:57
a mi localhost
00:04:59
y php guarda los datos
00:05:01
y la web xampp muestra
00:05:04
la gráfica meteorológica
00:05:06
entonces se necesita un comando
00:05:07
para
00:05:10
para
00:05:11
un comando ngrok que sería
00:05:13
ngrok http 80
00:05:15
aquí en el código
00:05:17
viene
00:05:20
vamos a verlo
00:05:21
que estaría aquí
00:05:23
Y en el código le he puesto, sería justamente en el HTTP, cuando comienza, vamos a ver, aquí lo tenemos, tenemos aquí el servidor URL, sería este que aparece aquí, que es concretamente el que hemos puesto en Egrok.
00:05:25
Entonces, nosotros lo estamos enviando primero a Ennegrock, Ennegrock luego lo enviará a nuestro servidor, lo enviará a nuestro localhost para que se actualice la página.
00:05:52
Digamos que Ennegrock actúa como un intermediario, no es nada más que añadir la línea de Ennegrock aquí.
00:06:08
Bien, entonces voy a explicar una vez que he publicado el contenido, o sea, cómo va a funcionar el sistema y lo único que me queda es decir que hay una serie de componentes que vamos a necesitar.
00:06:14
una sería el código propio de
00:06:32
Huawei, que es este de aquí
00:06:35
que lo vamos a ver
00:06:37
paso a paso en el siguiente vídeo
00:06:39
y luego tendremos que configurar también
00:06:40
los ficheros PHP
00:06:42
que tendremos uno
00:06:44
un test.php, un insertar
00:06:46
y un config
00:06:49
luego
00:06:50
luego veremos concretamente
00:06:51
a ver, los tengo aquí
00:06:55
este sería mi cultivo
00:06:56
IoT y tendremos que
00:07:06
crear tanto la página html como estos tres ficheros php que sería el tema o sea el insertar
00:07:08
el listar y el testear lo haremos poco a poco primero haremos explicar el código en walkway
00:07:16
de cómo es veis que aquí se va actualizando poco a poco el código lo que va haciendo es una lectura
00:07:25
en el loop cada 60 espera 60 segundos antes de la siguiente lectura si nosotros le ponemos un
00:07:32
veis ha puesto 60 mil mil segundos si le hacemos un le promueve los tiempos pues lógicamente pues
00:07:39
esto irá un poco más rápido el entonces ya digo necesitamos por partes primero el sistema de
00:07:48
conexiones que ya está aquí y que es muy sencillo que no necesito
00:07:56
ninguna explicación más luego el siguiente vídeo vamos a tratar de
00:08:01
explicar el código en huawei para la placa esp 32 y
00:08:05
posteriormente en el siguiente vídeo hablaremos de los ficheros php para que
00:08:12
de la página html para que se vean se vayan actualizando las temperaturas
00:08:18
- Idioma/s:
- Materias:
- Informática
- Niveles educativos:
- ▼ Mostrar / ocultar niveles
- Formación Profesional
- Ciclo formativo de grado básico
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado medio
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado superior
- Primer Curso
- Segundo Curso
- Ciclo formativo de grado básico
- Autor/es:
- Francisco J. González Constanza
- Subido por:
- Francisco J. G.
- Licencia:
- Todos los derechos reservados
- Visualizaciones:
- 6
- Fecha:
- 23 de diciembre de 2025 - 19:15
- Visibilidad:
- Público
- Centro:
- IES CIFP a Distancia Ignacio Ellacuría
- Duración:
- 08′ 34″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 178.92 MBytes