IoT Emoji Sign: 9 Langkah (dengan Gambar)

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56

Instruksi ini menunjukkan cara menggunakan ESP8266 dan beberapa NeoPixels untuk membuat Tanda Emoji IoT.

Langkah 1: Persiapan

Papan pengembang ESP8266

Papan ESP8266 apa pun harus baik-baik saja. Kali ini saya menggunakan WeMos D1 Mini Pro, ini adalah dev board terkecil dan tertipis yang bisa saya temukan. Jika Anda ingin portabel, pilih papan dengan dukungan Lipo.

NeoPixel

Proyek ini menggunakan perpustakaan Arduino Adafruit_NeoPixel, semua chip LED yang kompatibel tidak masalah, seperti WS2812, WS2812B, SK6812, SK6812mini … dll.

Kali ini saya menggunakan 64 chip LED SK6812mini untuk membuat panel matriks kecil berukuran 8x8. Tetapi pekerjaan menyolder bukanlah pekerjaan utama dari proyek ini, Anda dapat menggunakan strip LED untuk mempermudah pekerjaan atau bahkan langsung membeli Matrix LED NeoPixel 8x8;>

Tanda Berdiri

Kali ini saya menggunakan kabel tabung fleksibel logam micro USB sebagai tanda berdiri.

Langkah 2: Opsional: Pencetakan & Perakitan 3D

Jika Anda hanya membeli Matrix LED NeoPixel 8x8, Anda dapat melewati langkah ini.

1. Cetak 3D kasing:
2. Pasang chip SK6812mini dalam arah Zigzag
3. Pekerjaan menyolder
4. Gunakan lem panas untuk menyegel sirkuit
5. Hubungkan pin power dan pin sinyal (SK6812 Din ke ESP8266 pin 4 / D2) ke papan dev ESP8266
6. Persetan
7. Pasang kabel USB

Langkah 3: Persiapan Perangkat Lunak

Arduino IDE

Jika Anda belum menginstal Arduino IDE, silakan unduh dan instal dari situs resmi:

www.arduino.cc/en/main/software

Dukungan ESP8266

Jika Anda belum menginstal dukungan Arduino ESP8266, silakan ikuti langkah-langkah di bagian "Arduino pada ESP8266":

github.com/esp8266/Arduino

Perpustakaan Arduino

Gunakan Arduino Library, instal 3 perpustakaan tergantung:

• Manajer WiFi
• ArduinoWebSocket
• Adafruit_NeoPixel

Langkah 4: Unduh Kode Sumber

Silakan unduh kode sumber saya di sini:

github.com/moononournation/IoT-Emoji-Sign

Langkah 5: Emoji 8x8

Proyek ini memerlukan beberapa emoji 8x8 piksel, saya google dan mendapatkan satu set sederhana dari tweet Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Kemudian saya mengubah ukuran gambar dan menggunakan base64decode.org mengonversi ke string yang disandikan base64 untuk menyematkannya ke dalam HTML.

Anda dapat menemukan gambar yang diubah ukurannya di: src/emojis.png

Langkah 6: UI HTML sederhana

Saya telah membuat skrip HTML yang sangat sederhana untuk memilih emoji dan kemudian mentransfer piksel ke ESP8266 dengan protokol Web Socket dalam format biner.

Kemudian saya menggunakan html-minifier yang dikonversi menjadi string satu baris panjang untuk menanamkannya ke dalam kode Arduino.

Anda dapat menemukan file HTML di: src/index.html

Langkah 7: Program Arduino

1. Hubungkan papan dev ESP8266 ke komputer
2. Buka Arduino IDE
3. Pilih papan yang benar di menu Alat
4. Tekan tombol Unggah

Langkah 8: Siapkan & Mainkan

Silakan lihat demo video untuk detail penyiapan dan pemutaran.

Berikut ringkasannya:

1. Pasang Tanda Emoji IoT

2. Atur WiFi (hanya pertama kali)

   1. Gunakan pencarian seluler Anda dan sambungkan ke AP "esp-emoji"
   2. Acara Portal Tawanan WiFiManager
   3. Tekan tombol "Konfigurasikan WiFi"
   4. Pilih AP Anda
   5. Isi kata sandi AP
   6. Tekan tombol "Simpan"
   7. ESP8266 restart otomatis
3. ESP8266 otomatis terhubung ke AP Anda
4. Gunakan penelusuran seluler Anda ke "esp-emoji.local"
5. Pilih Emoji dan Mainkan!

Ref.:

Langkah 9: Selamat Tanda Tangan

Set Emoji dari tweet Justin Cyr hanyalah contoh sederhana, Anda dapat menyiapkan set Emoji 8x8 Anda sendiri dan menunjukkan tanda tangan Anda!

Runner Up di Kontes Arduino 2019