Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Presentación Proyecto Estación Meteorológica - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 23 de diciembre de 2025 por Francisco J. G.

6 visualizaciones

Presentación Proyecto Estación Meteorológica

Descargar la transcripción

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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid