Nextion Ekranlı ve Arduinolu DIY Hava İstasyonu: 11 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:18

Bu eğitimde, geçerli saati, sıcaklığı ve nemi görüntülemek için Nextion ekranı, rtc1307 zaman modülü, Arduino UNO ve Visuino kullanacağız.

Bir tanıtım videosu izleyin.

Adım 1: Neye İhtiyacınız Olacak?

• Arduino uno (veya nano, mega herkes kullanılabilir)
• Nextion lcd 2.8 inç nx3224t028_011(başka bir nextion lcd de çalışır)
• I2C RTC DS1307 24C32 Arduino için Gerçek Zamanlı Saat Modülü
• Atlama telleri
• ekmek tahtası
• Visuino programı: Visuino'yu indirin
• Nextion Editor programı: Buradan indirin

Adım 2: Nextion Editor'da Arayüz Geliştirme

Önce SD kartın FAT32'de biçimlendirildiğinden emin olun (Kart biçimlendirici gibi bir yazılım kullanın)

• Nextion Editor yazılımını başlatın ve "Yeni" ye tıklayın ve projenizi "Hava Durumu" gibi bir şeye kaydedin
• Ardından "Ayarlar" İletişim Kutusu görüntülenecektir, sahip olduğunuz Ekran türünü seçin.
• Boş bir beyaz sayfa oluşturulacaktır.
• Soldaki Araç Kutusundan 3x resmi sürükleyin.
• Sol altta "Resim" sekmesini seçin, + düğmesine tıklayın ve resimleri yükleyin. Zaman, sıcaklık ve nem için internetten bazı güzel simgeler indirebilirsiniz (Iconarchive web sitesi gibi)
• Her bir Resim öğesini seçin ve sağ alttaki "Öznitelik" penceresinde "resim" alanına çift tıklayın ve resmi seçin, bunu her resim öğesi (3x) için yapın.

Menüde "Araçlar>Yazı tipi oluşturucu" seçeneğine tıklayın

• Zaman, sıcaklık ve nemi görüntülemek için kullanılacak yazı tipini oluşturun ve adı "MyFont1" gibi ayarlayın.
• "Yazı Tipi Oluştur" u tıklayın ve "Oluşturulan yazı tipi eklensin mi?" sorulduğunda bir yere kaydedin. Evet'i tıklayın.
• İletişim kutusunu kapatın ve oluşturulan yazı tipi, ID 0 ile "Yazı Tipleri" sekmesinin altında soldaki düğmede görünecektir.
• Soldaki Araç Kutusundan 3x "metin" sürükleyin, verileri göstereceği yere yerleştirin
• Sağ alt "Nitelikler" penceresinde ayarlanan her metin öğesi için, yazı tipi 0 < daha önce oluşturduğunuz yazı tipinin kimliği, birden çok yazı tipi kullanabilir ve her metin öğesi için kimliği ayarlayabilirsiniz.
• Varsayılan metin değerini "txt" alanı altında ayarlayabilirsiniz, örneğin "Zaman", "C", "%
• Rengi "pco" alanına tıklayarak ayarlayabilirsiniz Her metin öğesinin "t0" vb. gibi belirli bir nesne adına sahip olduğuna dikkat edin, bu daha sonra Visuino'da kullanılacaktır.
• Her nesne adını "attributes" penceresi>objname altında bulabilirsiniz.

Tüm öğeleri yerleştirip konumlandırdığınızda:

• "Derle" düğmesine tıklayın
• "Dosya" > "Yapı Klasörünü Aç" menüsüne tıklayın, bizim durumumuzdaki "Weather.tft" dosyasını bulun ve SD karta kopyalayın.

Adım 3: Devre

• Arduino pinini [5v] breadboard'a bağlayın Pozitif pin [Kırmızı]
• Arduino pinini [GND] devre tahtasına Negatif pin [Mavi] bağlayın
• DHT11 sensör pimini [-] Arduino pimine [GND] bağlayın
• DHT11 sensör pimini [-] devre tahtası pozitif pimine [Kırmızı] bağlayın
• DHT11 sensör sinyal pimini [S] Arduino dijital pimine [7] bağlayın
• Time DS1307 modül pinini [Vcc] devre tahtası pozitif pinine [Kırmızı] bağlayın
• Time DS1307 modül pinini [GND] devre tahtası negatif pinini [Mavi]'ye bağlayın
• Time DS1307 modül pinini [SDA] Arduino pinine [SDA] bağlayın
• Time DS1307 modül pinini [SCL] Arduino pinine [SCL] bağlayın
• Nextion Ekran pinini [VCC] breadboard pozitif pinine [Kırmızı] bağlayın
• Nextion Ekran pinini [GND] breadboard negatif pinine [Mavi] bağlayın
• Nextion Ekran pinini [RX] Arduino pinine [TX] bağlayın
• Nextion Ekran pinini [TX] Arduino pinine [RX] bağlayın

Adım 4: Visuino'yu başlatın ve Arduino UNO Board Type'ı seçin

Arduino'yu programlamaya başlamak için, buradan Arduino IDE'nin kurulu olması gerekir:

Arduino IDE 1.6.6'da bazı kritik hatalar olduğunu lütfen unutmayın. 1.6.7 veya üstünü yüklediğinizden emin olun, aksi takdirde bu Talimat çalışmayacaktır! Yapmadıysanız, Arduino IDE'yi Arduino UNO'yu programlamak için ayarlamak için bu Talimattaki adımları izleyin! Visuino: https://www.visuino.eu da kurulmalıdır. İlk resimde gösterildiği gibi Visuino'yu başlatın Visuino'da Arduino bileşenindeki (Resim 1) "Tools" düğmesine tıklayın (Resim 1) Diyalog göründüğünde, Resim 2'de gösterildiği gibi "Arduino UNO"yu seçin

Adım 5: Visuino'da Bileşen Ekleme

1. "Başlat" bileşeni ekle
2. "Gerçek Zamanlı Saat (RTC) DS 1307" bileşenini ekleyin
3. "Saat Oluşturucu" bileşenini ekleyin
4. "Nem ve Termometre DHT11" bileşenini ekleyin
5. 2x "Metne analog" bileşeni ekleyin
6. "Decode (Split) datetime" bileşenini ekleyin
7. "Nextion Display" bileşenini ekleyin

Adım 6: Visuino Set Bileşenlerinde

"RealTimeClock1" bileşenine çift tıklayın, elemanlar penceresi açılacak ve:

• "Günü Ayarla"yı sürükleyin ve özellikler penceresinin altında "Değer"i geçerli tarihinize ayarlayın
• "Yılı Ayarla"yı sürükleyin ve özellikler penceresinin altında "Değer"i mevcut yılınıza ayarlayın
• "Ayı Ayarla"yı sürükleyin ve özellikler penceresinin altında "Değer"i geçerli aya ayarlayın
• "Saati Ayarla"yı sürükleyin ve özellikler penceresinin altında "Değer"i mevcut saatinize ayarlayın
• "Dakikayı ayarla"yı sürükleyin ve özellikler penceresinin altında "Değer"i mevcut dakikalarınıza ayarlayın

"FormattedText1" bileşenini seçin ve özellikler penceresinin altında "text" değerini %0:%1:%2 olarak ayarlayın

"FormattedText1" bileşenine çift tıklayın, elementler penceresi açılacak ve:

3x "Metin Öğesini" sola sürükleyin

"DisplayNextion1" bileşenine çift tıklayın, elemanlar penceresi açılacak ve:

3x "Metin" öğesini sola sürükleyin ve her bir öğe kümesi için:

• ilk öğe olarak adlandırın: Zaman
• ikinci eleman olarak adlandırın: Sıcaklık
• üçüncü element olarak adlandırın: Nem
• "Sayfa dizini" kümesindeki her öğe için: 0
• ilk eleman seti için "Element adı": t0 (bu benim durumumda t0'daki her bir elemanın üzerinde Nextion editöründe görünen isimdir)
• ikinci eleman seti için "Element adı": t1 (bu benim durumumda t1'deki her bir elemanın üzerinde Nextion editöründe görünen isimdir)
• ikinci eleman seti için "Element adı": t2 (bu benim durumumda t2'deki her bir elemanın üzerinde Nextion editöründe görünen isimdir)

Adım 7: Visuino Connect Bileşenlerinde

• "Start1" pin "Out"u "RealTimeClock1" > "Set Day1" pin "Clock"a bağlayın
• "Start1" pin "Out"'u "RealTimeClock1" > "Set Hour1" pin "Clock"a bağlayın
• "Start1" pini "Out"u "RealTimeClock1" > "Set Year1" pini "Clock"a bağlayın
• "Başlangıç1" pini "Çıkış"ı "RealTimeClock1" > "Ay1 Ayarla" pini "Saat"e bağlayın
• "Başlat1" pini "Çıkış"ı "RealTimeClock1" > "Dakika1 Ayarla" pini "Saat"e bağlayın
• "RealTimeClock1" bileşen pini [Out]'u "DecodeDateTime1" pini [In]'e bağlayın
• "RealTimeClock1" bileşen pimini [Kontrol] Arduino kartı I2C pimine [Giriş] bağlayın
• "ClockGenerator1" bileşen pinini [Out] "HumidityThermometer1" bileşen pini [Clock]'a bağlayın
• "DecodeDateTime1" bileşenini [Hour]'u "FormattedText1" >"Textelement1" pini [In]'e bağlayın
• "DecodeDateTime1" bileşenini [Hour]'u "FormattedText1" >"Textelement2" pini [In]'e bağlayın
• "DecodeDateTime1" bileşenini [Hour]'u "FormattedText1" >"Textelement3" pini [In]'e bağlayın
• "HumidityThermometer1" bileşen pinini [Sıcaklık] "AnalogToText1" bileşen pinine [In] bağlayın
• "HumidityThermometer1" bileşen pinini [Nem] "AnalogToText2" bileşen pinine [In] bağlayın
• "NemTermometre1" bileşen pimini [Sensör] Arduino kartı dijital pimine [7] bağlayın
• "FormattedText1" bileşen pini [Out]'u "DisplayNextion1" bileşen pinine [In] bağlayın
• "AnalogToText1" bileşen pinini [Out] "DisplayNextion1" bileşen pini Sıcaklık [In]'e bağlayın
• "AnalogToText2" bileşen pinini [Out] "DisplayNextion1" bileşen pinine Nem [In] bağlayın

"DisplayNextion1" pin [Out]'u arduino kartı "Serial[0]" pin[In]'e bağlayın

Adım 8: Nextion Dosyasını SD Karta Kopyalayın

SD kartta Nextion dosyasının bulunduğundan emin olun.

• Nextion Ekranını KAPATIN
• SD kartı Nextion Display'e yerleştirin
• Nextion Ekranını AÇIN ve Nextion ekranını güncelleme ilerlemesini görmelisiniz
• Nextion Ekranını KAPATIN
• Nextion ekranından SD kartı çıkarın

Artık Nextion Ekranı hazır.

Adım 9: Arduino Kodunu Oluşturun, Derleyin ve Yükleyin

Visuino'da, Arduino kodunu oluşturmak için F9'a basın veya Resim 1'de gösterilen butona tıklayın ve Arduino IDE'sini açınArduino IDE'de, kodu derlemek ve yüklemek için Upload butonuna tıklayın (Resim 2)Not:

Arduino pin[RX] ve Arduino pin[TX] bağlantısını kesmek için kodu Arduino'ya yüklerken emin olun Yükleme tamamlandıktan sonra Arduino pini[RX] ve Arduino pin[TX]'i tekrar bağlayın

Adım 10: Oynat

Arduino UNO modülüne güç verirseniz, Ekran Visuino'da ayarladığınız mevcut sıcaklık ve nem seviyesi + zamanı göstermeye başlayacaktır. Tebrikler! Visuino ile Hava İstasyonu projenizi tamamladınız.

Ayrıca bu Instructable için oluşturduğum Visuino projesi ektedir. İndirip Visuino'da açabilirsiniz:

ve

Nextion Editor için Nextion Dosyası (Weather. HMI) ve doğrudan Nextion ekranınıza kopyalayabileceğiniz derlenmiş Nextion dosyası (Weather.tft).

11. Adım: Kaynaklar

Nextion Displayshttps://www.instructables.com/id/Visuino-Nextion-Lcd-Based-Acceleration-to-Angle-Di/ ile nasıl çalışacağınızı öğrenmek için bu harika öğreticiye de göz atabilirsiniz.