DIY meteorologická stanice s displejem Nextion a Arduino: 11 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

V tomto tutoriálu použijeme k zobrazení aktuálního času, teploty a vlhkosti displej Nextion, časový modul rtc1307, Arduino UNO a Visuino.

Podívejte se na ukázkové video.

Krok 1: Co budete potřebovat

• Arduino uno (nebo nano, mega kdokoli může být použit)
• Nextion lcd 2,8 palce nx3224t028_011 (jakýkoli jiný nextion lcd bude také fungovat)
• Hodinový modul I2C RTC DS1307 24C32 v reálném čase pro Arduino
• Propojovací vodiče
• Prkénko
• Program Visuino: Stáhněte si Visuino
• Program Nextion Editor: Stáhněte si zde

Krok 2: Vývoj rozhraní v editoru Nextion

Nejprve se ujistěte, že je karta SD naformátována ve formátu FAT32 (použijte nějaký software, jako je formátovač karet)

• Spusťte software Nextion Editor a klikněte na „Nový“a uložte svůj projekt do něčeho jako „Počasí“
• Poté se zobrazí dialogové okno „Nastavení“, vyberte typ zobrazení, které máte.
• Vytvoří se prázdný bílý list.
• Z panelu nástrojů vlevo přetáhněte 3x obrázek.
• Vlevo dole vyberte kartu „Obrázek“, klikněte na tlačítko + a načtěte obrázky. Některé pěkné ikony si můžete stáhnout z internetu pro čas, teplotu a vlhkost (jako web Iconarchive)
• Vyberte každý prvek obrázku a v pravém dolním okně „Atribut“dvakrát klikněte na pole „pic“a vyberte obrázek, proveďte to pro každý prvek obrázku (3x).

V nabídce klikněte na „Nástroje> Generátor písem“

• Vytvořte písmo, které bude používáno k zobrazení času, teploty a vlhkosti, a nastavte název jako „MyFont1“
• Na dotaz „Přidat vygenerované písmo?“Klikněte na „Generovat písmo“a někam jej uložte. klikněte na Ano.
• Zavřete dialogové okno a vygenerované písmo se zobrazí v dolní části pod záložkou "Fonty" s ID 0
• Z panelu nástrojů vlevo přetáhněte 3x „text“, umístěte jej tam, kde bude zobrazovat data
• Pro každý textový prvek nastavený v pravém dolním okně „Atributy“, písmo na 0 <ID písma, které jste vygenerovali dříve, můžete použít více písem a nastavit ID pro každý textový prvek
• Výchozí textovou hodnotu můžete nastavit v poli „txt“, například „Čas“, „C“, „%
• Barvu můžete nastavit kliknutím na pole „pco“Všimněte si, že každý textový prvek má určitý název objektu jako „t0“atd., Toto bude později použito ve Visuinu
• Název každého objektu najdete pod oknem „atributy“> objname

Když umístíte a umístíte všechny prvky:

• klikněte na tlačítko „Zkompilovat“
• klikněte na nabídku „Soubor“> „Otevřít složku sestavení“, najděte soubor v našem případě „Weather.tft“a zkopírujte jej na kartu SD.

Krok 3: Okruh

• Připojte pin Arduino [5v] k desce kladného pólu [červený]
• Připojte pin Arduino [GND] k desce Negativní pin [modrý]
• Připojte pin senzoru DHT11 [-] ke kolíku Arduino [GND]
• Připojte pin senzoru DHT11 [-] ke kladnému kolíku na desce [červená]
• Připojte signální pin [S] snímače DHT11 k digitálnímu pinu Arduino [7]
• Připojte pin modulu DS1307 Time [Vcc] k kladnému kolíku na desce [červený]
• Připojte pin modulu DS1307 Time [GND] k zápornému pinu na prkénku [modrý]
• Připojte pin modulu DS1307 Time [SDA] k pinu Arduino [SDA]
• Připojte pin modulu DS1307 Time [SCL] k pinu Arduino [SCL]
• Připojte pin displeje Nextion [VCC] k kladnému kolíku na desce [červená]
• Připojte pin displeje Nextion [GND] k zápornému pinu na prkénku [modrý]
• Připojte pin displeje Nextion [RX] ke kolíku Arduino [TX]
• Připojte pin displeje Nextion [TX] ke kolíku Arduino [RX]

Krok 4: Spusťte Visuino a vyberte typ desky Arduino UNO

Chcete -li začít programovat Arduino, budete muset mít nainstalované Arduino IDE zde:

Uvědomte si prosím, že v Arduino IDE 1.6.6 jsou některé kritické chyby. Ujistěte se, že instalujete 1.6.7 nebo vyšší, jinak tento Instructable nebude fungovat! Pokud jste tak neučinili, postupujte podle pokynů v tomto Instructable pro nastavení Arduino IDE pro programování Arduino UNO! Je také třeba nainstalovat Visuino: https://www.visuino.eu. Spusťte Visuino, jak je znázorněno na prvním obrázku Klikněte na tlačítko „Nástroje“na komponentě Arduino (obrázek 1) ve Visuinu Když se zobrazí dialogové okno, vyberte „Arduino UNO“, jak je znázorněno na obrázku 2

Krok 5: Ve Visuinu přidejte komponenty

1. Přidejte komponentu „Start“
2. Přidejte komponentu „Real Time Clock (RTC) DS 1307“
3. Přidejte komponentu „Generátor hodin“
4. Přidejte komponentu „Vlhkost a teploměr DHT11“
5. Přidejte 2x komponentu „Analog to text“
6. Přidejte komponentu „Decode (Split) datetime“
7. Přidejte komponentu „Nextion Display“

Krok 6: V komponentách sady Visuino

Poklepejte na komponentu „RealTimeClock1“, otevře se okno s prvky a:

• Přetáhněte „Nastavit den“a v okně vlastností nastavte „Hodnota“na aktuální datum
• Přetáhněte „Nastavit rok“a v okně vlastností nastavte „Hodnotu“na aktuální rok
• Přetáhněte „Nastavit měsíc“a v okně vlastností nastavte „Hodnota“na aktuální měsíc
• Přetáhněte „Nastavit hodinu“a v okně vlastností nastavte „Hodnota“na aktuální hodinu
• Přetáhněte „Nastavit minutu“a v okně vlastností nastavte „Hodnotu“na aktuální minuty

Vyberte komponentu „FormattedText1“a v okně vlastností nastavte „text“na:%0:%1:%2

Poklepejte na komponentu „FormattedText1“, otevře se okno s prvky a:

Přetáhněte 3x „Textový prvek“doleva

Poklepejte na komponentu „DisplayNextion1“, otevře se okno s prvky a:

Přetáhněte 3x prvek „Text“doleva a pro každou sadu prvků:

• pro první název prvku: Čas
• pro druhý prvek pojmenujte: Teplota
• pro třetí prvek to pojmenujte: Vlhkost
• Pro každou sadu prvků „Index stránky“: 0
• pro první sadu prvků „Název prvku“: t0 (toto je název, který je viditelný v editoru Nextion nad každým prvkem, v mém případě jeho t0)
• pro druhou sadu prvků „Název prvku“: t1 (toto je název, který je viditelný v editoru Nextion nad každým prvkem, v mém případě jeho t1)
• pro druhou sadu prvků „Název prvku“: t2 (toto je název, který je viditelný v editoru Nextion nad každým prvkem, v mém případě jeho t2)

Krok 7: V komponentách Visuino Connect

• Připojte pin „Start1“„Out“k „RealTimeClock1“> „Nastavit pin“hodin „Day1“
• Připojte pin „Start1“„Out“k „RealTimeClock1“> „Pin Hour1“pin „Hodiny“
• Připojte pin „Start1“„Out“k „RealTimeClock1“> „Nastavit rok1“pinem „Hodiny“
• Připojte pin „Start1“„Out“k „RealTimeClock1“> „Nastavit hodinku“Nastavit měsíc 1 „
• Připojte pin „Start1“„Out“ke kolíku „RealTimeClock1“> „Nastavit minutu1“„Hodiny“
• Připojte komponentní pin „RealTimeClock1“[ven] ke kolíku „DecodeDateTime1“[vstup]
• Připojte komponentní pin „RealTimeClock1“[ovládání] ke kolíku I2C desky Arduino [In]
• Připojte komponentní kolík „ClockGenerator1“[Out] ke komponentnímu pinu „HumidityThermometer1“[Hodiny]
• Připojte komponentu „DecodeDateTime1“ke kolíku [hodina] ke kolíku „FormattedText1“> „Textelement1“[In]
• Připojte komponentu „DecodeDateTime1“ke kolíku [hodina] ke kolíku „FormattedText1“> „Textelement2“[In]
• Připojte komponentu „DecodeDateTime1“ke kolíku [Hodina] ke kolíku „FormattedText1“> „Textelement3“[V]
• Připojte komponentní kolík „HumidityThermometer1“[Teplota] ke komponentnímu kolíku „AnalogToText1“[Vstup]
• Připojte komponentní kolík „HumidityThermometer1“[Vlhkost] ke komponentnímu kolíku „AnalogToText2“[Vstup]
• Připojte pin komponentu „HumidityThermometer1“[senzor] k digitálnímu pinu desky Arduino [7]
• Připojte komponentní kolík „FormattedText1“[Výstup] ke komponentnímu kolíku „DisplayNextion1“Čas [Vstup]
• Připojte komponentní kolík „AnalogToText1“[ven] ke kolíku komponentního prvku „DisplayNextion1“Teplota [vstup]
• Připojte komponentní kolík „AnalogToText2“[ven] ke komponentnímu kolíku „DisplayNextion1“Vlhkost [vstup]

Připojte pin „DisplayNextion1“[Out] k arduino desce „Serial [0]“pin [In]

Krok 8: Zkopírujte soubor Nextion na kartu SD

Ujistěte se, že máte na kartě SD soubor Nextion

• VYPNĚTE displej Nextion
• Vložte kartu SD do displeje Nextion
• Zapněte displej Nextion a měli byste vidět průběh aktualizace displeje Nextion
• VYPNĚTE displej Nextion
• Vyjměte kartu SD z displeje Nextion

Nyní je displej Nextion připraven.

Krok 9: Generujte, kompilujte a nahrajte kód Arduino

Ve Visuinu vygenerujte kód Arduino stisknutím klávesy F9 nebo kliknutím na tlačítko zobrazené na obrázku 1 a otevřete Arduino IDE V Arduino IDE klikněte na tlačítko Nahrát a zkompilujte a nahrajte kód (obrázek 2) Poznámka:

Ujistěte se, že při odesílání kódu do Arduina odpojíte pin Arduino [RX] a pin Arduino [TX] Po dokončení nahrávání připojte zpět pin Arduino [RX] a pin Arduino [TX]

Krok 10: Hrajte

Pokud napájíte modul Arduino UNO, displej začne zobrazovat aktuální úroveň teploty a vlhkosti + čas, který jste nastavili ve Visuinu. Gratulujeme! Dokončili jste svůj projekt meteorologické stanice s Visuino.

Také je připojen projekt Visuino, který jsem vytvořil pro tento Instructable Můžete si jej stáhnout a otevřít ve Visuinu:

a

Nextion File for Nextion Editor (Weather. HMI) a zkompilovaný soubor Nextion (Weather.tft), který můžete zkopírovat přímo na displej Nextion.

Krok 11: Zdroje

Můžete se také podívat na tento úžasný výukový program a naučit se pracovat s Nextion Displays