IoT Notifier Menggunakan ESP-12E: 7 Langkah (dengan Gambar)

2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-23 14:49

Terjebak di rumah jauh dari orang yang Anda cintai? Selama masa sulit ini, proyek kecil yang menyenangkan ini pasti akan mencoba membuat Anda tersenyum.

Dalam Instructable ini, saya akan menunjukkan cara menampilkan notifikasi dari ponsel Anda dalam bentuk animasi di Notifier.

Mari kita mulai

Perlengkapan

Modul WiFi ESP12E x1

WS2812B LED x27

Pengatur Tegangan AMS1117 3.3V x1

10k SMD (0805) Resistor x4

100nF SMD (0805) Resistor x1

NodeMCU untuk pemrograman ESP12E

Langkah 1: Rencana

Rencananya adalah menggunakan IFTTT (If This Then That) untuk memindai peristiwa tertentu yang terjadi di ponsel yang kemudian memicu permintaan web. Dweet digunakan untuk mempublikasikan data dari IFTTT dan kemudian mendapatkan data yang sama menggunakan ESP12E.

Ketika saya memulai proyek ini, idenya adalah membuat pemberitahuan yang memberi tahu saya jika ada pesan, panggilan, dll. dari orang tertentu. Tetapi kemudian saya menyadari bahwa lebih banyak lagi yang dapat dilakukan dengan menggunakan IFTTT. Jadi, saya memutuskan untuk menambahkan notifikasi seperti baterai lemah, widget tombol, dan Twitter. Anda dapat menambahkan lebih banyak acara dari IFTTT.

Langkah 2: Bagaimana Cara Kerjanya?

JIKA suatu peristiwa (pesan, baterai lemah, panggilan, dll.) terjadi, MAKA permintaan web dibuat ke Dweet dan "memposting" data dalam bentuk JSON.

Misalnya, jika baterai turun di bawah 15%, sebuah peristiwa dipicu yang membuat permintaan web ke https://dweet.io/dweet/for/mythingname?Noti=batt. Ini menambahkan "Noti":"batt" ke kode JSON. Noti adalah 'kunci' dan batt adalah 'nilainya'.

ESP12E kemudian terhubung ke Dweet dan "mendapatkan" data yang dipublikasikan menggunakan https://dweet.io/get/latest/dweet/for/mythingname dan mem-parsing JSON di atas untuk memeriksa nilai "Noti". Setiap peristiwa diberi nilai yang berbeda dan inilah cara ESP12E mengetahui peristiwa mana yang telah dipicu.

ESP-12E kemudian menampilkan animasi terus menerus sampai Anda menekan tombol di belakang.

Langkah 3: Menyiapkan IFTTT dan Dweet

Menyiapkan Dweet:

• Anda hanya perlu memikirkan nama untuk sesuatu.
• Untuk memeriksa apakah itu tersedia, ketik
• Jika Anda mendapatkan respons seperti yang ditunjukkan pada gambar, maka itu tersedia.

Menyiapkan Applet IFTTT:

• Kunjungi IFTTT dan buat akun
• Klik "Jelajahi" dan kemudian "Buat Applet Anda sendiri dari awal"
• Klik "Ini" dan pilih "Baterai Android" dari daftar
• Pilih pemicu - "Baterai turun di bawah 15%"
• Klik "Itu" dan pilih "Webhooks" dari daftar
• Pilih tindakan - "Buat permintaan web"
• URL -
• Metode - POST
• Jenis konten - teks/polos
• Klik "Buat Tindakan"

Unduh aplikasi IFTTT Android/iOS dan masuk ke akun Anda. Aplikasi akan secara otomatis meminta Anda untuk mengizinkan akses ke berbagai layanan tergantung pada applet yang dibuat. Lain, Anda harus memberikan izin secara manual.

Di aplikasi, buka Pengaturan> Opsi sinkronisasi dan aktifkan "Jalankan Lokasi, Baterai Android, dan koneksi WiFi lebih cepat".

Demikian pula, Anda membuat banyak applet. Ubah saja bagian URL yang dicetak tebal

Baterai Android - batt

Twitter - twitter

Tombol - tombol

Langkah 4: Perancangan PCB

Anda dapat menggunakan perangkat lunak apa pun yang Anda suka untuk mendesain PCB. Saya menggunakan EasyEDA karena cocok untuk pemula seperti saya. Saya telah melampirkan skema. Klik di sini untuk mengunduh file Gerber untuk PCB.

Pastikan tidak ada ground plane di bawah antena WiFi modul ESP-12E.

Untuk tujuan pemrograman, bantalan disediakan untuk TX, RX, RST, D3 dan GND.

Setelah Anda selesai mendesain PCB, buatlah dari pabrikan pilihan Anda. Saya memilih JLCPCB karena layanannya yang cepat.

Saya menyolder 27 LED menggunakan solder reflow menggunakan besi kain. Saya harus menyolder modul ESP-12E serta beberapa komponen SMD lainnya di bagian belakang papan.

Kesalahan yang saya lakukan:

1. Saya tidak memeriksa skema dan melewatkan koneksi GND ke LED. Saya harus mengikis topeng solder di atas denah tanah dan menjembatani sambungan solder.
2. Saya tidak menambahkan kapasitor 100nF pada output regulator tegangan. ESP-12E menarik lebih banyak arus saat terhubung ke WiFi. Dengan tidak adanya kapasitor, tegangan turun cukup untuk mereset ESP-12E.

Jangan khawatir! Saya telah mengunggah file yang diperbaiki untuk PCB.

Langkah 5: Saatnya Coding

Ada beberapa cara di mana ESP-12E dapat diprogram. Anda dapat membacanya di sini. Saya akan menggunakan NodeMCU untuk memprogramnya dan itulah mengapa saya membuat bantalan untuk RX, TX, RST, D3 dan GND. Pastikan papan dinyalakan (dengan 5V) sehingga 3.3V tersedia untuk ESP-12E. Lakukan koneksi ke NodeMCU seperti yang tertera pada papan. Hubungkan pin EN (Enable) dari NodeMCU ke GND. Ini menonaktifkan modul di NodeMCU sehingga modul di papan kami dapat diprogram. Hubungkan NodeMCU ke komputer Anda dan buka file.ino terlampir di sini.

Sebelum Anda mengunggah, buat perubahan berikut:

1. Masukkan SSID WiFi Anda
2. Masukkan kata sandi WiFi Anda
3. Masukkan nama 'benda' dweet unik Anda.

Instal perpustakaan ArduinoJson dan FastLED dari manajer perpustakaan.

Catatan: Pilih versi yang lebih rendah (5.13.5) saat menginstal ArduinoJson.

Pilih Papan>NodeMCU 1.0 dan tekan Unggah!

Langkah 6: Pencetakan 3D

Tidak ada yang mewah di sini. Hanya stand sederhana dengan tubuh berbentuk hati.

Dudukan berisi saluran dari mana kabel USB bergerak dari dasar ke papan. Saya telah merancang bodi utama sedemikian rupa sehingga cocok untuk gesekan.

Saya masih berusaha memperbaiki desain. Saya akan memperbarui file setelah saya selesai dengan itu.

Langkah 7: Nikmati

Colokkan ke pengisi daya ponsel dan jangan pernah melewatkan pemberitahuan!

Terima kasih telah bertahan sampai akhir. Semoga Anda semua menyukai proyek ini dan belajar sesuatu yang baru hari ini. Beri tahu saya jika Anda membuatnya sendiri. Berlangganan ke saluran YouTube saya untuk lebih banyak proyek serupa. Terima kasih sekali lagi!

Juara Kedua dalam Lomba Hati