Glass IoT Dokunmatik Düğme: 10 Adım

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

Geçen gün dükkanın etrafına bir parça ITO camı sermiştim ve onu iyi bir şekilde kullanmayı düşündüm. ITO, İndiyum Kalay Oksit, cam yaygın olarak sıvı kristal ekranlarda, güneş pillerinde, bir uçak kokpit pencerelerinde vb. bulunur. ITO camı ile sıradan cam arasındaki fark, ITO camının üzerine yerleştirilen ince ITO matrisi nedeniyle iletken olmasıdır. camın yüzeyi. Bu proje için, ITO camını, IoT panosunu IFTTT (eğer öyleyse o zaman) kullanarak bir telefona bildirim göndermek üzere tetikleyen bir düğme olarak kullanacağız. Temel olarak, Staples'ın "Bu kolaydı" düğmesini yeniden oluşturmak istedim ancak basma düğmesi olarak cam kullandım.

Gereçler

• NodeMCU (ESP 8266 varyantı)
• Sıkıştırma yayı (1/4" x 13/32")
• Adafruit kapasitif dokunmatik tahta
• PCB kartı (2.75" x 1.25" çift taraflı)
• ITO camı (2" x 2")
• 4 farklı renkte teller (2" 22AWG katı tel)
• 1 Sarı Tel (5" 22AWG katı tel)

Aletler:

• Tel striptizci
• Tel makası
• 3D yazıcı (PLA - 1,75 mm)
• Elektrik bandı
• Sıcak tutkal
• pense
• Havya
• lehim enayi
• Lehim (Kurşunsuz)
• lehim süngeri

Adım 1: Pano Düzenini Prototipleyin

Yukarıda gösterilen düzeni kullanarak, SDA ve SCL pinlerinin NodeMCU'nun SDA ve SCL pinlerine (D2 ve D1) bağlanması gerekir. Sarı kabloyu Adafruit kapasitif devre kartındaki pim 1'e lehimleyin. Sarı telin diğer ucundaki plastik kılıfın birazını (0,5 ) çıkarın.

Tahtalar devre tahtasında olduğunda, Arduino IDE'nizi açın. >Sketch>Kütüphaneleri Yönet'e gidin ve Adafruit_MPR121'i arayın. Adafruit MPR121 by Adafruit kütüphanesini kurun. MPR 121'inizin (kapasitif devre kartı) bağlanmasıyla ilgili ayrıntılı bir açıklama için Adafruit'in kılavuzuna bakın.

Dosya >Örnekler > Adafruit_MPR121 > MPR121test.ino'ya gidin. MPR121test.ino, devre kartının NodeMCU'ya doğru şekilde bağlanıp bağlanmadığını kontrol etmeye yardımcı olacaktır. Her şey yolunda gidiyorsa, sarı kablodaki metale dokunduğunuzda, Seri Monitör "1'e dokunuldu ve serbest bırakıldı" göstermelidir. 0-11 arasındaki pedlere dokunursanız, Seri Monitör çıkışı yukarıdaki üçüncü resimdeki gibi görünmelidir.

Adım 2: Düzeni Lehimleyin

Resimlerin gösterdiği gibi, 4 kabloyu kullanarak kapasitif devre kartını NodeMCU'ya bağlayın. Basit bir kural olarak, ViN 3.3V ve GND GND bağlantıları için kırmızı ve siyah kablolar kullanın. SDA/SCL pinleri yanlış lehimlenirse, doğru şekilde yeniden lehimlenmeleri gerekecektir. Adafruit kitaplıkları ve varsayılan SDA ve SCL pinleri nedeniyle, bu Instructable'ın kodlama adımlarında pinleri daha sonra yeniden atamak neredeyse imkansızdır.

3. Adım: IFTTT'yi Ayarlama

Derin bir nefes al. Bunun ayarlanması çok uzun sürmeyecektir.

1. IFTTT web sitesine gidin.
2. Sunulan hizmetlerin arama çubuğuna gitmek için +Buna tıklayın.

3. Arama çubuğuna "web kancaları" yazın.

   • Bir kutunun içinde köşeleri yuvarlatılmış bir üçgen görmelisiniz.
   • Webhooks logosu budur
4. Kutuyu ve ardından sonraki sayfada "Bir web isteği al" kutusunu tıklayın.

Etkinlik adı için yukarıdaki üçüncü resimde gösterildiği gibi "ITO_touch" yazın. Arduino programınız için tetikleyici adı olarak bunu unutmayın.

1. "Tetikleyici Oluştur" düğmesini tıklayın.
2. +This'in Webhooks logosuyla değiştirildiği başka bir pencereye yönlendirileceksiniz.
3. +Buna tıklayın ve arama çubuğuna "Bildirimler" yazın.
4. Bir kutuda bir zil görünmelidir. "IFTTT uygulamasından zengin bir bildirim gönder" seçeneğini tıklayın.
5. Mesaj kutusundaki metni "Hey, anladınız! Başla!" gibi olumlu bir mesajla değiştirin.
6. Resim URL'si için bu gülen yüz resmini kullanın
7. "Eylem Oluştur" düğmesini ve sonraki sayfada "Bitir" düğmesini tıklayarak bitirin.

Web kancaları tetikleyicisini alma

"Eğer Maker Event "ITO_touch" metniyle birlikte Resim #5 ile aynı ekranda olmalısınız (Web kancalarını ve Bildirim simgesini gösterir), ardından IFTTT uygulamasından zengin bir bildirim gönderin. Değilse, ana sayfa sekmesine ve ardından yukarıda belirtilen metnin bulunduğu kutuya tıklayın.

1. Webhooks logosuna tıklayın.
2. Logo sizi Webhooks sayfasına götürecektir (yukarıdaki resimlerde gösterilmiştir)
3. Webhooks sayfasının sağ üst köşesindeki belgeler düğmesini tıklayın
4. Web kancaları için anahtarınızı gösterecek başka bir sayfaya yönlendirileceksiniz
5. Arduino programı için gerekli olduğundan bu anahtarı güvenli bir yere kopyalayıp yapıştırın

Pekala! Wifi ve şifrenizin yanı sıra bir sonraki adımda Arduino programı kullanıma hazır.

Adım 4: NodeMCU'nun Programlanması

Tamam, sadece şu dört alanı arayın:

• const karakter* ssid
• const karakter* şifre
• karakter OluşturucuIFTTT_Key
• karakter OluşturucuIFTTT_Event

Webhooks anahtarı MakerIFTTT_Key'e atanmalı ve Webhooks tetikleyici adı ("ITO_touch") MakerIFTTT_Event'e atanmalıdır. SSID ve Şifre, IoT'nin bağlanacağı Wifi yönlendirici içindir.

Kartı bilgisayara bağlayın ve kodu yükleyin. Her şey yolundaysa, yukarıdaki resimde gösterilen aşağıdaki mesajlar Seri Monitörde görünmelidir.

Adım 5: Telefon Bildirimlerini Alın

IFTTT uygulamasını iOS uygulamasından veya Android mağazasından indirin. Giriş yaptıktan sonra, ana ekranda az önce yaptığımız uygulamayı görmelisiniz. Yazılımsal olarak her şeyi denemek için, sarı kabloya dokunulursa, gösterildiği gibi telefonda bir bildirim görünmelidir.

6. Adım: Kasayı ve Cam Çerçeveyi 3B Bastırın

Adım 7: Kasayı Birleştirin

Kasa montajı

Elektroniği yuvaya yerleştirin ve biraz sıcak tutkalla yapıştırın. Kartı kasaya takmadan önce sarı kablonun delikten geçtiğinden emin olun. Çıkıntılı tel ile (şu anda ilk resimde sarılı olarak gösterilmektedir), sarı telin plastik kılıfını çıkararak metali açığa çıkarın. Sıkıştırmayı kasanın dikdörtgen yuvasına yerleştirmenin şimdi tam zamanı.

**MicroUSB, yan yuva deliğinden görülebilmelidir!

Çerçeve montajı

• Üst rayı sol ve sağ raylara takın (üst ve alt rayların yanlarında dışa doğru çentikler, sağda ve solda ise içe doğru olmalıdır).
• Şimdi camın hangi tarafının iletken olduğunu görmek için iyi bir zaman olurdu. Bir multimetre kullanarak sürekliliği kontrol etmek için bu kılavuzu takip ettim
• Camı rayların üzerine kaydırın.
• Uç rayı çerçeveye yerleştirin. Her şeyi güvenli bir şekilde sabitlemek için derzlerde sıcak tutkal kullanın.

Adım 8: Yapıyı Bitirmek

Kartı bilgisayara bağlarken, çerçeveyi iletken cam açıktaki tel ile temas edecek ve yarım daire yayı çevreleyecek şekilde yerleştirin. Duvar panelini kasaya yapıştırın. Artık işiniz bitti! Her şey doğru bir şekilde monte edildiyse, seviyenin yaylı tarafına bastığınızda bir telefon bildirimi almalısınız. Değilse, kılıfsız metalin cama temas etmediğini kontrol edin. Çerçeveye bastırmadığınız sürece tel normalde cama değmelidir.

9. Adım: Neler Oluyor

Cam çerçevenin yaylı tarafını aşağı bastırarak çerçeve hafifçe dönerek ITO camını telden ayırır. Ara panosu, mantığı anlamak için bu bilgiyi IoT'ye gönderir. IoT, camın artık tele dokunmadığını algılar ve Web kancaları aracılığıyla bir web isteği yapar. IFTTT mantığı daha sonra isteği alır ve doğru gönderilirse bildirim eylemini yürütür. Bu, telefondaki IFTTT uygulamasına bir anında iletme bildirimi oluşturmasını söyler.

Adım 10: Tamamlandı

Sırtını sıvazla, çünkü sonuna kadar başardın! Gösterilen adımlardan herhangi birinde yardıma ihtiyacınız varsa aşağıya yorum yapın