Pantalla de pronóstico del tiempo Art Deco: 9 pasos (con imágenes)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:40

Hola amigos, en este Instructable vamos a ver caliente para construir esta Pantalla de Pronóstico del Tiempo. Utiliza una mini placa Wemos D1 junto con una pantalla TFT a color de 1.8”para mostrar el pronóstico del tiempo. ¡También diseñé e imprimí en 3D un recinto para este proyecto utilizando filamento de madera! Obtuve la inspiración para este gabinete de estilo Art Deco de una vieja radio. Quería un diseño para la estación meteorológica que fuera único y de alguna manera artístico, estaba aburrido de los recintos cuadrados sin ningún carácter. Quería algo que me hiciera sentir bien al mirarlo.

El proyecto se conecta a Internet y recupera el pronóstico del tiempo para mi ubicación y lo muestra en la pantalla. El proyecto solo muestra el ícono del clima, la temperatura y la hora de la predicción porque quería una apariencia mínima para este proyecto. Por supuesto, puede agregar fácilmente más información si lo desea. Ahora veamos cómo construir este proyecto.

Paso 1: obtenga todas las piezas

Las piezas necesarias para construir este proyecto son las siguientes:

• Una mini placa Wemos D1 ▶
• Una pantalla TFT a color de 1,8”▶
• Algunos cables ▶

¡El costo del proyecto es muy bajo, alrededor de $ 12!

También necesitamos un recinto para este proyecto. Si te gusta el recinto Art Deco que diseñé para este proyecto, descárgalo de Thingiverse.

Consíguelo aquí ▶

Paso 2: Wemos D1 Mini

¡La Wemos D1 mini es una nueva placa fantástica que cuesta alrededor de $ 5!

El tablero es muy pequeño. Utiliza el chip ESP8266 EX que puede funcionar a una frecuencia de hasta 160 MHz. Tiene mucha memoria, 64Kb de RAM de instrucciones, 96Kb de RAM de datos y 4MB de memoria flash para almacenar sus programas. Ofrece conectividad WiFi, actualizaciones por aire y mucho más. La mini placa D1 ofrece 11 pines GPIO y una entrada analógica. A pesar de su pequeño tamaño, se están desarrollando muchos escudos para esta placa, lo cual creo que es genial, ya que de esta manera podemos construir fácilmente grandes proyectos de Internet de las cosas. Por supuesto, podemos programar esta placa usando el IDE de Arduino.

La placa, a pesar de su pequeño tamaño, supera en rendimiento a todas las demás placas compatibles con Arduino. He realizado una comparativa entre el ESP8266 y Arduino, puedes consultar el video que he adjuntado en este paso. ¡Esta placa es 17 veces más rápida que una Arduino Uno! También supera a la placa Arduino más rápida, la Arduino Due. ¡Todo eso, con un costo de menos de $ 6! Impresionante.

Paso 3: la pantalla TFT a color de 1,8"

Esta es una pantalla TFT a color de 1.8 que usa el controlador ST7735. Esta fue la primera pantalla a color que se usó con Arduino y la pantalla a color que más uso. Es económica, cuesta alrededor de $ 6, tiene una resolución de 160x128 píxeles, Puede mostrar 65.000 colores, ofrece una ranura para tarjetas SD en la parte posterior y tiene un gran soporte de biblioteca. ¡Funciona en todos los Arduino, funciona en Teensy y con las placas ESP8266! ¿Qué más preguntar? ¡Una gran pantalla!

He preparado un video tutorial detallado sobre esta pantalla y lo he adjuntado en este instructivo.

Paso 4: Construya el circuito prototipo

Ahora es el momento de conectar todas las partes. Es muy fácil. ¡Solo necesitamos conectar 8 cables!

Conexión de la pantalla TFT a color de 1,8"

1. Vcc de la pantalla va a la salida de 5V del Wemos D1 mini
2. GND de la pantalla va a Wemos GND
3. El pin CS va al pin digital 2
4. El pin de reinicio va al pin digital 4
5. El pin A0 va al pin digital 3
6. El pin SDA va al pin digital 7
7. El pin SCK va al pin digital 5
8. El pin LED va a la salida de 3.3V del Wemos D1 mini

¡Eso es todo! ¡La electrónica está lista! Si ponemos en marcha el proyecto, ¡todo funciona como se esperaba!

Paso 5: Imprima el gabinete en 3D

El siguiente paso es imprimir en 3D el gabinete. Diseñé este gabinete utilizando el software gratuito Fusion 360.

Probé muchos programas de diseño 3D diferentes, pero Fusion 360 se convirtió en mi favorito por las siguientes razones.

• Es muy poderoso
• Es gratis
• Es relativamente fácil de usar.
• Hay muchos tutoriales en línea sobre cómo usar este software.

Me tomó alrededor de media hora diseñar en 3D este gabinete y tengo en mente que soy muy nuevo en el diseño y la impresión 3D. ¡Es el segundo diseño que he hecho! Este diseño se basa en el diseño de una radio antigua, muy antigua.

Si te gusta el recinto Art Deco que diseñé para este proyecto, descárgalo de Thingiverse. Consíguelo aquí ▶

Lo imprimí en 3D con filamento de madera. Utilicé el filamento Easy Wood Coconut de Form Futura. Tengo que decir que este filamento es, con mucho, mi favorito. Se ve y se siente genial.

Paso 6: Finalización de la impresión 3D

El gabinete consta de 3 partes, y tardé unas horas en imprimirlo, ¡pero el resultado fue fantástico!

Una vez terminada la impresión, lijé las piezas con papel de lija fino. Luego los pulimos con barniz para madera. Esperé alrededor de un día a que se seque el barniz antes de proceder con el proyecto.

El resultado final es impresionante.

Como soy muy nuevo en la impresión 3D, mi técnica para pulir la impresión 3D puede no ser ideal, ¡pero el resultado final es realmente genial!

Paso 7: Conectando todo junto

Después de que se secó el barniz de madera, pegué la pantalla a la pieza frontal con un poco de cinta y soldé los cables a la mini placa Wemos D1. Luego conecté los cables a la pantalla. Después de probar el circuito nuevamente para asegurarse de que todo funciona como se esperaba, llegó el momento de pegar la mini placa Wemos D1 en su lugar.

Desafortunadamente, el diseño no era perfecto y las piezas no encajaban en el gabinete por un error de un par de milímetros, por lo que tuve que hacer algunas modificaciones en el diseño por las malas. Los archivos 3D que he subido son los correctos, después de que las modificaciones se transfirieron al diseño 3D.

Luego, encendí el proyecto y centré la pantalla antes de unirla permanentemente con pegamento caliente. Entonces llegó el momento de pegar un pequeño trozo de tela en la pieza frontal para agregar algo de color y contraste al cerramiento. ¡El último paso fue pegar todas las partes juntas! ¡Nuestro proyecto está listo! Impresionante, ¿no? Me gusta mucho la forma y el tacto del recinto. Hace que una estación meteorológica ordinaria parezca única. Veamos ahora el lado del software del proyecto.

Paso 8: el código del proyecto

El proyecto obtiene el pronóstico del tiempo del sitio web openweathermap.org. Para analizar los datos meteorológicos, necesitamos la excelente biblioteca Arduino JSON. También necesitamos dos bibliotecas para la visualización.

Las bibliotecas necesarias son las siguientes:

1. Adafruit GFX:
2. Adafruit ST7735:
3. Arduino JSON:

Veamos el código ahora. Al principio, tenemos que configurar el SSID y la contraseña de nuestra red WiFi. A continuación, tenemos que ingresar la APIKEY gratuita del sitio web operweathermap.org. Para crear su propia clave API, debe registrarse en el sitio web. Obtener datos y pronósticos meteorológicos actuales es gratuito, pero el sitio web ofrece más opciones si está dispuesto a pagar algo de dinero. A continuación, tenemos que encontrar la identificación de nuestra ubicación. Busque su ubicación y copie la identificación que se puede encontrar en la URL de su ubicación. Luego ingrese la identificación de su ciudad en la variable CityID. El último paso es ingresar su zona horaria para que el proyecto muestre la hora correcta. Ahora estamos listos para seguir adelante.

Al principio, nos conectamos a la Red WiFi. Luego solicitamos datos meteorológicos del servidor. Solo solicito un resultado, la previsión meteorológica para las próximas 3 horas. Puede modificar fácilmente el código para obtener más resultados de pronóstico si lo desea. Recibimos una respuesta con los datos meteorológicos en formato JSON. Antes de enviar los datos a la biblioteca JSON, elimino manualmente algunos caracteres que me estaban causando problemas. Luego, la biblioteca JSON se hace cargo y podemos guardar fácilmente los datos que necesitamos en variables. Tenemos que echar un vistazo a la estructura de los datos JSON a los que responde el sitio web de openweathermap para ver cómo obtener los datos que nos interesan. Una vez que hayamos guardado los datos en variables, todo lo que tenemos que hacer es mostrarlos en el pantalla y espere 30 minutos antes de solicitar nuevos datos del servidor. Mostramos la hora de la predicción meteorológica, la temperatura y el icono meteorológico. Los iconos del tiempo constan de algunos gráficos de mapa de bits y algunas formas simples. También he preparado una versión del código que muestra la temperatura en grados Fahrenheit.

Puede encontrar el código del proyecto adjunto a este Instructable. Ordeno descargar la última versión del código (versión 2020), puedes consultar el sitio web del proyecto aquí:

o el repositorio github del proyecto:

Paso 9: Resultado final

Como puede ver, con la tecnología ahora disponible, podemos construir proyectos impresionantes fácilmente y con un costo muy bajo. Este proyecto es una clara demostración de esto, ¡cuesta menos de 15 $! Por supuesto, podemos agregar muchas cosas a este proyecto para mejorarlo. Podemos agregar un parlante y convertirlo en un reproductor MP3, podemos agregar un receptor de radio FM y convertirlo en una radio antigua y muchas más cosas. Me encantaría conocer tu opinión sobre este proyecto. ¿Tiene alguna idea sobre cómo mejorar este proyecto? Publique sus pensamientos e ideas a continuación. ¡Gracias!

Primer premio en el Concurso de constructores de IoT

Tercer premio en el concurso Design Now: 3D Design Contest 2016