Afișare prognoza meteo Art Deco: 9 pași (cu imagini)

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41

Bună prieteni, în acest Instructable vom vedea fierbinte pentru a construi acest afișaj de prognoză meteo. Folosește o mini placă Wemos D1 împreună cu un ecran TFT color de 1,8”pentru a afișa prognoza meteo. De asemenea, am proiectat și am imprimat 3D o incintă pentru acest proiect folosind filament din lemn! Am primit inspirația pentru această incintă în stil Art Deco de la un radio vechi. Am vrut un design pentru Stația Meteo care să fie unic și cumva artistic, mă plictiseam de incintele pătrate fără niciun caracter. Am vrut ceva care să mă facă să mă simt bine când mă uit la el.

Proiectul se conectează la internet și preia prognoza meteo pentru locația mea și o afișează pe ecran. Proiectul afișează doar pictograma vremii, temperatura și ora predicției, deoarece am dorit un aspect minim pentru acest proiect. Desigur, puteți adăuga cu ușurință mai multe informații dacă doriți. Acum să vedem cum să construim acest proiect.

Pasul 1: obțineți toate părțile

Părțile necesare pentru construirea acestui proiect sunt următoarele:

• O mini placă Wemos D1 ▶
• Un afișaj TFT color de 1,8”▶
• Unele fire ▶

Costul proiectului este foarte mic, este în jur de 12 USD!

De asemenea, avem nevoie de o incintă pentru acest proiect. Dacă vă place carcasa Art Deco pe care am proiectat-o pentru acest proiect, o descărcați de la Thingiverse.

Obțineți-l aici ▶

Pasul 2: Wemos D1 Mini

Wemos D1 mini este o nouă placă fantastică, care costă în jur de 5 USD!

Tabla este foarte mică. Folosește cipul ESP8266 EX care poate funcționa la o frecvență de până la 160 MHz. Are multă memorie, 64 KB de instrucțiuni RAM, 96 KB de date RAM și 4 MB de memorie flash pentru a vă stoca programele. Oferă conectivitate WiFi, actualizări Over the Air și multe altele. Mini placa D1 oferă 11 pini GPIO și o intrare analogică. În ciuda dimensiunilor sale mici, multe scuturi sunt dezvoltate pentru această placă, ceea ce cred că este grozav, deoarece astfel putem construi cu ușurință proiecte minunate pentru Internetul obiectelor! Desigur, putem programa această placă folosind Arduino IDE.

Placa, în ciuda dimensiunilor reduse, depășește toate celelalte plăci compatibile Arduino ca performanță. Am efectuat o comparație între ESP8266 și Arduino, puteți verifica videoclipul pe care l-am atașat în acest pas. Această placă este de 17 ori mai rapidă decât un Arduino Uno! De asemenea, depășește cea mai rapidă placă Arduino, Arduino Due. Toate acestea, cu un cost mai mic de 6 USD! Impresionant.

Pasul 3: Ecranul TFT color de 1,8"

Acesta este un afișaj TFT color de 1,8 care folosește driverul ST7735. Acesta a fost primul afișaj color utilizat cu Arduino și afișajul color pe care îl folosesc cel mai mult. Este ieftin, costă în jur de 6 USD, are o rezoluție de 160x128 pixeli, poate afișa 65.000 de culori, oferă și slot pentru card SD în spate și are un suport excelent pentru bibliotecă. Funcționează pe fiecare Arduino, funcționează pe Teensy și cu plăcile ESP8266! Ce altceva să mai întreb? Un afișaj minunat!

Am pregătit un tutorial video detaliat despre acest afișaj și l-am atașat în acest instructable.

Pasul 4: Construiți circuitul prototip

Acum este timpul să conectați toate piesele împreună. Este foarte ușor. Trebuie doar să conectăm 8 fire!

Conectarea ecranului TFT color de 1,8"

1. Vcc-ul afișajului merge la ieșirea de 5V a Wemos D1 mini
2. GND al afișajului se duce la Wemos GND
3. Pinul CS merge la pinul digital 2
4. Pinul de resetare merge la pinul digital 4
5. Pinul A0 merge la pinul digital 3
6. Pinul SDA merge la pinul digital 7
7. Pinul SCK merge la pinul digital 5
8. Pinul LED merge la ieșirea de 3,3V a Wemos D1 mini

Asta e! Electronica este gata! Dacă pornim proiectul, totul funcționează conform așteptărilor!

Pasul 5: Imprimați 3D carcasa

Următorul pas este imprimarea 3D a carcasei. Am proiectat această incintă folosind software-ul gratuit Fusion 360.

Am încercat o mulțime de software de proiectare 3D diferite, dar Fusion 360 a devenit preferatul meu din următoarele motive.

• Este foarte puternic
• Este gratis
• Este relativ ușor de utilizat
• Există o mulțime de tutoriale online despre modul de utilizare a acestui software

M-am dus în jur de o jumătate de oră să desenez 3D această incintă și am în minte că sunt foarte nou în designul 3D și imprimarea 3D. Este al doilea design pe care l-am făcut vreodată! Acest design se bazează pe designul unui radio vechi, foarte vechi.

Dacă vă place carcasa Art Deco pe care am proiectat-o pentru acest proiect, o descărcați de la Thingiverse. Obțineți-o aici ▶

Am imprimat-o 3D folosind filament din lemn. Am folosit filamentul Easy Wood Coconut de la Form Futura. Trebuie să spun că acest filament este de departe preferatul meu. Arată și se simte grozav.

Pasul 6: Finalizarea imprimării 3D

Carcasa este formată din 3 părți și mi-a luat câteva ore să o imprim, dar rezultatul a fost fantastic!

După ce s-a terminat imprimarea, am șlefuit piesele folosind hârtie de nisip fin. Apoi lustruiți-le folosind lac pentru lemn. Am așteptat aproximativ o zi ca lacul să se usuce înainte de a proceda la proiect.

Rezultatul final este impresionant.

Deoarece sunt foarte nou în imprimarea 3D, tehnica mea de lustruire a imprimării 3D poate să nu fie ideală, dar rezultatul final este cu adevărat grozav!

Pasul 7: Conectarea totul împreună

După ce lacul pentru lemn s-a uscat, am atașat afișajul pe bucata din față cu niște bandă și am lipit firele la mini-placa Wemos D1. Am conectat apoi firele la ecran. După ce am testat din nou circuitul pentru a fi siguri că totul funcționează așa cum era de așteptat, a venit timpul să lipim mini placa Wemos D1.

Din păcate, designul nu a fost perfect, iar piesele nu s-au încadrat în incintă pentru o eroare de câțiva milimetri, așa că a trebuit să fac câteva modificări la design în mod greu. Fișierele 3D pe care le-am încărcat sunt cele corecte, după ce modificările au fost transferate în designul 3D.

Apoi, am alimentat proiectul și am centrat afișajul înainte de al atașa permanent cu adeziv fierbinte. A venit momentul să lipim o bucată mică de țesătură pe partea din față, pentru a adăuga o culoare și un contrast la incintă. Ultimul pas a fost să lipim toate părțile împreună! Proiectul nostru este gata! Impresionant, nu-i așa? Îmi place foarte mult forma și senzația incintei. Face o stație meteo obișnuită să arate unic. Să vedem acum partea software a proiectului.

Pasul 8: Codul proiectului

Proiectul primește prognoza meteo de pe site-ul web openweathermap.org. Pentru a analiza datele meteo avem nevoie de excelenta bibliotecă Arduino JSON. De asemenea, avem nevoie de două biblioteci pentru afișare.

Bibliotecile necesare sunt următoarele:

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

Să vedem codul acum. La început, trebuie să setăm SSID-ul și parola rețelei noastre WiFi. Apoi, trebuie să introducem APIKEY gratuit de pe site-ul operweathermap.org. Pentru a vă crea propria cheie API, trebuie să vă înscrieți pe site. Obținerea datelor meteo și prognozele actuale este gratuită, dar site-ul oferă mai multe opțiuni dacă sunteți dispus să plătiți niște bani. Apoi, trebuie să găsim id-ul locației noastre. Găsiți locația dvs. și copiați ID-ul care poate fi găsit în adresa URL a locației dvs. Apoi introduceți ID-ul orașului dvs. în variabila CityID. Ultimul pas este să introduceți fusul orar pentru ca proiectul să afișeze ora corectă. Acum suntem gata să mergem mai departe.

La început, ne conectăm la rețeaua WiFi. Apoi solicităm datele meteo de la server. Solicit un singur rezultat, prognoza meteo pentru următoarele 3 ore. Puteți modifica cu ușurință codul pentru a obține mai multe rezultate prognozate, dacă doriți. Primim un răspuns cu datele meteo în format JSON. Înainte de a trimite datele în biblioteca JSON, șterg manual câteva caractere care îmi cauzau probleme. Apoi biblioteca JSON preia și putem salva cu ușurință datele de care avem nevoie în variabile. Trebuie să aruncăm o privire asupra structurii datelor JSON pe care site-ul web openweathermap le răspunde pentru a vedea cum să obținem datele care ne interesează. După ce am salvat datele în variabile, tot ce trebuie să facem este să le afișăm pe ecranul și așteptați 30 de minute înainte de a solicita date noi de la server. Afișăm ora predicției vremii, temperatura și pictograma vremii. Pictogramele vremii constau din grafică bitmap și câteva forme simple. De asemenea, am pregătit o versiune a codului care afișează temperatura în grade Fahrenheit.

Puteți găsi codul proiectului atașat la acest instructabil. Pentru a descărca cea mai recentă versiune a codului (versiunea 2020) puteți consulta site-ul web al proiectului aici:

sau depozitul github al proiectului:

Pasul 9: Rezultatul final

După cum puteți vedea, cu tehnologia disponibilă acum putem construi proiecte impresionante cu ușurință și cu costuri foarte mici! Acest proiect este o demonstrație clară a acestui lucru, costă mai puțin de 15 $! Desigur, putem adăuga multe lucruri la acest proiect pentru a-l îmbunătăți. Putem adăuga un difuzor și îl putem transforma într-un player MP3, putem adăuga un receptor radio FM și îl putem transforma într-un radio de epocă și multe altele. Mi-ar plăcea să vă aud părerea despre acest proiect. Aveți idei despre cum să îmbunătățiți acest proiect? Vă rugăm să publicați gândurile și ideile dvs. mai jos. Mulțumiri!

Premiul I la Concursul IoT Builders

Premiul III la Design Now: 3D Design Contest 2016